@equinor/amplify-component-lib 9.13.0-beta.1 → 9.14.0-beta.0

package/dist/molecules/Select/Select.styles.js

@@ -1,4 +1,4 @@
-import{Button as e,Menu as t,Typography as r}from"@equinor/eds-core-react";export{Button}from"@equinor/eds-core-react";import{animation as i}from"../../atoms/style/animation.js";import{colors as a,VARIANT_HELPER_TEXT_COLORS as o,VARIANT_COLORS as n}from"../../atoms/style/colors.js";import{spacings as s}from"../../atoms/style/spacings.js";import{Chip as l}from"../Chip/Chip.js";import d,{css as c}from"styled-components";const p=d.div`
+import{Button as t,Menu as e,Typography as r}from"@equinor/eds-core-react";export{Button}from"@equinor/eds-core-react";import{animation as i}from"../../atoms/style/animation.js";import{colors as a,VARIANT_HELPER_TEXT_COLORS as o,VARIANT_COLORS as n}from"../../atoms/style/colors.js";import{spacings as s}from"../../atoms/style/spacings.js";import{Chip as l}from"../Chip/Chip.js";import d,{css as c}from"styled-components";const p=d.div`
   display: flex;
   flex-direction: column;
   gap: ${s.small};
@@ -11,13 +11,13 @@ import{Button as e,Menu as t,Typography as r}from"@equinor/eds-core-react";expor
   > label {
     margin: 0;
   }
-  ${({$variant:e})=>e?c`
+  ${({$variant:t})=>t?c`
       > label {
-        color: ${"disabled"===e?a.interactive.disabled__text.rgba:o[e]};
+        color: ${"disabled"===t?a.interactive.disabled__text.rgba:o[t]};
       }
       > svg {
         flex-shrink: 0;
-        fill: ${"disabled"===e?a.interactive.disabled__text.rgba:o[e]};
+        fill: ${"disabled"===t?a.interactive.disabled__text.rgba:o[t]};
       }
     `:""}
 `,b=d.div`
@@ -34,15 +34,15 @@ import{Button as e,Menu as t,Typography as r}from"@equinor/eds-core-react";expor
     background: ${a.ui.background__light_medium.rgba};
   }
 
-  ${({$variant:e})=>e?"dirty"===e?c`
-        box-shadow: inset 0 -2px 0 0 ${n[e]};
+  ${({$variant:t})=>t?"dirty"===t?c`
+        box-shadow: inset 0 -2px 0 0 ${n[t]};
         &:hover {
-          box-shadow: inset 0 -2px 0 0 ${n[e]};
+          box-shadow: inset 0 -2px 0 0 ${n[t]};
         }
       `:c`
-      outline: 1px solid ${n[e]};
+      outline: 1px solid ${n[t]};
       &:hover {
-        box-shadow: inset 0 -1px 0 0 ${n[e]};
+        box-shadow: inset 0 -1px 0 0 ${n[t]};
       }
     `:c`
         box-shadow: inset 0 -1px 0 0 ${a.text.static_icons__tertiary.rgba};
@@ -52,15 +52,11 @@ import{Button as e,Menu as t,Typography as r}from"@equinor/eds-core-react";expor
         }
       `}
 
-  ${({$lightBackground:e})=>e?`background-color: ${a.ui.background__default.rgba}`:`background-color: ${a.ui.background__light.rgba}`};
+  ${({$lightBackground:t})=>t?`background-color: ${a.ui.background__default.rgba}`:`background-color: ${a.ui.background__light.rgba}`};
 
   &[aria-expanded='true'] {
     box-shadow: inset 0 -2px 0 0 ${a.interactive.primary__resting.rgba};
   }
-  &:has(input:disabled) {
-    outline: none;
-    box-shadow: none;
-  }
 
   > svg[role='progressbar'] {
     overflow: unset;
@@ -74,8 +70,9 @@ import{Button as e,Menu as t,Typography as r}from"@equinor/eds-core-react";expor
   }
 
   &:has(input:disabled) {
+    outline: none;
     cursor: not-allowed;
-    box-shadow: none;
+    box-shadow: inset 0 -1px 0 0 ${a.interactive.disabled__text.rgba} !important;
     > svg:not([role='progressbar']) {
       cursor: not-allowed;
       fill: ${a.interactive.disabled__text.rgba};
@@ -135,7 +132,7 @@ import{Button as e,Menu as t,Typography as r}from"@equinor/eds-core-react";expor
       }
     }
   }
-`,u=d(e)`
+`,u=d(t)`
   position: absolute;
   top: 50%;
   transform: translate(0, -50%);
@@ -151,10 +148,10 @@ import{Button as e,Menu as t,Typography as r}from"@equinor/eds-core-react";expor
     left: 0;
   }
 `,_=d(l)`
-  background: ${({$tryingToRemove:e,$lightBackground:t})=>e?a.interactive.primary__hover_alt.rgba:t?a.ui.background__light.rgba:a.ui.background__default.rgba} !important;
-`,m=d(t.Item)`
+  background: ${({$tryingToRemove:t,$lightBackground:e})=>t?a.interactive.primary__hover_alt.rgba:e?a.ui.background__light.rgba:a.ui.background__default.rgba} !important;
+`,m=d(e.Item)`
   flex-grow: 1;
-  ${({$paddedLeft:e})=>e&&"margin-left: 36px"};
+  ${({$paddedLeft:t})=>t&&"margin-left: 36px"};
   padding-left: 10px;
   
   > div {
@@ -170,7 +167,7 @@ import{Button as e,Menu as t,Typography as r}from"@equinor/eds-core-react";expor
     outline: 2px dashed ${a.interactive.primary__resting.rgba};
   }
 
