@equinor/amplify-component-lib 8.10.2 → 8.11.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/index.js CHANGED
@@ -1 +1 @@
1
- export{AuthProvider,useAuth}from"./providers/AuthProvider/AuthProvider.js";export{SideBarProvider,useSideBar}from"./providers/SideBarProvider.js";export{SnackbarProvider,useSnackbar}from"./providers/SnackbarProvider/SnackbarProvider.js";export{TableOfContentsProvider,useTableOfContents}from"./providers/TableOfContentsProvider.js";export{ReleaseNotesProvider,useReleaseNotes}from"./providers/ReleaseNotesProvider.js";export{TutorialStepsProvider,useTutorialSteps}from"./providers/TutorialStepsProvider.js";export{LoadingProvider}from"./providers/LoadingProvider.js";export{ThemeProvider,useThemeProvider}from"./providers/ThemeProvider/ThemeProvider.js";export{style}from"./atoms/index.js";export{AnimatedCheckmark}from"./molecules/AnimatedCheckmark/AnimatedCheckmark.js";export{ApplicationIcon}from"./molecules/ApplicationIcon/ApplicationIcon.js";export{Badge}from"./molecules/Badge/Badge.js";export{Banner}from"./molecules/Banner/Banner.js";export{Chip}from"./molecules/Chip/Chip.js";export{ContentMenu}from"./molecules/ContentMenu/ContentMenu.js";export{Dialog}from"./molecules/Dialog/Dialog.js";export{EquinorLogo}from"./molecules/EquinorLogo/EquinorLogo.js";export{FileProgress}from"./molecules/FileProgress/FileProgress.js";export{FileUploadArea}from"./molecules/FileUploadArea/FileUploadArea.js";export{FullPageSpinner}from"./molecules/FullPageSpinner/FullPageSpinner.js";export{InfoElement}from"./molecules/InfoElement/InfoElement.js";export{OptionalTooltip}from"./molecules/OptionalTooltip/OptionalTooltip.js";export{ProfileAvatar}from"./molecules/ProfileAvatar/ProfileAvatar.js";export{RichTextDisplay}from"./molecules/RichTextDisplay/RichTextDisplay.js";export{RichText}from"./molecules/RichTextEditor/index.js";export{AmplifyBar,EditorMenu,EditorText}from"./molecules/RichTextEditor/MenuBar/MenuBar.js";export{TableMenuBar,TextTable}from"./molecules/RichTextEditor/MenuBar/Table/TableBar.js";export{DEFAULT_FEATURES,RichTextEditorFeatures}from"./molecules/RichTextEditor/RichTextEditor.types.js";export{Search}from"./molecules/Search/Search.js";export{Sieve}from"./molecules/Sieve/Sieve.js";export{SingleFilterMenu}from"./molecules/SingleFilterMenu/SingleFilterMenu.js";export{SkeletonBase,skeletonBaseloading}from"./molecules/Skeleton/SkeletonBase/SkeletonBase.js";export{SkeletonGradient}from"./molecules/Skeleton/SkeletonGradient/SkeletonGradient.js";export{Stepper}from"./molecules/Stepper/Stepper.js";export{OptionDrawer}from"./molecules/OptionDrawer/OptionDrawer.js";export{ComboBox}from"./molecules/Select/ComboBox/ComboBox.js";export{SingleSelect}from"./molecules/Select/SingleSelect/SingleSelect.js";export{PageWithTitle}from"./molecules/PageWithTitle/PageWithTitle.js";export{FeedBackIcon}from"./molecules/FeedBackIcon/FeedBackIcon.js";export{ListItem}from"./molecules/ListItem/ListItem.js";export{Checkbox}from"./molecules/SelectionControls/Checkbox/Checkbox.js";export{Radio}from"./molecules/SelectionControls/Radio/Radio.js";export{Switch}from"./molecules/SelectionControls/Switch/Switch.js";export{Accordion,Breadcrumbs,Button,Card,CircularProgress,DatePicker,DateRangePicker,Divider,DotProgress,Dialog as EDSDialog,Icon,LinearProgress,Menu,Tabs,TextField,Typography}from"@equinor/eds-core-react";export{DataGrid}from"./organisms/DataGrid/DataGrid.js";export{FieldSelector}from"./organisms/FieldSelector/FieldSelector.js";export{SideBar}from"./organisms/SideBar/index.js";export{TopBar}from"./organisms/TopBar/index.js";export{FullPageStatus}from"./organisms/FullPageStatus/FullPageStatus.js";export{ErrorPage}from"./organisms/ErrorPage/index.js";export{GlitchAnimation}from"./organisms/ErrorPage/illustrations/GlitchAnimation.js";export{QuestioningAnimation}from"./organisms/ErrorPage/illustrations/QuestioningAnimation.js";export{Unauthorized}from"./organisms/ErrorPage/collections/Unauthorized.js";export{PageNotFound}from"./organisms/ErrorPage/collections/PageNotFound.js";export{TableOfContents}from"./organisms/TableOfContents/TableOfContents.js";export{Template}from"./organisms/Template/Template.js";export{Label,Popover}from"./deprecated/index.js";export{default as CommentField}from"./deprecated/CommentField/CommentField.js";export{default as EditableField}from"./deprecated/EditableField.js";export{default as StatusChip}from"./deprecated/Workflow/StatusChip.js";export{default as WorkflowDescription}from"./deprecated/Workflow/WorkflowDescription.js";export{default as WorkflowStatusBar}from"./deprecated/Workflow/WorkflowStatusBar.js";export{default as ConfirmationPopup}from"./deprecated/ConfirmationPopup.js";export{default as DataCard}from"./deprecated/DataCard.js";export{default as HeaderDrawer}from"./deprecated/HeaderDrawer.js";export{default as MultiSelectDrawer}from"./deprecated/MultiSelectDrawer.js";export{default as SingleSelectDrawer}from"./deprecated/SingleSelectDrawer.js";export{default as IconToggleButton}from"./deprecated/IconToggleButton.js";export{default as Tutorial}from"./deprecated/Tutorial/Tutorial.js";export{useSelect}from"./atoms/hooks/useSelect.js";export{useDebounce}from"./atoms/hooks/useDebounce.js";export{useFakeProgress}from"./atoms/hooks/useFakeProgress.js";export{useLocalStorage}from"./atoms/hooks/useLocalStorage.js";export{useNotification}from"./organisms/TopBar/Notifications/NotificationProvider.js";export{useOnScreenMultiple}from"./atoms/hooks/useOnScreenMultiple.js";export{usePrevious}from"./atoms/hooks/usePrevious.js";export{useSignalRMessages}from"./atoms/hooks/useSignalRMessages.js";export{useAmplifyKit}from"./atoms/hooks/useAmplifyKit.js";export{spacings}from"./atoms/style/spacings.js";export{colors}from"./atoms/style/colors.js";export{animation}from"./atoms/style/animation.js";export{elevation,shape,typography}from"./atoms/style/index.js";export{ErrorType}from"./atoms/enums/Errors.js";export{EnvironmentType}from"./atoms/enums/Environment.js";export{Theme}from"./atoms/enums/Theme.js";export{SpacingsMode}from"./atoms/enums/SpacingsMode.js";export{amplify_failure,amplify_lwd,amplify_success,amplify_wellbore,amplify_wireline_cased_hole,amplify_wireline_open_hole}from"./atoms/icons/drilling.js";export{amplify_calculator,amplify_overlay,amplify_sidebyside}from"./atoms/icons/map.js";export{amplify_aml,amplify_arrow_up_down,amplify_branch,amplify_info_small,amplify_merged,amplify_overview,amplify_resources,amplify_sharepoint,amplify_shield_person,amplify_small_portal,amplify_snail,amplify_sort_small,amplify_tutorials}from"./atoms/icons/other.js";export{amplify_h1,amplify_h2,amplify_h3,amplify_h4,amplify_table_add_column_left,amplify_table_add_column_right,amplify_table_add_row_above,amplify_table_add_row_below,amplify_table_column_heading,amplify_table_merge_cells,amplify_table_remove_column,amplify_table_remove_row,amplify_table_row_heading,amplify_table_split_cell}from"./atoms/icons/wysiwyg.js";export{auth,environment}from"./atoms/utils/auth_environment.js";export{formatLatLng,formatUtm}from"./atoms/utils/coordinate.js";export{formatDate,formatDateTime,formatRelativeDateTime,isBetweenDates}from"./atoms/utils/date.js";export{getErrorContent,getListOfErrors}from"./atoms/utils/errors.js";export{exportComponent}from"./atoms/utils/export.js";export{setupIcons}from"./atoms/utils/favicon.js";export{convertLatLngToUtm,convertUtmToLatLng,degrees2radians,distanceLatLng,utmProjection}from"./atoms/utils/map.js";export{defaultQueryOptions}from"./atoms/utils/reactquery.js";export{IMG_WITH_ALT,IMG_WITH_SRC_AND_ALT,cleanRichTextValue,extractImageUrls,getFeatures,imageToB64}from"./atoms/utils/richtext.js";export{formatBytes,formatDataSize,formatKiloBytes}from"./atoms/utils/size.js";export{sortByDate,sortByWellboreName}from"./atoms/utils/sort.js";export{Empty,capitalize}from"./atoms/utils/string.js";export{isValidUrl}from"./atoms/utils/url.js";export{coordinate,date,errors,favicon,map,reactquery,richtext,size,sort,string,url}from"./atoms/utils/index.js";export{RichTextEditor}from"./molecules/RichTextEditor/RichTextEditor.js";export{ExpandingIconButton}from"./deprecated/ExpandingIconButton/ExpandingIconButton.js";export{HighlightBlocks}from"./deprecated/Tutorial/HighlightBlocks/HighlightBlocks.js";
1
+ export{AuthProvider,useAuth}from"./providers/AuthProvider/AuthProvider.js";export{SideBarProvider,useSideBar}from"./providers/SideBarProvider.js";export{SnackbarProvider,useSnackbar}from"./providers/SnackbarProvider/SnackbarProvider.js";export{TableOfContentsProvider,useTableOfContents}from"./providers/TableOfContentsProvider.js";export{ReleaseNotesProvider,useReleaseNotes}from"./providers/ReleaseNotesProvider.js";export{TutorialStepsProvider,useTutorialSteps}from"./providers/TutorialStepsProvider.js";export{LoadingProvider}from"./providers/LoadingProvider.js";export{ThemeProvider,useThemeProvider}from"./providers/ThemeProvider/ThemeProvider.js";export{style}from"./atoms/index.js";export{AnimatedCheckmark}from"./molecules/AnimatedCheckmark/AnimatedCheckmark.js";export{ApplicationIcon}from"./molecules/ApplicationIcon/ApplicationIcon.js";export{Badge}from"./molecules/Badge/Badge.js";export{Banner}from"./molecules/Banner/Banner.js";export{Chip}from"./molecules/Chip/Chip.js";export{ContentMenu}from"./molecules/ContentMenu/ContentMenu.js";export{Dialog}from"./molecules/Dialog/Dialog.js";export{EquinorLogo}from"./molecules/EquinorLogo/EquinorLogo.js";export{FileProgress}from"./molecules/FileProgress/FileProgress.js";export{FileUploadArea}from"./molecules/FileUploadArea/FileUploadArea.js";export{FullPageSpinner}from"./molecules/FullPageSpinner/FullPageSpinner.js";export{InfoElement}from"./molecules/InfoElement/InfoElement.js";export{OptionalTooltip}from"./molecules/OptionalTooltip/OptionalTooltip.js";export{ProfileAvatar}from"./molecules/ProfileAvatar/ProfileAvatar.js";export{RichTextDisplay}from"./molecules/RichTextDisplay/RichTextDisplay.js";export{RichText}from"./molecules/RichTextEditor/index.js";export{AmplifyBar,EditorMenu,EditorText}from"./molecules/RichTextEditor/MenuBar/MenuBar.js";export{TableMenuBar,TextTable}from"./molecules/RichTextEditor/MenuBar/Table/TableBar.js";export{DEFAULT_FEATURES,RichTextEditorFeatures}from"./molecules/RichTextEditor/RichTextEditor.types.js";export{Search}from"./molecules/Search/Search.js";export{Sieve}from"./molecules/Sieve/Sieve.js";export{SingleFilterMenu}from"./molecules/SingleFilterMenu/SingleFilterMenu.js";export{SkeletonBase,skeletonBaseloading}from"./molecules/Skeleton/SkeletonBase/SkeletonBase.js";export{SkeletonGradient}from"./molecules/Skeleton/SkeletonGradient/SkeletonGradient.js";export{Stepper}from"./molecules/Stepper/Stepper.js";export{OptionDrawer}from"./molecules/OptionDrawer/OptionDrawer.js";export{ComboBox}from"./molecules/Select/ComboBox/ComboBox.js";export{SingleSelect}from"./molecules/Select/SingleSelect/SingleSelect.js";export{PageWithTitle}from"./molecules/PageWithTitle/PageWithTitle.js";export{FeedBackIcon}from"./molecules/FeedBackIcon/FeedBackIcon.js";export{ListItem}from"./molecules/ListItem/ListItem.js";export{Checkbox}from"./molecules/SelectionControls/Checkbox/Checkbox.js";export{Radio}from"./molecules/SelectionControls/Radio/Radio.js";export{Switch}from"./molecules/SelectionControls/Switch/Switch.js";export{Accordion,Breadcrumbs,Button,Card,CircularProgress,DatePicker,DateRangePicker,Divider,DotProgress,Dialog as EDSDialog,Icon,LinearProgress,Menu,Tabs,TextField,Typography}from"@equinor/eds-core-react";export{DataGrid}from"./organisms/DataGrid/DataGrid.js";export{FieldSelector}from"./organisms/FieldSelector/FieldSelector.js";export{Filter}from"./organisms/Filter/Filter.js";export{SideBar}from"./organisms/SideBar/index.js";export{TopBar}from"./organisms/TopBar/index.js";export{FullPageStatus}from"./organisms/FullPageStatus/FullPageStatus.js";export{ErrorPage}from"./organisms/ErrorPage/index.js";export{GlitchAnimation}from"./organisms/ErrorPage/illustrations/GlitchAnimation.js";export{QuestioningAnimation}from"./organisms/ErrorPage/illustrations/QuestioningAnimation.js";export{Unauthorized}from"./organisms/ErrorPage/collections/Unauthorized.js";export{PageNotFound}from"./organisms/ErrorPage/collections/PageNotFound.js";export{TableOfContents}from"./organisms/TableOfContents/TableOfContents.js";export{Template}from"./organisms/Template/Template.js";export{Label,Popover}from"./deprecated/index.js";export{default as CommentField}from"./deprecated/CommentField/CommentField.js";export{default as EditableField}from"./deprecated/EditableField.js";export{default as StatusChip}from"./deprecated/Workflow/StatusChip.js";export{default as WorkflowDescription}from"./deprecated/Workflow/WorkflowDescription.js";export{default as WorkflowStatusBar}from"./deprecated/Workflow/WorkflowStatusBar.js";export{default as ConfirmationPopup}from"./deprecated/ConfirmationPopup.js";export{default as DataCard}from"./deprecated/DataCard.js";export{default as HeaderDrawer}from"./deprecated/HeaderDrawer.js";export{default as MultiSelectDrawer}from"./deprecated/MultiSelectDrawer.js";export{default as SingleSelectDrawer}from"./deprecated/SingleSelectDrawer.js";export{default as IconToggleButton}from"./deprecated/IconToggleButton.js";export{default as Tutorial}from"./deprecated/Tutorial/Tutorial.js";export{useSelect}from"./atoms/hooks/useSelect.js";export{useDebounce}from"./atoms/hooks/useDebounce.js";export{useFakeProgress}from"./atoms/hooks/useFakeProgress.js";export{useLocalStorage}from"./atoms/hooks/useLocalStorage.js";export{useNotification}from"./organisms/TopBar/Notifications/NotificationProvider.js";export{useOnScreenMultiple}from"./atoms/hooks/useOnScreenMultiple.js";export{usePrevious}from"./atoms/hooks/usePrevious.js";export{useSignalRMessages}from"./atoms/hooks/useSignalRMessages.js";export{useAmplifyKit}from"./atoms/hooks/useAmplifyKit.js";export{spacings}from"./atoms/style/spacings.js";export{colors}from"./atoms/style/colors.js";export{animation}from"./atoms/style/animation.js";export{elevation,shape,typography}from"./atoms/style/index.js";export{ErrorType}from"./atoms/enums/Errors.js";export{EnvironmentType}from"./atoms/enums/Environment.js";export{Theme}from"./atoms/enums/Theme.js";export{SpacingsMode}from"./atoms/enums/SpacingsMode.js";export{amplify_failure,amplify_lwd,amplify_success,amplify_wellbore,amplify_wireline_cased_hole,amplify_wireline_open_hole}from"./atoms/icons/drilling.js";export{amplify_calculator,amplify_overlay,amplify_sidebyside}from"./atoms/icons/map.js";export{amplify_aml,amplify_arrow_up_down,amplify_branch,amplify_info_small,amplify_merged,amplify_overview,amplify_resources,amplify_sharepoint,amplify_shield_person,amplify_small_portal,amplify_snail,amplify_sort_small,amplify_tutorials}from"./atoms/icons/other.js";export{amplify_h1,amplify_h2,amplify_h3,amplify_h4,amplify_table_add_column_left,amplify_table_add_column_right,amplify_table_add_row_above,amplify_table_add_row_below,amplify_table_column_heading,amplify_table_merge_cells,amplify_table_remove_column,amplify_table_remove_row,amplify_table_row_heading,amplify_table_split_cell}from"./atoms/icons/wysiwyg.js";export{auth,environment}from"./atoms/utils/auth_environment.js";export{formatLatLng,formatUtm}from"./atoms/utils/coordinate.js";export{formatDate,formatDateTime,formatRelativeDateTime,isBetweenDates}from"./atoms/utils/date.js";export{getErrorContent,getListOfErrors}from"./atoms/utils/errors.js";export{exportComponent}from"./atoms/utils/export.js";export{setupIcons}from"./atoms/utils/favicon.js";export{convertLatLngToUtm,convertUtmToLatLng,degrees2radians,distanceLatLng,utmProjection}from"./atoms/utils/map.js";export{defaultQueryOptions}from"./atoms/utils/reactquery.js";export{IMG_WITH_ALT,IMG_WITH_SRC_AND_ALT,cleanRichTextValue,extractImageUrls,getFeatures,imageToB64}from"./atoms/utils/richtext.js";export{formatBytes,formatDataSize,formatKiloBytes}from"./atoms/utils/size.js";export{sortByDate,sortByWellboreName}from"./atoms/utils/sort.js";export{Empty,capitalize}from"./atoms/utils/string.js";export{isValidUrl}from"./atoms/utils/url.js";export{coordinate,date,errors,favicon,map,reactquery,richtext,size,sort,string,url}from"./atoms/utils/index.js";export{RichTextEditor}from"./molecules/RichTextEditor/RichTextEditor.js";export{ExpandingIconButton}from"./deprecated/ExpandingIconButton/ExpandingIconButton.js";export{HighlightBlocks}from"./deprecated/Tutorial/HighlightBlocks/HighlightBlocks.js";
@@ -27,6 +27,7 @@ export interface DialogProps extends Omit<EDSDialogProps, 'title'> {
27
27
  actions?: DialogAction[];
28
28
  withContentPadding?: boolean;
29
29
  withBorders?: boolean;
30
+ contentMaxHeight?: string;
30
31
  }
