@equinor/amplify-component-lib 8.18.2 → 9.0.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/hooks/useSelect.js +1 -1
- package/dist/atoms/index.js +1 -1
- package/dist/atoms/types/SideBar.d.ts +1 -0
- package/dist/atoms/utils/index.d.ts +0 -57
- package/dist/deprecated/index.d.ts +0 -36
- package/dist/index.js +1 -1
- package/dist/molecules/Badge/Badge.js +1 -1
- package/dist/molecules/Chip/Chip.d.ts +1 -1
- package/dist/molecules/Dialog/DialogAction.js +1 -1
- package/dist/molecules/FileProgress/CompactFileProgress.js +1 -1
- package/dist/molecules/FileProgress/CompactFileProgress.styles.d.ts +3 -3
- package/dist/molecules/FileProgress/CompactFileProgress.styles.js +26 -20
- package/dist/molecules/FileProgress/FileProgress.utils.js +1 -1
- package/dist/molecules/FileProgress/RegularFileProgress.js +1 -1
- package/dist/molecules/FileUploadArea/FileUploadArea.js +19 -19
- package/dist/molecules/InfoElement/InfoElement.js +1 -1
- package/dist/molecules/ListItem/ListItem.js +7 -7
- package/dist/molecules/ListItem/ListItem.utils.d.ts +1 -1
- package/dist/molecules/ListItem/ListItem.utils.js +1 -1
- package/dist/molecules/OptionDrawer/OptionDrawer.js +1 -1
- package/dist/molecules/OptionDrawer/OptionDrawer.styles.d.ts +1 -22
- package/dist/molecules/OptionDrawer/OptionDrawer.styles.js +8 -8
- package/dist/molecules/RichTextEditor/RichTextEditor.styles.js +2 -2
- package/dist/molecules/RichTextEditor/custom-extensions/ExtendedHeaders.js +1 -1
- package/dist/molecules/Select/GroupedSelectMenu.js +1 -1
- package/dist/molecules/Select/ListSelectMenu.js +1 -1
- package/dist/molecules/Select/Select.styles.d.ts +21 -20
- package/dist/molecules/Select/Select.styles.js +14 -8
- package/dist/molecules/Select/Select.types.d.ts +1 -1
- package/dist/molecules/Select/SelectMenuItem.js +1 -1
- package/dist/molecules/Stepper/SubTitle/SubTitle.js +3 -3
- package/dist/node_modules/lodash/lodash.js +1 -1
- package/dist/organisms/FieldSelector/ChangingField.js +8 -8
- package/dist/organisms/FieldSelector/SelectorCard/SelectorCard.js +11 -11
- package/dist/organisms/Filter/Filter.styles.d.ts +11 -11
- package/dist/organisms/Filter/Filter.styles.js +37 -37
- package/dist/organisms/Filter/Sorting.js +2 -2
- package/dist/organisms/SideBar/CreateItem.styles.d.ts +2 -2
- package/dist/organisms/SideBar/MenuItem.js +1 -1
- package/dist/organisms/SideBar/MenuItem.styles.d.ts +1 -1
- package/dist/organisms/SideBar/MenuItem.styles.js +8 -8
- package/dist/organisms/Status/Description.js +1 -1
- package/dist/organisms/Status/Illustration.constants.js +1 -1
- package/dist/organisms/Status/Status.js +7 -7
- package/dist/organisms/Status/Title.js +1 -1
- package/dist/organisms/Status/collections/MissingAccessToApp.js +1 -1
- package/dist/organisms/TableOfContents/TableOfContents.styles.js +52 -50
- package/dist/organisms/TopBar/Account/Account.js +1 -1
- package/dist/organisms/TopBar/Account/AccountAvatar.js +3 -3
- package/dist/organisms/TopBar/Account/AccountButton.js +4 -4
- package/dist/organisms/TopBar/Account/ActiveUserImpersonationButton.js +4 -4
- package/dist/organisms/TopBar/Account/ImpersonateAvatar.js +1 -1
- package/dist/organisms/TopBar/Account/ImpersonateButton.js +2 -2
- package/dist/organisms/TopBar/Account/ImpersonateMenu/CreateOrEditUser/CreateOrEditUser.js +1 -1
- package/dist/organisms/TopBar/Account/ImpersonateMenu/DeleteUser/DeleteUser.js +1 -1
- package/dist/organisms/TopBar/Account/ImpersonateMenu/DeleteUser/DeleteUser.styles.js +2 -2
- package/dist/organisms/TopBar/Account/ImpersonateMenu/Impersonate.styles.js +1 -1
- package/dist/organisms/TopBar/Account/ImpersonateMenu/ImpersonateMenu.js +1 -1
- package/dist/organisms/TopBar/Account/ImpersonateMenu/ImpersonateMenu.styles.d.ts +1 -1
- package/dist/organisms/TopBar/Account/ImpersonateMenu/ImpersonateMenu.styles.js +6 -6
- package/dist/organisms/TopBar/Account/ImpersonateMenu/UserImpersonation.js +6 -6
- package/dist/organisms/TopBar/Account/ImpersonateMenu/UserImpersonation.styles.d.ts +11 -11
- package/dist/organisms/TopBar/Account/ImpersonateMenu/UserImpersonation.styles.js +9 -9
- package/dist/organisms/TopBar/ApplicationDrawer/ApplicationDrawer.js +1 -1
- package/dist/organisms/TopBar/ApplicationDrawer/ApplicationDrawer.styles.d.ts +2 -2
- package/dist/organisms/TopBar/FieldMenu/FieldMenu.styles.d.ts +1 -1
- package/dist/organisms/TopBar/FieldMenu/FieldMenu.styles.js +14 -14
- package/dist/organisms/TopBar/Guidelines/Item.js +2 -2
- package/dist/organisms/TopBar/Guidelines/Section.js +2 -2
- package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/DefaultNotification.js +4 -4
- package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationElements/NoNotifications.js +4 -4
- package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationTemplate.js +1 -1
- package/dist/organisms/TopBar/Notifications/NotificationsTemplate/NotificationTemplate.style.d.ts +2 -2
- package/dist/organisms/TopBar/Resources/Feedback/Feedback.styles.d.ts +1 -1
- package/dist/organisms/TopBar/Resources/Feedback/Feedback.styles.js +9 -9
- package/dist/organisms/TopBar/Resources/Feedback/Feedback.utils.js +1 -1
- package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/Description.js +2 -2
- package/dist/organisms/TopBar/Resources/Feedback/FeedbackForm/UploadFile/UploadFile.styles.d.ts +1 -1
- package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/ResponsePage.styles.d.ts +1 -1
- package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/ResponsePage.styles.js +5 -5
- package/dist/organisms/TopBar/Resources/Feedback/ResponsePage/Success.js +5 -5
- package/dist/organisms/TopBar/Resources/Feedback/providers/FeedbackContextProvider.js +1 -1
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/FilterHeader/FilterHeader.js +1 -1
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotes.js +1 -1
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesHeader.js +1 -1
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesTypes/ReleaseNotesTypes.styles.d.ts +2 -2
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/ReleasePost.js +1 -1
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/ReleasePost.styles.d.ts +3 -3
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/ReleasePost.styles.js +25 -25
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/ReleasePost.utils.d.ts +1 -0
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/ReleasePost.utils.js +1 -0
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePosts.js +1 -1
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePosts.styles.d.ts +1 -2
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePosts.styles.js +3 -14
- package/dist/organisms/TopBar/Resources/Resources.js +5 -5
- package/dist/organisms/TopBar/Settings.d.ts +2 -1
- package/dist/organisms/TopBar/Settings.js +11 -11
- package/dist/organisms/TopBar/TopBar.js +1 -1
- package/dist/organisms/TopBar/TopBar.styles.d.ts +3 -3
- package/dist/organisms/TopBar/TransferToAppDialog.js +2 -2
- package/dist/providers/AuthProvider/AuthProviderInner.js +1 -1
- package/dist/providers/LoadingProvider.js +1 -1
- package/dist/providers/ReleaseNotesProvider.utils.js +1 -1
- package/dist/providers/ThemeProvider/ThemeProvider.js +1 -1
- package/dist/tests/mockHandlers.d.ts +2 -1
- package/package.json +72 -73
- package/dist/atoms/utils/errors.d.ts +0 -10
- package/dist/atoms/utils/errors.js +0 -1
- package/dist/atoms/utils/index.js +0 -1
- package/dist/deprecated/CommentField/CommentField.d.ts +0 -13
- package/dist/deprecated/CommentField/CommentField.js +0 -40
- package/dist/deprecated/CommentField/NewCommentField.d.ts +0 -9
- package/dist/deprecated/ConfirmationPopup.d.ts +0 -17
- package/dist/deprecated/ConfirmationPopup.js +0 -22
- package/dist/deprecated/DataCard.d.ts +0 -18
- package/dist/deprecated/DataCard.js +0 -27
- package/dist/deprecated/EditableField.d.ts +0 -13
- package/dist/deprecated/EditableField.js +0 -20
- package/dist/deprecated/ErrorPage/Action.d.ts +0 -6
- package/dist/deprecated/ErrorPage/Action.js +0 -1
- package/dist/deprecated/ErrorPage/Description.d.ts +0 -5
- package/dist/deprecated/ErrorPage/Description.js +0 -1
- package/dist/deprecated/ErrorPage/Details.d.ts +0 -5
- package/dist/deprecated/ErrorPage/Details.js +0 -23
- package/dist/deprecated/ErrorPage/ErrorPage.d.ts +0 -6
- package/dist/deprecated/ErrorPage/ErrorPage.js +0 -14
- package/dist/deprecated/ErrorPage/MissingAccesses.d.ts +0 -10
- package/dist/deprecated/ErrorPage/MissingAccesses.js +0 -11
- package/dist/deprecated/ErrorPage/Title.d.ts +0 -5
- package/dist/deprecated/ErrorPage/Title.js +0 -1
- package/dist/deprecated/ErrorPage/collections/OldPageNotFound.d.ts +0 -5
- package/dist/deprecated/ErrorPage/collections/OldPageNotFound.js +0 -1
- package/dist/deprecated/ErrorPage/collections/OldUnauthorized.d.ts +0 -6
- package/dist/deprecated/ErrorPage/collections/OldUnauthorized.js +0 -4
- package/dist/deprecated/ErrorPage/collections/index.d.ts +0 -2
- package/dist/deprecated/ErrorPage/illustrations/GlitchAnimation.d.ts +0 -5
- package/dist/deprecated/ErrorPage/illustrations/GlitchAnimation.js +0 -18
- package/dist/deprecated/ErrorPage/illustrations/QuestioningAnimation.d.ts +0 -5
- package/dist/deprecated/ErrorPage/illustrations/QuestioningAnimation.js +0 -18
- package/dist/deprecated/ErrorPage/index.d.ts +0 -18
- package/dist/deprecated/ErrorPage/index.js +0 -1
- package/dist/deprecated/FullPageStatus/FullPageStatus.d.ts +0 -10
- package/dist/deprecated/FullPageStatus/FullPageStatus.js +0 -18
- package/dist/deprecated/HeaderDrawer.d.ts +0 -11
- package/dist/deprecated/HeaderDrawer.js +0 -21
- package/dist/deprecated/MultiSelectDrawer.d.ts +0 -29
- package/dist/deprecated/MultiSelectDrawer.js +0 -28
- package/dist/deprecated/SingleSelectDrawer.d.ts +0 -27
- package/dist/deprecated/SingleSelectDrawer.js +0 -25
- package/dist/deprecated/Tutorial/HighlightBlocks/HighlightBlocks.d.ts +0 -13
- package/dist/deprecated/Tutorial/HighlightBlocks/HighlightBlocks.js +0 -14
- package/dist/deprecated/Tutorial/Tutorial.d.ts +0 -20
- package/dist/deprecated/Tutorial/Tutorial.js +0 -1
- package/dist/deprecated/Tutorial/TutorialStart.d.ts +0 -11
- package/dist/deprecated/Tutorial/TutorialStart.js +0 -39
- package/dist/deprecated/Tutorial/TutorialSteps.d.ts +0 -9
- package/dist/deprecated/Tutorial/TutorialSteps.js +0 -50
- package/dist/deprecated/Tutorial/stories/TutorialStoryComponent.d.ts +0 -4
- package/dist/deprecated/Workflow/StatusChip.d.ts +0 -13
- package/dist/deprecated/Workflow/StatusChip.js +0 -25
- package/dist/deprecated/Workflow/WorkflowDescription.d.ts +0 -17
- package/dist/deprecated/Workflow/WorkflowDescription.js +0 -24
- package/dist/deprecated/Workflow/WorkflowStatusBar.d.ts +0 -23
- package/dist/deprecated/Workflow/WorkflowStatusBar.js +0 -33
- package/dist/deprecated/index.js +0 -1
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/TextContent.d.ts +0 -6
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/ReleasePost/TextContent.js +0 -1
- package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleasePosts/hooks/useTokenReleaseNote.js +0 -1
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import{jsxs as t,jsx as
|
|
1
|
+
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useMemo as r}from"react";import{useDropzone as e}from"react-dropzone";import{Typography as o,Button as a,Icon as n}from"@equinor/eds-core-react";import{folder as s}from"@equinor/eds-icons";import{animation as p}from"../../atoms/style/animation.js";import{colors as l}from"../../atoms/style/colors.js";import{spacings as c}from"../../atoms/style/spacings.js";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Banner/Banner.styles.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import{BORDER_RADIUS as m}from"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import{OptionalTooltip as d}from"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";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"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.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{UploadIllustration as g}from"./UploadIllustration.js";import u from"styled-components";const h=u.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
|
-
gap: ${
|
|
4
|
+
gap: ${c.small};
|
|
5
5
|
justify-content: center;
|
|
6
6
|
flex-direction: column;
|
|
7
7
|
min-width: 300px;
|
|
8
|
-
border: 2px dashed ${
|
|
8
|
+
border: 2px dashed ${l.interactive.primary__resting.rgba};
|
|
9
9
|
border-radius: 15px;
|
|
10
10
|
margin-top: 10px;
|
|
11
|
-
padding: ${
|
|
11
|
+
padding: ${c.medium_small} ${c.xx_large};
|
|
12
12
|
/* v8 ignore next */
|
|
13
|
-
background: ${
|
|
13
|
+
background: ${l.ui.background__light.rgba};
|
|
14
14
|
transition: background ${p.transitionMS};
|
|
15
15
|
> section {
|
|
16
16
|
display: flex;
|
|
17
17
|
flex-direction: column;
|
|
18
18
|
align-items: center;
|
|
19
|
-
gap: ${
|
|
20
|
-
margin: calc(${
|
|
19
|
+
gap: ${c.x_small};
|
|
20
|
+
margin: calc(${c.medium_small} / 2) 0;
|
|
21
21
|
}
|
|
22
|
-
`,j=
|
|
22
|
+
`,j=u.div`
|
|
23
23
|
position: relative;
|
|
24
24
|
display: flex;
|
|
25
25
|
flex-direction: column;
|
|
@@ -27,41 +27,41 @@ import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useMemo as i}from"react
|
|
|
27
27
|
justify-content: center;
|
|
28
28
|
width: 88px;
|
|
29
29
|
height: 88px;
|
|
30
|
-
border: 2px dashed ${
|
|
31
|
-
border-radius: ${
|
|
32
|
-
background: ${
|
|
30
|
+
border: 2px dashed ${l.interactive.primary__resting.rgba};
|
|
31
|
+
border-radius: ${m};
|
|
32
|
+
background: ${l.ui.background__light.rgba};
|
|
33
33
|
transition: background ${p.transitionMS};
|
|
34
34
|
> svg {
|
|
35
35
|
width: 48px;
|
|
36
36
|
height: 48px;
|
|
37
37
|
}
|
|
38
38
|
> p {
|
|
39
|
-
color: ${
|
|
39
|
+
color: ${l.interactive.primary__resting.rgba};
|
|
40
40
|
}
|
|
41
41
|
> p:last-child {
|
|
42
|
-
color: ${
|
|
42
|
+
color: ${l.text.static_icons__tertiary.rgba};
|
|
43
43
|
max-width: 100%;
|
|
44
44
|
overflow: hidden;
|
|
45
45
|
text-overflow: ellipsis;
|
|
46
46
|
text-wrap: nowrap;
|
|
47
47
|
position: absolute;
|
|
48
|
-
bottom: calc((1.6em + ${
|
|
48
|
+
bottom: calc((1.6em + ${c.small}) * -1);
|
|
49
49
|
}
|
|
50
50
|
&:hover {
|
|
51
51
|
cursor: pointer;
|
|
52
|
-
background: ${
|
|
52
|
+
background: ${l.interactive.primary__hover_alt.rgba};
|
|
53
53
|
}
|
|
54
|
-
`,
|
|
54
|
+
`,x=u.div`
|
|
55
55
|
display: grid;
|
|
56
56
|
grid-template-columns: 1fr auto 1fr;
|
|
57
57
|
width: 100%;
|
|
58
|
-
gap: ${
|
|
58
|
+
gap: ${c.x_small};
|
|
59
59
|
align-items: center;
|
|
60
60
|
> p {
|
|
61
|
-
color: ${
|
|
61
|
+
color: ${l.text.static_icons__tertiary.rgba};
|
|
62
62
|
}
|
|
63
63
|
> hr {
|
|
64
64
|
width: 100%;
|
|
65
65
|
height: 2px;
|
|
66
66
|
}
|
|
67
|
-
`,f=({compact:p,...
|
|
67
|
+
`,f=({compact:p,...c})=>{const{getRootProps:m,getInputProps:u,isDragActive:f}=e({...c}),v=r((()=>{if(c.accept)return Object.values(c.accept).join(", ")}),[c.accept]);return p?t(j,{...m(),children:[i("input",{"data-testid":"file-upload-area-input",...u()}),i(g,{}),i(o,{variant:"meta",children:"Upload image"}),c.accept&&i(d,{title:`Supported filetypes: ${v}`,children:t(o,{variant:"meta",children:["(",v,")"]})})]}):t(h,{...m(),onClick:void 0,style:{background:f?l.interactive.primary__hover_alt.rgba:void 0},children:[i("input",{"data-testid":"file-upload-area-input",...u()}),i(g,{}),t("section",{children:[i(o,{variant:"button",group:"navigation",children:"Drag files here to upload."}),c.accept&&t(o,{group:"paragraph",variant:"meta",color:l.text.static_icons__tertiary.rgba,children:["Supported filetypes: ",v]})]}),t(x,{children:[i("hr",{}),i(o,{variant:"button",group:"navigation",children:"OR"}),i("hr",{})]}),t(a,{variant:"ghost",onClick:m().onClick,children:[i(n,{data:s}),"Browse files"]})]})};export{f as FileUploadArea};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t,jsxs as e}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{Typography as r}from"@equinor/eds-core-react";import"../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/style/colors.js";import"../../atoms/utils/auth_environment.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/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";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"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.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 i from"./CopyText.js";const s=o((({title:o,content:s,copyableContent:n,capitalizeContent:p},a)=>{if("string"!=typeof s&&(n||p))throw new Error("copyableContent and capitalizeContent only works when content is string");const l="string"==typeof s?t(r,{variant:"h6",children:p?s.toUpperCase():s}):s;return e("div",{ref:a,children:[t(r,{group:"paragraph",variant:"overline",children:o?.toUpperCase()}),n&&"string"==typeof s?t(i,{textToCopy:s,children:l}):l]})}));s.displayName="InfoElement";export{s as InfoElement};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as t,jsx as e}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{Typography as r}from"@equinor/eds-core-react";import"../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../FileProgress/CompactFileProgress.styles.js";import{animation as i}from"../../atoms/style/animation.js";import{colors as s}from"../../atoms/style/colors.js";import{spacings as a}from"../../atoms/style/spacings.js";import"../../atoms/utils/auth_environment.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/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";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"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.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{renderContent as n}from"./ListItem.utils.js";import l,{css as m}from"styled-components";const p=l.button`
|
|
2
2
|
display: flex;
|
|
3
3
|
gap: ${a.small};
|
|
4
4
|
align-items: center;
|
|
5
5
|
min-width: 210px;
|
|
6
|
-
padding: ${({$isChild:
|
|
7
|
-
background: ${({$selected:
|
|
6
|
+
padding: ${({$isChild:t,$borderBottom:e})=>{let o=`${a.small} ${a.large} ${a.small}`;return e&&(o=`${a.small} ${a.large} calc(${a.small} - 1px)`),t?`${o} ${a.xx_large}`:`${o} ${a.medium}`}};
|
|
7
|
+
background: ${({$selected:t})=>t?s.interactive.primary__selected_highlight.rgba:"transparent"};
|
|
8
8
|
transition: background ${i.transitionMS};
|
|
9
|
-
${({$borderBottom:
|
|
9
|
+
${({$borderBottom:t})=>t?m`
|
|
10
10
|
border-bottom: 1px solid ${s.ui.background__medium.rgba};
|
|
11
11
|
`:""}
|
|
12
12
|
&:disabled {
|
|
@@ -20,13 +20,13 @@ import{jsxs as r,jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"re
|
|
|
20
20
|
outline: 1px dashed ${s.interactive.primary__resting.rgba};
|
|
21
21
|
}
|
|
22
22
|
&:hover:not(:disabled) {
|
|
23
|
-
background: ${({$selected:
|
|
23
|
+
background: ${({$selected:t})=>t?s.interactive.primary__selected_hover.rgba:s.interactive.primary__hover_alt.rgba};
|
|
24
24
|
}
|
|
25
25
|
> section {
|
|
26
26
|
padding: ${a.small} 0};
|
|
27
27
|
}
|
|
28
|
-
`,
|
|
28
|
+
`,c=l.span`
|
|
29
29
|
margin-left: auto;
|
|
30
30
|
display: flex;
|
|
31
31
|
align-items: center;
|
|
32
|
-
`,
|
|
32
|
+
`,d=o((({label:o,onClick:i,onFocus:s,onBlur:a,className:l,disabled:m=!1,leadingContent:d,trailingContent:u,isChild:g=!1,selected:j=!1,borderBottom:h=!1},b)=>t(p,{ref:b,className:l,$isChild:g,$selected:j,$borderBottom:h,disabled:m,onClick:i,onFocus:s,onBlur:a,children:[d&&n(d),e("section",{children:e(r,{variant:"button",group:"navigation",children:o})}),u&&e(c,{children:n(u)})]})));d.displayName="ListItem";export{d as ListItem};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { IconData } from '@equinor/eds-icons';
|
|
3
|
-
export declare const renderContent: (content: IconData | ReactNode) => string | number | boolean | import("react/jsx-runtime").JSX.Element |
|
|
3
|
+
export declare const renderContent: (content: IconData | ReactNode) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{colors as e}from"../../atoms/style/colors.js";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import{Icon as o}from"@equinor/eds-core-react";import"../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../Chip/Chip.js";import"react";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.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/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";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"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"./ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";const r=r=>r&&"object"==typeof r&&"prefix"in r?t(o,{data:r,color:e.interactive.primary__resting.rgba}):r;export{r as renderContent};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";import{Button as r,Icon as d,Checkbox as o}from"@equinor/eds-core-react";import{chevron_down as a,chevron_right as l}from"@equinor/eds-icons";import{StyledOptionWrapper as c,StyledOptionItem as s,StyledOption as E}from"./OptionDrawer.styles.js";const m=e=>{if(0===e.length)return[];let t=[];return e.forEach((e=>{const n=m(e?.children??[]);t=[e,...t,...n]})),t},h=(e,t,n,i)=>{if(void 0!==t.find((t=>t.id===e.id)))return"CHECKED";if(void 0===e.children||0===e.children.length||n&&!i)return"NONE";const r=m(e?.children).map((e=>void 0!==t.find((t=>t.id===e.id))));return!n&&r.every(Boolean)?"CHECKED":r.every((e=>!e))?"NONE":"INTERMEDIATE"},p=({item:m,onToggle:g,section:C=0,selectedItems:N=[],singleSelect:f=!1,siblings:u,animateCheck:D,animateUncheck:I,animateParent:T,openAll:v,showIntermediateParent:H=!1,parentHasNestedItems:O=!1})=>{const[K,b]=n(!1),[k,y]=n(h(m,N,f,H)),[A,$]=n(!1);i((()=>{y(h(m,N,f,H))}),[m,N,f,H]),i((()=>{b(!!v)}),[v]);const w=e=>{const t=0===m.children?.length||f||void 0===m.children?[m]:[...m.children];"CHECKED"===k?(g({items:t,toggle:!1,event:e}),b(!1)):"NONE"!==k&&"INTERMEDIATE"!==k||(g({items:t,toggle:!0,event:e}),b(!0)),$(!1)},M=(e,t)=>{t&&T?(T(!0),y("CHECKED"===k?"NONE":"CHECKED"),setTimeout((()=>{w(e)}),400)):u?w(e):($(!0),y("CHECKED"===k?"NONE":"CHECKED"),setTimeout((()=>{w(e)}),400))},P=e=>{if(u&&T){const t=N.filter((e=>e.id.includes(m.parentId??""))).length;if(!e&&D&&t===u-1)return!0;if(e&&I&&1===t)return!0}return!1},R=e=>{"CHECKED"===k&&I?M(e,P(!0)):"NONE"!==k&&"INTERMEDIATE"!==k||!D?w(e):M(e,P(!1))},S=m.children&&0!==m.children.length;return e(c,{$section:C,$animationActive:A,"data-testid":A?"animated-"+m.id:m.id,children:[e(s,{$paddedLeft:O&&!S,children:[S&&t(r,{variant:"ghost_icon",onClick:()=>{b((e=>!e))},"data-testid":"chevron-toggler-option-drawer",children:t(d,{data:K?a:l})}),e(E,{$section:C,onClick:e=>{m.disabled||(m.children&&0!==m.children.length&&b((e=>!e)),R(e))},disabled:!!m.disabled,children:[t(o,{indeterminate:"INTERMEDIATE"===k,checked:"CHECKED"===k,color:"secondary",disabled:!!m.disabled,onChange:()=>null}),m.label]})]}),K&&m.children?.map((e=>t(p,{section:C+1,onToggle:g,selectedItems:N,item:e,singleSelect:f,siblings:m.children?.length,animateCheck:D,animateUncheck:I,animateParent:$,openAll:v,showIntermediateParent:H,parentHasNestedItems:!0},`OptionDrawer-${e.id}`)))]},A?`animated-StyledOptionWrapper-${m.id}`:`StyledOptionWrapper-${m.id}`)};p.displayName="OptionDrawer";export{p as OptionDrawer};
|
|
@@ -4,29 +4,8 @@ interface StyledOptionProps {
|
|
|
4
4
|
}
|
|
5
5
|
declare const StyledOptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledOptionProps>> & string;
|
|
6
6
|
declare const StyledOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledOptionProps>> & string;
|
|
7
|
-
declare const StyledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<{
|
|
8
|
-
title?: string;
|
|
9
|
-
color?: string;
|
|
10
|
-
size?: 16 | 18 | 24 | 32 | 40 | 48;
|
|
11
|
-
rotation?: 0 | 90 | 180 | 270;
|
|
12
|
-
name: import("@equinor/eds-core-react/dist/types/components/Icon/Icon.types").Name;
|
|
13
|
-
data?: import("@equinor/eds-icons").IconData;
|
|
14
|
-
ref?: import("react").Ref<SVGSVGElement>;
|
|
15
|
-
} & import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
|
|
16
|
-
ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
17
|
-
}) | (Omit<Omit<{
|
|
18
|
-
title?: string;
|
|
19
|
-
color?: string;
|
|
20
|
-
size?: 16 | 18 | 24 | 32 | 40 | 48;
|
|
21
|
-
rotation?: 0 | 90 | 180 | 270;
|
|
22
|
-
name?: import("@equinor/eds-core-react/dist/types/components/Icon/Icon.types").Name;
|
|
23
|
-
data: import("@equinor/eds-icons").IconData;
|
|
24
|
-
ref?: import("react").Ref<SVGSVGElement>;
|
|
25
|
-
} & import("react").SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>, "ref"> & {
|
|
26
|
-
ref?: ((instance: SVGSVGElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<SVGSVGElement> | null | undefined;
|
|
27
|
-
}), import("styled-components/dist/types").BaseObject>> & string & Omit<import("@equinor/eds-core-react/dist/types/components/Icon/Icon.types").IconType, keyof import("react").Component<any, {}, any>>;
|
|
28
7
|
interface StyledOptionItemProps {
|
|
29
8
|
$paddedLeft?: boolean;
|
|
30
9
|
}
|
|
31
10
|
declare const StyledOptionItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledOptionItemProps>> & string;
|
|
32
|
-
export { StyledOptionWrapper, StyledOption,
|
|
11
|
+
export { StyledOptionWrapper, StyledOption, StyledOptionItem };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{colors as t}from"../../atoms/style/colors.js";import o,{keyframes as e,css as i}from"styled-components";const a=e`
|
|
2
2
|
0% {
|
|
3
3
|
opacity: 1;
|
|
4
4
|
}
|
|
@@ -9,14 +9,14 @@ import{Icon as o}from"@equinor/eds-core-react";import{colors as t}from"../../ato
|
|
|
9
9
|
opacity: 0;
|
|
10
10
|
display: none;
|
|
11
11
|
}
|
|
12
|
-
`,
|
|
13
|
-
margin-left: ${({$section:
|
|
12
|
+
`,r=o.div`
|
|
13
|
+
margin-left: ${({$section:t})=>t>0?"22px":""};
|
|
14
14
|
opacity: 1;
|
|
15
15
|
color: ${t.text.static_icons__default.rgba};
|
|
16
|
-
animation: ${({$animationActive:
|
|
16
|
+
animation: ${({$animationActive:t})=>t?i`
|
|
17
17
|
${a} 400ms ease-in
|
|
18
18
|
`:"none"};
|
|
19
|
-
`,
|
|
19
|
+
`,n=o.button`
|
|
20
20
|
position: relative;
|
|
21
21
|
display: flex;
|
|
22
22
|
flex: 1;
|
|
@@ -43,8 +43,8 @@ import{Icon as o}from"@equinor/eds-core-react";import{colors as t}from"../../ato
|
|
|
43
43
|
svg {
|
|
44
44
|
fill: ${t.interactive.primary__resting.rgba};
|
|
45
45
|
}
|
|
46
|
-
`,
|
|
46
|
+
`,s=o.div`
|
|
47
47
|
display: flex;
|
|
48
48
|
align-items: center;
|
|
49
|
-
${({$paddedLeft:
|
|
50
|
-
`;export{
|
|
49
|
+
${({$paddedLeft:t})=>t&&"margin-left: 40px"};
|
|
50
|
+
`;export{n as StyledOption,s as StyledOptionItem,r as StyledOptionWrapper};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{EditorContent as o}from"@tiptap/react";import e from"styled-components";import"react";import"./custom-extensions/AmplifyKit.js";import"./RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../../organisms/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"../../providers/TutorialStepsProvider.js";import{colors as t}from"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"
|
|
1
|
+
import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{EditorContent as o}from"@tiptap/react";import e from"styled-components";import"react";import"./custom-extensions/AmplifyKit.js";import"./RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../../organisms/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"../../providers/TutorialStepsProvider.js";import{colors as t}from"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";const{spacings:i,typography:a,shape:n,colors:s}=r,d=e(o)`
|
|
2
2
|
display: grid;
|
|
3
3
|
grid-template-rows: 1fr;
|
|
4
4
|
overflow-y: auto;
|
|
@@ -90,7 +90,7 @@ import{tokens as r}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
|
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
th {
|
|
93
|
-
background-color: #f1f3f5;
|
|
93
|
+
background-color: ${({$lightBackground:r})=>r?"#f1f3f5":s.ui.background__default.rgba};
|
|
94
94
|
font-weight: bold;
|
|
95
95
|
text-align: left;
|
|
96
96
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import e from"@tiptap/extension-heading";import{ReactNodeViewRenderer as o,NodeViewWrapper as r,NodeViewContent as i}from"@tiptap/react";import"../../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../ApplicationIcon/ApplicationIcon.js";import"../../Badge/Badge.styles.js";import{Typography as s}from"@equinor/eds-core-react";import"../../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../Chip/Chip.js";import"react";import"../../ContentMenu/ContentMenu.styles.js";import"../../DatePicker/DatePicker.js";import"../../Dialog/Dialog.js";import"../../EquinorLogo/EquinorLogo.js";import"../../FileProgress/CompactFileProgress.styles.js";import"../../../atoms/style/colors.js";import"../../../atoms/utils/auth_environment.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"../RichTextEditor.styles.js";import"../MenuBar/MenuBar.js";import"@tanstack/react-query";import"../MenuBar/MenuBar.styles.js";import"../MenuBar/MenuButton.js";import"../../Search/Search.js";import"react-router-dom";import"../../Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../SingleFilterMenu/SingleFilterMenu.js";import"../../Skeleton/SkeletonBase/SkeletonBase.js";import"../../Skeleton/Skeleton.styles.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=e=>{const o=e.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(r,{children:t(s,{variant:n,children:t(i,{className:"content is-editable"})})})};var p=e.extend({content:"inline*",addNodeView:()=>o(n)});export{p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{Menu as i}from"@equinor/eds-core-react";import{NoItemsFoundText as m}from"./Select.styles.js";import{getCumulativeArrayFromNumberedArray as l}from"./Select.utils.js";import{SelectMenuItem as n}from"./SelectMenuItem.js";const r=r=>{const{onItemSelect:o,onItemKeyDown:s,itemRefs:c,groups:a,search:
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{Menu as i}from"@equinor/eds-core-react";import{NoItemsFoundText as m}from"./Select.styles.js";import{getCumulativeArrayFromNumberedArray as l}from"./Select.utils.js";import{SelectMenuItem as n}from"./SelectMenuItem.js";const r=r=>{const{onItemSelect:o,onItemKeyDown:s,itemRefs:c,groups:a,search:u,onSearchFilter:f}=r,p=t((()=>{if(""===u)return a;const e=new RegExp(u,"i");return a.map((t=>({title:t.title,items:t.items.filter((t=>void 0!==f?f(u,t):t.label.match(e)))}))).filter((e=>e.items.length>0))}),[a,f,u]),d=t((()=>{const e=p.map((e=>e.items.length));return l(e)}),[p]);return 0===p.length?e(m,{children:"No items found"}):"values"in r?p.map(((t,m)=>e(i.Section,{index:m,title:t.title,children:t.items.map(((i,l)=>e(n,{index:l+d[m],childOffset:0,item:i,multiselect:!0,itemRefs:c,onItemKeyDown:s,onItemSelect:o,values:r.values},`${t.title}-${m}-item-${i.value}`)))},`${t.title}-${m}`))):p.map(((t,m)=>e(i.Section,{index:m,title:t.title,children:t.items.map(((i,l)=>e(n,{index:l+d[m],childOffset:0,item:i,itemRefs:c,onItemKeyDown:s,onItemSelect:o,value:r.value},`${t.title}-${m}-item-${i.value}`)))},`${t.title}-${m}`)))};export{r as GroupedSelectMenu};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useMemo as m}from"react";import{Menu as i}from"@equinor/eds-core-react";import{AddTagItem as o}from"./AddTagItem.js";import{NoItemsFoundText as r,NoTagFoundText as l}from"./Select.styles.js";import{flattenOptions as s,getChildOffset as d}from"./Select.utils.js";import{SelectMenuItem as c}from"./SelectMenuItem.js";const a=a=>{const{search:u,items:f,onItemSelect:h,itemRefs:I,onItemKeyDown:p,onSearchFilter:x}=a,S=m((()=>{if(""===u)return f;const e=new RegExp(u,"i");return s(f).filter((t=>void 0!==x?x(u,t):t.label.match(e)))}),[f,x,u]);if(0===S.length&&!a.onAddItem)return e(r,{children:"No items found"});const g=S.some((e=>e.children&&e.children.length>0));if("values"in a){const m=S.map(((e,t)=>({childOffset:d(S,t),index:t,item:e,itemRefs:I,onItemKeyDown:p,onItemSelect:h,itemValue:e.value,values:a.values,parentHasNestedItems:g})));return"onAddItem"in a&&a.onAddItem&&""!==u?t(n,{children:[e(i.Section,{title:"Add tag",index:0,children:e(o,{index:0,itemRefs:I,onItemKeyDown:p,onAddItem:a.onAddItem,children:u})}),e(i.Section,{title:"Tag search results",index:1,children:m.length>0?m.map(((t,n)=>e(c,{multiselect:!0,...t,index:n+1},`menu-item-${n}-${t.itemValue}`))):t(l,{children:['No tag for "',u,'" found.']})})]}):m.map(((t,n)=>e(c,{multiselect:!0,...t},`menu-item-${n}-${t.itemValue}`)))}return S.map(((t,n)=>e(c,{childOffset:d(S,n),index:n,item:t,itemRefs:I,onItemKeyDown:p,onItemSelect:h,parentHasNestedItems:g},`menu-item-${n}-${t.value}`)))};export{a as ListSelectMenu};
|
|
1
|
+
import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useMemo as m}from"react";import{Menu as i}from"@equinor/eds-core-react";import{AddTagItem as o}from"./AddTagItem.js";import{NoItemsFoundText as r,NoTagFoundText as l}from"./Select.styles.js";import{flattenOptions as s,getChildOffset as d}from"./Select.utils.js";import{SelectMenuItem as c}from"./SelectMenuItem.js";const a=a=>{const{search:u,items:f,onItemSelect:h,itemRefs:I,onItemKeyDown:p,onSearchFilter:x}=a,S=m((()=>{if(""===u)return f;const e=new RegExp(u,"i");return s(f).filter((t=>void 0!==x?x(u,t):t.label.match(e)))}),[f,x,u]);if(0===S.length&&!a.onAddItem)return e(r,{children:"No items found"});const g=S.some((e=>e.children&&e.children.length>0));if("values"in a){const m=S.map(((e,t)=>({childOffset:d(S,t),index:t,item:e,itemRefs:I,onItemKeyDown:p,onItemSelect:h,itemValue:e.value,values:a.values,parentHasNestedItems:g})));return"onAddItem"in a&&a.onAddItem&&""!==u?t(n,{children:[e(i.Section,{title:"Add tag",index:0,children:e(o,{index:0,itemRefs:I,onItemKeyDown:p,onAddItem:a.onAddItem,children:u})}),e(i.Section,{title:"Tag search results",index:1,children:m.length>0?m.map(((t,n)=>e(c,{multiselect:!0,...t,index:n+1},`menu-item-${n}-${t.itemValue}`))):t(l,{children:['No tag for "',u,'" found.']})})]}):m.map(((t,n)=>e(c,{multiselect:!0,...t},`menu-item-${n}-${t.itemValue}`)))}return S.map(((t,n)=>e(c,{childOffset:d(S,n),index:n,item:t,itemRefs:I,onItemKeyDown:p,onItemSelect:h,parentHasNestedItems:g,value:a.value},`menu-item-${n}-${t.value}`)))};export{a as ListSelectMenu};
|