-    ${({$selected:e})=>e?c`
+    ${({$selected:t})=>t?c`
             background: ${a.interactive.primary__selected_highlight.rgba};
 
             &:hover {
@@ -199,7 +196,7 @@ import{Button as e,Menu as t,Typography as r}from"@equinor/eds-core-react";expor
   margin: ${s.medium};
 `,w=d(r)`
   margin-left: ${s.medium};
-`,y=d(t)`
+`,y=d(e)`
   max-height: 20rem;
   max-width: inherit;
   overflow-y: auto;
@@ -210,7 +207,7 @@ import{Button as e,Menu as t,Typography as r}from"@equinor/eds-core-react";expor
 `,k=d.div`
   display: flex;
   align-items: center;
-`,j=d(e)`
+`,j=d(t)`
   width: 36px;
   height: 36px;
 `;export{u as ClearButton,_ as ComboBoxChip,b as Container,g as HelperWrapper,x as MenuItemSpacer,k as MenuItemWrapper,w as NoItemsFoundText,f as NoTagFoundText,$ as PlaceholderText,h as Section,j as SmallButton,y as StyledMenu,m as StyledMenuItem,v as ValueText,p as Wrapper};

package/dist/molecules/Skeleton/SkeletonField.d.ts

@@ -0,0 +1 @@
+export declare const SkeletonField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & import("./SkeletonBase/SkeletonBase").SkeletonBaseProps, never>> & string;

package/dist/molecules/Skeleton/SkeletonField.js

@@ -0,0 +1,8 @@
+import{SkeletonBase as o}from"./SkeletonBase/SkeletonBase.js";import{shape as s}from"../../atoms/style/index.js";import t from"styled-components";import{spacings as e}from"../../atoms/style/spacings.js";const r=t(o)`
+  position: absolute;
+  left: ${e.small};
+  border-radius: ${s.corners.borderRadius};
+  transform: translateY(${e.x_small});
+  height: 100%;
+  top: 0;
+`;export{r as SkeletonField};

package/dist/molecules/Stepper/SubTitle/SubTitle.js

@@ -1,7 +1,7 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{colors as i}from"../../../atoms/style/colors.js";import{spacings as o}from"../../../atoms/style/spacings.js";import"../../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../ApplicationIcon/ApplicationIcon.js";import"../../Badge/Badge.styles.js";import{Typography as r}from"@equinor/eds-core-react";import"../../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../Button/Button.js";import"../../Chip/Chip.js";import"react";import"../../ContentMenu/ContentMenu.styles.js";import"../../DatePicker/DatePicker.js";import"../../Dialog/Dialog.js";import"../../EquinorLogo/EquinorLogo.js";import"../../FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../RichTextEditor/RichTextEditor.types.js";import"../../FileProgress/RegularFileProgress.styles.js";import"../../FileUploadArea/FileUploadArea.js";import"../../FullPageSpinner/FullPageSpinner.js";import"../../InfoElement/InfoElement.js";import"../../OptionalTooltip/OptionalTooltip.js";import"../../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../RichTextEditor/custom-extensions/AmplifyKit.js";import"../../RichTextEditor/RichTextEditor.styles.js";import"../../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../Tabs/Tabs.js";import"../../RichTextEditor/MenuBar/MenuBar.styles.js";import"../../RichTextEditor/MenuBar/MenuButton.js";import"../../Search/Search.js";import"../../Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../SingleFilterMenu/SingleFilterMenu.js";import"../../Skeleton/SkeletonBase/SkeletonBase.js";import"../../Skeleton/Skeleton.styles.js";import"../Stepper.js";import"../../OptionDrawer/OptionDrawer.js";import"../../Select/Select.styles.js";import"../../ListItem/ListItem.js";import"../../SelectionControls/Checkbox/Checkbox.js";import"../../SelectionControls/Radio/Radio.js";import"../../SelectionControls/Switch/Switch.js";import"../../Waves/Waves.styles.js";import"framer-motion";import{SubStepIndicator as s}from"./SubStepIndicator.js";import{useStepper as n}from"../../../providers/StepperProvider.js";import p from"styled-components";const l=p.div`
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{colors as i}from"../../../atoms/style/colors.js";import{spacings as o}from"../../../atoms/style/spacings.js";import"../../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../ApplicationIcon/ApplicationIcon.js";import"../../Badge/Badge.styles.js";import{Typography as r}from"@equinor/eds-core-react";import"../../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../Button/Button.js";import"../../Chip/Chip.js";import"react";import"../../ContentMenu/ContentMenu.styles.js";import"../../DatePicker/DatePicker.js";import"../../DateRangePicker/DateRangePicker.js";import"../../Dialog/Dialog.js";import"../../EquinorLogo/EquinorLogo.js";import"../../FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../RichTextEditor/RichTextEditor.types.js";import"../../FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../../FileUploadArea/FileUploadArea.styles.js";import"../../FullPageSpinner/FullPageSpinner.js";import"../../InfoElement/InfoElement.js";import"../../OptionalTooltip/OptionalTooltip.js";import"../../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../RichTextEditor/custom-extensions/AmplifyKit.js";import"../../RichTextEditor/RichTextEditor.styles.js";import"../../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../Tabs/Tabs.js";import"../../RichTextEditor/MenuBar/MenuBar.styles.js";import"../../RichTextEditor/MenuBar/MenuButton.js";import"../../Search/Search.js";import"../../Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../SingleFilterMenu/SingleFilterMenu.js";import"../../Skeleton/SkeletonBase/SkeletonBase.js";import"../../Skeleton/Skeleton.styles.js";import"../Stepper.js";import"../../OptionDrawer/OptionDrawer.js";import"../../Select/Select.styles.js";import"../../Skeleton/SkeletonField.js";import"../../ListItem/ListItem.js";import"../../SelectionControls/Checkbox/Checkbox.js";import"../../SelectionControls/Radio/Radio.js";import"../../SelectionControls/Switch/Switch.js";import"../../Waves/Waves.styles.js";import"framer-motion";import{SubStepIndicator as s}from"./SubStepIndicator.js";import{useStepper as n}from"../../../providers/StepperProvider.js";import p from"styled-components";const a=p.div`
   display: flex;
   flex-direction: column;
   gap: ${o.small};
   align-self: center;
   align-items: center;
-`,a=()=>{const{currentStep:o,currentSubStep:p,steps:a}=n(),m="subSteps"in a[o]?a[o].subSteps:[],c=m?.at(p);return!c&&void 0===a[o].title||!m?null:a[o].title?t(l,{children:[e(r,{variant:"h3",children:a[o].title}),a[o].description&&e(r,{variant:"caption",children:a[o].description})]}):t(l,{children:[e(r,{variant:"caption",color:i.text.static_icons__secondary.rgba,children:`${p+1} of ${m.length}`}),e(r,{variant:"h3",children:c?.title}),c?.description&&e(r,{variant:"caption",children:c.description}),e(s,{})]})};export{a as SubTitle};
+`,l=()=>{const{currentStep:o,currentSubStep:p,steps:l}=n(),m="subSteps"in l[o]?l[o].subSteps:[],c=m?.at(p);return!c&&void 0===l[o].title||!m?null:l[o].title?t(a,{children:[e(r,{variant:"h3",children:l[o].title}),l[o].description&&e(r,{variant:"caption",children:l[o].description})]}):t(a,{children:[e(r,{variant:"caption",color:i.text.static_icons__secondary.rgba,children:`${p+1} of ${m.length}`}),e(r,{variant:"h3",children:c?.title}),c?.description&&e(r,{variant:"caption",children:c.description}),e(s,{})]})};export{l as SubTitle};

package/dist/molecules/TextField/TextField.d.ts

@@ -3,6 +3,7 @@ import { TextFieldProps as BaseProps } from '@equinor/eds-core-react';
 import { Variants } from '../../atoms/types/variants';
 type TextFieldProps = Omit<BaseProps, 'variant'> & {
     variant?: Variants;
+    loading?: boolean;
 } & (TextareaHTMLAttributes<HTMLTextAreaElement> | InputHTMLAttributes<HTMLInputElement>);
 export declare const TextField: FC<TextFieldProps>;
 export {};

package/dist/molecules/TextField/TextField.js

@@ -1,19 +1,20 @@
-import{jsx as t}from"react/jsx-runtime";import{TextField as i}from"@equinor/eds-core-react";import{animation as o}from"../../atoms/style/animation.js";import{colors as a,VARIANT_COLORS as r}from"../../atoms/style/colors.js";import e,{css as n}from"styled-components";const s=e.div`
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useRef as i}from"react";import{TextField as a}from"@equinor/eds-core-react";import{shape as e}from"../../atoms/style/index.js";import{animation as r}from"../../atoms/style/animation.js";import{colors as n,VARIANT_COLORS as s}from"../../atoms/style/colors.js";import{getSkeletonTop as d,getSkeletonHeight as l}from"../../atoms/utils/skeleton.js";import{SkeletonBase as m}from"../Skeleton/SkeletonBase/SkeletonBase.js";import p,{css as c}from"styled-components";import{spacings as b}from"../../atoms/style/spacings.js";const x=p.div`
+  position: relative;
   input,
   textarea {
-    color: ${a.text.static_icons__default.rgba};
+    color: ${n.text.static_icons__default.rgba};
     transition:
-      background ${o.transitionMS},
-      box-shadow ${o.transitionMS};
+      background ${r.transitionMS},
+      box-shadow ${r.transitionMS};
     &::placeholder {
       opacity: 1;
     }
     &:hover {
-      background: ${a.ui.background__light_medium.rgba};
+      background: ${n.ui.background__light_medium.rgba};
     }
     &:disabled {
       &::placeholder {
-        color: ${a.interactive.disabled__text.rgba};
+        color: ${n.interactive.disabled__text.rgba};
       }
     }
   }
@@ -21,39 +22,39 @@ import{jsx as t}from"react/jsx-runtime";import{TextField as i}from"@equinor/eds-
     outline: none !important;
   }
 
-  ${({$variant:t,$disabled:i})=>i?n`
+  ${({$variant:t,$disabled:o})=>o?c`
         div {
           outline: none !important;
         }
         p {
-          color: ${a.interactive.disabled__text.rgba} !important;
+          color: ${n.interactive.disabled__text.rgba} !important;
         }
-      `:void 0===t?n`
+      `:void 0===t?c`
         input:hover,
         textarea:hover {
           box-shadow: inset 0 -2px 0 0
-            ${a.text.static_icons__tertiary.rgba};
+            ${n.text.static_icons__tertiary.rgba};
         }
 
         div:focus-within {
           input,
           textarea {
             box-shadow: inset 0 -2px 0 0
-              ${a.interactive.primary__resting.rgba};
+              ${n.interactive.primary__resting.rgba};
           }
         }
-      `:n`
-      ${"dirty"===t&&n`
+      `:c`
+      ${"dirty"===t&&c`
         input,
         textarea {
-          box-shadow: inset 0 -2px 0 0 ${r[t]};
+          box-shadow: inset 0 -2px 0 0 ${s[t]};
         }
       `}
 
       input:hover,
       textarea:hover {
         box-shadow: inset 0 -${"dirty"===t?2:1}px 0 0
-          ${r[t]};
+          ${s[t]};
       }
 
       div:focus-within {
@@ -61,8 +62,13 @@ import{jsx as t}from"react/jsx-runtime";import{TextField as i}from"@equinor/eds-
 
         input,
         textarea {
-          box-shadow: inset 0 -2px 0 0 ${r[t]};
+          box-shadow: inset 0 -2px 0 0 ${s[t]};
         }
       }
     `}
-`,d=o=>{const a={...o,variant:"dirty"!==o.variant?o.variant:void 0};return t(s,{$variant:o.variant,$disabled:o.disabled,children:t(i,{...a})})};export{d as TextField};
+`,u=p(m)`
+  position: absolute;
+  left: ${b.small};
+  border-radius: ${e.corners.borderRadius};
+  transform: translateY(${b.x_small});
+`,h=e=>{const r={...e,variant:"dirty"!==e.variant?e.variant:void 0},n=e.loading?void 0:e.variant,s=d(e),m=l(e),p=i(`${Math.max(20,80*Math.random())}%`);return t(x,{$variant:n,$disabled:!e.loading&&e.disabled,children:[o(a,{...r,disabled:e.loading||e.disabled}),e.loading&&o(u,{className:"skeleton",role:"progressbar",style:{top:s,height:m,width:p.current}})]})};export{h as TextField};

package/dist/molecules/index.d.ts

@@ -12,7 +12,9 @@ export type { BaseChipProps } from './Chip/Chip';
 export { ContentMenu } from './ContentMenu/ContentMenu';
 export type { ContentMenuProps } from './ContentMenu/ContentMenu';
 export { DatePicker } from './DatePicker/DatePicker';
-export type { DatePickerProps, DateRangePickerProps, DateTimePickerProps, } from '@equinor/eds-core-react';
+export type { DatePickerProps } from './DatePicker/DatePicker';
+export { DateRangePicker } from './DateRangePicker/DateRangePicker';
+export type { DateRangePickerProps } from './DateRangePicker/DateRangePicker';
 export { Dialog } from './Dialog/Dialog';
 export type { DialogProps, DialogAction } from './Dialog/Dialog';
 export { EquinorLogo } from './EquinorLogo/EquinorLogo';
@@ -74,5 +76,5 @@ export type { RadioProps } from './SelectionControls/Radio/Radio';
 export { Switch } from './SelectionControls/Switch/Switch';
 export type { SwitchProps } from './SelectionControls/Switch/Switch';
 export { Waves } from './Waves/Waves';
-export { Accordion, Breadcrumbs, DateRangePicker, Divider, Dialog as EDSDialog, Menu, TextField, Typography, Icon, CircularProgress, DotProgress, LinearProgress, } from '@equinor/eds-core-react';
+export { Accordion, Breadcrumbs, Divider, Dialog as EDSDialog, Menu, TextField, Typography, Icon, CircularProgress, DotProgress, LinearProgress, } from '@equinor/eds-core-react';
 export type { AccordionProps, AccordionHeaderProps, AccordionHeaderActionsProps, AccordionItemProps, AccordionPanelProps, AccordionHeaderTitleProps, BreadcrumbsProps, BreadcrumbProps, DialogProps as EDSDialogProps, DividerProps, MenuProps, SearchProps, TextFieldProps, TypographyProps, IconProps, CircularProgressProps, DotProgressProps, LinearProgressProps, } from '@equinor/eds-core-react';

package/dist/organisms/Faq/Category/Question.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t}from"react";import{Typography as r,Icon as i}from"@equinor/eds-core-react";import{chevron_up as s,chevron_down as l}from"@equinor/eds-icons";import{FaqService as m}from"@equinor/subsurface-app-management";import{shape as a}from"../../../atoms/style/index.js";import{formatDate as n}from"../../../atoms/utils/date.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Banner/Banner.styles.js";import{Button as c}from"../../../molecules/Button/Button.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.styles.js";import"../../../molecules/DatePicker/DatePicker.js";import"../../../molecules/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as p}from"../../../molecules/RichTextDisplay/RichTextDisplay.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"@tiptap/react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import{colors as u}from"../../../atoms/style/colors.js";import"../../../molecules/Tabs/Tabs.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Skeleton/Skeleton.styles.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/Select/Select.styles.js";import{spacings as d}from"../../../atoms/style/spacings.js";import"../../../molecules/ListItem/ListItem.js";import"../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../molecules/SelectionControls/Radio/Radio.js";import"../../../molecules/SelectionControls/Switch/Switch.js";import"../../../molecules/Waves/Waves.styles.js";import{AnimatePresence as j,motion as h}from"framer-motion";import g from"styled-components";import{animation as y}from"../../../atoms/style/animation.js";const f=g.div`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t}from"react";import{Typography as r,Icon as i}from"@equinor/eds-core-react";import{chevron_up as s,chevron_down as l}from"@equinor/eds-icons";import{FaqService as m}from"@equinor/subsurface-app-management";import{shape as a}from"../../../atoms/style/index.js";import{formatDate as n}from"../../../atoms/utils/date.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Banner/Banner.styles.js";import{Button as c}from"../../../molecules/Button/Button.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.styles.js";import"../../../molecules/DatePicker/DatePicker.js";import"../../../molecules/DateRangePicker/DateRangePicker.js";import"../../../molecules/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../../../molecules/FileUploadArea/FileUploadArea.styles.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as p}from"../../../molecules/RichTextDisplay/RichTextDisplay.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"@tiptap/react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import{colors as u}from"../../../atoms/style/colors.js";import"../../../molecules/Tabs/Tabs.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Skeleton/Skeleton.styles.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/Select/Select.styles.js";import{spacings as d}from"../../../atoms/style/spacings.js";import"../../../molecules/Skeleton/SkeletonField.js";import"../../../molecules/ListItem/ListItem.js";import"../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../molecules/SelectionControls/Radio/Radio.js";import"../../../molecules/SelectionControls/Switch/Switch.js";import"../../../molecules/Waves/Waves.styles.js";import{AnimatePresence as j,motion as h}from"framer-motion";import g from"styled-components";import{animation as y}from"../../../atoms/style/animation.js";const S=g.div`
   background: ${u.ui.background__default.rgba};
   width: 100%;
   display: grid;
@@ -19,4 +19,4 @@ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t}from"reac
       background: ${u.interactive.primary__hover_alt.rgba};
     }
   }
