@equinor/amplify-component-lib 10.3.0 → 10.5.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 (102) hide show
  1. package/dist/atoms/hooks/useLocalStorage.d.ts +2 -2
  2. package/dist/atoms/hooks/useSelect.d.ts +3 -3
  3. package/dist/atoms/hooks/useSelect.js +1 -1
  4. package/dist/atoms/index.d.ts +1 -0
  5. package/dist/atoms/index.js +1 -1
  6. package/dist/atoms/style/darkTokens.js +36 -26
  7. package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.js +1 -1
  8. package/dist/index.d.ts +8 -4
  9. package/dist/index.js +1 -1
  10. package/dist/molecules/ApplicationIcon/ApplicationIcon.d.ts +1 -1
  11. package/dist/molecules/ApplicationIcon/ApplicationIcon.js +1 -1
  12. package/dist/molecules/ApplicationIcon/ApplicationIconCollection.js +1 -1
  13. package/dist/molecules/ApplicationIcon/Icons/JsCalendar.js +1 -0
  14. package/dist/molecules/Banner/Banner.d.ts +1 -0
  15. package/dist/molecules/Banner/Banner.js +1 -1
  16. package/dist/molecules/Banner/Banner.styles.js +9 -6
  17. package/dist/molecules/Banner/Banner.utils.js +1 -1
  18. package/dist/molecules/Chip/Chip.d.ts +2 -2
  19. package/dist/molecules/DatePicker/DatePicker.d.ts +3 -3
  20. package/dist/molecules/DateRangePicker/DateRangePicker.d.ts +3 -3
  21. package/dist/molecules/Dialog/Dialog.d.ts +2 -2
  22. package/dist/molecules/EquinorLogo/EquinorLogo.d.ts +2 -2
  23. package/dist/molecules/IconCell/IconCell.d.ts +2 -2
  24. package/dist/molecules/InformationalNotice/InformationalNotice.d.ts +11 -0
  25. package/dist/molecules/InformationalNotice/InformationalNotice.js +1 -0
  26. package/dist/molecules/InformationalNotice/InformationalNotice.styles.js +9 -0
  27. package/dist/molecules/InformationalNotice/InformationalNotice.utils.js +1 -0
  28. package/dist/molecules/ListItem/ListItem.d.ts +2 -2
  29. package/dist/molecules/ListItem/ListItem.js +1 -1
  30. package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts +2 -2
  31. package/dist/molecules/RichTextEditor/MenuBar/MenuBar.d.ts +6 -6
  32. package/dist/molecules/RichTextEditor/index.d.ts +6 -6
  33. package/dist/molecules/Select/AddTagItem.js +1 -1
  34. package/dist/molecules/Select/ComboBox/ComboBox.d.ts +3 -4
  35. package/dist/molecules/Select/DynamicMenuItem.js +1 -0
  36. package/dist/molecules/Select/GroupedSelectMenu.js +1 -1
  37. package/dist/molecules/Select/GroupedSelectPersistent.js +1 -0
  38. package/dist/molecules/Select/ListSelectMenu.js +1 -1
  39. package/dist/molecules/Select/ListSelectPersistent.js +1 -0
  40. package/dist/molecules/Select/PersistentComboBox/PersistentComboBox.d.ts +23 -0
  41. package/dist/molecules/Select/PersistentComboBox/PersistentComboBox.js +1 -0
  42. package/dist/molecules/Select/SearchBar.js +1 -0
  43. package/dist/molecules/Select/Select.d.ts +2 -2
  44. package/dist/molecules/Select/Select.hooks.js +1 -0
  45. package/dist/molecules/Select/Select.js +1 -1
  46. package/dist/molecules/Select/Select.styles.js +61 -24
  47. package/dist/molecules/Select/Select.types.d.ts +10 -1
  48. package/dist/molecules/Select/SelectMenuItem.js +1 -1
  49. package/dist/molecules/Select/SingleSelect/SingleSelect.d.ts +4 -5
  50. package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts +2 -2
  51. package/dist/molecules/SelectionControls/Radio/Radio.d.ts +2 -2
  52. package/dist/molecules/SelectionControls/Switch/Switch.d.ts +2 -2
  53. package/dist/molecules/TableHeader/TableHeader.js +1 -1
  54. package/dist/molecules/TableHeader/TableHeader.styles.js +1 -0
  55. package/dist/molecules/Tabs/Tab.styles.js +1 -1
  56. package/dist/molecules/Toast/Toast.d.ts +30 -0
  57. package/dist/molecules/Toast/Toast.js +1 -0
  58. package/dist/molecules/Toast/Toast.styles.js +117 -0
  59. package/dist/molecules/Toast/Toast.utils.js +1 -0
  60. package/dist/molecules/Waves/Waves.styles.js +1 -1
  61. package/dist/molecules/index.d.ts +6 -3
  62. package/dist/molecules/index.js +1 -1
  63. package/dist/organisms/DataGrid/DataGrid.d.ts +2 -2
  64. package/dist/organisms/Faq/Category/Question/Question.js +1 -1
  65. package/dist/organisms/Faq/Category/Question/Question.styles.js +1 -1
  66. package/dist/organisms/Filter/Filter.js +1 -1
  67. package/dist/organisms/Filter/Filter.styles.js +1 -1
  68. package/dist/organisms/Filter/QuickFilter.d.ts +2 -2
  69. package/dist/organisms/Filter/SortMenu.d.ts +2 -2
  70. package/dist/organisms/ReleaseNote/ReleaseNote.d.ts +3 -3
  71. package/dist/organisms/ReleaseNote/ReleaseNote.js +1 -1
  72. package/dist/organisms/SideBar/SideBar.d.ts +2 -2
  73. package/dist/organisms/Status/Action.d.ts +2 -2
  74. package/dist/organisms/Status/Description.d.ts +2 -2
  75. package/dist/organisms/Status/Illustration.js +1 -1
  76. package/dist/organisms/Status/MissingAccesses.d.ts +2 -2
  77. package/dist/organisms/Status/Title.d.ts +2 -2
  78. package/dist/organisms/Status/collections/BadRequest.d.ts +2 -2
  79. package/dist/organisms/Status/collections/GenericError.d.ts +2 -2
  80. package/dist/organisms/Status/collections/MissingPermissions.d.ts +2 -2
  81. package/dist/organisms/Status/collections/PageNotFound.d.ts +2 -2
  82. package/dist/organisms/Status/collections/ServerError.d.ts +2 -2
  83. package/dist/organisms/TableOfContents/TableOfContents.styles.js +1 -1
  84. package/dist/organisms/TableOfContents/TableOfContentsItem.js +1 -1
  85. package/dist/organisms/Template/Template.d.ts +5 -5
  86. package/dist/organisms/ToggleGroup/ToggleGroup.d.ts +2 -2
  87. package/dist/organisms/ToggleGroup/ToggleGroupOption.d.ts +2 -2
  88. package/dist/organisms/TopBar/Account/ImpersonateMenu/hooks/useActiveImpersonationUser.js +1 -1
  89. package/dist/organisms/TopBar/Actions.d.ts +2 -2
  90. package/dist/organisms/TopBar/FieldMenu/FieldMenu.d.ts +2 -2
  91. package/dist/organisms/TopBar/Guidelines/Colorbox.d.ts +3 -3
  92. package/dist/organisms/TopBar/Notifications/NotificationProvider.d.ts +2 -2
  93. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/AnimateChangeInHeight.js +1 -1
  94. package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/ResponsePage.js +1 -1
  95. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesDialog.js +1 -1
  96. package/dist/providers/ToastProvider/ToastProvider.d.ts +15 -0
  97. package/dist/providers/ToastProvider/ToastProvider.js +8 -0
  98. package/dist/providers/TutorialHighlightingProvider/TutorialHighlightingProviderInner.js +1 -1
  99. package/dist/providers/TutorialHighlightingProvider/TutorialPopover/TutorialPopover.js +1 -1
  100. package/dist/providers/TutorialHighlightingProvider/TutorialPopover/hooks/useTutorialPopoverPosition.js +1 -1
  101. package/dist/providers/TutorialHighlightingProvider/hooks/useReversedScrollY.js +1 -1
  102. package/package.json +9 -9
