@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 +1 -1
- package/dist/molecules/Dialog/Dialog.d.ts +2 -0
- package/dist/molecules/Dialog/Dialog.js +1 -1
- package/dist/molecules/Dialog/Dialog.styles.js +1 -0
- package/dist/molecules/FileProgress/FileProgress.d.ts +1 -1
- package/dist/molecules/Select/SelectMenuItem.js +1 -1
- package/dist/organisms/Filter/Filter.d.ts +28 -0
- package/dist/organisms/Filter/Filter.js +1 -0
- package/dist/organisms/Filter/Filter.styles.d.ts +296 -0
- package/dist/organisms/Filter/Filter.styles.js +76 -0
- package/dist/organisms/TopBar/Account/ImpersonateMenu/DeleteUser/DeleteUser.styles.js +1 -0
- package/dist/organisms/TopBar/TopBar.js +1 -1
- package/dist/organisms/index.d.ts +2 -0
- package/package.json +1 -1
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
|
|
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};
|
|
@@ -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
|
|
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};
|
|
@@ -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((({
|
|
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';
|