-`,S=({question:a,answer:u,createdDate:d})=>{const[g,y]=t(!1);return e(f,{onClick:()=>y(e=>!e),children:[o(r,{variant:"h4",children:a}),o(r,{variant:"caption",children:n(d)}),o(c,{variant:"ghost_icon",children:o(i,{data:g?s:l})}),o(j,{children:g&&o(h.div,{style:{overflow:"hidden"},initial:{height:0},animate:{height:"auto"},exit:{height:0},children:o(p,{value:u,onImageRead:m.getFaqImage})})})]})};export{S as Question};
+`,f=({question:a,answer:u,createdDate:d})=>{const[g,y]=t(!1);return e(S,{onClick:()=>y(e=>!e),children:[o(r,{variant:"h4",children:a}),o(r,{variant:"caption",children:n(d)}),o(c,{variant:"ghost_icon",children:o(i,{data:g?s:l})}),o(j,{children:g&&o(h.div,{style:{overflow:"hidden"},initial:{height:0},animate:{height:"auto"},exit:{height:0},children:o(p,{value:u,onImageRead:m.getFaqImage})})})]})};export{f as Question};

package/dist/organisms/FieldSelector/SelectorCard/SelectorCard.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useMemo as i}from"react";import{Card as r,Typography as l,Button as s,Icon as a}from"@equinor/eds-core-react";import{arrow_forward as n}from"@equinor/eds-icons";import{tokens as m}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../atoms/style/colors.js";import{spacings as c}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Banner/Banner.styles.js";import"../../../molecules/Button/Button.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.styles.js";import"../../../molecules/DatePicker/DatePicker.js";import"../../../molecules/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../../molecules/Tabs/Tabs.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Skeleton/Skeleton.styles.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/Select/Select.styles.js";import{SingleSelect as p}from"../../../molecules/Select/SingleSelect/SingleSelect.js";import"../../../molecules/ListItem/ListItem.js";import"../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../molecules/SelectionControls/Radio/Radio.js";import"../../../molecules/SelectionControls/Switch/Switch.js";import"../../../molecules/Waves/Waves.styles.js";import"framer-motion";import u from"styled-components";const{elevation:d,colors:h,shape:g}=m,j=u(r)`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useMemo as i}from"react";import{Card as r,Typography as l,Button as s,Icon as a}from"@equinor/eds-core-react";import{arrow_forward as n}from"@equinor/eds-icons";import{tokens as m}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../../atoms/style/colors.js";import{spacings as c}from"../../../atoms/style/spacings.js";import"../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../molecules/Badge/Badge.styles.js";import"../../../molecules/Banner/Banner.styles.js";import"../../../molecules/Button/Button.js";import"../../../molecules/Chip/Chip.js";import"../../../molecules/ContentMenu/ContentMenu.styles.js";import"../../../molecules/DatePicker/DatePicker.js";import"../../../molecules/DateRangePicker/DateRangePicker.js";import"../../../molecules/Dialog/Dialog.js";import"../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../molecules/FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../../../molecules/FileUploadArea/FileUploadArea.styles.js";import"../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../molecules/InfoElement/InfoElement.js";import"../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../../molecules/Tabs/Tabs.js";import"../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../molecules/Search/Search.js";import"../../../molecules/Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../molecules/Skeleton/Skeleton.styles.js";import"../../../molecules/Stepper/Stepper.js";import"../../../molecules/OptionDrawer/OptionDrawer.js";import"../../../molecules/Select/Select.styles.js";import"../../../molecules/Skeleton/SkeletonField.js";import{SingleSelect as p}from"../../../molecules/Select/SingleSelect/SingleSelect.js";import"../../../molecules/ListItem/ListItem.js";import"../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../molecules/SelectionControls/Radio/Radio.js";import"../../../molecules/SelectionControls/Switch/Switch.js";import"../../../molecules/Waves/Waves.styles.js";import"framer-motion";import u from"styled-components";const{elevation:d,colors:h,shape:g}=m,j=u(r)`
   position: absolute;
   left: 50%;
   top: 50%;

