@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.
- package/dist/atoms/style/colors.d.ts +436 -4
- package/dist/atoms/style/colors.js +1 -1
- package/dist/atoms/style/darkTokens.d.ts +1 -1
- package/dist/atoms/style/darkTokens.js +153 -1
- package/dist/atoms/style/lightTokens.d.ts +1 -0
- package/dist/atoms/style/lightTokens.js +43 -0
- package/dist/atoms/style/spacingTokens.d.ts +1 -1
- package/dist/atoms/style/spacingTokens.js +40 -1
- package/dist/deprecated/CommentField/CommentField.js +1 -1
- package/dist/deprecated/ConfirmationPopup.js +2 -2
- package/dist/deprecated/DataCard.js +8 -8
- package/dist/deprecated/EditableField.js +2 -2
- package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.js +2 -2
- package/dist/deprecated/HeaderDrawer.js +5 -5
- package/dist/deprecated/MultiSelectDrawer.js +4 -4
- package/dist/deprecated/SingleSelectDrawer.js +3 -3
- package/dist/deprecated/Workflow/WorkflowDescription.js +4 -4
- package/dist/molecules/Badge/Badge.js +1 -1
- package/dist/molecules/Badge/Badge.styles.js +2 -2
- package/dist/molecules/Chip/Chip.styles.js +13 -13
- package/dist/molecules/ContentMenu/ContentMenu.js +19 -19
- package/dist/molecules/EquinorLogo/EquinorLogo.js +1 -1
- package/dist/molecules/FileProgress/CompactFileProgress.js +1 -1
- package/dist/molecules/FileProgress/CompactFileProgress.styles.js +23 -23
- package/dist/molecules/FileProgress/RegularFileProgress.js +1 -1
- package/dist/molecules/FileProgress/RegularFileProgress.styles.js +10 -10
- package/dist/molecules/FileUploadArea/FileUploadArea.js +6 -6
- package/dist/molecules/FullPageSpinner/FullPageSpinner.js +5 -5
- package/dist/molecules/InfoElement/CopyText.js +9 -9
- package/dist/molecules/InfoElement/InfoElement.js +1 -1
- package/dist/molecules/ListItem/ListItem.js +8 -8
- package/dist/molecules/OptionDrawer/OptionDrawer.styles.js +11 -11
- package/dist/molecules/ProfileAvatar/ProfileAvatar.js +6 -6
- package/dist/molecules/RichTextDisplay/RichTextDisplay.js +1 -1
- package/dist/molecules/RichTextEditor/MenuBar/MenuBar.js +6 -6
- package/dist/molecules/RichTextEditor/MenuBar/MenuBar.styles.js +4 -4
- package/dist/molecules/RichTextEditor/RichTextEditor.js +1 -1
- package/dist/molecules/RichTextEditor/custom-extensions/ExtendedHeaders.js +1 -1
- package/dist/molecules/RichTextEditor/index.js +1 -1
- package/dist/molecules/Select/Select.styles.js +41 -36
- package/dist/molecules/SelectionControls/SelectionControls.styles.js +3 -3
- package/dist/molecules/Sieve/Sieve.styles.js +16 -16
- package/dist/molecules/Sieve/Sort.js +1 -1
- package/dist/molecules/SingleFilterMenu/SingleFilterMenu.js +9 -9
- package/dist/molecules/Stepper/Step.js +2 -2
- package/dist/molecules/Stepper/Stepper.js +2 -2
- package/dist/molecules/TextField/TextField.js +3 -3
- package/dist/organisms/ErrorPage/Description.js +1 -1
- package/dist/organisms/ErrorPage/Details.js +6 -6
- package/dist/organisms/ErrorPage/ErrorPage.js +2 -2
- package/dist/organisms/ErrorPage/MissingAccesses.js +2 -2
- package/dist/organisms/ErrorPage/Title.js +1 -1
- package/dist/organisms/FieldSelector/ChangingField.js +1 -1
- package/dist/organisms/FieldSelector/SelectorCard/SelectorCard.js +2 -2
- package/dist/organisms/FieldSelector/SelectorCard/Skeleton.js +4 -4
- package/dist/organisms/FullPageStatus/FullPageStatus.js +2 -2
- package/dist/organisms/SideBar/MenuItem.styles.js +3 -3
- package/dist/organisms/SideBar/SideBar.styles.js +3 -3
- package/dist/organisms/SideBar/ToggleOpen.styles.js +5 -5
- package/dist/organisms/TableOfContents/TableOfContents.constants.js +1 -1
- package/dist/organisms/TableOfContents/TableOfContents.styles.js +3 -3
- package/dist/organisms/Template/Template.js +10 -9
- package/dist/organisms/TopBar/Account/Account.styles.js +7 -7
- package/dist/organisms/TopBar/Actions.js +2 -2
- package/dist/organisms/TopBar/ApplicationDrawer/ApplicationDrawer.styles.js +5 -5
- package/dist/organisms/TopBar/FieldMenu/FieldMenu.styles.js +1 -1
- package/dist/organisms/TopBar/Guidelines/Item.js +1 -1
- package/dist/organisms/TopBar/Guidelines/Section.js +1 -1
- package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/DefaultNotification.js +1 -1
- package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/NoNotifications.js +2 -2
- package/dist/organisms/TopBar/Resources/Feedback/Feedback.styles.js +1 -1
- package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/Description.js +1 -1
- package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/UploadFile/UploadFile.styles.js +4 -4
- package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/AnimateChangeInHeight.js +3 -3
- package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/FullSlackResponse.js +4 -4
- package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/ResponsePage.js +2 -2
- package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/ResponsePage.styles.js +1 -1
- package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/Success.js +3 -3
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/FilterHeader/FilterHeader.styles.js +3 -3
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotes.styles.js +3 -3
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesHeader.js +1 -1
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesHeader.styles.js +4 -4
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesTypes/ReleaseNotesTypes.styles.js +12 -12
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/ReleasePost.styles.js +1 -1
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePosts.js +1 -1
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePosts.styles.js +4 -4
- package/dist/organisms/TopBar/Resources/ResourceMenuItem.js +2 -2
- package/dist/organisms/TopBar/Resources/Resources.js +4 -4
- package/dist/organisms/TopBar/Settings.d.ts +2 -15
- package/dist/organisms/TopBar/Settings.js +5 -5
- package/dist/organisms/TopBar/Settings.types.d.ts +28 -0
- package/dist/organisms/TopBar/TopBar.js +1 -1
- package/dist/organisms/TopBar/TopBar.styles.js +13 -13
- package/dist/organisms/TopBar/TopBarMenu.js +3 -3
- package/dist/organisms/TopBar/TransferToAppDialog.js +3 -3
- package/dist/organisms/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{Typography as r,Tooltip as i,CircularProgress as t}from"@equinor/eds-core-react";import{
|
|
1
|
+
import{Typography as r,Tooltip as i,CircularProgress as t}from"@equinor/eds-core-react";import{colors as e}from"../../atoms/style/colors.js";import{spacings as o}from"../../atoms/style/spacings.js";import s from"styled-components";const a=s.div`
|
|
2
2
|
border-radius: 4px;
|
|
3
3
|
margin: 10px 0;
|
|
4
4
|
width: 88px;
|
|
@@ -6,24 +6,24 @@ import{Typography as r,Tooltip as i,CircularProgress as t}from"@equinor/eds-core
|
|
|
6
6
|
box-sizing: border-box;
|
|
7
7
|
position: relative;
|
|
8
8
|
transition: 0.3s;
|
|
9
|
-
${({$isError:r})=>r&&`&:hover { \n background: ${
|
|
10
|
-
`;
|
|
11
|
-
margin: ${
|
|
12
|
-
color: ${
|
|
13
|
-
`;const
|
|
9
|
+
${({$isError:r})=>r&&`&:hover { \n background: ${e.ui.background__warning.rgba}\n }`}
|
|
10
|
+
`;s(r)`
|
|
11
|
+
margin: ${o.small} ${o.small} 0 ${o.small};
|
|
12
|
+
color: ${e.text.static_icons__tertiary.rgba};
|
|
13
|
+
`;const n=s.div`
|
|
14
14
|
height: 100%;
|
|
15
15
|
width: 100%;
|
|
16
16
|
overflow: hidden;
|
|
17
|
-
border: 1px dashed ${
|
|
17
|
+
border: 1px dashed ${e.ui.background__medium.rgba};
|
|
18
18
|
display: flex;
|
|
19
19
|
justify-content: center;
|
|
20
20
|
align-items: center;
|
|
21
21
|
border-radius: 4px;
|
|
22
|
-
`,
|
|
22
|
+
`,d=s.div`
|
|
23
23
|
height: 100%;
|
|
24
24
|
width: 100%;
|
|
25
25
|
overflow: hidden;
|
|
26
|
-
border: 1px solid ${
|
|
26
|
+
border: 1px solid ${e.ui.background__light.rgba};
|
|
27
27
|
position: relative;
|
|
28
28
|
display: flex;
|
|
29
29
|
justify-content: center;
|
|
@@ -33,7 +33,7 @@ import{Typography as r,Tooltip as i,CircularProgress as t}from"@equinor/eds-core
|
|
|
33
33
|
overflow: hidden;
|
|
34
34
|
text-align: center;
|
|
35
35
|
}
|
|
36
|
-
`,
|
|
36
|
+
`,c=s.div`
|
|
37
37
|
display: grid;
|
|
38
38
|
grid-template-rows: 1fr 1fr 1fr;
|
|
39
39
|
align-items: center;
|
|
@@ -44,19 +44,19 @@ import{Typography as r,Tooltip as i,CircularProgress as t}from"@equinor/eds-core
|
|
|
44
44
|
justify-items: center;
|
|
45
45
|
text-align: center;
|
|
46
46
|
border-radius: 4px;
|
|
47
|
-
border: 1px dashed ${
|
|
47
|
+
border: 1px dashed ${e.interactive.warning__text.rgba};
|
|
48
48
|
gap: 0;
|
|
49
49
|
> svg {
|
|
50
50
|
grid-row: 2/3;
|
|
51
51
|
}
|
|
52
52
|
> div {
|
|
53
53
|
grid-row: 3/4;
|
|
54
|
-
color: ${
|
|
54
|
+
color: ${e.interactive.warning__text.rgba};
|
|
55
55
|
}
|
|
56
|
-
`,
|
|
57
|
-
background-color: ${
|
|
56
|
+
`,g=s.div`
|
|
57
|
+
background-color: ${e.text.static_icons__tertiary.rgba};
|
|
58
58
|
border-radius: 50%;
|
|
59
|
-
border: 2px solid ${
|
|
59
|
+
border: 2px solid ${e.text.static_icons__primary_white.rgba};
|
|
60
60
|
position: absolute;
|
|
61
61
|
width: 18px;
|
|
62
62
|
height: 18px;
|
|
@@ -66,21 +66,21 @@ import{Typography as r,Tooltip as i,CircularProgress as t}from"@equinor/eds-core
|
|
|
66
66
|
> svg {
|
|
67
67
|
width: 18px;
|
|
68
68
|
height: 18px;
|
|
69
|
-
fill: ${
|
|
69
|
+
fill: ${e.text.static_icons__primary_white.rgba};
|
|
70
70
|
}
|
|
71
|
-
`,
|
|
71
|
+
`,l=s(r)`
|
|
72
72
|
font-size: 10px;
|
|
73
|
-
padding-top: ${
|
|
73
|
+
padding-top: ${o.x_small};
|
|
74
74
|
width: 100%;
|
|
75
75
|
overflow: hidden;
|
|
76
76
|
text-overflow: ellipsis;
|
|
77
|
-
`,
|
|
77
|
+
`,p=s(i)`
|
|
78
78
|
white-space: pre;
|
|
79
|
-
`,
|
|
79
|
+
`,h=s(t)`
|
|
80
80
|
circle {
|
|
81
|
-
stroke: ${
|
|
81
|
+
stroke: ${e.interactive.primary__resting.rgba};
|
|
82
82
|
}
|
|
83
83
|
circle:first-child {
|
|
84
|
-
stroke: ${
|
|
84
|
+
stroke: ${e.interactive.primary__hover_alt.rgba};
|
|
85
85
|
}
|
|
86
|
-
`;export{
|
|
86
|
+
`;export{l as AdditionalText,h as CircularProgress,g as CloseButton,a as CompactFileProgressContainer,p as FileTooltip,d as ImageWrapper,n as LoadingWrapper,c as Rejection};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useMemo as
|
|
1
|
+
import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useMemo as t}from"react";import{Icon as e,Typography as o,Button as n}from"@equinor/eds-core-react";import{file as s,delete_to_trash as a,close_circle_outlined as c,refresh as l}from"@equinor/eds-icons";import{colors as m}from"../../atoms/style/colors.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import d from"../../atoms/utils/size.js";import{Container as p,RegularFileProgressWrapper as h,FileName as u,ProgressWrapper as g,LinearProgress as v,RegularFileProgressDetails as f}from"./RegularFileProgress.styles.js";const{formatBytes:_}=d,j=({onRetry:d,file:j,progressPercent:z,customLoadingText:x,customCompleteText:y,isError:E,fullErrorText:C,showCompleteState:T,handleOnClick:b})=>{const P=t((()=>{if(!j?.size||!z)return 1;const r=j.size/100*z;return _(r,1)}),[j?.size,z]),R=t((()=>{if(E)return C??"An error has occurred";return T?y??"File uploaded!":x??"loading..."}),[y,x,C,T,E]);return r(p,{$isError:E,children:[i(e,{data:s,color:E?m.interactive.danger__hover.rgba:m.interactive.primary__resting.rgba,size:32}),r(h,{children:[r(u,{children:[i(o,{variant:"caption",children:j.name}),r("div",{children:[i(n,{variant:"ghost_icon",onClick:b,children:i(e,{data:T?a:c,color:m.text.static_icons__tertiary.rgba,size:24})}),E&&d&&i(n,{variant:"ghost_icon",onClick:d,children:i(e,{data:l,color:m.text.static_icons__tertiary.rgba,size:24})})]})]}),i(g,{children:!T&&i(v,{variant:void 0===z?"indeterminate":"determinate",value:z})}),r(f,{children:[i(o,{variant:"overline",children:R}),j?.size&&i(o,{variant:"overline",children:T?_(j.size,1):`${P} of ${_(j.size,1)}`})]})]})]})};export{j as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{LinearProgress as e}from"@equinor/eds-core-react";import{
|
|
1
|
+
import{LinearProgress as e}from"@equinor/eds-core-react";import{colors as i}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import t from"styled-components";const o=t.div`
|
|
2
2
|
max-width: 555px;
|
|
3
3
|
padding: ${r.medium} ${r.large};
|
|
4
4
|
display: flex;
|
|
@@ -6,27 +6,27 @@ import{LinearProgress as e}from"@equinor/eds-core-react";import{tokens as i}from
|
|
|
6
6
|
align-items: center;
|
|
7
7
|
gap: ${r.medium};
|
|
8
8
|
border: 1px solid
|
|
9
|
-
${({$isError:e})=>e?
|
|
9
|
+
${({$isError:e})=>e?i.ui.background__danger.rgba:i.ui.background__medium.rgba};
|
|
10
10
|
border-radius: 4px;
|
|
11
|
-
`,
|
|
11
|
+
`,a=t.div`
|
|
12
12
|
display: flex;
|
|
13
13
|
flex-direction: column;
|
|
14
14
|
width: 100%;
|
|
15
|
-
`,
|
|
15
|
+
`,n=t.div`
|
|
16
16
|
display: flex;
|
|
17
17
|
align-items: center;
|
|
18
18
|
justify-content: space-between;
|
|
19
|
-
`,
|
|
19
|
+
`,s=t.div`
|
|
20
20
|
align-items: center;
|
|
21
21
|
display: flex;
|
|
22
22
|
justify-content: space-between;
|
|
23
23
|
padding-top: ${r.small};
|
|
24
|
-
`,
|
|
24
|
+
`,d=t.div`
|
|
25
25
|
min-height: 4px;
|
|
26
|
-
`,
|
|
27
|
-
background-color: ${
|
|
26
|
+
`,m=t(e)`
|
|
27
|
+
background-color: ${i.interactive.primary__hover_alt.rgba};
|
|
28
28
|
|
|
29
29
|
div {
|
|
30
|
-
background-color: ${
|
|
30
|
+
background-color: ${i.interactive.primary__resting.rgba};
|
|
31
31
|
}
|
|
32
|
-
`;export{
|
|
32
|
+
`;export{o as Container,n as FileName,m as LinearProgress,d as ProgressWrapper,s as RegularFileProgressDetails,a as RegularFileProgressWrapper};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e,Fragment as t}from"react/jsx-runtime";import{useMemo as i}from"react";import{useDropzone as o}from"react-dropzone";import{Icon as a,Typography as n}from"@equinor/eds-core-react";import{add as c,upload as
|
|
1
|
+
import{jsxs as r,jsx as e,Fragment as t}from"react/jsx-runtime";import{useMemo as i}from"react";import{useDropzone as o}from"react-dropzone";import{Icon as a,Typography as n}from"@equinor/eds-core-react";import{add as c,upload as p}from"@equinor/eds-icons";import{colors as d}from"../../atoms/style/colors.js";import s from"styled-components";const l=s.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
flex-direction: column;
|
|
6
6
|
min-width: 300px;
|
|
7
7
|
height: 152px;
|
|
8
|
-
border: 2px dotted ${
|
|
8
|
+
border: 2px dotted ${d.interactive.primary__resting.rgba};
|
|
9
9
|
border-radius: 15px;
|
|
10
10
|
margin-top: 10px;
|
|
11
11
|
:hover {
|
|
@@ -14,19 +14,19 @@ import{jsxs as r,jsx as e,Fragment as t}from"react/jsx-runtime";import{useMemo a
|
|
|
14
14
|
}
|
|
15
15
|
/* c8 ignore next */
|
|
16
16
|
background-color: ${r=>r.$isDragActive?"#deedee":""};
|
|
17
|
-
`,
|
|
17
|
+
`,g=s.div`
|
|
18
18
|
display: flex;
|
|
19
19
|
align-items: center;
|
|
20
20
|
justify-content: center;
|
|
21
21
|
width: 88px;
|
|
22
22
|
height: 88px;
|
|
23
|
-
border: 1px dashed ${
|
|
23
|
+
border: 1px dashed ${d.interactive.primary__resting.rgba};
|
|
24
24
|
border-radius: 4px;
|
|
25
25
|
transition: background-color 0.1s ease-in;
|
|
26
26
|
&:hover {
|
|
27
|
-
background-color: ${
|
|
27
|
+
background-color: ${d.interactive.primary__hover_alt.rgba};
|
|
28
28
|
cursor: pointer;
|
|
29
29
|
}
|
|
30
30
|
/* c8 ignore next */
|
|
31
31
|
background-color: ${r=>r.$isDragActive?"#deedee":""};
|
|
32
|
-
`,
|
|
32
|
+
`,u=({compact:s,...u})=>{const{getRootProps:m,getInputProps:v,isDragActive:h}=o({...u}),b=i((()=>{if(u.accept)return Object.values(u.accept).join(", ")}),[u.accept]);return s?r(g,{...m(),$isDragActive:h,children:[e("input",{"data-testid":"file-upload-area-input",...v()}),e(a,{data:c,color:d.interactive.primary__resting.rgba})]}):r(l,{...m(),$isDragActive:h,children:[e("input",{"data-testid":"file-upload-area-input",...v()}),h?e(n,{variant:"h6",children:"Drop to upload your files"}):r(t,{children:[e(a,{data:p,color:d.interactive.primary__resting.rgba}),r(n,{group:"navigation",variant:"button",children:["Drop files or"," ",e(n,{color:d.interactive.primary__resting.rgba,as:"span",children:"browse"})," ","to upload"]}),u.accept&&e(n,{group:"paragraph",variant:"meta",children:r(t,{children:["Supported filetypes: ",b]})})]})]})};export{u as FileUploadArea};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{Progress as
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{Progress as i,StarProgress as e,Scrim as o}from"@equinor/eds-core-react";import{colors as n}from"../../atoms/style/colors.js";import{environment as a}from"../../atoms/utils/auth_environment.js";import{ApplicationIcon as c}from"../ApplicationIcon/ApplicationIcon.js";import m from"styled-components";const{getAppName:s}=a,p=m.div`
|
|
2
2
|
width: 100vw;
|
|
3
3
|
height: 100vh;
|
|
4
4
|
position: fixed;
|
|
@@ -8,11 +8,11 @@ import{jsx as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{P
|
|
|
8
8
|
justify-content: center;
|
|
9
9
|
align-items: center;
|
|
10
10
|
display: flex;
|
|
11
|
-
`,
|
|
11
|
+
`,l=m(i.Circular)`
|
|
12
12
|
circle {
|
|
13
|
-
stroke: ${
|
|
13
|
+
stroke: ${n.interactive.primary__resting.rgba};
|
|
14
14
|
}
|
|
15
15
|
circle:first-child {
|
|
16
|
-
stroke: ${
|
|
16
|
+
stroke: ${n.interactive.primary__hover_alt.rgba};
|
|
17
17
|
}
|
|
18
|
-
`,
|
|
18
|
+
`,d=({variant:n="application",withScrim:a=!1})=>{const m=t((()=>{switch(n){case"dots":return r(i.Dots,{color:"primary"});case"circle":return r(l,{});case"equinor":return r(e,{});case"application":return r(c,{name:s(import.meta.env.VITE_NAME),animationState:"loading"})}}),[n]);return a?r(o,{open:!0,children:m}):r(p,{children:m})};export{d as FullPageSpinner};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as r,jsx as o}from"react/jsx-runtime";import{useRef as t,useState as i,useEffect as e}from"react";import{Icon as n,Typography as a}from"@equinor/eds-core-react";import{copy as s}from"@equinor/eds-icons";import{colors as c}from"../../atoms/style/colors.js";import{spacings as m}from"../../atoms/style/spacings.js";import p,{keyframes as d}from"styled-components";const l=p.div`
|
|
2
2
|
position: relative;
|
|
3
3
|
pointer-events: auto;
|
|
4
4
|
width: fit-content;
|
|
5
5
|
&:hover {
|
|
6
6
|
cursor: pointer;
|
|
7
7
|
}
|
|
8
|
-
`,
|
|
8
|
+
`,u=d`
|
|
9
9
|
from {
|
|
10
10
|
opacity: 0;
|
|
11
11
|
background: none;
|
|
@@ -13,22 +13,22 @@ import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useRef as e,useState as
|
|
|
13
13
|
|
|
14
14
|
to {
|
|
15
15
|
opacity: 1;
|
|
16
|
-
background: ${
|
|
16
|
+
background: ${c.ui.background__light.rgba};
|
|
17
17
|
}
|
|
18
|
-
`,
|
|
18
|
+
`,g=p.div`
|
|
19
19
|
position: absolute;
|
|
20
20
|
padding: ${m.xx_small};
|
|
21
21
|
z-index: 1000;
|
|
22
22
|
top: 50%;
|
|
23
23
|
right: -${m.x_small};
|
|
24
24
|
transform: translate(100%, -50%);
|
|
25
|
-
animation: ${
|
|
26
|
-
background: ${
|
|
27
|
-
border: 1px solid ${
|
|
25
|
+
animation: ${u} 0.25s;
|
|
26
|
+
background: ${c.ui.background__light.rgba};
|
|
27
|
+
border: 1px solid ${c.ui.background__medium.rgba};
|
|
28
28
|
border-radius: 2px;
|
|
29
29
|
p,
|
|
30
30
|
svg {
|
|
31
|
-
color: ${
|
|
31
|
+
color: ${c.interactive.primary__hover.rgba};
|
|
32
32
|
}
|
|
33
33
|
p {
|
|
34
34
|
font-weight: 700;
|
|
@@ -38,4 +38,4 @@ import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useRef as e,useState as
|
|
|
38
38
|
grid-template-columns: auto 2.75rem;
|
|
39
39
|
grid-gap: ${m.xx_small};
|
|
40
40
|
align-items: center;
|
|
41
|
-
`,
|
|
41
|
+
`,b=({children:c,textToCopy:m})=>{const p=t(!1),[d,u]=i(!1),[b,x]=i("Copy");return e((()=>(p.current=!0,()=>{p.current=!1})),[]),r(l,{onClick:()=>{navigator.clipboard.writeText(m),x("Copied!"),setTimeout((()=>{p.current&&x("Copy")}),3e3)},onMouseOver:()=>u(!0),onMouseOut:()=>u(!1),children:[c,d&&r(g,{children:[o(n,{data:s,size:16}),o(a,{variant:"overline",children:b})]})]})};export{b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.js";import"../EquinorLogo/EquinorLogo.js";import{Typography as i}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"../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"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../ListItem/ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import e from"./CopyText.js";const s=o((({title:o,content:s,copyableContent:p,capitalizeContent:n},a)=>{const m=n&&"string"==typeof s?s.toUpperCase():s;return t("div",{ref:a,children:[r(i,{group:"paragraph",variant:"overline",children:o?.toUpperCase()}),"string"==typeof s?p?r(e,{textToCopy:s,children:r(i,{variant:"h6",children:m})}):r(i,{variant:"h6",children:m}):s]})}));s.displayName="InfoElement";export{s as InfoElement};
|
|
1
|
+
import{jsxs as t,jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.js";import"../EquinorLogo/EquinorLogo.js";import{Typography as i}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../atoms/style/colors.js";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"../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"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../ListItem/ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import e from"./CopyText.js";const s=o((({title:o,content:s,copyableContent:p,capitalizeContent:n},a)=>{const m=n&&"string"==typeof s?s.toUpperCase():s;return t("div",{ref:a,children:[r(i,{group:"paragraph",variant:"overline",children:o?.toUpperCase()}),"string"==typeof s?p?r(e,{textToCopy:s,children:r(i,{variant:"h6",children:m})}):r(i,{variant:"h6",children:m}):s]})}));s.displayName="InfoElement";export{s as InfoElement};
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{forwardRef as
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.js";import"../EquinorLogo/EquinorLogo.js";import{Icon as i,Typography as o}from"@equinor/eds-core-react";import"@equinor/eds-icons";import{animation as e}from"../../atoms/style/animation.js";import{colors as s}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"../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"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import a from"styled-components";const p=a.button`
|
|
2
2
|
display: flex;
|
|
3
3
|
gap: ${n.small};
|
|
4
4
|
align-items: center;
|
|
5
5
|
height: 48px;
|
|
6
6
|
min-width: 210px;
|
|
7
|
-
padding: ${({$isChild:t})=>{const
|
|
8
|
-
background: ${({$selected:t})=>t?
|
|
9
|
-
transition: background ${
|
|
7
|
+
padding: ${({$isChild:t})=>{const r=`${n.small} ${n.large} ${n.small}`;return t?`${r} ${n.xx_large}`:`${r} ${n.medium}`}};
|
|
8
|
+
background: ${({$selected:t})=>t?s.interactive.primary__selected_highlight.rgba:"transparent"};
|
|
9
|
+
transition: background ${e.transitionMS};
|
|
10
10
|
&:disabled {
|
|
11
11
|
cursor: not-allowed;
|
|
12
12
|
background: transparent;
|
|
13
13
|
> section > p {
|
|
14
|
-
color: ${
|
|
14
|
+
color: ${s.interactive.disabled__text.rgba};
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
&:focus:not(:disabled) {
|
|
18
|
-
outline: 1px dashed ${
|
|
18
|
+
outline: 1px dashed ${s.interactive.primary__resting.rgba};
|
|
19
19
|
}
|
|
20
20
|
&:hover:not(:disabled) {
|
|
21
|
-
background: ${({$selected:t})=>t?
|
|
21
|
+
background: ${({$selected:t})=>t?s.interactive.primary__selected_hover.rgba:s.interactive.primary__hover_alt.rgba};
|
|
22
22
|
}
|
|
23
23
|
> section {
|
|
24
24
|
padding: ${n.small} 0};
|
|
25
25
|
}
|
|
26
|
-
`,
|
|
26
|
+
`,l=r((({label:r,icon:e,onClick:n,onFocus:a,onBlur:l,iconPosition:m="leading",disabled:c=!1,isChild:d=!1,selected:u=!1},g)=>{const j=t(i,{data:e,color:s.interactive.primary__resting.rgba}),h=t("section",{children:t(o,{variant:"button",group:"navigation",children:r})});return t(p,{ref:g,$isChild:d,$selected:u,disabled:c,onClick:n,onFocus:a,onBlur:l,children:"trailing"===m?[h,j]:[j,h]})}));l.displayName="ListItem";export{l as ListItem};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{Icon as
|
|
1
|
+
import{Icon as i}from"@equinor/eds-core-react";import{colors as e}from"../../atoms/style/colors.js";import t,{keyframes as o,css as r}from"styled-components";const a=o`
|
|
2
2
|
0% {
|
|
3
3
|
opacity: 1;
|
|
4
4
|
}
|
|
@@ -9,14 +9,14 @@ import{Icon as e}from"@equinor/eds-core-react";import{tokens as i}from"../../nod
|
|
|
9
9
|
opacity: 0;
|
|
10
10
|
display: none;
|
|
11
11
|
}
|
|
12
|
-
`,
|
|
13
|
-
margin-left: ${({$section:
|
|
12
|
+
`,n=t.div`
|
|
13
|
+
margin-left: ${({$section:i})=>i>0?"22px":""};
|
|
14
14
|
opacity: 1;
|
|
15
|
-
color: ${
|
|
16
|
-
animation: ${({$animationActive:
|
|
15
|
+
color: ${e.text.static_icons__default.rgba};
|
|
16
|
+
animation: ${({$animationActive:i})=>i?r`
|
|
17
17
|
${a} 400ms ease-in
|
|
18
18
|
`:"none"};
|
|
19
|
-
`,
|
|
19
|
+
`,s=t.div`
|
|
20
20
|
position: relative;
|
|
21
21
|
display: flex;
|
|
22
22
|
flex: 1;
|
|
@@ -24,14 +24,14 @@ import{Icon as e}from"@equinor/eds-core-react";import{tokens as i}from"../../nod
|
|
|
24
24
|
cursor: pointer;
|
|
25
25
|
transition: background-color 0.1s ease-in;
|
|
26
26
|
&:hover {
|
|
27
|
-
background-color: ${
|
|
27
|
+
background-color: ${e.interactive.primary__hover_alt.rgba};
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
svg {
|
|
31
|
-
fill: ${
|
|
31
|
+
fill: ${e.interactive.primary__resting.rgba};
|
|
32
32
|
}
|
|
33
|
-
`,
|
|
33
|
+
`,c=t(i)``,l=t.div`
|
|
34
34
|
display: flex;
|
|
35
35
|
align-items: center;
|
|
36
|
-
${({$paddedLeft:
|
|
37
|
-
`;export{
|
|
36
|
+
${({$paddedLeft:i})=>i&&"margin-left: 40px"};
|
|
37
|
+
`;export{c as StyledIcon,s as StyledOption,l as StyledOptionItem,n as StyledOptionWrapper};
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useMemo as t}from"react";import{Icon as i,Avatar as a}from"@equinor/eds-core-react";import{person as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useMemo as t}from"react";import{Icon as i,Avatar as a}from"@equinor/eds-core-react";import{person as s}from"@equinor/eds-icons";import{tokens as n}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as o}from"../../atoms/style/colors.js";import c from"styled-components";const{shape:d,typography:l}=n,u=[o.infographic.primary__energy_red_55.rgba,o.infographic.primary__moss_green_55.rgba,o.infographic.substitute__green_mint.rgba,o.infographic.substitute__blue_overcast.rgba];function m(e){const r=e.replace(/ *\([^)]*\) */g,"").toUpperCase(),t=r.split(" "),i=r.includes(",");return 1===t.length&&""!==t[0]?t[0].charAt(0):i?(e=>e.split(",")[1].trim().charAt(0))(r)+t[0].charAt(0):t.length>=2?t[0].charAt(0)+t[t.length-1].charAt(0):void 0}function h(e){let r=0;if(e)for(let t=0;t<e.length;t++)r+=e.charCodeAt(t);return u[r%u.length]}const g=c.div`
|
|
2
2
|
width: ${e=>e.$size}px;
|
|
3
3
|
height: ${e=>e.$size}px;
|
|
4
4
|
font-size: ${e=>e.$fontSize}px;
|
|
5
5
|
font-family: ${l.heading.h6.fontFamily};
|
|
6
6
|
border-radius: ${d.circle.borderRadius};
|
|
7
|
-
background: ${e=>e.disabled?
|
|
8
|
-
color: ${e=>e.disabled?
|
|
7
|
+
background: ${e=>e.disabled?o.interactive.disabled__border.rgba:e.$background};
|
|
8
|
+
color: ${e=>e.disabled?o.text.static_icons__default.rgba:o.text.static_icons__primary_white.rgba};
|
|
9
9
|
display: flex;
|
|
10
10
|
justify-content: center;
|
|
11
11
|
align-items: center;
|
|
12
|
-
`,p=
|
|
12
|
+
`,p=c(i)`
|
|
13
13
|
width: 70%;
|
|
14
|
-
`,f=
|
|
14
|
+
`,f=c.div`
|
|
15
15
|
width: ${({$size:e})=>e}px;
|
|
16
16
|
height: ${({$size:e})=>e}px;
|
|
17
17
|
> div {
|
|
18
18
|
width: inherit;
|
|
19
19
|
height: inherit;
|
|
20
20
|
}
|
|
21
|
-
`,b=r((({url:r,name:i,size:
|
|
21
|
+
`,b=r((({url:r,name:i,size:n="medium",disabled:o=!1},c)=>{const d=t((()=>{const r=e(p,{data:s});return i&&0!==i.trim().length?m(i):r}),[i]),l=t((()=>{switch(n){case"small":return 16;case"small-medium":return 24;case"medium":case void 0:return 32;case"large":return 40;case"x-large":return 48;default:return n}}),[n]),u=t((()=>{switch(n){case"small":return 6;case"small-medium":return 10;case"medium":case void 0:return 14;case"large":return 16;case"x-large":return 18;default:return n/2}}),[n]),b=t((()=>{const{btoa:e,atob:t}=window;if(r)try{if(e(t(r))===r)return`data:image/png;base64, ${r}`}catch{return r}return""}),[r]);return""!==b?e(f,{$size:l,"data-testid":"avatar-wrapper",children:e(a,{alt:`user-avatar-${i}`,src:b,disabled:o,ref:c})}):e(g,{$background:h(i),$size:l,$fontSize:u,disabled:o,ref:c,children:d})}));b.displayName="ProfileAvatar";export{b as ProfileAvatar,m as nameToInitials};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{useRef as o,useEffect as e}from"react";import{useEditor as r}from"@tiptap/react";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.js";import"../EquinorLogo/EquinorLogo.js";import"@equinor/eds-core-react";import"@equinor/eds-icons";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import{AmplifyKit as i}from"../RichTextEditor/custom-extensions/AmplifyKit.js";import{RichText as s}from"../RichTextEditor/index.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../../node_modules/lodash/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../ListItem/ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";const n=({value:n,imgReadToken:m,lightBackground:p=!0,padding:
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{useRef as o,useEffect as e}from"react";import{useEditor as r}from"@tiptap/react";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.js";import"../EquinorLogo/EquinorLogo.js";import"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../atoms/style/colors.js";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"../../atoms/types/Errors.js";import"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import{AmplifyKit as i}from"../RichTextEditor/custom-extensions/AmplifyKit.js";import{RichText as s}from"../RichTextEditor/index.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../../node_modules/lodash/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../ListItem/ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";const n=({value:n,imgReadToken:m,lightBackground:p=!0,padding:l="md"})=>{const a=r({extensions:[i],content:m?n?.replaceAll(/(<img src=")(.+)("\/>)/g,`$1$2?${m}$3`):n,editable:!1}),c=o(n);return e((()=>{a&&n&&n!==c.current&&(a.commands.setContent(n),c.current=n)}),[a,n]),t(s.Styling,{$lightBackground:p,$padding:l,children:t(s.Content,{editor:a,readOnly:!0})})};export{n as RichTextDisplay};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{TextTable as t}from"./Table/Table.js";import{TableMenuBar as o}from"./Table/TableBar.js";import{AddImageButton as i}from"./AddImageButton.js";import{MenuSection as s}from"./MenuBar.styles.js";import{MenuButton as m}from"./MenuButton.js";import{TextAlignment as a}from"./TextAlignment.js";import{TextClearFormating as d}from"./TextClearFormating.js";import{TextCode as l}from"./TextCode.js";import{TextColor as f}from"./TextColor.js";import{TextFormating as n}from"./TextFormating.js";import{TextHeaders as p}from"./TextHeaders.js";import{TextHistory as u}from"./TextHistory.js";import{TextLinks as j}from"./TextLinks.js";import{TextLists as g}from"./TextLists.js";import{colors as x}from"../../../atoms/style/colors.js";import{spacings as T}from"../../../atoms/style/spacings.js";import c from"styled-components";const b=c.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
|
-
`,y=
|
|
4
|
+
`,y=c.div`
|
|
5
5
|
display: flex;
|
|
6
6
|
flex-wrap: wrap;
|
|
7
|
-
gap: ${
|
|
8
|
-
padding: ${
|
|
9
|
-
border-bottom: 1px solid ${
|
|
10
|
-
`,
|
|
7
|
+
gap: ${T.small};
|
|
8
|
+
padding: ${T.small};
|
|
9
|
+
border-bottom: 1px solid ${x.ui.background__medium.rgba};
|
|
10
|
+
`,B=({editor:s,features:m,onImageUpload:x})=>0===m.length?null:r(b,{children:[r(y,{children:[e(u,{editor:s,features:m}),e(n,{editor:s,features:m}),e(p,{editor:s,features:m}),e(g,{editor:s,features:m}),e(f,{editor:s,features:m}),e(l,{editor:s,features:m}),e(a,{editor:s,features:m}),e(j,{editor:s,features:m}),e(i,{editor:s,features:m,onImageUpload:x}),e(t,{editor:s,features:m}),e(d,{editor:s,features:m})]}),e(o,{editor:s})]}),C={Bar:y,Bars:b,Button:m,Section:s,AddImageButton:i},A={History:u,Formating:n,Headers:p,Lists:g,Color:f,Code:l,Links:j,Table:t,Alignment:a,ClearFormating:d};export{B as AmplifyBar,C as EditorMenu,A as EditorText};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{tokens as r}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o from"styled-components";const{
|
|
1
|
+
import{tokens as r}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as o}from"../../../atoms/style/colors.js";import t from"styled-components";const{spacings:i,shape:s}=r,e=t.section`
|
|
2
2
|
display: flex;
|
|
3
3
|
> button:not(:first-child):not(:last-child) {
|
|
4
4
|
border-radius: 0;
|
|
@@ -11,7 +11,7 @@ import{tokens as r}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
|
|
|
11
11
|
border-bottom-left-radius: 0;
|
|
12
12
|
border-top-left-radius: 0;
|
|
13
13
|
}
|
|
14
|
-
`,a=
|
|
14
|
+
`,a=t.button`
|
|
15
15
|
display: flex;
|
|
16
16
|
align-items: center;
|
|
17
17
|
border-radius: ${s.button.borderRadius};
|
|
@@ -37,6 +37,6 @@ import{tokens as r}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
&:disabled > svg {
|
|
40
|
-
fill: ${
|
|
40
|
+
fill: ${o.interactive.disabled__text.rgba};
|
|
41
41
|
}
|
|
42
|
-
`,l=r=>r.$customColors?r.$customColors.resting:r.$active?
|
|
42
|
+
`,l=r=>r.$customColors?r.$customColors.resting:r.$active?o.ui.background__light.rgba:o.interactive.primary__resting.rgba,d=r=>r.$customColors?r.$customColors.hover:o.interactive.primary__hover.rgba,n=r=>r.$active?o.interactive.primary__resting.rgba:o.ui.background__light.rgba,b=r=>r.$customColors?r.$customColors.backgroundHover:o.interactive.primary__hover_alt.rgba;export{a as MenuButtonStyle,e as MenuSection};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r,jsxs as o}from"react/jsx-runtime";import{AmplifyBar as t}from"./MenuBar/MenuBar.js";import{EditorProvider as e}from"./EditorProvider.js";import{EditorStyling as i,EditorContent as s}from"./RichTextEditor.styles.js";import"react";import"./custom-extensions/AmplifyKit.js";import"./RichTextEditor.types.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"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import{richtext as a}from"../../atoms/utils/richtext.js";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";const m=({value:m,onChange:n,onImageUpload:p,placeholder:d,features:
|
|
1
|
+
import{jsx as r,jsxs as o}from"react/jsx-runtime";import{AmplifyBar as t}from"./MenuBar/MenuBar.js";import{EditorProvider as e}from"./EditorProvider.js";import{EditorStyling as i,EditorContent as s}from"./RichTextEditor.styles.js";import"react";import"./custom-extensions/AmplifyKit.js";import"./RichTextEditor.types.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"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import{richtext as a}from"../../atoms/utils/richtext.js";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/style/colors.js";const m=({value:m,onChange:n,onImageUpload:p,placeholder:d,features:l,extendFeatures:u,removeFeatures:c,padding:g="md",maxHeight:h,minHeight:j,lightBackground:v,border:f=!0})=>{const x=a.getFeatures({features:l,extendFeatures:u,removeFeatures:c,onImageUpload:p});return r(e,{content:m,onUpdate:n,features:x,placeholder:d,onImageUpload:p,children:e=>o(i,{$border:f,$padding:g,$lightBackground:v,children:[r(t,{editor:e,features:x,onImageUpload:p}),r(s,{editor:e,$maxHeight:h,$minHeight:j})]})})};export{m as RichTextEditor};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import r from"@tiptap/extension-heading";import{ReactNodeViewRenderer as o,NodeViewWrapper as i,NodeViewContent as e}from"@tiptap/react";import"../../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../ApplicationIcon/ApplicationIcon.js";import"../../Badge/Badge.styles.js";import"../../Chip/Chip.js";import"../../ContentMenu/ContentMenu.js";import"../../EquinorLogo/EquinorLogo.js";import"react";import{Typography as s}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"../../../atoms/types/Errors.js";import"../../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../RichTextEditor.types.js";import"../../FileProgress/RegularFileProgress.styles.js";import"../../FileUploadArea/FileUploadArea.js";import"../../FullPageSpinner/FullPageSpinner.js";import"../../InfoElement/InfoElement.js";import"../../OptionalTooltip/OptionalTooltip.js";import"../../ProfileAvatar/ProfileAvatar.js";import"./AmplifyKit.js";import"../MenuBar/MenuBar.js";import"../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"../../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../MenuBar/MenuBar.styles.js";import"../MenuBar/MenuButton.js";import"../../Search/Search.js";import"react-router-dom";import"../../Sieve/Sieve.styles.js";import"../../SingleFilterMenu/SingleFilterMenu.js";import"../../Skeleton/SkeletonBase/SkeletonBase.js";import"../../Stepper/Stepper.js";import"../../OptionDrawer/OptionDrawer.js";import"../../Select/Select.styles.js";import"../../ListItem/ListItem.js";import"../../SelectionControls/Checkbox/Checkbox.js";import"../../SelectionControls/Radio/Radio.js";import"../../SelectionControls/Switch/Switch.js";const n=r=>{const o=r.node.attrs.level;let n="h1";return 2===o&&(n="h2"),3===o&&(n="h3"),4===o&&(n="h4"),5===o&&(n="h5"),6===o&&(n="h6"),t(i,{children:t(s,{variant:n,children:t(e,{className:"content is-editable"})})})};var p=r.extend({content:"inline*",addNodeView:()=>o(n)});export{p as default};
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import r from"@tiptap/extension-heading";import{ReactNodeViewRenderer as o,NodeViewWrapper as i,NodeViewContent as e}from"@tiptap/react";import"../../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../ApplicationIcon/ApplicationIcon.js";import"../../Badge/Badge.styles.js";import"../../Chip/Chip.js";import"../../ContentMenu/ContentMenu.js";import"../../EquinorLogo/EquinorLogo.js";import"react";import{Typography as s}from"@equinor/eds-core-react";import"@equinor/eds-icons";import"../../../atoms/style/colors.js";import"../../FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"../../../atoms/types/Errors.js";import"../../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"../RichTextEditor.types.js";import"../../FileProgress/RegularFileProgress.styles.js";import"../../FileUploadArea/FileUploadArea.js";import"../../FullPageSpinner/FullPageSpinner.js";import"../../InfoElement/InfoElement.js";import"../../OptionalTooltip/OptionalTooltip.js";import"../../ProfileAvatar/ProfileAvatar.js";import"./AmplifyKit.js";import"../MenuBar/MenuBar.js";import"../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"../../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import"../MenuBar/MenuBar.styles.js";import"../MenuBar/MenuButton.js";import"../../Search/Search.js";import"react-router-dom";import"../../Sieve/Sieve.styles.js";import"../../SingleFilterMenu/SingleFilterMenu.js";import"../../Skeleton/SkeletonBase/SkeletonBase.js";import"../../Stepper/Stepper.js";import"../../OptionDrawer/OptionDrawer.js";import"../../Select/Select.styles.js";import"../../ListItem/ListItem.js";import"../../SelectionControls/Checkbox/Checkbox.js";import"../../SelectionControls/Radio/Radio.js";import"../../SelectionControls/Switch/Switch.js";const n=r=>{const o=r.node.attrs.level;let n="h1";return 2===o&&(n="h2"),3===o&&(n="h3"),4===o&&(n="h4"),5===o&&(n="h5"),6===o&&(n="h6"),t(i,{children:t(s,{variant:n,children:t(e,{className:"content is-editable"})})})};var p=r.extend({content:"inline*",addNodeView:()=>o(n)});export{p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{AmplifyKit as r}from"./custom-extensions/AmplifyKit.js";import{AmplifyBar as o}from"./MenuBar/MenuBar.js";import{EditorProvider as
|
|
1
|
+
import{AmplifyKit as r}from"./custom-extensions/AmplifyKit.js";import{AmplifyBar as o}from"./MenuBar/MenuBar.js";import{EditorProvider as t}from"./EditorProvider.js";import{EditorStyling as i,EditorContent as s}from"./RichTextEditor.styles.js";import"react/jsx-runtime";import"react";import"./RichTextEditor.types.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"../../organisms/ErrorPage/illustrations/GlitchAnimation.js";import"../../organisms/ErrorPage/illustrations/QuestioningAnimation.js";import"html2canvas";import"proj4";import"@microsoft/signalr";import"../../atoms/types/Environment.js";import"../../organisms/TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/style/colors.js";const e={Styling:i,Provider:t,Content:s,Bar:o,Kit:r};export{e as RichText};
|