@@ -1,10 +1,10 @@
1
- import * as react96 from "react";
1
+ import * as react106 from "react";
2
2
  import { SwitchProps } from "@equinor/eds-core-react";
3
3
 
4
4
  //#region src/molecules/SelectionControls/Switch/Switch.d.ts
5
5
  interface SwitchProps$1 extends SwitchProps {
6
6
  outlined?: boolean;
7
7
  }
8
- declare const Switch$1: react96.ForwardRefExoticComponent<SwitchProps$1 & react96.RefAttributes<HTMLInputElement>>;
8
+ declare const Switch$1: react106.ForwardRefExoticComponent<SwitchProps$1 & react106.RefAttributes<HTMLInputElement>>;
9
9
  //#endregion
10
10
  export { Switch$1 as Switch, SwitchProps$1 as SwitchProps };
@@ -1 +1 @@
1
- import{SpacingsMode as e}from"../../atoms/enums/SpacingsMode.js";import{Button as t}from"../Button/Button.js";import{getActionIconColor as n,getLeadingIcon as r,getLeadingIconColor as i,getSortingIcon as a,getTextColor as o}from"./TableHeader.utils.js";import{ActionsWrapper as s,Container as c,Wrapper as l}from"./TableHeader.styles.js";import{Icon as u,Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=({as:m=`th`,variant:h,onClick:g,sorting:_,leadingIcon:v,trailingAction:y,children:b})=>{let x=r({variant:h,leadingIcon:v});return f(l,{as:m,children:p(c,{$hasOnClick:!!g,$hasOnSort:!!_,$variant:h,onClick:e=>{g?g(e):_?.onSortClick?.(e)},children:[x&&f(u,{data:x,color:i({variant:h,onClick:g})}),f(d,{variant:`cell_header`,group:`table`,color:o({variant:h,onClick:g}),children:b}),(!!y||!!_)&&p(s,{children:[y&&f(t,{"data-spacings-mode":e.COMPACT,variant:`ghost_icon`,onClick:y.onClick,children:f(u,{data:y.icon,color:n({variant:h})})}),_?.isSorting&&f(t,{className:`sort-button`,onClick:g?_.onSortClick:void 0,"data-spacings-mode":e.COMPACT,variant:`ghost_icon`,children:f(u,{data:a(_.isSorting),color:n({variant:h})})})]})]})})};export{m as TableHeader};
1
+ import{Button as e}from"../Button/Button.js";import{SpacingsMode as t}from"../../atoms/enums/SpacingsMode.js";import{getActionIconColor as n,getLeadingIcon as r,getLeadingIconColor as i,getSortingIcon as a,getTextColor as o}from"./TableHeader.utils.js";import{ActionsWrapper as s,Container as c,Wrapper as l}from"./TableHeader.styles.js";import{Icon as u,Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=({as:m=`th`,variant:h,onClick:g,sorting:_,leadingIcon:v,trailingAction:y,children:b})=>{let x=r({variant:h,leadingIcon:v});return f(l,{as:m,children:p(c,{$hasOnClick:!!g,$hasOnSort:!!_,$variant:h,onClick:e=>{g?g(e):_?.onSortClick?.(e)},children:[x&&f(u,{data:x,color:i({variant:h,onClick:g})}),f(d,{variant:`cell_header`,group:`table`,color:o({variant:h,onClick:g}),children:b}),(!!y||!!_)&&p(s,{children:[y&&f(e,{"data-spacings-mode":t.COMPACT,variant:`ghost_icon`,onClick:y.onClick,children:f(u,{data:y.icon,color:n({variant:h})})}),_?.isSorting&&f(e,{className:`sort-button`,onClick:g?_.onSortClick:void 0,"data-spacings-mode":t.COMPACT,variant:`ghost_icon`,children:f(u,{data:a(_.isSorting),color:n({variant:h})})})]})]})})};export{m as TableHeader};
@@ -7,6 +7,7 @@ import{spacings as e}from"../../atoms/style/spacings.js";import{getButtonHoverCo
7
7
  gap: ${e.small};
8
8
  padding: ${e.small};
9
9
  align-items: center;
10
+ height: 100%;
10
11
  > ${o} > button {
11
12
  margin-left: auto;
12
13
  }
@@ -1,4 +1,4 @@
1
- import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import r from"styled-components";import{motion as i}from"framer-motion";const a=r.button`
1
+ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import r from"styled-components";import{motion as i}from"motion/react";const a=r.button`
2
2
  position: relative;
3
3
  padding: ${t.medium};
4
4
  display: flex;
@@ -0,0 +1,30 @@
1
+ import { FC, RefObject } from "react";
2
+ import { IconData } from "@equinor/eds-icons";
3
+
4
+ //#region src/molecules/Toast/Toast.d.ts
5
+ interface ToastProps {
6
+ title: string;
7
+ onClose: () => void;
8
+ icon?: IconData;
9
+ variant?: 'neutral' | 'info' | 'warning' | 'error' | 'success';
10
+ description?: string;
11
+ action?: {
12
+ onClick: () => void;
13
+ text: string;
14
+ };
15
+ duration?: number;
16
+ ref?: RefObject<HTMLDivElement>;
17
+ }
18
+ /**
19
+ * @param title - Title of the Toast
20
+ * @param onClose - Called when the Toast is closed either by the duration or by the close button
21
+ * @param icon - Icon in header, has defaults when using variants
22
+ * @param variant - Neutral/Info/Warning/Error/Success
23
+ * @param description - Description text
24
+ * @param action - Action button
25
+ * @param duration - Duration in seconds, if no duration is set it is persistent
26
+ * @param ref - Ref to the Toast container
27
+ */
28
+ declare const Toast: FC<ToastProps>;
29
+ //#endregion
30
+ export { Toast, ToastProps };
@@ -0,0 +1 @@
1
+ import{colors as e}from"../../atoms/style/colors.js";import{Button as t}from"../Button/Button.js";import{getHeaderIcon as n}from"./Toast.utils.js";import{Container as r,DurationBar as i,Header as a}from"./Toast.styles.js";import{useEffect as o}from"react";import{Icon as s,Typography as c}from"@equinor/eds-core-react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{close as d}from"@equinor/eds-icons";const f=({title:f,icon:p,onClose:m,variant:h,description:g,action:_,duration:v,ref:y})=>{if(v!==void 0&&v<=0)throw Error(`Duration must be a positive number`);o(()=>{if(!v)return;let e=setTimeout(()=>{m()},v*1e3);return()=>clearTimeout(e)},[v,m]);let b=()=>{_?.onClick(),m()},x=n({icon:p,variant:h});return u(r,{ref:y,$variant:h,children:[u(a,{children:[x&&l(s,{data:x}),l(c,{variant:`h6`,color:e.text.static_icons__default.rgba,children:f}),l(t,{variant:`ghost_icon`,onClick:m,children:l(s,{data:d})})]}),g&&l(c,{variant:`body_long`,color:e.text.static_icons__secondary.rgba,children:g}),_&&l(t,{variant:`outlined`,onClick:b,children:_.text}),v&&l(i,{role:`progressbar`,$variant:h,$duration:v})]})};export{f as Toast};
@@ -0,0 +1,117 @@
1
+ import{spacings as e}from"../../atoms/style/spacings.js";import{shape as t}from"../../atoms/style/index.js";import{TOAST_COLORS as n}from"./Toast.utils.js";import r,{css as i,keyframes as a}from"styled-components";const o=r.header`
2
+ display: grid;
3
+ grid-template-columns: minmax(0, 1fr);
4
+ gap: ${e.small};
5
+ padding-right: 40px;
6
+ > h6 {
7
+ overflow: hidden;
8
+ text-overflow: ellipsis;
9
+ }
10
+ &:has(> svg:first-child) {
11
+ grid-template-columns: auto minmax(0, 1fr);
12
+ }
13
+ > button {
14
+ position: absolute;
15
+ top: ${e.x_small};
16
+ right: ${e.x_small};
17
+ }
18
+ `,s=r.div`
19
+ position: relative;
20
+ display: flex;
21
+ flex-direction: column;
22
+ gap: ${e.small};
23
+ border-radius: ${t.corners.borderRadius};
24
+ padding: ${e.medium_small} ${e.x_small} ${e.medium_small}
25
+ ${e.medium_small};
26
+ overflow: hidden;
27
+ min-width: 300px;
28
+ max-width: 420px;
29
+ > p,
30
+ > button {
31
+ margin: 0 ${e.small};
32
+ }
33
+ > p {
34
+ margin-right: ${e.medium};
35
+ }
36
+
37
+ ${({$variant:e})=>{let t=n[e??`neutral`];return i`
38
+ background: ${t.background};
39
+
40
+ > button {
41
+ margin-right: auto;
42
+ color: ${t.icon};
43
+ border-color: ${t.icon};
44
+ &:hover {
45
+ background: none;
46
+ color: ${t.actionHover};
47
+ border-color: ${t.actionHover};
48
+ &:before {
49
+ position: absolute;
50
+ left: 0;
51
+ content: '';
52
+ width: 100%;
53
+ height: 100%;
54
+ background: ${t.icon};
55
+ opacity: 0.15;
56
+ overflow: visible;
57
+ }
58
+ }
59
+ }
60
+
61
+ > ${o} {
62
+ > svg:first-child {
63
+ color: ${t.icon};
64
+ }
65
+ > button {
66
+ svg {
67
+ color: ${t.close};
68
+ }
69
+ &:hover {
70
+ background: none;
71
+ &:before {
72
+ position: absolute;
73
+ left: 0;
74
+ content: '';
75
+ width: 100%;
76
+ height: 100%;
77
+ background: ${t.close};
78
+ opacity: 0.15;
79
+ border-radius: 50%;
80
+ overflow: visible;
81
+ }
82
+ }
83
+ }
84
+ }
85
+ `}}
86
+ `,c=a`
87
+ from {
88
+ width: 100%
89
+ }
90
+ to {
91
+ width: 0
92
+ }
93
+ `,l=r.span`
94
+ background: white;
95
+ width: 100%;
96
+ height: 2px;
97
+ position: absolute;
98
+ bottom: 0;
99
+ left: 0;
100
+ &:after {
101
+ content: '';
102
+ position: absolute;
103
+ width: inherit;
104
+ height: inherit;
105
+ background: ${({$variant:e})=>n[e??`neutral`].background};
106
+ opacity: 0.5;
107
+ }
108
+ &:before {
109
+ content: '';
110
+ position: absolute;
111
+ width: inherit;
112
+ height: inherit;
113
+ background: ${({$variant:e})=>n[e??`neutral`].duration};
114
+ animation: ${c} ${({$duration:e})=>e}s linear;
115
+ animation-fill-mode: forwards;
116
+ }
117
+ `;export{s as Container,l as DurationBar,o as Header};
@@ -0,0 +1 @@
1
+ import{colors as e}from"../../atoms/style/colors.js";import{check_circle_outlined as t,error_outlined as n,info_circle as r,warning_outlined as i}from"@equinor/eds-icons";function a({icon:e,variant:a}){if(e)return e;switch(a){case`info`:return r;case`warning`:return i;case`error`:return n;case`success`:return t;default:return}}const o={neutral:{background:e.ui.background__light.rgba,icon:e.text.static_icons__default.rgba,close:e.interactive.secondary__resting.rgba,actionHover:e.interactive.secondary__resting.rgba,duration:e.interactive.secondary__resting.rgba},info:{background:e.ui.background__info.rgba,icon:e.text.static_icons__default.rgba,close:e.interactive.secondary__resting.rgba,actionHover:e.interactive.secondary__resting.rgba,duration:e.interactive.secondary__resting.rgba},warning:{background:e.ui.background__warning.rgba,icon:e.interactive.warning__text.rgba,close:e.interactive.warning__text.rgba,actionHover:e.interactive.warning__hover.rgba,duration:e.interactive.warning__resting.rgba},error:{background:e.ui.background__danger.rgba,icon:e.interactive.danger__text.rgba,close:e.interactive.danger__text.rgba,actionHover:e.interactive.danger__hover.rgba,duration:e.interactive.danger__resting.rgba},success:{background:e.interactive.success__highlight.rgba,icon:e.interactive.success__text.rgba,close:e.interactive.success__text.rgba,actionHover:e.interactive.success__hover.rgba,duration:e.interactive.success__resting.rgba}};export{o as TOAST_COLORS,a as getHeaderIcon};
@@ -1,4 +1,4 @@
1
- import e from"styled-components";import{motion as t}from"framer-motion";const n=e(t.div)`
1
+ import e from"styled-components";import{motion as t}from"motion/react";const n=e(t.div)`
2
2
  height: calc(100vh - 64px);
3
3
  width: 100%;
4
4
  overflow: hidden;
@@ -1,3 +1,4 @@
1
+ import { Toast, ToastProps } from "./Toast/Toast.js";
1
2
  import { DEFAULT_FEATURES, EditorPanel, ImageExtensionFnProps, RichTextEditorFeatures } from "./RichTextEditor/RichTextEditor.types.js";
2
3
  import { AmplifyKit } from "./RichTextEditor/custom-extensions/AmplifyKit.js";
3
4
  import { SelectOption, SelectOptionRequired } from "./Select/Select.types.js";
@@ -18,6 +19,7 @@ import { FullPageSpinner, FullPageSpinnerProps } from "./FullPageSpinner/FullPag
18
19
  import { IconCellColor, IconCellColorObject, IconCellColors, IconCellState, IconCellStates, IconCellVariant, IconCellVariants } from "./IconCell/IconCell.types.js";
19
20
  import { IconCell, IconCellProps } from "./IconCell/IconCell.js";
20
21
  import { InfoElement, InfoElementProps } from "./InfoElement/InfoElement.js";
22
+ import { InformationalNotice, InformationalNoticeProps } from "./InformationalNotice/InformationalNotice.js";
21
23
  import { OptionalTooltip, OptionalTooltipProps } from "./OptionalTooltip/OptionalTooltip.js";
22
24
  import { ProfileAvatar, ProfileAvatarProps } from "./ProfileAvatar/ProfileAvatar.js";
23
25
  import { RichTextDisplay, RichTextDisplayProps } from "./RichTextDisplay/RichTextDisplay.js";
@@ -27,16 +29,17 @@ import { RichText } from "./RichTextEditor/index.js";
27
29
  import { Tab } from "./Tabs/Tabs.types.js";
28
30
  import { Tabs, TabsProps } from "./Tabs/Tabs.js";
29
31
  import { TableMenuBar, TextTable } from "./RichTextEditor/MenuBar/Table/TableBar.js";
30
- import { TableHeader, TableHeaderProps } from "./TableHeader/TableHeader.js";
31
32
  import { Search as Search$1 } from "./Search/Search.js";
32
33
  import { SkeletonBase, SkeletonBaseProps, skeletonBaseloading } from "./Skeleton/SkeletonBase/SkeletonBase.js";
33
34
  import { SkeletonGradient, SkeletonGradientProps } from "./Skeleton/SkeletonGradient/SkeletonGradient.js";
34
35
  import { Stepper, StepperProps } from "./Stepper/Stepper.js";
35
36
  import { OptionDrawer, OptionDrawerProps } from "./OptionDrawer/OptionDrawer.js";
36
37
  import { OptionDrawerSelectItem } from "./OptionDrawer/OptionDrawer.types.js";
37
- import { ComboBox, GroupedComboBoxProps, ListComboBoxProps } from "./Select/ComboBox/ComboBox.js";
38
+ import { ComboBox, ComboBoxProps } from "./Select/ComboBox/ComboBox.js";
39
+ import { PersistentComboBox, PersistentComboBoxProps } from "./Select/PersistentComboBox/PersistentComboBox.js";
38
40
  import { ComboBoxChip } from "./Select/Select.styles.js";
39
- import { GroupedSingleSelectProps, ListSingleSelectProps, SingleSelect } from "./Select/SingleSelect/SingleSelect.js";
41
+ import { SingleSelect, SingleSelectProps } from "./Select/SingleSelect/SingleSelect.js";
42
+ import { TableHeader, TableHeaderProps } from "./TableHeader/TableHeader.js";
40
43
  import { TextField as TextField$1, TextFieldProps as TextFieldProps$1 } from "./TextField/TextField.js";
41
44
  import { FeedBackIcon, FeedBackIconProps } from "./FeedBackIcon/FeedBackIcon.js";
42
45
  import { ListItem, ListItemProps } from "./ListItem/ListItem.js";
@@ -1 +1 @@
1
- import{FullPageSpinner as e}from"./FullPageSpinner/FullPageSpinner.js";import{DEFAULT_FEATURES as t,RichTextEditorFeatures as n}from"./RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as r}from"./RichTextEditor/custom-extensions/AmplifyKit.js";import{AnimatedCheckmark as i}from"./AnimatedCheckmark/AnimatedCheckmark.js";import{ApplicationIcon as a}from"./ApplicationIcon/ApplicationIcon.js";import{Badge as o}from"./Badge/Badge.js";import{Banner as s}from"./Banner/Banner.js";import{Button as ee}from"./Button/Button.js";import{Chip as te}from"./Chip/Chip.js";import{SkeletonBase as ne,skeletonBaseloading as re}from"./Skeleton/SkeletonBase/SkeletonBase.js";import{DatePicker as c}from"./DatePicker/DatePicker.js";import{DateRangePicker as l}from"./DateRangePicker/DateRangePicker.js";import{OptionalTooltip as u}from"./OptionalTooltip/OptionalTooltip.js";import{Dialog as d}from"./Dialog/Dialog.js";import{EquinorLogo as f}from"./EquinorLogo/EquinorLogo.js";import{FileProgress as p}from"./FileProgress/FileProgress.js";import{FileUploadArea as m}from"./FileUploadArea/FileUploadArea.js";import{IconCellColors as h,IconCellStates as g,IconCellVariants as _}from"./IconCell/IconCell.types.js";import{IconCell as v}from"./IconCell/IconCell.js";import{InfoElement as y}from"./InfoElement/InfoElement.js";import{ProfileAvatar as b}from"./ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as x}from"./RichTextDisplay/RichTextDisplay.js";import{TableMenuBar as S,TextTable as C}from"./RichTextEditor/MenuBar/Table/TableBar.js";import{TextField as w}from"./TextField/TextField.js";import{AmplifyBar as T,EditorMenu as E,EditorText as D}from"./RichTextEditor/MenuBar/MenuBar.js";import{RichTextEditor as O}from"./RichTextEditor/RichTextEditor.js";import{RichText as k}from"./RichTextEditor/index.js";import{Tabs as A}from"./Tabs/Tabs.js";import{TableHeader as ie}from"./TableHeader/TableHeader.js";import{Search as j}from"./Search/Search.js";import{SkeletonGradient as M}from"./Skeleton/SkeletonGradient/SkeletonGradient.js";import{Stepper as N}from"./Stepper/Stepper.js";import{OptionDrawer as P}from"./OptionDrawer/OptionDrawer.js";import{ComboBoxChip as F}from"./Select/Select.styles.js";import{ComboBox as I}from"./Select/ComboBox/ComboBox.js";import{SingleSelect as L}from"./Select/SingleSelect/SingleSelect.js";import{FeedBackIcon as R}from"./FeedBackIcon/FeedBackIcon.js";import{ListItem as z}from"./ListItem/ListItem.js";import{Checkbox as B}from"./SelectionControls/Checkbox/Checkbox.js";import{Radio as V}from"./SelectionControls/Radio/Radio.js";import{Switch as H}from"./SelectionControls/Switch/Switch.js";import{Waves as U}from"./Waves/Waves.js";import{Accordion as W,Breadcrumbs as G,CircularProgress as K,Dialog as q,Divider as J,DotProgress as Y,Icon as X,LinearProgress as Z,Menu as Q,Typography as $}from"@equinor/eds-core-react";export{W as Accordion,G as Breadcrumbs,K as CircularProgress,J as Divider,Y as DotProgress,q as EDSDialog,X as Icon,Z as LinearProgress,Q as Menu,$ as Typography};
1
+ import{FullPageSpinner as e}from"./FullPageSpinner/FullPageSpinner.js";import{DEFAULT_FEATURES as t,RichTextEditorFeatures as n}from"./RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as r}from"./RichTextEditor/custom-extensions/AmplifyKit.js";import{Button as i}from"./Button/Button.js";import{Toast as ee}from"./Toast/Toast.js";import{AnimatedCheckmark as te}from"./AnimatedCheckmark/AnimatedCheckmark.js";import{ApplicationIcon as ne}from"./ApplicationIcon/ApplicationIcon.js";import{Badge as re}from"./Badge/Badge.js";import{Banner as ie}from"./Banner/Banner.js";import{Chip as ae}from"./Chip/Chip.js";import{SkeletonBase as oe,skeletonBaseloading as a}from"./Skeleton/SkeletonBase/SkeletonBase.js";import{DatePicker as o}from"./DatePicker/DatePicker.js";import{DateRangePicker as s}from"./DateRangePicker/DateRangePicker.js";import{OptionalTooltip as c}from"./OptionalTooltip/OptionalTooltip.js";import{Dialog as l}from"./Dialog/Dialog.js";import{EquinorLogo as u}from"./EquinorLogo/EquinorLogo.js";import{FileProgress as d}from"./FileProgress/FileProgress.js";import{FileUploadArea as f}from"./FileUploadArea/FileUploadArea.js";import{IconCellColors as p,IconCellStates as m,IconCellVariants as h}from"./IconCell/IconCell.types.js";import{IconCell as g}from"./IconCell/IconCell.js";import{InfoElement as _}from"./InfoElement/InfoElement.js";import{InformationalNotice as v}from"./InformationalNotice/InformationalNotice.js";import{ProfileAvatar as y}from"./ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as b}from"./RichTextDisplay/RichTextDisplay.js";import{TableMenuBar as x,TextTable as S}from"./RichTextEditor/MenuBar/Table/TableBar.js";import{TextField as C}from"./TextField/TextField.js";import{AmplifyBar as w,EditorMenu as T,EditorText as E}from"./RichTextEditor/MenuBar/MenuBar.js";import{RichTextEditor as D}from"./RichTextEditor/RichTextEditor.js";import{RichText as se}from"./RichTextEditor/index.js";import{Tabs as O}from"./Tabs/Tabs.js";import{Search as k}from"./Search/Search.js";import{SkeletonGradient as A}from"./Skeleton/SkeletonGradient/SkeletonGradient.js";import{Stepper as j}from"./Stepper/Stepper.js";import{OptionDrawer as M}from"./OptionDrawer/OptionDrawer.js";import{ComboBoxChip as N}from"./Select/Select.styles.js";import{ComboBox as P}from"./Select/ComboBox/ComboBox.js";import{PersistentComboBox as F}from"./Select/PersistentComboBox/PersistentComboBox.js";import{SingleSelect as I}from"./Select/SingleSelect/SingleSelect.js";import{TableHeader as L}from"./TableHeader/TableHeader.js";import{FeedBackIcon as R}from"./FeedBackIcon/FeedBackIcon.js";import{ListItem as z}from"./ListItem/ListItem.js";import{Checkbox as B}from"./SelectionControls/Checkbox/Checkbox.js";import{Radio as V}from"./SelectionControls/Radio/Radio.js";import{Switch as H}from"./SelectionControls/Switch/Switch.js";import{Waves as U}from"./Waves/Waves.js";import{Accordion as W,Breadcrumbs as G,CircularProgress as K,Dialog as q,Divider as J,DotProgress as Y,Icon as X,LinearProgress as Z,Menu as Q,Typography as $}from"@equinor/eds-core-react";export{W as Accordion,G as Breadcrumbs,K as CircularProgress,J as Divider,Y as DotProgress,q as EDSDialog,X as Icon,Z as LinearProgress,Q as Menu,$ as Typography};
@@ -1,7 +1,7 @@
1
- import * as react_jsx_runtime3 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime4 from "react/jsx-runtime";
2
2
  import { EdsDataGridProps } from "@equinor/eds-data-grid-react";
3
3
 
4
4
  //#region src/organisms/DataGrid/DataGrid.d.ts
5
- declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime3.JSX.Element;
5
+ declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime4.JSX.Element;
6
6
  //#endregion
7
7
  export { DataGrid };
@@ -1 +1 @@
1
- import{formatDate as e}from"../../../../atoms/utils/date.js";import{usePrefetchRichTextImages as t}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import{RichTextDisplay as n}from"../../../../molecules/RichTextDisplay/RichTextDisplay.js";import{Container as r,ExpandWrapper as i,Header as a,TopRight as o,Wrapper as s}from"./Question.styles.js";import{useState as c}from"react";import{Button as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{chevron_down as m,chevron_up as h}from"@equinor/eds-icons";import{AnimatePresence as g}from"framer-motion";import{FaqService as _}from"@equinor/subsurface-app-management";const v=({id:v,question:y,createdDate:b,answer:x})=>{t({richTextValues:x?[x]:[],onImageRead:e=>_.getFaqImage(e)});let[S,C]=c(!1);return f(s,{children:p(r,{children:[f(a,{id:`faq-${v}`,children:f(d,{variant:`h4`,children:y})}),p(o,{children:[f(d,{group:`paragraph`,variant:`caption`,children:e(b)}),f(l,{variant:`ghost_icon`,onClick:()=>{C(e=>!e)},"data-testid":`toggle-open`,"aria-label":S?`Collapse answer to: ${y}`:`Expand answer to: ${y}`,children:f(u,{data:S?h:m})})]}),f(g,{children:S&&f(i,{initial:{height:0},exit:{height:0},animate:{height:`auto`},children:f(n,{value:x,onImageRead:e=>_.getFaqImage(e),padding:`none`})})})]})})};export{v as Question};
1
+ import{formatDate as e}from"../../../../atoms/utils/date.js";import{usePrefetchRichTextImages as t}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import{RichTextDisplay as n}from"../../../../molecules/RichTextDisplay/RichTextDisplay.js";import{Container as r,ExpandWrapper as i,Header as a,TopRight as o,Wrapper as s}from"./Question.styles.js";import{useState as c}from"react";import{Button as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{chevron_down as m,chevron_up as h}from"@equinor/eds-icons";import{AnimatePresence as g}from"motion/react";import{FaqService as _}from"@equinor/subsurface-app-management";const v=({id:v,question:y,createdDate:b,answer:x})=>{t({richTextValues:x?[x]:[],onImageRead:e=>_.getFaqImage(e)});let[S,C]=c(!1);return f(s,{children:p(r,{children:[f(a,{id:`faq-${v}`,children:f(d,{variant:`h4`,children:y})}),p(o,{children:[f(d,{group:`paragraph`,variant:`caption`,children:e(b)}),f(l,{variant:`ghost_icon`,onClick:()=>{C(e=>!e)},"data-testid":`toggle-open`,"aria-label":S?`Collapse answer to: ${y}`:`Expand answer to: ${y}`,children:f(u,{data:S?h:m})})]}),f(g,{children:S&&f(i,{initial:{height:0},exit:{height:0},animate:{height:`auto`},children:f(n,{value:x,onImageRead:e=>_.getFaqImage(e),padding:`none`})})})]})})};export{v as Question};
@@ -1,4 +1,4 @@
1
- import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import{shape as n}from"../../../../atoms/style/index.js";import{HEADER_HEIGHT as r}from"../../Faq.utils.js";import{styled as i}from"styled-components";import{motion as a}from"framer-motion";const o=i.div`
1
+ import{colors as e}from"../../../../atoms/style/colors.js";import{spacings as t}from"../../../../atoms/style/spacings.js";import{shape as n}from"../../../../atoms/style/index.js";import{HEADER_HEIGHT as r}from"../../Faq.utils.js";import{styled as i}from"styled-components";import{motion as a}from"motion/react";const o=i.div`
2
2
  flex-grow: 1;
3
3
  display: grid;
4
4
  grid-template-columns: 1fr auto;
@@ -1 +1 @@
1
- import{colors as e}from"../../atoms/style/colors.js";import{Container as t,Content as n,SearchField as r,SearchFieldWrapper as i,Section as a,StyledChip as o,Wrapper as s}from"./Filter.styles.js";import{getFilteredAutoCompleteOptions as c}from"./Filter.utils.js";import{AutoCompleteMenu as l}from"./AutoCompleteMenu.js";import{AutoCompleteText as u}from"./AutoCompleteText.js";import{useRef as d,useState as f}from"react";import{Button as p,Icon as m,Typography as h}from"@equinor/eds-core-react";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{arrow_drop_down as v,arrow_drop_up as y,clear as b,info_circle as x,search as S}from"@equinor/eds-icons";import{AnimatePresence as C,motion as w}from"framer-motion";function T({values:T,search:E,onSearchChange:D,onSearchEnter:O,onClearFilter:k,onClearAllFilters:A,children:j,topContent:M,inlineContent:N,initialOpen:P=!1,placeholder:F=`Search...`,id:I,openOnFocus:L=!0,...R}){let z=d(null),B=d(null),[V,H]=f(P),[U,W]=f(void 0),G=d(P?`auto`:0),K=()=>{H(e=>!e),G.current===`auto`&&(G.current=0)},q=()=>{!V&&L&&H(!0)},J=()=>{z.current?.focus()},Y=e=>{if(!(`autoCompleteOptions`in R)){O(e);return}let t=c({searchValue:e,autoCompleteOptions:R.autoCompleteOptions});if(t.length===1){R.onAutoComplete(t[0].key,t[0]);return}O(e)},X=e=>{if(e.key===`Enter`&&E!==``)Y(E);else if(e.key===`Backspace`&&E===``){if(U===void 0){for(let e of Object.keys(T).toReversed())if(T[e].length>0){W(e);break}return}k(U,T[U].length-1),W(void 0)}},Z=Object.values(T).some(e=>e.length>0);return _(s,{id:I,children:[M,_(t,{children:[_(a,{ref:B,onClick:J,children:[g(m,{data:S,color:e.text.static_icons__tertiary.rgba}),Object.keys(T).flatMap(e=>T[e].map(({label:t,icon:n},r,i)=>g(o,{onDelete:()=>k(e,r),leadingIconData:n,$tryingToRemove:U===e&&r===i.length-1,children:t},`${t}-${r}-${e}`))),_(i,{children:[`autoCompleteOptions`in R&&R.autoCompleteOptions&&g(u,{search:E,autoCompleteOptions:R.autoCompleteOptions}),g(r,{ref:z,id:`filter-search-${I}`,type:`search`,autoComplete:`off`,value:E,placeholder:Z?void 0:F,onChange:D,onKeyDownCapture:X,onFocus:q})]}),Object.values(T).some(e=>e.length>0)&&g(p,{variant:`ghost_icon`,onClick:A,"data-testid":`clear-all-x`,children:g(m,{data:b,size:18,color:e.text.static_icons__tertiary.rgba})})]}),N,_(`button`,{onClick:K,"data-testid":`toggle-open-button`,children:[g(h,{variant:`button`,group:`navigation`,as:`span`,children:`Filters`}),g(m,{data:V?y:v,color:e.text.static_icons__tertiary.rgba})]})]}),g(C,{children:V&&g(w.div,{animate:{height:`auto`},initial:{height:G.current},exit:{height:0},children:_(n,{children:[_(`span`,{children:[g(m,{data:x,size:16,color:e.text.static_icons__tertiary.rgba}),g(h,{variant:`label`,group:`input`,color:e.text.static_icons__tertiary.rgba,children:`Type a keyword and press enter`})]}),j]})})}),`autoCompleteOptions`in R&&R.autoCompleteOptions&&g(l,{isFilterOpen:V,search:E,anchorElement:B.current,autoCompleteOptions:R.autoCompleteOptions,onAutoComplete:R.onAutoComplete,searchElement:z.current})]})}export{T as Filter};
1
+ import{colors as e}from"../../atoms/style/colors.js";import{Container as t,Content as n,SearchField as r,SearchFieldWrapper as i,Section as a,StyledChip as o,Wrapper as s}from"./Filter.styles.js";import{getFilteredAutoCompleteOptions as c}from"./Filter.utils.js";import{AutoCompleteMenu as l}from"./AutoCompleteMenu.js";import{AutoCompleteText as u}from"./AutoCompleteText.js";import{useRef as d,useState as f}from"react";import{Button as p,Icon as m,Typography as h}from"@equinor/eds-core-react";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{arrow_drop_down as v,arrow_drop_up as y,clear as b,info_circle as x,search as S}from"@equinor/eds-icons";import{AnimatePresence as C,motion as w}from"motion/react";function T({values:T,search:E,onSearchChange:D,onSearchEnter:O,onClearFilter:k,onClearAllFilters:A,children:j,topContent:M,inlineContent:N,initialOpen:P=!1,placeholder:F=`Search...`,id:I,openOnFocus:L=!0,...R}){let z=d(null),B=d(null),[V,H]=f(P),[U,W]=f(void 0),G=d(P?`auto`:0),K=()=>{H(e=>!e),G.current===`auto`&&(G.current=0)},q=()=>{!V&&L&&H(!0)},J=()=>{z.current?.focus()},Y=e=>{if(!(`autoCompleteOptions`in R)){O(e);return}let t=c({searchValue:e,autoCompleteOptions:R.autoCompleteOptions});if(t.length===1){R.onAutoComplete(t[0].key,t[0]);return}O(e)},X=e=>{if(e.key===`Enter`&&E!==``)Y(E);else if(e.key===`Backspace`&&E===``){if(U===void 0){for(let e of Object.keys(T).toReversed())if(T[e].length>0){W(e);break}return}k(U,T[U].length-1),W(void 0)}},Z=Object.values(T).some(e=>e.length>0);return _(s,{id:I,children:[M,_(t,{children:[_(a,{ref:B,onClick:J,children:[g(m,{data:S,color:e.text.static_icons__tertiary.rgba}),Object.keys(T).flatMap(e=>T[e].map(({label:t,icon:n},r,i)=>g(o,{onDelete:()=>k(e,r),leadingIconData:n,$tryingToRemove:U===e&&r===i.length-1,children:t},`${t}-${r}-${e}`))),_(i,{children:[`autoCompleteOptions`in R&&R.autoCompleteOptions&&g(u,{search:E,autoCompleteOptions:R.autoCompleteOptions}),g(r,{ref:z,id:`filter-search-${I}`,type:`search`,autoComplete:`off`,value:E,placeholder:Z?void 0:F,onChange:D,onKeyDownCapture:X,onFocus:q})]}),Object.values(T).some(e=>e.length>0)&&g(p,{variant:`ghost_icon`,onClick:A,"data-testid":`clear-all-x`,children:g(m,{data:b,size:18,color:e.text.static_icons__tertiary.rgba})})]}),N,_(`button`,{onClick:K,"data-testid":`toggle-open-button`,children:[g(h,{variant:`button`,group:`navigation`,as:`span`,children:`Filters`}),g(m,{data:V?y:v,color:e.text.static_icons__tertiary.rgba})]})]}),g(C,{children:V&&g(w.div,{animate:{height:`auto`},initial:{height:G.current},exit:{height:0},children:_(n,{children:[_(`span`,{children:[g(m,{data:x,size:16,color:e.text.static_icons__tertiary.rgba}),g(h,{variant:`label`,group:`input`,color:e.text.static_icons__tertiary.rgba,children:`Type a keyword and press enter`})]}),j]})})}),`autoCompleteOptions`in R&&R.autoCompleteOptions&&g(l,{isFilterOpen:V,search:E,anchorElement:B.current,autoCompleteOptions:R.autoCompleteOptions,onAutoComplete:R.onAutoComplete,searchElement:z.current})]})}export{T as Filter};
@@ -1,4 +1,4 @@
1
- import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n,typography as r}from"../../atoms/style/index.js";import{Chip as i}from"../../molecules/Chip/Chip.js";import a,{css as o}from"styled-components";import{motion as s}from"framer-motion";const c=a.div`
1
+ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n,typography as r}from"../../atoms/style/index.js";import{Chip as i}from"../../molecules/Chip/Chip.js";import a,{css as o}from"styled-components";import{motion as s}from"motion/react";const c=a.div`
2
2
  width: 100%;
3
3
  border: 1px solid ${e.ui.background__heavy.rgba};
4
4
  background: ${e.ui.background__default.rgba};
@@ -1,6 +1,6 @@
1
1
  import { SelectOptionRequired } from "../../molecules/Select/Select.types.js";
2
2
  import { FilterProps } from "./Filter.types.js";
3
- import * as react_jsx_runtime6 from "react/jsx-runtime";
3
+ import * as react_jsx_runtime7 from "react/jsx-runtime";
4
4
 
5
5
  //#region src/organisms/Filter/QuickFilter.d.ts
6
6
  interface QuickFilterProps<T extends string> {
@@ -14,6 +14,6 @@ declare function QuickFilter<T extends string>({
14
14
  items,
15
15
  onQuickFilter,
16
16
  label
17
- }: QuickFilterProps<T>): react_jsx_runtime6.JSX.Element;
17
+ }: QuickFilterProps<T>): react_jsx_runtime7.JSX.Element;
18
18
  //#endregion
19
19
  export { QuickFilter };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime4 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime6 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/organisms/Filter/SortMenu.d.ts
4
4
  interface SortMenuProps<S> {
@@ -13,6 +13,6 @@ declare function SortMenu<S>({
13
13
  value,
14
14
  onChange,
15
15
  items
16
- }: SortMenuProps<S>): react_jsx_runtime4.JSX.Element;
16
+ }: SortMenuProps<S>): react_jsx_runtime6.JSX.Element;
17
17
  //#endregion