package/dist/organisms/Filter/AutoCompleteMenu.d.ts

@@ -0,0 +1,11 @@
+import { FilterWithAutoCompleteOptions } from './Filter.types';
+interface AutoCompleteMenuProps<T extends string> {
+    anchorElement: HTMLElement | null;
+    searchElement: HTMLElement | null;
+    search: string;
+    isFilterOpen: boolean;
+    autoCompleteOptions: FilterWithAutoCompleteOptions<T>['autoCompleteOptions'];
+    onAutoComplete: FilterWithAutoCompleteOptions<T>['onAutoComplete'];
+}
+export declare function AutoCompleteMenu<T extends string>({ anchorElement, searchElement, search, isFilterOpen, autoCompleteOptions, onAutoComplete, }: AutoCompleteMenuProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/organisms/Filter/AutoCompleteMenu.js

@@ -0,0 +1,10 @@
+import{jsx as r}from"react/jsx-runtime";import{useState as e,useRef as o,useEffect as t}from"react";import{Menu as i,Typography as s}from"@equinor/eds-core-react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"@tanstack/react-query";import"@equinor/subsurface-app-management";import"../../atoms/utils/auth_environment.js";import{colors as n}from"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Environment.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import"@equinor/eds-icons";import{getFilteredAutoCompleteOptions as m,findStartAndEndIndexOfSearch as a}from"./Filter.utils.js";import{styled as p}from"styled-components";const c=p(i)`
+  overflow-y: auto;
+  max-height: 250px;
+`,l=p(s)`
+  color: ${n.text.static_icons__tertiary.rgba};
+  > strong {
+    color: ${n.text.static_icons__default.rgba};
+    font-weight: unset;
+  }
+`;function u({anchorElement:s,searchElement:n,search:p,isFilterOpen:u,autoCompleteOptions:d,onAutoComplete:v}){const[h,j]=e(!1),f=o("");t(()=>{h||p===f.current?p!==f.current&&(f.current=p):(f.current=p,j(!0))},[h,p]);const b=m({searchValue:p,autoCompleteOptions:d});return u&&h&&p&&0!==b.length?r(c,{open:!0,anchorEl:s,matchAnchorWidth:!0,onClose:()=>{j(!1)},children:b.map((e,o)=>{const[t,s]=a({searchValue:p,label:e.label}),m=[e.label.slice(0,t),r("strong",{children:e.label.slice(t,s+1)},`${e.value}-start`),e.label.slice(s+1)];return r(i.Item,{onKeyDown:r=>((r,e)=>"ArrowUp"===r.key&&0===e?(r.preventDefault(),void n?.focus()):"Enter"===r.key&&b[e]?(v(b[e].key,b[e]),void j(!1)):void 0)(r,o),children:r(l,{children:m})},e.value)})}):null}export{u as AutoCompleteMenu};

package/dist/organisms/Filter/AutoCompleteText.d.ts

@@ -0,0 +1,10 @@
+import { FilterWithAutoCompleteOptions } from './Filter.types';
+export declare const StyledTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<({
+    as?: import("react").ElementType | undefined;
+} & (import("@equinor/eds-core-react").TypographyProps & Omit<any, "nonce" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "italic" | "bold" | "variant" | "link" | "group" | "token" | "lines">)) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("@equinor/eds-utils").OverridableComponent<import("@equinor/eds-core-react").TypographyProps, HTMLElement>, keyof import("react").Component<any, {}, any>>;
+interface AutoCompleteTextProps<T extends string> {
+    search: string;
+    autoCompleteOptions: FilterWithAutoCompleteOptions<T>['autoCompleteOptions'];
+}
+export declare function AutoCompleteText<T extends string>({ search, autoCompleteOptions, }: AutoCompleteTextProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/organisms/Filter/AutoCompleteText.js

@@ -0,0 +1,11 @@
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import{Typography as t}from"@equinor/eds-core-react";import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"@tanstack/react-query";import"@equinor/subsurface-app-management";import"../../atoms/utils/auth_environment.js";import{colors as e}from"../../atoms/style/colors.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Environment.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"html2canvas";import"proj4";import"@equinor/eds-icons";import{getFilteredAutoCompleteOptions as i,findStartAndEndIndexOfSearch as s}from"./Filter.utils.js";import{styled as m}from"styled-components";const n=m(t)`
+  position: absolute;
+  left: 0;
+  color: ${e.text.static_icons__tertiary.rgba};
+  height: fit-content;
+  text-wrap: nowrap;
+  line-height: normal;
+  > span {
+    color: transparent;
+  }
+`;function p({search:t,autoCompleteOptions:e}){const m=i({autoCompleteOptions:e,searchValue:t});if(0===m.length)return null;const p=m[0],[a,l]=s({searchValue:t,label:p.label});return 0!==a?null:r(n,{children:[o("span",{children:t.slice(0,t.length)}),p.label.slice(l+1)]})}export{p as AutoCompleteText,n as StyledTypography};

package/dist/organisms/Filter/Filter.d.ts

@@ -12,4 +12,4 @@ import { FilterProps } from './Filter.types';
  * @param placeholder - Placeholder text for the search input, defaults to 'Search...'
  * @param id - ID for the search field
  */
-export declare function Filter<T extends string>({ values, search, onSearchChange, onSearchEnter, onClearFilter, onClearAllFilters, children, topContent, inlineContent, initialOpen, placeholder, id, }: FilterProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Filter<T extends string>({ values, search, onSearchChange, onSearchEnter, onClearFilter, onClearAllFilters, children, topContent, inlineContent, initialOpen, placeholder, id, ...rest }: FilterProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/Filter/Filter.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as r,useState as i}from"react";import{Icon as o,Button as n,Typography as a}from"@equinor/eds-core-react";import{search as c,clear as l,arrow_drop_up as s,arrow_drop_down as d,info_circle as h}from"@equinor/eds-icons";import{Wrapper as u,Container as p,Section as g,StyledChip as m,SearchField as f,Content as y}from"./Filter.styles.js";import{colors as _}from"../../atoms/style/colors.js";import{AnimatePresence as b,motion as v}from"framer-motion";function k({values:k,search:C,onSearchChange:x,onSearchEnter:j,onClearFilter:F,onClearAllFilters:O,children:$,topContent:D,inlineContent:S,initialOpen:q=!1,placeholder:w="Search...",id:z}){const E=r(null),[R,T]=i(q),[A,B]=i(void 0),I=r(q?"auto":0),K=Object.values(k).some(e=>e.length>0);return e(u,{id:z,children:[D,e(p,{children:[e(g,{onClick:()=>{E.current?.focus()},children:[t(o,{data:c,color:_.text.static_icons__tertiary.rgba}),Object.keys(k).flatMap(e=>k[e].map(({label:r,icon:i},o,n)=>t(m,{onDelete:()=>F(e,o),leadingIconData:i,$tryingToRemove:A===e&&o===n.length-1,children:r},`${r}-${o}-${e}`))),t(f,{ref:E,id:`filter-search-${z}`,type:"search",value:C,placeholder:K?void 0:w,onChange:x,onKeyDownCapture:e=>{if("Enter"===e.key&&""!==C)j(C);else if("Backspace"===e.key&&""===C){if(void 0===A){for(const e of Object.keys(k).toReversed())if(k[e].length>0){B(e);break}return}F(A,k[A].length-1),B(void 0)}},onFocus:()=>{R||T(!0)}}),Object.values(k).some(e=>e.length>0)&&t(n,{variant:"ghost_icon",onClick:O,"data-testid":"clear-all-x",children:t(o,{data:l,size:18,color:_.text.static_icons__tertiary.rgba})})]}),S,e("button",{onClick:()=>{T(e=>!e),"auto"===I.current&&(I.current=0)},"data-testid":"toggle-open-button",children:[t(a,{variant:"button",group:"navigation",as:"span",children:"Filters"}),t(o,{data:R?s:d,color:_.text.static_icons__tertiary.rgba})]})]}),t(b,{children:R&&t(v.div,{animate:{height:"auto"},initial:{height:I.current},exit:{height:0},children:e(y,{children:[e("span",{children:[t(o,{data:h,size:16,color:_.text.static_icons__tertiary.rgba}),t(a,{variant:"label",group:"input",color:_.text.static_icons__tertiary.rgba,children:"Type a keyword and press enter"})]}),$]})})})]})}export{k as Filter};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as o,useState as r}from"react";import{Icon as n,Button as i,Typography as a}from"@equinor/eds-core-react";import{search as l,clear as c,arrow_drop_up as s,arrow_drop_down as p,info_circle as u}from"@equinor/eds-icons";import{Wrapper as m,Container as h,Section as d,StyledChip as C,SearchFieldWrapper as f,SearchField as g,Content as y}from"./Filter.styles.js";import{colors as O}from"../../atoms/style/colors.js";import{AutoCompleteMenu as v}from"./AutoCompleteMenu.js";import{AutoCompleteText as _}from"./AutoCompleteText.js";import{getFilteredAutoCompleteOptions as b}from"./Filter.utils.js";import{AnimatePresence as k,motion as j}from"framer-motion";function x({values:x,search:F,onSearchChange:A,onSearchEnter:$,onClearFilter:E,onClearAllFilters:D,children:S,topContent:T,inlineContent:q,initialOpen:w=!1,placeholder:z="Search...",id:M,...R}){const B=o(null),I=o(null),[K,V]=r(w),[G,H]=r(void 0),J=o(w?"auto":0),L=Object.values(x).some(e=>e.length>0);return e(m,{id:M,children:[T,e(h,{children:[e(d,{ref:I,onClick:()=>{B.current?.focus()},children:[t(n,{data:l,color:O.text.static_icons__tertiary.rgba}),Object.keys(x).flatMap(e=>x[e].map(({label:o,icon:r},n,i)=>t(C,{onDelete:()=>E(e,n),leadingIconData:r,$tryingToRemove:G===e&&n===i.length-1,children:o},`${o}-${n}-${e}`))),e(f,{children:["autoCompleteOptions"in R&&R.autoCompleteOptions&&t(_,{search:F,autoCompleteOptions:R.autoCompleteOptions}),t(g,{ref:B,id:`filter-search-${M}`,type:"search",autoComplete:"off",value:F,placeholder:L?void 0:z,onChange:A,onKeyDownCapture:e=>{if("Enter"===e.key&&""!==F)(e=>{if(!("autoCompleteOptions"in R))return void $(e);const t=b({searchValue:e,autoCompleteOptions:R.autoCompleteOptions});1!==t.length?$(e):R.onAutoComplete(t[0].key,t[0])})(F);else if("Backspace"===e.key&&""===F){if(void 0===G){for(const e of Object.keys(x).toReversed())if(x[e].length>0){H(e);break}return}E(G,x[G].length-1),H(void 0)}},onFocus:()=>{K||V(!0)}})]}),Object.values(x).some(e=>e.length>0)&&t(i,{variant:"ghost_icon",onClick:D,"data-testid":"clear-all-x",children:t(n,{data:c,size:18,color:O.text.static_icons__tertiary.rgba})})]}),q,e("button",{onClick:()=>{V(e=>!e),"auto"===J.current&&(J.current=0)},"data-testid":"toggle-open-button",children:[t(a,{variant:"button",group:"navigation",as:"span",children:"Filters"}),t(n,{data:K?s:p,color:O.text.static_icons__tertiary.rgba})]})]}),t(k,{children:K&&t(j.div,{animate:{height:"auto"},initial:{height:J.current},exit:{height:0},children:e(y,{children:[e("span",{children:[t(n,{data:u,size:16,color:O.text.static_icons__tertiary.rgba}),t(a,{variant:"label",group:"input",color:O.text.static_icons__tertiary.rgba,children:"Type a keyword and press enter"})]}),S]})})}),"autoCompleteOptions"in R&&R.autoCompleteOptions&&t(v,{isFilterOpen:K,search:F,anchorElement:I.current,autoCompleteOptions:R.autoCompleteOptions,onAutoComplete:R.onAutoComplete,searchElement:B.current})]})}export{x as Filter};

package/dist/organisms/Filter/Filter.styles.d.ts

@@ -13,4 +13,5 @@ export declare const StyledChip: import("styled-components/dist/types").IStyledC
     onClick?: undefined;
     onDelete?: undefined;
 }))) & import("react").RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const SearchFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 export {};

package/dist/organisms/Filter/Filter.styles.js

@@ -103,4 +103,8 @@ import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit
   ${({$tryingToRemove:r})=>{if(r)return a`
         background: ${s.interactive.primary__hover_alt.rgba};
       `}}
-`;export{m as Container,c as Content,p as SearchField,l as Section,u as StyledChip,d as Wrapper};
+`,g=o.section`
+  position: relative;
+  flex-grow: 1;
+  display: flex;
+`;export{m as Container,c as Content,p as SearchField,g as SearchFieldWrapper,l as Section,u as StyledChip,d as Wrapper};

package/dist/organisms/Filter/Filter.types.d.ts

@@ -17,5 +17,9 @@ interface CommonFilterProps<T extends string> {
     placeholder?: string;
     id?: string;
 }
-export type FilterProps<T extends string> = CommonFilterProps<T>;
+export interface FilterWithAutoCompleteOptions<T extends string> extends CommonFilterProps<T> {
+    autoCompleteOptions: Record<T, SelectOptionRequired[]>;
+    onAutoComplete: (key: T, value: SelectOptionRequired) => void;
+}
+export type FilterProps<T extends string> = CommonFilterProps<T> | FilterWithAutoCompleteOptions<T>;
 export {};

package/dist/organisms/Filter/Filter.utils.d.ts

@@ -0,0 +1,11 @@
+import { SelectOptionRequired } from '../../molecules';
+export declare function getFilteredAutoCompleteOptions<T extends string>({ searchValue, autoCompleteOptions, }: {
+    searchValue: string;
+    autoCompleteOptions: Record<T, SelectOptionRequired[]>;
+}): Array<SelectOptionRequired & {
+    key: T;
+}>;
+export declare function findStartAndEndIndexOfSearch({ searchValue, label, }: {
+    searchValue: string;
+    label: string;
+}): [number, number];

package/dist/organisms/Filter/Filter.utils.js

@@ -0,0 +1 @@
+function e({searchValue:e,autoCompleteOptions:o}){return function(e){const o=[];for(const a in e)o.push(...e[a].map(e=>({...e,key:a})));return o}(o).filter(o=>function({searchValue:e,option:o}){return""!==e&&o.label.toLowerCase().includes(e.toLowerCase())}({searchValue:e,option:o})).sort((o,a)=>function({a:e,b:o,searchValue:a}){const t=a.toLowerCase(),r=e.toLowerCase().replace(t,""),l=o.toLowerCase().replace(t,"");return r.length-l.length}({a:o.label,b:a.label,searchValue:e})).sort((e,o)=>e.label.localeCompare(o.label))}function o({searchValue:e,label:o}){const a=o.toLowerCase().indexOf(e.toLowerCase());return[a,a+e.length-1]}export{o as findStartAndEndIndexOfSearch,e as getFilteredAutoCompleteOptions};

package/dist/organisms/ReleaseNote/ReleaseNote.js

@@ -1,20 +1,20 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as t,useRef as r,useState as i}from"react";import{Typography as s}from"@equinor/eds-core-react";import{ReleaseNotesService as l}from"@equinor/subsurface-app-management";import{RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT as m}from"./ReleaseNote.constants.js";import{timeToRead as a,usingReleaseNoteDate as n}from"./ReleaseNote.utils.js";import{ToggleExpanded as p}from"./ToggleExpanded.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import{shape as c}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Environment.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import{formatDate as d}from"../../atoms/utils/date.js";import"html2canvas";import"proj4";import{getImagesFromRichText as u}from"../../atoms/utils/richtext.js";import"@equinor/eds-icons";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Banner/Banner.styles.js";import"../../molecules/Button/Button.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.styles.js";import"../../molecules/DatePicker/DatePicker.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as j}from"../../molecules/RichTextDisplay/RichTextDisplay.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import{colors as h}from"../../atoms/style/colors.js";import"../../molecules/Tabs/Tabs.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Skeleton/Skeleton.styles.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import{spacings as g}from"../../atoms/style/spacings.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";import"../../molecules/Waves/Waves.styles.js";import{motion as v}from"framer-motion";import{MetaTags as f}from"./MetaTags.js";import y from"styled-components";const x=y.div`
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as t,useRef as r,useState as i}from"react";import{Typography as s}from"@equinor/eds-core-react";import{ReleaseNotesService as l}from"@equinor/subsurface-app-management";import{RELEASE_NOTE_RICH_TEXT_COLLAPSED_HEIGHT as m}from"./ReleaseNote.constants.js";import{timeToRead as a,usingReleaseNoteDate as n}from"./ReleaseNote.utils.js";import{ToggleExpanded as p}from"./ToggleExpanded.js";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/StepperProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"@tanstack/react-query";import"../../atoms/utils/auth_environment.js";import{shape as c}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Environment.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import{formatDate as d}from"../../atoms/utils/date.js";import"html2canvas";import"proj4";import{getImagesFromRichText as u}from"../../atoms/utils/richtext.js";import"@equinor/eds-icons";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Banner/Banner.styles.js";import"../../molecules/Button/Button.js";import"../../molecules/Chip/Chip.js";import"../../molecules/ContentMenu/ContentMenu.styles.js";import"../../molecules/DatePicker/DatePicker.js";import"../../molecules/DateRangePicker/DateRangePicker.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../../molecules/FileUploadArea/FileUploadArea.styles.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as j}from"../../molecules/RichTextDisplay/RichTextDisplay.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import{colors as g}from"../../atoms/style/colors.js";import"../../molecules/Tabs/Tabs.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"../../molecules/Sieve/Sieve.styles.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Skeleton/Skeleton.styles.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import{spacings as h}from"../../atoms/style/spacings.js";import"../../molecules/Skeleton/SkeletonField.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";import"../../molecules/Waves/Waves.styles.js";import{motion as v}from"framer-motion";import{MetaTags as f}from"./MetaTags.js";import y from"styled-components";const x=y.div`
   display: flex;
   flex-direction: column;
