@equinor/amplify-component-lib 9.8.3 → 9.8.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
import t from"html2canvas";const
|
|
1
|
+
import t from"html2canvas";const e=(e,r)=>{if(!e.current)throw new Error("'node' must be a RefObject");const o=e.current,n=o.scrollWidth,l=o.scrollHeight;return o.setAttribute("style","box-shadow: none"),o.setAttribute("style","overflow: visible"),t(o,{scrollY:-window.scrollY,useCORS:!0,backgroundColor:r||"#FFFFFF",width:n,height:l}).then((t=>(o.removeAttribute("style"),function(t){const e=window.atob(t.split(",")[1]),r=t.split(",")[0].split(":")[1].split(";")[0],o=new ArrayBuffer(e.length),n=new Uint8Array(o);for(let t=0;t<e.length;t++)n[t]=e.charCodeAt(t);return new Blob([o],{type:r})}(t.toDataURL("image/png",1)))))};export{e as exportComponent};
|
|
@@ -2,9 +2,9 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
import { ReleaseNote as ReleaseNoteDto } from '@equinor/subsurface-app-management';
|
|
3
3
|
export type ReleaseNoteProps = {
|
|
4
4
|
actionMenu?: ReactNode;
|
|
5
|
-
|
|
5
|
+
expanded?: boolean;
|
|
6
6
|
} & ReleaseNoteDto;
|
|
7
7
|
export declare const ReleaseNote: import("react").ForwardRefExoticComponent<{
|
|
8
8
|
actionMenu?: ReactNode;
|
|
9
|
-
|
|
9
|
+
expanded?: boolean;
|
|
10
10
|
} & ReleaseNoteDto & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as t,useRef as r,useState as i}from"react";import{Typography as s}from"@equinor/eds-core-react";import{ReleaseNotesService as l}from"@equinor/subsurface-app-management";import{RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT as m}from"./ReleaseNote.constants.js";import{timeToRead as a,usingReleaseNoteDate as n}from"./ReleaseNote.utils.js";import{ToggleExpanded as p}from"./ToggleExpanded.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"react-router-dom";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import{shape as c}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Environment.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import{
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as t,useRef as r,useState as i}from"react";import{Typography as s}from"@equinor/eds-core-react";import{ReleaseNotesService as l}from"@equinor/subsurface-app-management";import{RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT as m}from"./ReleaseNote.constants.js";import{timeToRead as a,usingReleaseNoteDate as n}from"./ReleaseNote.utils.js";import{ToggleExpanded as p}from"./ToggleExpanded.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"react-router-dom";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import{shape as c}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Environment.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import{formatDate as d}from"../../atoms/utils/date.js";import"html2canvas";import"proj4";import{getImagesFromRichText as u}from"../../atoms/utils/richtext.js";import"@equinor/eds-icons";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Banner/Banner.styles.js";import"../../molecules/Button/Button.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.styles.js";import"../../molecules/DatePicker/DatePicker.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../molecules/FileProgress/CompactFileProgress.styles.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{RichTextDisplay as j}from"../../molecules/RichTextDisplay/RichTextDisplay.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import{colors as h}from"../../atoms/style/colors.js";import"../../molecules/Tabs/Tabs.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Skeleton/Skeleton.styles.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import{spacings as g}from"../../atoms/style/spacings.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"../../molecules/Waves/Waves.styles.js";import{motion as v}from"framer-motion";import{MetaTags as f}from"./MetaTags.js";import y from"styled-components";const x=y.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
padding: ${g.medium};
|
|
@@ -16,12 +16,12 @@ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as t,useRef
|
|
|
16
16
|
padding-bottom: calc(
|
|
17
17
|
68px + ${g.medium}
|
|
18
18
|
); // Space for the expand button
|
|
19
|
-
`,S=
|
|
19
|
+
`,S=y.header`
|
|
20
20
|
display: flex;
|
|
21
21
|
justify-content: space-between;
|
|
22
22
|
align-items: center;
|
|
23
|
-
`,b=
|
|
23
|
+
`,b=y.section`
|
|
24
24
|
display: flex;
|
|
25
25
|
gap: ${g.medium};
|
|
26
26
|
align-items: center;
|
|
27
|
-
`,T=t((({applicationName:t,releaseDate:c,createdDate:
|
|
27
|
+
`,T=t((({applicationName:t,releaseDate:c,createdDate:y,tags:T,version:P,title:R,body:k,actionMenu:B,expanded:E=!1},C)=>{const M=n({releaseDate:c,createdDate:y}),D=r(E?"auto":m),[_,A]=i(E),[w,F]=i(u(k).length>0),N=r(new ResizeObserver((e=>{e.at(0)&&e[0].target.scrollHeight>m&&F(!0)})));return e(x,{ref:C,style:{paddingBottom:_?g.medium:void 0},children:[e(S,{children:[e(b,{children:[o(s,{variant:"caption",color:h.text.static_icons__secondary.rgba,children:t}),e(s,{variant:"overline",color:h.text.static_icons__tertiary.rgba,children:[d(M),P?` ・ ${P}`:""," ・ ",a(k)]})]}),o(f,{tags:T,children:B})]}),o(s,{variant:"h4",children:R}),o(v.div,{ref:e=>{e&&N.current.observe(e)},initial:{height:D.current},animate:{height:_?"auto":m},style:{overflow:_?"auto":void 0},children:o(j,{value:k,onImageRead:l.getReleaseNoteImage,padding:"none"})}),w&&!E&&o(p,{expanded:_,onToggleExpanded:()=>{A((e=>!e))}})]})}));T.displayName="ReleaseNote";export{T as ReleaseNote};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{CircularProgress as s}from"@equinor/eds-core-react";import{useReleaseNotesQuery as r,ReleaseNotesService as i}from"@equinor/subsurface-app-management";import{Header as l}from"./Header/Header.js";import{StyledDialog as m,LoadingWrapper as p,AllReleaseNotesWrapper as n}from"./ReleaseNotesDialog.styles.js";import"react";import"../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../_virtual/lodash.js";import"../../Notifications/NotificationProvider.js";import"../../../../providers/AuthProvider/AuthProvider.js";import{useReleaseNotes as a}from"../../../../providers/ReleaseNotesProvider.js";import"../../../../providers/SideBarProvider.js";import"../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../providers/StepperProvider.js";import"../../../../providers/TableOfContentsProvider.js";import"../../../../providers/ThemeProvider/ThemeProvider.js";import"react-router-dom";import{usePrefetchRichTextImages as c}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import"@tanstack/react-query";import"../../../../atoms/utils/auth_environment.js";import"../../../../atoms/style/colors.js";import"../../../../atoms/enums/Errors.js";import"../../../../atoms/enums/Environment.js";import"../../../../atoms/enums/Theme.js";import"../../../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import"@equinor/eds-icons";import"../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../molecules/Badge/Badge.styles.js";import"../../../../molecules/Banner/Banner.styles.js";import{Button as u}from"../../../../molecules/Button/Button.js";import"../../../../molecules/Chip/Chip.js";import"../../../../molecules/ContentMenu/ContentMenu.styles.js";import"../../../../molecules/DatePicker/DatePicker.js";import"../../../../molecules/Dialog/Dialog.js";import"../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../molecules/FileProgress/CompactFileProgress.styles.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/RichTextEditor.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../../../molecules/Tabs/Tabs.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../molecules/Search/Search.js";import"../../../../molecules/Sieve/Sieve.styles.js";import"../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../molecules/Skeleton/Skeleton.styles.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"../../../../molecules/Waves/Waves.styles.js";import"framer-motion";import{ReleaseNote as d}from"../../../ReleaseNote/ReleaseNote.js";import{Status as j}from"../../../Status/index.js";const h=({enabled:h})=>{const{setOpen:S,open:v,mostRecentReleaseNote:g,showAllReleaseNotesLink:f}=a(),{isLoading:P}=r({enabled:h}),{isPrefetching:R}=c({richTextValues:g?.body?[g.body]:[],onImageRead:i.getReleaseNoteImage});return e(m,{open:v,onClose:()=>{S(!1)},isDismissable:!0,children:[o(l,{}),P||R?o(p,{children:o(s,{})}):g?e(t,{children:[o(d,{...g,
|
|
1
|
+
import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{CircularProgress as s}from"@equinor/eds-core-react";import{useReleaseNotesQuery as r,ReleaseNotesService as i}from"@equinor/subsurface-app-management";import{Header as l}from"./Header/Header.js";import{StyledDialog as m,LoadingWrapper as p,AllReleaseNotesWrapper as n}from"./ReleaseNotesDialog.styles.js";import"react";import"../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../_virtual/lodash.js";import"../../Notifications/NotificationProvider.js";import"../../../../providers/AuthProvider/AuthProvider.js";import{useReleaseNotes as a}from"../../../../providers/ReleaseNotesProvider.js";import"../../../../providers/SideBarProvider.js";import"../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../providers/StepperProvider.js";import"../../../../providers/TableOfContentsProvider.js";import"../../../../providers/ThemeProvider/ThemeProvider.js";import"react-router-dom";import{usePrefetchRichTextImages as c}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import"@tanstack/react-query";import"../../../../atoms/utils/auth_environment.js";import"../../../../atoms/style/colors.js";import"../../../../atoms/enums/Errors.js";import"../../../../atoms/enums/Environment.js";import"../../../../atoms/enums/Theme.js";import"../../../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import"@equinor/eds-icons";import"../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../molecules/Badge/Badge.styles.js";import"../../../../molecules/Banner/Banner.styles.js";import{Button as u}from"../../../../molecules/Button/Button.js";import"../../../../molecules/Chip/Chip.js";import"../../../../molecules/ContentMenu/ContentMenu.styles.js";import"../../../../molecules/DatePicker/DatePicker.js";import"../../../../molecules/Dialog/Dialog.js";import"../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../molecules/FileProgress/CompactFileProgress.styles.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/RichTextEditor.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"../../../../molecules/Tabs/Tabs.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../molecules/Search/Search.js";import"../../../../molecules/Sieve/Sieve.styles.js";import"../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../molecules/Skeleton/Skeleton.styles.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"../../../../molecules/Waves/Waves.styles.js";import"framer-motion";import{ReleaseNote as d}from"../../../ReleaseNote/ReleaseNote.js";import{Status as j}from"../../../Status/index.js";const h=({enabled:h})=>{const{setOpen:S,open:v,mostRecentReleaseNote:g,showAllReleaseNotesLink:f}=a(),{isLoading:P}=r({enabled:h}),{isPrefetching:R}=c({richTextValues:g?.body?[g.body]:[],onImageRead:i.getReleaseNoteImage});return e(m,{open:v,onClose:()=>{S(!1)},isDismissable:!0,children:[o(l,{}),P||R?o(p,{children:o(s,{})}):g?e(t,{children:[o(d,{...g,expanded:!0}),o(n,{children:o(u,{variant:"ghost",href:f,target:"_blank",children:"See all release notes in SAM"})})]}):e(j,{children:[o(j.Title,{title:"No published release notes"}),o(j.Description,{text:"This application has no published release notes yet."})]})]})};export{h as ReleaseNotesDialog};
|