18
18
  export { SortMenu };
@@ -1,4 +1,4 @@
1
- import * as react101 from "react";
1
+ import * as react111 from "react";
2
2
  import { ReactNode } from "react";
3
3
  import { ReleaseNote } from "@equinor/subsurface-app-management";
4
4
 
@@ -7,9 +7,9 @@ type ReleaseNoteProps = {
7
7
  actionMenu?: ReactNode;
8
8
  expanded?: boolean;
9
9
  } & ReleaseNote;
10
- declare const ReleaseNote$1: react101.ForwardRefExoticComponent<{
10
+ declare const ReleaseNote$1: react111.ForwardRefExoticComponent<{
11
11
  actionMenu?: ReactNode;
12
12
  expanded?: boolean;
13
- } & ReleaseNote & react101.RefAttributes<HTMLDivElement>>;
13
+ } & ReleaseNote & react111.RefAttributes<HTMLDivElement>>;
14
14
  //#endregion
15
15
  export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };
@@ -1,4 +1,4 @@
1
- import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{formatDate as r}from"../../atoms/utils/date.js";import{getImagesFromRichText as i}from"../../atoms/utils/richtext.js";import{timeToRead as a,usingReleaseNoteDate as o}from"./ReleaseNote.utils.js";import{RichTextDisplay as s}from"../../molecules/RichTextDisplay/RichTextDisplay.js";import{RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT as c}from"./ReleaseNote.constants.js";import{ToggleExpanded as l}from"./ToggleExpanded.js";import{MetaTags as u}from"./MetaTags.js";import{forwardRef as d,useRef as f,useState as p}from"react";import{Typography as m}from"@equinor/eds-core-react";import h from"styled-components";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{motion as v}from"framer-motion";import{ReleaseNotesService as y}from"@equinor/subsurface-app-management";const b=h.div`
1
+ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{formatDate as r}from"../../atoms/utils/date.js";import{getImagesFromRichText as i}from"../../atoms/utils/richtext.js";import{timeToRead as a,usingReleaseNoteDate as o}from"./ReleaseNote.utils.js";import{RichTextDisplay as s}from"../../molecules/RichTextDisplay/RichTextDisplay.js";import{RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT as c}from"./ReleaseNote.constants.js";import{ToggleExpanded as l}from"./ToggleExpanded.js";import{MetaTags as u}from"./MetaTags.js";import{forwardRef as d,useRef as f,useState as p}from"react";import{Typography as m}from"@equinor/eds-core-react";import h from"styled-components";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{motion as v}from"motion/react";import{ReleaseNotesService as y}from"@equinor/subsurface-app-management";const b=h.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  padding: ${t.medium};
@@ -1,4 +1,4 @@
1
- import * as react117 from "react";
1
+ import * as react131 from "react";
2
2
  import { HTMLAttributes, ReactNode } from "react";
3
3
 
4
4
  //#region src/organisms/SideBar/SideBar.d.ts
@@ -16,6 +16,6 @@ interface SideBarWithCreate extends SideBarProps {
16
16
  createDisabled?: boolean;
17
17
  createActive?: boolean;
18
18
  }
19
- declare const SideBar: react117.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react117.RefAttributes<HTMLDivElement>>;
19
+ declare const SideBar: react131.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react131.RefAttributes<HTMLDivElement>>;
20
20
  //#endregion
21
21
  export { SideBar };
@@ -1,10 +1,10 @@
1
- import * as react129 from "react";
1
+ import * as react139 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Action.d.ts
4
4
  interface ActionProps {
5
5
  onClick: () => void;
6
6
  buttonText?: string;
7
7
  }
8
- declare const Action: react129.ForwardRefExoticComponent<ActionProps & react129.RefAttributes<HTMLButtonElement>>;
8
+ declare const Action: react139.ForwardRefExoticComponent<ActionProps & react139.RefAttributes<HTMLButtonElement>>;
9
9
  //#endregion
10
10
  export { Action };
@@ -1,9 +1,9 @@
1
- import * as react127 from "react";
1
+ import * as react137 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Description.d.ts
4
4
  interface DescriptionProps {
5
5
  text?: string;
6
6
  }
7
- declare const Description: react127.ForwardRefExoticComponent<DescriptionProps & react127.RefAttributes<HTMLHeadingElement>>;
7
+ declare const Description: react137.ForwardRefExoticComponent<DescriptionProps & react137.RefAttributes<HTMLHeadingElement>>;
8
8
  //#endregion
9
9
  export { Description };
@@ -1,4 +1,4 @@
1
- import{SHAPES as e,SHAPE_ANIMATIONS as t,SHAPE_INITIALS as n,SHAPE_TRANSITIONS as r}from"./Illustration.constants.js";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{motion as s}from"framer-motion";const c=i.div`
1
+ import{SHAPES as e,SHAPE_ANIMATIONS as t,SHAPE_INITIALS as n,SHAPE_TRANSITIONS as r}from"./Illustration.constants.js";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{motion as s}from"motion/react";const c=i.div`
2
2
  width: 328px;
3
3
  height: 232px;
4
4
  overflow: hidden;
@@ -1,4 +1,4 @@
1
- import * as react125 from "react";
1
+ import * as react135 from "react";
2
2
 
3
3
  //#region src/organisms/Status/MissingAccesses.d.ts
4
4
  interface AccessType {
@@ -9,6 +9,6 @@ interface MissingAccessesProps {
9
9
  accesses?: AccessType[];
10
10
  text?: string;
11
11
  }
12
- declare const MissingAccesses: react125.ForwardRefExoticComponent<MissingAccessesProps & react125.RefAttributes<HTMLDivElement>>;
12
+ declare const MissingAccesses: react135.ForwardRefExoticComponent<MissingAccessesProps & react135.RefAttributes<HTMLDivElement>>;
13
13
  //#endregion
14
14
  export { MissingAccesses };
@@ -1,9 +1,9 @@
1
- import * as react123 from "react";
1
+ import * as react133 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Title.d.ts
4
4
  interface TitleProps {
5
5
  title?: string;
6
6
  }
7
- declare const Title: react123.ForwardRefExoticComponent<TitleProps & react123.RefAttributes<HTMLHeadingElement>>;
7
+ declare const Title: react133.ForwardRefExoticComponent<TitleProps & react133.RefAttributes<HTMLHeadingElement>>;
8
8
  //#endregion
9
9
  export { Title };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime7 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime8 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/organisms/Status/collections/BadRequest.d.ts
4
4
  interface BadRequestProps {
@@ -12,6 +12,6 @@ declare const BadRequest: ({
12
12
  redirectFallbackUrl,
13
13
  onBackClick,
14
14
  hideBackButton
15
- }: BadRequestProps) => react_jsx_runtime7.JSX.Element;
15
+ }: BadRequestProps) => react_jsx_runtime8.JSX.Element;
16
16
  //#endregion
17
17
  export { BadRequest };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime8 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime9 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/organisms/Status/collections/GenericError.d.ts
4
4
  interface GenericErrorProps {
@@ -14,6 +14,6 @@ declare const GenericError: ({
14
14
  redirectFallbackUrl,
15
15
  onBackClick,
16
16
  hideBackButton
17
- }: GenericErrorProps) => react_jsx_runtime8.JSX.Element;
17
+ }: GenericErrorProps) => react_jsx_runtime9.JSX.Element;
18
18
  //#endregion
19
19
  export { GenericError };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime11 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime10 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/organisms/Status/collections/MissingPermissions.d.ts
4
4
  interface MissingPermissionsProps {
@@ -14,6 +14,6 @@ declare const MissingPermissions: ({
14
14
  redirectFallbackUrl,
15
15
  onBackClick,
16
16
  hideBackButton
17
- }: MissingPermissionsProps) => react_jsx_runtime11.JSX.Element;
17
+ }: MissingPermissionsProps) => react_jsx_runtime10.JSX.Element;
18
18
  //#endregion
19
19
  export { MissingPermissions };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime9 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime11 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/organisms/Status/collections/PageNotFound.d.ts
4
4
  interface PageNotFoundProps {
@@ -12,6 +12,6 @@ declare const PageNotFound: ({
12
12
  redirectFallbackUrl,
13
13
  onBackClick,
14
14
  hideBackButton
15
- }: PageNotFoundProps) => react_jsx_runtime9.JSX.Element;
15
+ }: PageNotFoundProps) => react_jsx_runtime11.JSX.Element;
16
16
  //#endregion
17
17
  export { PageNotFound };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime10 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime12 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/organisms/Status/collections/ServerError.d.ts
4
4
  interface ServerErrorProps {
@@ -12,6 +12,6 @@ declare const ServerError: ({
12
12
  redirectFallbackUrl,
13
13
  onBackClick,
14
14
  hideBackButton
15
- }: ServerErrorProps) => react_jsx_runtime10.JSX.Element;
15
+ }: ServerErrorProps) => react_jsx_runtime12.JSX.Element;
16
16
  //#endregion
17
17
  export { ServerError };
@@ -1,4 +1,4 @@
1
- import{animation as e}from"../../atoms/style/animation.js";import{colors as t}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{VERTICAL_ITEM_HEIGHT as r}from"./TableOfContents.constants.js";import i,{css as a}from"styled-components";import{motion as o}from"framer-motion";const s=i.button`
1
+ import{animation as e}from"../../atoms/style/animation.js";import{colors as t}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{VERTICAL_ITEM_HEIGHT as r}from"./TableOfContents.constants.js";import i,{css as a}from"styled-components";import{motion as o}from"motion/react";const s=i.button`
2
2
  &:hover {
3
3
  background: ${t.interactive.primary__hover_alt.rgba};
4
4
  }
@@ -1 +1 @@
1
- import{useTableOfContents as e}from"../../providers/TableOfContentsProvider.js";import{Badge as t}from"../../molecules/Badge/Badge.js";import{Button as n,ChildContainer as r,TableOfContentsItemContainer as i}from"./TableOfContents.styles.js";import{useMemo as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{AnimatePresence as c}from"framer-motion";const l=({label:u,value:d,count:f,disabled:p=!1,children:m,onlyShowSelectedChildren:h})=>{let{isActive:g,selected:_,setSelected:v}=e(),y=a(()=>g({label:u,value:d,children:m})&&!p,[m,p,g,u,d]);return s(i,{layoutScroll:!0,layoutRoot:!0,children:[s(n,{$active:_===d,onClick:()=>{!p&&_!==d&&v(d)},disabled:p,children:[o(`span`,{title:u,children:u}),f!==void 0&&o(t,{variant:p?`empty`:`light`,value:f})]}),o(c,{children:m&&(h&&y||!h)&&o(r,{initial:{height:0},animate:{height:`auto`},exit:{height:0},transition:{duration:.4},children:m.map(e=>o(l,{onlyShowSelectedChildren:h,...e},e.value))})})]})};export{l as TableOfContentsItem};
1
+ import{useTableOfContents as e}from"../../providers/TableOfContentsProvider.js";import{Badge as t}from"../../molecules/Badge/Badge.js";import{Button as n,ChildContainer as r,TableOfContentsItemContainer as i}from"./TableOfContents.styles.js";import{useMemo as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{AnimatePresence as c}from"motion/react";const l=({label:u,value:d,count:f,disabled:p=!1,children:m,onlyShowSelectedChildren:h})=>{let{isActive:g,selected:_,setSelected:v}=e(),y=a(()=>g({label:u,value:d,children:m})&&!p,[m,p,g,u,d]);return s(i,{layoutScroll:!0,layoutRoot:!0,children:[s(n,{$active:_===d,onClick:()=>{!p&&_!==d&&v(d)},disabled:p,children:[o(`span`,{title:u,children:u}),f!==void 0&&o(t,{variant:p?`empty`:`light`,value:f})]}),o(c,{children:m&&(h&&y||!h)&&o(r,{initial:{height:0},animate:{height:`auto`},exit:{height:0},transition:{duration:.4},children:m.map(e=>o(l,{onlyShowSelectedChildren:h,...e},e.value))})})]})};export{l as TableOfContentsItem};
@@ -1,14 +1,14 @@
1
- import * as react98 from "react";
2
- import * as styled_components11 from "styled-components";
1
+ import * as react108 from "react";
2
+ import * as styled_components12 from "styled-components";
3
3
  import { IStyledComponent } from "styled-components";
4
- import * as styled_components_dist_types39 from "styled-components/dist/types";
4
+ import * as styled_components_dist_types50 from "styled-components/dist/types";
5
5
 
6
6
  //#region src/organisms/Template/Template.d.ts
7
7
  interface ContentProps {
8
8
  $open: boolean;
9
9
  }
10
- declare const Content: styled_components_dist_types39.IStyledComponentBase<"web", styled_components_dist_types39.Substitute<react98.DetailedHTMLProps<react98.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
11
- declare const GlobalStyles: react98.NamedExoticComponent<styled_components11.ExecutionProps & object>;
10
+ declare const Content: styled_components_dist_types50.IStyledComponentBase<"web", styled_components_dist_types50.Substitute<react108.DetailedHTMLProps<react108.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
11
+ declare const GlobalStyles: react108.NamedExoticComponent<styled_components12.ExecutionProps & object>;
12
12
  type TemplateType = IStyledComponent<'web', any> & {
13
13
  Container: IStyledComponent<'web', any>;
14
14
  Content: typeof Content;
@@ -1,7 +1,7 @@
1
1
  import { ToggleGroup } from "./ToggleGroup.types.js";
2
- import * as react133 from "react";
2
+ import * as react143 from "react";
3
3
 
4
4
  //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
5
- declare const ToggleGroup$1: react133.ForwardRefExoticComponent<ToggleGroup & react133.RefAttributes<HTMLDivElement>>;
5
+ declare const ToggleGroup$1: react143.ForwardRefExoticComponent<ToggleGroup & react143.RefAttributes<HTMLDivElement>>;
6
6
  //#endregion
7
7
  export { ToggleGroup$1 as ToggleGroup };
@@ -1,9 +1,9 @@
1
1
  import { ToggleGroupOption } from "./ToggleGroup.types.js";
2
- import * as react131 from "react";
2
+ import * as react141 from "react";
3
3
  import { HTMLAttributes } from "react";
4
4
 
5
5
  //#region src/organisms/ToggleGroup/ToggleGroupOption.d.ts
6
6
  type ToggleGroupOptionProps = ToggleGroupOption & Omit<HTMLAttributes<HTMLButtonElement>, 'onToggle' | 'disabled'>;
7
- declare const ToggleGroupOption$1: react131.ForwardRefExoticComponent<ToggleGroupOptionProps & react131.RefAttributes<HTMLButtonElement>>;
7
+ declare const ToggleGroupOption$1: react141.ForwardRefExoticComponent<ToggleGroupOptionProps & react141.RefAttributes<HTMLButtonElement>>;
8
8
  //#endregion
9
9
  export { ToggleGroupOption$1 as ToggleGroupOption };
@@ -1 +1 @@
1
- import{environment as e}from"../../../../../atoms/utils/auth_environment.js";import{ACTIVE_USERIMPERSONATION as t}from"../Impersonate.constants.js";import{ApiError as n,ImpersonateUserService as r}from"@equinor/subsurface-app-management";import{useQuery as i}from"@tanstack/react-query";function a(){return i({queryKey:[t],queryFn:async()=>{try{let e=await r.getActiveUser();return e===void 0?null:e}catch(e){if(e instanceof n&&(e.status===204||e.status===404))return null}},enabled:e.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{a as useActiveImpersonationUser};
1
+ import{environment as e}from"../../../../../atoms/utils/auth_environment.js";import{ACTIVE_USERIMPERSONATION as t}from"../Impersonate.constants.js";import{ApiError as n,ImpersonateUserService as r}from"@equinor/subsurface-app-management";import{useQuery as i}from"@tanstack/react-query";function a(){return i({queryKey:[t],queryFn:async()=>{try{return await r.getActiveUser()??null}catch(e){if(e instanceof n&&(e.status===204||e.status===404))return null;throw e}},enabled:e.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME)!==`production`})}export{a as useActiveImpersonationUser};
@@ -1,7 +1,7 @@
1
- import * as react121 from "react";
1
+ import * as react129 from "react";
2
2
  import { HTMLAttributes } from "react";
3
3
 
4
4
  //#region src/organisms/TopBar/Actions.d.ts
5
- declare const Actions: react121.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react121.RefAttributes<HTMLDivElement>>;
5
+ declare const Actions: react129.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react129.RefAttributes<HTMLDivElement>>;
6
6
  //#endregion
7
7
  export { Actions };