-  padding: ${g.medium};
+  padding: ${h.medium};
   position: relative;
-  background: ${h.ui.background__default.rgba};
-  border: 1px solid ${h.ui.background__heavy.rgba};
+  background: ${g.ui.background__default.rgba};
+  border: 1px solid ${g.ui.background__heavy.rgba};
   border-radius: ${c.corners.borderRadius};
   min-width: 800px;
   width: 100%;
   overflow: hidden;
   > h4 {
-    margin-top: ${g.large};
-    margin-bottom: ${g.medium};
+    margin-top: ${h.large};
+    margin-bottom: ${h.medium};
   }
   padding-bottom: calc(
-    68px + ${g.medium}
+    68px + ${h.medium}
   ); // Space for the expand button
 `,S=y.header`
   display: flex;
@@ -22,6 +22,6 @@ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as t,useRef
   align-items: center;
 `,b=y.section`
   display: flex;
-  gap: ${g.medium};
+  gap: ${h.medium};
   align-items: center;
-`,T=t(({applicationName:t,releaseDate:c,createdDate:y,tags:T,version:P,title:R,body:k,actionMenu:B,expanded:E=!1},C)=>{const M=n({releaseDate:c,createdDate:y}),D=r(E?"auto":m),[_,A]=i(E),[w,F]=i(u(k).length>0),N=r(new ResizeObserver(e=>{e.at(0)&&e[0].target.scrollHeight>m&&F(!0)}));return e(x,{ref:C,style:{paddingBottom:_?g.medium:void 0},children:[e(S,{children:[e(b,{children:[o(s,{variant:"caption",color:h.text.static_icons__secondary.rgba,children:t}),e(s,{variant:"overline",color:h.text.static_icons__tertiary.rgba,children:[d(M),P?` ・ ${P}`:""," ・ ",a(k)]})]}),o(f,{tags:T,children:B})]}),o(s,{variant:"h4",children:R}),o(v.div,{ref:e=>{e&&N.current.observe(e)},initial:{height:D.current},animate:{height:_?"auto":m},style:{overflow:_?"auto":void 0},children:o(j,{value:k,onImageRead:l.getReleaseNoteImage,padding:"none"})}),w&&!E&&o(p,{expanded:_,onToggleExpanded:()=>{A(e=>!e)}})]})});T.displayName="ReleaseNote";export{T as ReleaseNote};
+`,k=t(({applicationName:t,releaseDate:c,createdDate:y,tags:k,version:P,title:R,body:T,actionMenu:B,expanded:E=!1},D)=>{const C=n({releaseDate:c,createdDate:y}),M=r(E?"auto":m),[_,A]=i(E),[F,w]=i(u(T).length>0),N=r(new ResizeObserver(e=>{e.at(0)&&e[0].target.scrollHeight>m&&w(!0)}));return e(x,{ref:D,style:{paddingBottom:_?h.medium:void 0},children:[e(S,{children:[e(b,{children:[o(s,{variant:"caption",color:g.text.static_icons__secondary.rgba,children:t}),e(s,{variant:"overline",color:g.text.static_icons__tertiary.rgba,children:[d(C),P?` ・ ${P}`:""," ・ ",a(T)]})]}),o(f,{tags:k,children:B})]}),o(s,{variant:"h4",children:R}),o(v.div,{ref:e=>{e&&N.current.observe(e)},initial:{height:M.current},animate:{height:_?"auto":m},style:{overflow:_?"auto":void 0},children:o(j,{value:T,onImageRead:l.getReleaseNoteImage,padding:"none"})}),F&&!E&&o(p,{expanded:_,onToggleExpanded:()=>{A(e=>!e)}})]})});k.displayName="ReleaseNote";export{k as ReleaseNote};