31
32
  /**
32
33
  * @param title - String or up to 2 react elements in a flex-column
@@ -36,6 +37,7 @@ export interface DialogProps extends Omit<EDSDialogProps, 'title'> {
36
37
  * @param actions - Dialog actions, { position: "right" is default }
37
38
  * @param withContentPadding - Defaults to true
38
39
  * @param withBorders - Defaults to false
40
+ * @param contentMaxHeight - Defaults to '60vh'
39
41
  * Also inherits props from EDS dialog
40
42
  */
41
43
  export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- import{jsx as i,jsxs as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Typography as e,Button as n,Icon as r}from"@equinor/eds-core-react";import{close as d}from"@equinor/eds-icons";import{DialogElement as l,DialogTitle as s,DialogContent as c,DialogActions as h}from"./Dialog.styles.js";import{DialogAction as a}from"./DialogAction.js";const p=o((({title:o,children:p,width:g,actions:m,withContentPadding:f=!0,withBorders:w=!1,...y},x)=>{const v=m?.filter((i=>"left"===i.position)),$=m?.filter((i=>"center"===i.position)),u=m?.filter((i=>void 0===i.position||"right"===i.position)),C="string"==typeof o?i(e,{variant:"h6",children:o}):o,j="string"==typeof p?i(e,{variant:"body_long",children:p}):p;return t(l,{...y,ref:x,style:{width:g?`${g}px`:void 0,...y.style},children:[t(s,{$withBorders:w,style:{width:g?`${g}px`:void 0},children:[i("section",{children:C}),i(n,{variant:"ghost_icon",onClick:y.onClose,children:i(r,{data:d})})]}),i(c,{$withContentPadding:f,style:{width:g?`${g}px`:void 0},children:j}),m&&m.length>0&&t(h,{$withBorders:w,style:{width:g?`${g}px`:void 0},children:[v&&v.length>0&&i("section",{id:"dialog-actions-left",children:v.map((t=>i(a,{...t},t.text)))}),$&&$.length>0&&i("section",{id:"dialog-actions-center",children:$.map((t=>i(a,{...t},t.text)))}),u&&u.length>0&&i("section",{id:"dialog-actions-right",children:u.map((t=>i(a,{...t},t.text)))})]})]})}));p.displayName="Dialog";export{p as Dialog};
1
+ import{jsx as i,jsxs as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Typography as o,Button as n,Icon as r}from"@equinor/eds-core-react";import{close as d}from"@equinor/eds-icons";import{DialogElement as l,DialogTitle as s,DialogContent as c,DialogActions as h}from"./Dialog.styles.js";import{DialogAction as a}from"./DialogAction.js";const p=e((({title:e,children:p,width:g,actions:m,withContentPadding:f=!0,withBorders:x=!1,contentMaxHeight:w="60vh",...y},v)=>{const $=m?.filter((i=>"left"===i.position)),u=m?.filter((i=>"center"===i.position)),C=m?.filter((i=>void 0===i.position||"right"===i.position)),j="string"==typeof e?i(o,{variant:"h6",children:e}):e,B="string"==typeof p?i(o,{variant:"body_long",children:p}):p;return t(l,{...y,ref:v,style:{width:g?`${g}px`:void 0,...y.style},children:[t(s,{$withBorders:x,style:{width:g?`${g}px`:void 0},children:[i("section",{children:j}),i(n,{variant:"ghost_icon",onClick:y.onClose,children:i(r,{data:d})})]}),i(c,{$withContentPadding:f,style:{width:g?`${g}px`:void 0,maxHeight:w},children:B}),m&&m.length>0&&t(h,{$withBorders:x,style:{width:g?`${g}px`:void 0},children:[$&&$.length>0&&i("section",{id:"dialog-actions-left",children:$.map((t=>i(a,{...t},t.text)))}),u&&u.length>0&&i("section",{id:"dialog-actions-center",children:u.map((t=>i(a,{...t},t.text)))}),C&&C.length>0&&i("section",{id:"dialog-actions-right",children:C.map((t=>i(a,{...t},t.text)))})]})]})}));p.displayName="Dialog";export{p as Dialog};
@@ -16,6 +16,7 @@ import{Dialog as o}from"@equinor/eds-core-react";import{colors as t}from"../../a
16
16
  }