package/dist/organisms/ReleaseNote/ToggleExpanded.js

@@ -1,4 +1,4 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Icon as t}from"@equinor/eds-core-react";import{arrow_drop_up as s,arrow_drop_down as l}from"@equinor/eds-icons";import{colors as i}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Banner/Banner.styles.js";import{Button as m}from"../../molecules/Button/Button.js";import"../../molecules/Chip/Chip.js";import"react";import"../../molecules/ContentMenu/ContentMenu.styles.js";import"../../molecules/DatePicker/DatePicker.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../molecules/FileUploadArea/FileUploadArea.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../molecules/Tabs/Tabs.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"../../molecules/Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Skeleton/Skeleton.styles.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";import"../../molecules/Waves/Waves.styles.js";import"framer-motion";import n from"styled-components";const c=n.div`
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Icon as t}from"@equinor/eds-core-react";import{arrow_drop_up as s,arrow_drop_down as l}from"@equinor/eds-icons";import{colors as i}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import"../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../molecules/Badge/Badge.styles.js";import"../../molecules/Banner/Banner.styles.js";import{Button as m}from"../../molecules/Button/Button.js";import"../../molecules/Chip/Chip.js";import"react";import"../../molecules/ContentMenu/ContentMenu.styles.js";import"../../molecules/DatePicker/DatePicker.js";import"../../molecules/DateRangePicker/DateRangePicker.js";import"../../molecules/Dialog/Dialog.js";import"../../molecules/EquinorLogo/EquinorLogo.js";import"../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../molecules/FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../../molecules/FileUploadArea/FileUploadArea.styles.js";import"../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../molecules/InfoElement/InfoElement.js";import"../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../molecules/ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../molecules/Tabs/Tabs.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../molecules/Search/Search.js";import"../../molecules/Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../molecules/Skeleton/Skeleton.styles.js";import"../../molecules/Stepper/Stepper.js";import"../../molecules/OptionDrawer/OptionDrawer.js";import"../../molecules/Select/Select.styles.js";import"../../molecules/Skeleton/SkeletonField.js";import"../../molecules/ListItem/ListItem.js";import"../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../molecules/SelectionControls/Radio/Radio.js";import"../../molecules/SelectionControls/Switch/Switch.js";import"../../molecules/Waves/Waves.styles.js";import"framer-motion";import n from"styled-components";const c=n.div`
   position: absolute;
   bottom: 0;
   left: 0;