17
17
  `,s=e(o.CustomContent)`
18
18
  min-height: unset;
19
+ overflow: auto;
19
20
  ${({$withContentPadding:o})=>o?n`
20
21
  padding: ${i.medium};
21
22
  `:n`
@@ -1,7 +1,7 @@
1
1
  import { FC } from 'react';
2
2
  import { FileWithPath } from 'react-dropzone';
3
3
  interface FileProgressBaseProps {
4
- onDelete: () => Promise<void>;
4
+ onDelete: () => Promise<void> | void;
5
5
  file: FileWithPath | File;
6
6
  isDone?: boolean;
7
7
  progressPercent?: number;
@@ -1 +1 @@
1
- import{jsx as e,jsxs as r,Fragment as n}from"react/jsx-runtime";import{useState as t,useRef as i,useMemo as c}from"react";import{Icon as o}from"@equinor/eds-core-react";import{checkbox_outline as l,checkbox as a,checkbox_indeterminate as u,chevron_down as s,chevron_right as d}from"@equinor/eds-icons";import{tokens as m}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{MenuItemSpacer as p,MenuItemWrapper as h,SmallButton as f,StyledMenuItem as v}from"./Select.styles.js";import{flattenOptions as y,getChildOffset as w}from"./Select.utils.js";const{colors:g}=m,k=m=>{const{index:b,childOffset:x,depth:C=0,item:A,multiselect:D,itemRefs:$,onItemKeyDown:_,onItemSelect:I,parentHasNestedItems:K=!1}=m,[j,O]=t(!1),S=i(-1),q=i([]),R=("values"in m?m.values.map((({value:e})=>e)):[]).includes(A.value),H=c((()=>{if(!D||!A.children||0===A.children.length)return l;if(R)return a;if([A,...A.children].some((e=>m.values.find((r=>r.value===e.value)))))return u;const e=m.values.map((({value:e})=>e)),r=y([A])?.map((({value:e})=>e));return r.some((r=>e.includes(r)))?u:l}),[A,D,m,R]),L=c((()=>new Array(C).fill(0).map(((r,n)=>e(p,{},`spacer-${r+n}`)))),[C]),M=()=>{I(A)},N=e=>{e.stopPropagation(),O((e=>!e))},U=e=>{"ArrowDown"===e.key?S.current+=1:"ArrowUp"===e.key&&(S.current-=1),S.current<=-1?($.current[b]?.focus(),S.current=-1):S.current+x===q.current.length?(S.current=-1,_(e),O(!1)):S.current>=0&&S.current<q.current.length-x&&q.current[S.current+x]?.focus()},P=e=>{!j&&"ArrowDown"===e.key||"ArrowUp"===e.key?_(e):"ArrowRight"===e.key||"ArrowLeft"===e.key?O((e=>!e)):j&&"ArrowDown"===e.key&&-1===S.current&&(S.current=0,q.current[S.current+x]?.focus())};return A.children&&A.children.length>0&&D?r(n,{children:[r(h,{children:[L,e(f,{variant:"ghost_icon",onClick:N,"data-testid":"toggle-button",children:e(o,{color:g.interactive.primary__resting.rgba,data:j?s:d})}),r(v,{$depth:C,ref:e=>{$.current[b]=e},index:b,closeMenuOnClick:!1,onKeyDownCapture:P,onClick:M,children:[e(o,{color:g.interactive.primary__resting.rgba,data:H}),e("span",{children:A.label})]})]}),j&&A.children.map(((r,n)=>e(k,{index:x+n,childOffset:x+w(A.children,n),depth:C+1,multiselect:!0,item:r,itemRefs:q,values:m.values,onItemKeyDown:U,onItemSelect:I,parentHasNestedItems:!0},`child-${n}-${r.value}-${A.value}`)))]}):D?r(h,{children:[L,r(v,{$depth:C,$paddedLeft:K,ref:e=>{$.current[b]=e},index:b,tabIndex:C,closeMenuOnClick:!1,onKeyDownCapture:_,onClick:M,children:[e(o,{color:g.interactive.primary__resting.rgba,data:R?a:l}),e("span",{children:A.label})]})]}):e(h,{children:e(v,{$depth:C,ref:e=>{$.current[b]=e},index:b,onKeyDownCapture:_,onClick:M,children:e("span",{children:A.label})})})};export{k as SelectMenuItem};
1
+ import{jsx as e,jsxs as r,Fragment as n}from"react/jsx-runtime";import{useState as t,useRef as i,useMemo as c}from"react";import{Icon as l}from"@equinor/eds-core-react";import{checkbox_outline as o,checkbox as a,checkbox_indeterminate as u,chevron_down as s,chevron_right as d}from"@equinor/eds-icons";import{tokens as m}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{MenuItemSpacer as p,MenuItemWrapper as h,SmallButton as f,StyledMenuItem as v}from"./Select.styles.js";import{flattenOptions as y,getChildOffset as w}from"./Select.utils.js";const{colors:g}=m,k=m=>{const{index:b,childOffset:x,depth:C=0,item:D,multiselect:A,itemRefs:$,onItemKeyDown:_,onItemSelect:I,parentHasNestedItems:K=!1}=m,[j,O]=t(!1),S=i(-1),q=i([]),R=("values"in m?m.values.map((({value:e})=>e)):[]).includes(D.value),H=c((()=>{if(!A||!D.children||0===D.children.length)return o;if(R)return a;if([D,...D.children].some((e=>m.values.find((r=>r.value===e.value)))))return u;const e=m.values.map((({value:e})=>e)),r=y([D])?.map((({value:e})=>e));return r.some((r=>e.includes(r)))?u:o}),[D,A,m,R]),L=c((()=>new Array(C).fill(0).map(((r,n)=>e(p,{},`spacer-${r+n}`)))),[C]),M=e=>{e.preventDefault(),I(D)},N=e=>{e.stopPropagation(),O((e=>!e))},U=e=>{"ArrowDown"===e.key?S.current+=1:"ArrowUp"===e.key&&(S.current-=1),S.current<=-1?($.current[b]?.focus(),S.current=-1):S.current+x===q.current.length?(S.current=-1,_(e),O(!1)):S.current>=0&&S.current<q.current.length-x&&q.current[S.current+x]?.focus()},P=e=>{!j&&"ArrowDown"===e.key||"ArrowUp"===e.key?_(e):"ArrowRight"===e.key||"ArrowLeft"===e.key?O((e=>!e)):j&&"ArrowDown"===e.key&&-1===S.current&&(S.current=0,q.current[S.current+x]?.focus())};return D.children&&D.children.length>0&&A?r(n,{children:[r(h,{children:[L,e(f,{variant:"ghost_icon",onClick:N,"data-testid":"toggle-button",children:e(l,{color:g.interactive.primary__resting.rgba,data:j?s:d})}),r(v,{$depth:C,ref:e=>{$.current[b]=e},index:b,closeMenuOnClick:!1,onKeyDownCapture:P,onClick:M,children:[e(l,{color:g.interactive.primary__resting.rgba,data:H}),e("span",{children:D.label})]})]}),j&&D.children.map(((r,n)=>e(k,{index:x+n,childOffset:x+w(D.children,n),depth:C+1,multiselect:!0,item:r,itemRefs:q,values:m.values,onItemKeyDown:U,onItemSelect:I,parentHasNestedItems:!0},`child-${n}-${r.value}-${D.value}`)))]}):A?r(h,{children:[L,r(v,{$depth:C,$paddedLeft:K,ref:e=>{$.current[b]=e},index:b,tabIndex:C,closeMenuOnClick:!1,onKeyDownCapture:_,onClick:M,children:[e(l,{color:g.interactive.primary__resting.rgba,data:R?a:o}),e("span",{children:D.label})]})]}):e(h,{children:e(v,{$depth:C,ref:e=>{$.current[b]=e},index:b,onKeyDownCapture:_,onClick:M,children:e("span",{children:D.label})})})};export{k as SelectMenuItem};
@@ -0,0 +1,28 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { IconData } from '@equinor/eds-icons';
3
+ export interface FilterProps {
4
+ values: {
5
+ value: string;
6
+ label: string;
7
+ icon?: IconData;
8
+ }[];
9
+ onClearFilter: (value: string) => void;
10
+ onClearAllFilters: () => void;
11
+ onSearch: (value: string) => void;
12
+ children: ReactNode | ReactNode[];
13
+ initialOpen?: boolean;
14
+ placeholder?: string;
15
+ showClearFiltersButton?: boolean;
16
+ }
17
+ /**
18
+ * @param values - Array of values to display as chips ({ value: string, label: string, icon?: IconData }[])
19
+ * @param onSearch - Function to call when the user presses enter in the search input
20
+ * @param onClearFilter - Function to call when the user clicks the delete button on a chip
21
+ * @param onClearAllFilters - Function to call when the user clicks the clear filters button
22
+ * @param children - ReactNode or ReactNode[] to display below when the filter is open
23
+ * @param initialOpen - Whether the filter should be open by default, defaults to false
24
+ * @param placeholder - Placeholder text for the search input, defaults to 'Search...'
25
+ * @param showClearFiltersButton - Whether to show the clear filters button, defaults to true
26
+ * @constructor
27
+ */
28
+ export declare const Filter: FC<FilterProps>;
@@ -0,0 +1 @@
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as i}from"react";import{Icon as n,Button as o}from"@equinor/eds-core-react";import{filter_list as a,clear as l,arrow_drop_up as c,arrow_drop_down as h}from"@equinor/eds-icons";import{Wrapper as s,Container as d,StyledChip as m,SearchField as u,Content as p}from"./Filter.styles.js";import{colors as g}from"../../atoms/style/colors.js";import{AnimatePresence as v}from"framer-motion";const C=({values:C,onSearch:f,onClearFilter:y,onClearAllFilters:k,children:_,initialOpen:F=!1,placeholder:x="Search...",showClearFiltersButton:b=!0})=>{const[D,j]=t(F),[w,A]=t(""),[B,$]=t(-1),q=i(F?"auto":0),S=()=>{j((e=>!e)),"auto"===q.current&&(q.current=0)},z=()=>{A(""),k()};return e(s,{children:[e(d,{$open:D,children:[r(n,{onClick:S,data:a,color:g.interactive.primary__resting.rgba}),e("section",{children:[C.map((({value:e,label:t,icon:i},n)=>r(m,{onDelete:()=>y(e),leadingIconData:i,$tryingToRemove:B===n,children:t},e))),r(u,{id:"filter-search",type:"search",value:w,placeholder:x,onChange:e=>{A(e.target.value)},onKeyDownCapture:e=>{"Enter"===e.key&&""!==w&&(e.preventDefault(),f(w),A("")),"Backspace"===e.key&&""===w&&(C.length>0&&-1===B?$(C.length-1):-1!==B&&(y(C[B].value),$(-1)))},onFocus:()=>{D||j(!0)}})]}),C.length>0&&r(o,{variant:"ghost_icon",onClick:z,"data-testid":"clear-all-x",children:r(n,{data:l,size:16,color:g.text.static_icons__tertiary.rgba})}),r(o,{variant:"ghost_icon",onClick:S,"data-testid":"toggle-open-button",children:r(n,{data:D?c:h})})]}),r(v,{children:D&&r(p,{$showClearFilterButton:b,animate:{height:"auto"},initial:{height:q.current},exit:{height:0},children:r("section",{children:Array.isArray(_)?_.map(((t,i)=>e("div",{children:[t,i===_.length-1&&b&&r(o,{variant:"outlined",onClick:z,children:"Clear filters"})]},i))):e("div",{children:[_,b&&r(o,{variant:"outlined",onClick:z,children:"Clear filters"})]})})})})]})};export{C as Filter};
@@ -0,0 +1,296 @@
1
+ export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
2
+ interface ContainerProps {
3
+ $open: boolean;
4
+ }
5
+ export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
6
+ export declare const SearchField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
7
+ interface ContentProps {
8
+ $showClearFilterButton: boolean;
9
+ }
10
+ export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<{
11
+ nonce?: string | undefined;
12
+ color?: string | undefined;
13
+ suppressHydrationWarning?: boolean | undefined;
14
+ className?: string | undefined;
15
+ id?: string | undefined;
16
+ lang?: string | undefined;
17
+ role?: import("react").AriaRole | undefined;
18
+ tabIndex?: number | undefined;
19
+ "aria-activedescendant"?: string | undefined;
20
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
21
+ "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
22
+ "aria-braillelabel"?: string | undefined;
23
+ "aria-brailleroledescription"?: string | undefined;
24
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
25
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
26
+ "aria-colcount"?: number | undefined;
27
+ "aria-colindex"?: number | undefined;
28
+ "aria-colindextext"?: string | undefined;
29
+ "aria-colspan"?: number | undefined;
30
+ "aria-controls"?: string | undefined;
31
+ "aria-current"?: boolean | "true" | "time" | "step" | "false" | "page" | "location" | "date" | undefined;
32
+ "aria-describedby"?: string | undefined;
33
+ "aria-description"?: string | undefined;
34
+ "aria-details"?: string | undefined;
35
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
36
+ "aria-dropeffect"?: "copy" | "none" | "link" | "execute" | "move" | "popup" | undefined;
37
+ "aria-errormessage"?: string | undefined;
38
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
39
+ "aria-flowto"?: string | undefined;
40
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
41
+ "aria-haspopup"?: boolean | "true" | "dialog" | "menu" | "grid" | "listbox" | "tree" | "false" | undefined;
42
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
43
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
44
+ "aria-keyshortcuts"?: string | undefined;
45
+ "aria-label"?: string | undefined;
46
+ "aria-labelledby"?: string | undefined;
47
+ "aria-level"?: number | undefined;
48
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
49
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
50
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
51
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
52
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
53
+ "aria-owns"?: string | undefined;
54
+ "aria-placeholder"?: string | undefined;
55
+ "aria-posinset"?: number | undefined;
56
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
57
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
58
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
59
+ "aria-required"?: (boolean | "true" | "false") | undefined;
60
+ "aria-roledescription"?: string | undefined;
61
+ "aria-rowcount"?: number | undefined;
62
+ "aria-rowindex"?: number | undefined;
63
+ "aria-rowindextext"?: string | undefined;
64
+ "aria-rowspan"?: number | undefined;
65
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
66
+ "aria-setsize"?: number | undefined;
67
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
68
+ "aria-valuemax"?: number | undefined;
69
+ "aria-valuemin"?: number | undefined;
70
+ "aria-valuenow"?: number | undefined;
71
+ "aria-valuetext"?: string | undefined;
72
+ dangerouslySetInnerHTML?: {
73
+ __html: string | TrustedHTML;
74
+ } | undefined;
75
+ onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
76
+ onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
77
+ onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
78
+ onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
79
+ onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
80
+ onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
81
+ onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
82
+ onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
83
+ onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
84
+ onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
85
+ onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
86
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
87
+ onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
88
+ onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
89
+ onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
90
+ onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
91
+ onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
92
+ onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
93
+ onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
94
+ onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
95
+ onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
96
+ onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
97
+ onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
98
+ onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
99
+ onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
100
+ onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
101
+ onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
102
+ onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
103
+ onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
104
+ onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
105
+ onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
106
+ onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
107
+ onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
108
+ onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
109
+ onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
110
+ onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
111
+ onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
112
+ onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
113
+ onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
114
+ onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
115
+ onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
116
+ onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
117
+ onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
118
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
119
+ onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
120
+ onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
121
+ onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
122
+ onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
123
+ onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
124
+ onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
125
+ onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
126
+ onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
127
+ onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
128
+ onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
129
+ onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
130
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
131
+ onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
132
+ onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
133
+ onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
134
+ onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
135
+ onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
136
+ onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
137
+ onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
138
+ onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
139
+ onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
140
+ onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
141
+ onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
142
+ onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
143
+ onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
144
+ onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
145
+ onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
146
+ onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
147
+ onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
148
+ onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
149
+ onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
150
+ onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
151
+ onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
152
+ onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
153
+ onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
154
+ onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
155
+ onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
156
+ onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
157
+ onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
158
+ onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
159
+ onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
160
+ onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
161
+ onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
162
+ onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
163
+ onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
164
+ onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
165
+ onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
166
+ onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
167
+ onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
168
+ onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
169
+ onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
170
+ onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
171
+ onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
172
+ onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
173
+ onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
174
+ onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
175
+ onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
176
+ onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
177
+ onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
178
+ onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
179
+ onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
180
+ onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
181
+ onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
182
+ onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
183
+ onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
184
+ onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
185
+ onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
186
+ onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
187
+ onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
188
+ onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
189
+ onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
190
+ onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
191
+ onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
192
+ onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
193
+ onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
194
+ onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
195
+ onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
196
+ onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
197
+ onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
198
+ onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
199
+ onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
200
+ onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
201
+ onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
202
+ onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
203
+ onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
204
+ onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
205
+ onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
206
+ onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
207
+ onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
208
+ onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
209
+ onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
210
+ onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
211
+ onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
212
+ onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
213
+ onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
214
+ onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
215
+ onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
216
+ onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
217
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
218
+ onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
219
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
220
+ onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
221
+ onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
222
+ onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
223
+ onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
224
+ onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
225
+ onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
226
+ onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
227
+ onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
228
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
229
+ onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
230
+ onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
231
+ slot?: string | undefined;
232
+ title?: string | undefined;
233
+ defaultChecked?: boolean | undefined;
234
+ defaultValue?: string | number | readonly string[] | undefined;
235
+ suppressContentEditableWarning?: boolean | undefined;
236
+ accessKey?: string | undefined;
237
+ autoCapitalize?: (string & {}) | "none" | "off" | "on" | "sentences" | "words" | "characters" | undefined;
238
+ autoFocus?: boolean | undefined;
239
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
240
+ contextMenu?: string | undefined;
241
+ dir?: string | undefined;
242
+ draggable?: (boolean | "true" | "false") | undefined;
243
+ enterKeyHint?: "search" | "send" | "done" | "next" | "enter" | "go" | "previous" | undefined;
244
+ hidden?: boolean | undefined;
245
+ spellCheck?: (boolean | "true" | "false") | undefined;
246
+ translate?: "no" | "yes" | undefined;
247
+ radioGroup?: string | undefined;
248
+ about?: string | undefined;
249
+ content?: string | undefined;
250
+ datatype?: string | undefined;
251
+ inlist?: any;
252
+ prefix?: string | undefined;
253
+ property?: string | undefined;
254
+ rel?: string | undefined;
255
+ resource?: string | undefined;
256
+ rev?: string | undefined;
257
+ typeof?: string | undefined;
258
+ vocab?: string | undefined;
259
+ autoCorrect?: string | undefined;
260
+ autoSave?: string | undefined;
261
+ itemProp?: string | undefined;
262
+ itemScope?: boolean | undefined;
263
+ itemType?: string | undefined;
264
+ itemID?: string | undefined;
265
+ itemRef?: string | undefined;
266
+ results?: number | undefined;
267
+ security?: string | undefined;
268
+ unselectable?: "off" | "on" | undefined;
269
+ inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
270
+ is?: string | undefined;
271
+ } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
272
+ ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
273
+ }, ContentProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
274
+ interface StyledChipProps {
275
+ $tryingToRemove: boolean;
276
+ }
277
+ export declare const StyledChip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & import("../../molecules/Chip/Chip").BaseChipProps & import("../../molecules/Chip/Chip").InteractiveChipBase & {
278
+ onClick: (event: import("react").MouseEvent<HTMLButtonElement> | import("react").KeyboardEvent<HTMLButtonElement>) => void;
279
+ onDelete?: undefined;
280
+ } & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>, "ref"> & {
281
+ ref?: ((instance: HTMLDivElement | HTMLButtonElement | 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<HTMLDivElement | HTMLButtonElement> | null | undefined;
282
+ }) | (Omit<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & import("../../molecules/Chip/Chip").BaseChipProps & import("../../molecules/Chip/Chip").InteractiveChipBase & {
283
+ onClick?: undefined;
284
+ onDelete: (event: import("react").MouseEvent<HTMLButtonElement> | import("react").KeyboardEvent<HTMLButtonElement>) => void;
285
+ } & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>, "ref"> & {
286
+ ref?: ((instance: HTMLDivElement | HTMLButtonElement | 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<HTMLDivElement | HTMLButtonElement> | null | undefined;
287
+ }) | (Omit<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & import("../../molecules/Chip/Chip").BaseChipProps & {
288
+ onClick?: undefined;
289
+ onDelete?: undefined;
290
+ } & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>, "ref"> & {
291
+ ref?: ((instance: HTMLDivElement | HTMLButtonElement | 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<HTMLDivElement | HTMLButtonElement> | null | undefined;
292
+ }), StyledChipProps>> & string & Omit<import("react").ForwardRefExoticComponent<(Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & (import("../../molecules/Chip/Chip").ClickableChipProps | import("../../molecules/Chip/Chip").DeletableChipProps | (import("../../molecules/Chip/Chip").BaseChipProps & {
293
+ onClick?: undefined;
294
+ onDelete?: undefined;
295
+ }))) & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
296
+ export {};
@@ -0,0 +1,76 @@
1
+ import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"react/jsx-runtime";import"../../molecules/RichTextEditor/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"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import{elevation as t,shape as r,typography as i}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import{Chip as o}from"../../molecules/Chip/Chip.js";import{motion as e}from"framer-motion";import s,{css as a}from"styled-components";import{colors as n}from"../../atoms/style/colors.js";import{spacings as m}from"../../atoms/style/spacings.js";const p=s.div`
2
+ width: 100%;
3
+ box-shadow: ${t.raised};
4
+ background: ${n.ui.background__default.rgba};
5
+ border-radius: ${r.corners.borderRadius};
6
+ overflow: hidden;
7
+ `,d=s.div`
8
+ display: grid;
9
+ grid-template-columns: auto 1fr auto auto;
10
+ align-items: center;
11
+ width: 100%;
12
+ gap: ${m.small};
13
+ padding: ${m.medium_small} ${m.small};
14
+ border-bottom: 1px solid
15
+ ${({$open:t})=>t?n.ui.background__medium.rgba:"transparent"};
16
+ transition: border-bottom 200ms;
17
+ cursor: pointer;
18
+ > section {
19
+ display: flex;
20
+ flex-wrap: wrap;
21
+ gap: ${m.x_small};
22
+ }
23
+ > button {
24
+ width: 24px;
25
+ height: 24px;
26
+ &:after {
27
+ width: 24px;
28
+ height: 24px;
29
+ }
30
+ }
31
+ > svg:last-child {
32
+ grid-column: 4;
33
+ }
34
+ `,l=s.input`
35
+ background: transparent;
36
+ width: 0;
37
+ flex-grow: 1;
38
+ padding: 0;
39
+ font-family: 'Equinor', sans-serif;
40
+ font-size: ${i.input.text.fontSize};
41
+ font-weight: ${i.input.text.fontWeight};
42
+ color: ${n.text.static_icons__default.rgba};
43
+ outline: none;
44
+ border: none;
45
+ &::placeholder {
46
+ opacity: 1;
47
+ color: ${n.text.static_icons__tertiary.rgba};
48
+ }
49
+ &::-webkit-search-cancel-button,
50
+ &::-webkit-search-results-button,
51
+ &::-webkit-search-results-decoration {
52
+ display: none;
53
+ }
54
+ `,u=s(e.div)`
55
+ > section {
56
+ padding: ${m.medium};
57
+ display: flex;
58
+ flex-direction: column;
59
+ gap: ${m.medium};
60
+ ${({$showClearFilterButton:t})=>{if(t)return a`
61
+ > div:last-child {
62
+ display: grid;
63
+ grid-template-columns: 1fr auto;
64
+ gap: ${m.medium};
65
+
66
+ > button {
67
+ align-self: flex-end;
68
+ }
69
+ }
70
+ `}}
71
+ }
72
+ `,c=s(o)`
73
+ ${({$tryingToRemove:t})=>{if(t)return a`
74
+ background: ${n.ui.background__light.rgba};
75
+ `}}
76
+ `;export{d as Container,u as Content,l as SearchField,c as StyledChip,p as Wrapper};
@@ -13,6 +13,7 @@ import"react";import"../../../../../molecules/RichTextEditor/custom-extensions/A
13
13
  > section:nth-child(5) {
14
14
  max-width: unset;
15
15
  margin-bottom: ${i.large};
16
+ padding: 0 ${i.medium};
16
17
  }
17
18
  > div:nth-child(3) {
18
19
  align-self: center;
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as i}from"react";import{FieldMenu as r}from"./FieldMenu/FieldMenu.js";import{Bar as t,AppAndFieldContainer as s,AppIdentifier as l,AppName as m,CircularProgress as n,EnvironmentTag as p}from"./TopBar.styles.js";import{EnvironmentType as a}from"../../atoms/enums/Environment.js";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import{ApplicationIcon as c}from"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import{Typography as u}from"@equinor/eds-core-react";import"../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../atoms/style/colors.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import"./Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"react-router-dom";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";const d=i((({children:i,headerLink:d,applicationIcon:j,applicationName:h,environment:v,isFetching:S=!1,capitalize:g=!1,availableFields:P,onSelectField:T,currentField:f,showAccessITLink:E},F)=>e(t,{ref:F,children:[e(s,{children:[e(l,{tabIndex:0,to:d||"/",children:[o(c,{name:j,size:32,withHover:!0}),o(m,{group:"navigation",variant:"menu_title",$capitalize:g,children:g?h.toLowerCase():h})]}),P&&T&&o(r,{availableFields:P,onSelect:T,currentField:f,showAccessITLink:E}),S&&o(n,{size:16})]}),(v===a.DEVELOP||v===a.STAGING||v===a.LOCALHOST)&&o(p,{$environmentType:v,children:o(u,{group:"heading",variant:"h5",children:v})}),i]})));d.displayName="TopBar";export{d as TopBar};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as i}from"react";import{FieldMenu as r}from"./FieldMenu/FieldMenu.js";import{Bar as t,AppAndFieldContainer as s,AppIdentifier as l,AppName as m,CircularProgress as n,EnvironmentTag as p}from"./TopBar.styles.js";import{EnvironmentType as a}from"../../atoms/enums/Environment.js";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import{ApplicationIcon as c}from"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import{Typography as u}from"@equinor/eds-core-react";import"../../molecules/Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../atoms/style/colors.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import"./Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"react-router-dom";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";const d=i((({id:i,children:d,headerLink:j,applicationIcon:h,applicationName:v,environment:S,isFetching:g=!1,capitalize:P=!1,availableFields:T,onSelectField:f,currentField:E,showAccessITLink:F},A)=>e(t,{ref:A,children:[e(s,{id:i,children:[e(l,{tabIndex:0,to:j||"/",children:[o(c,{name:h,size:32,withHover:!0}),o(m,{group:"navigation",variant:"menu_title",$capitalize:P,children:P?v.toLowerCase():v})]}),T&&f&&o(r,{availableFields:T,onSelect:f,currentField:E,showAccessITLink:F}),g&&o(n,{size:16})]}),(S===a.DEVELOP||S===a.STAGING||S===a.LOCALHOST)&&o(p,{$environmentType:S,children:o(u,{group:"heading",variant:"h5",children:S})}),d]})));d.displayName="TopBar";export{d as TopBar};
@@ -2,6 +2,8 @@ export { DataGrid } from './DataGrid/DataGrid';
2
2
  export type { EdsDataGridProps as DataGridProps } from '@equinor/eds-data-grid-react';
3
3
  export { FieldSelector } from './FieldSelector/FieldSelector';
4
4
  export type { FieldSelectorProps } from './FieldSelector/FieldSelector';
5
+ export { Filter } from './Filter/Filter';
6
+ export type { FilterProps } from './Filter/Filter';
5
7
  export { SideBar } from './SideBar';
6
8
  export type { ItemType } from './SideBar';
7
9
  export { TopBar } from './TopBar';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/amplify-component-lib",
3
- "version": "8.10.2",
3
+ "version": "8.11.0",
4
4
  "description": "Frontend Typescript components for the Amplify team",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",