@equinor/amplify-component-lib 9.16.1-beta.0 → 9.17.0

package/dist/molecules/OptionDrawer/OptionDrawer.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, MouseEvent } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/molecules/OptionDrawer/OptionDrawer.d.ts
 interface ToggleEventProps<T> {
@@ -43,7 +43,7 @@ declare const OptionDrawer: {
     openAll,
     showIntermediateParent,
     parentHasNestedItems
-  }: OptionDrawerProps<T>): react_jsx_runtime1.JSX.Element;
+  }: OptionDrawerProps<T>): react_jsx_runtime2.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/molecules/OptionDrawer/OptionDrawer.utils.js

@@ -1 +1 @@
-const e=t=>{if(t.length===0)return[];let n=[];return t.forEach(t=>{let r=e(t?.children??[]);n=[t,...n,...r]}),n},t=(t,n,r,i)=>{if(n.find(e=>e.id===t.id)!==void 0)return`CHECKED`;if(t.children===void 0||t.children.length===0||r&&!i)return`NONE`;let a=e(t?.children).map(e=>n.find(t=>t.id===e.id)!==void 0);return!r&&a.every(Boolean)?`CHECKED`:a.every(e=>!e)?`NONE`:`INTERMEDIATE`};export{t as getStatus};
+const e=t=>{if(t.length===0)return[];let n=[];return t.forEach(t=>{let r=e(t?.children??[]);n=[t,...n,...r]}),n},t=(t,n,r,i)=>{let a=n.find(e=>e.id===t.id)!==void 0;if(a)return`CHECKED`;if(t.children===void 0||t.children.length===0||r&&!i)return`NONE`;let o=e(t?.children).map(e=>n.find(t=>t.id===e.id)!==void 0);return!r&&o.every(Boolean)?`CHECKED`:o.every(e=>!e)?`NONE`:`INTERMEDIATE`};export{t as getStatus};

package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts

@@ -1,4 +1,4 @@
-import * as react36 from "react";
+import * as react19 from "react";
 import { TooltipProps } from "@equinor/eds-core-react";
 import * as _floating_ui_utils0 from "@floating-ui/utils";
 
@@ -6,14 +6,14 @@ import * as _floating_ui_utils0 from "@floating-ui/utils";
 type OptionalTooltipProps = {
   textTransform?: string;
 } & TooltipProps;
-declare const OptionalTooltip: react36.ForwardRefExoticComponent<{
+declare const OptionalTooltip: react19.ForwardRefExoticComponent<{
   textTransform?: string;
 } & {
   placement?: _floating_ui_utils0.Placement;
-  title?: react36.ReactNode;
+  title?: react19.ReactNode;
   children: React.ReactElement & React.RefAttributes<HTMLElement>;
   enterDelay?: number;
   portalContainer?: HTMLElement;
-} & Omit<react36.HTMLAttributes<HTMLDivElement>, "title"> & react36.RefAttributes<HTMLDivElement>>;
+} & Omit<react19.HTMLAttributes<HTMLDivElement>, "title"> & react19.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { OptionalTooltip, OptionalTooltipProps };

package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts

@@ -1,4 +1,4 @@
-import * as react40 from "react";
+import * as react17 from "react";
 
 //#region src/molecules/ProfileAvatar/ProfileAvatar.d.ts
 interface ProfileAvatarProps {
@@ -7,6 +7,6 @@ interface ProfileAvatarProps {
   size?: 'small' | 'small-medium' | 'medium' | 'large' | 'x-large' | number;
   disabled?: boolean;
 }
-declare const ProfileAvatar: react40.ForwardRefExoticComponent<ProfileAvatarProps & react40.RefAttributes<HTMLDivElement>>;
+declare const ProfileAvatar: react17.ForwardRefExoticComponent<ProfileAvatarProps & react17.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ProfileAvatar, ProfileAvatarProps };

package/dist/molecules/ProfileAvatar/ProfileAvatar.js

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as t}from"../../atoms/style/colors.js";import{forwardRef as n,useMemo as r}from"react";import{Avatar as i,Icon as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s}from"react/jsx-runtime";import{person as c}from"@equinor/eds-icons";const{shape:l,typography:u}=e,d=[t.infographic.primary__energy_red_55.rgba,t.infographic.primary__moss_green_55.rgba,t.infographic.substitute__green_mint.rgba,t.infographic.substitute__blue_overcast.rgba];function f(e){let t=e.replace(/ *\([^)]*\) */g,``).toUpperCase(),n=t.split(` `),r=t.includes(`,`),i=e=>e.split(`,`)[1].trim().charAt(0);if(n.length===1&&n[0]!==``)return n[0].charAt(0);if(r)return i(t)+n[0].charAt(0);if(n.length>=2)return n[0].charAt(0)+n[n.length-1].charAt(0)}function p(e){let t=0;if(e)for(let n=0;n<e.length;n++)t+=e.charCodeAt(n);return d[t%d.length]}const m=o.div`
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as t}from"../../atoms/style/colors.js";import{forwardRef as n,useMemo as r}from"react";import{Avatar as i,Icon as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s}from"react/jsx-runtime";import{person as c}from"@equinor/eds-icons";const{shape:l,typography:u}=e,d=[t.infographic.primary__energy_red_55.rgba,t.infographic.primary__moss_green_55.rgba,t.infographic.substitute__green_mint.rgba,t.infographic.substitute__blue_overcast.rgba];function f(e){let t=e.replace(/ *\([^)]*\) */g,``).toUpperCase(),n=t.split(` `),r=t.includes(`,`),i=e=>{let t=e.split(`,`);return t[1].trim().charAt(0)};if(n.length===1&&n[0]!==``)return n[0].charAt(0);if(r)return i(t)+n[0].charAt(0);if(n.length>=2)return n[0].charAt(0)+n[n.length-1].charAt(0)}function p(e){let t=0;if(e)for(let n=0;n<e.length;n++)t+=e.charCodeAt(n);return d[t%d.length]}const m=o.div`
   width: ${e=>e.$size}px;
   height: ${e=>e.$size}px;
   position: relative;

package/dist/molecules/RichTextEditor/MenuBar/AddImageButton.js

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{useRef as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{camera_add_photo as o}from"@equinor/eds-icons";const s=({onImageUpload:s,editor:c,features:l})=>{let u=n(null);if(l&&!l.includes(e.IMAGES))return null;let d=()=>{u.current&&u.current.click()};return a(r,{children:[i(`input`,{ref:u,type:`file`,id:`img-input`,multiple:!1,onChange:async e=>{let t=e.target.files;if(!t?.[0]){console.error(`Files undefined`);return}let n=await s?.(t[0]);n&&c?.chain().focus().setImage({src:n.src,alt:n.alt}).run()},style:{display:`none`},accept:`image/*, video/*`}),i(t.Button,{"data-testid":`add-image-button`,icon:o,onClick:d,tooltip:`Add Image`})]})};export{s as AddImageButton};
+import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{useRef as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{camera_add_photo as o}from"@equinor/eds-icons";const s=({onImageUpload:s,editor:c,features:l})=>{let u=n(null);if(l&&!l.includes(e.IMAGES))return null;let d=()=>{u.current&&u.current.click()},f=async e=>{let t=e.target.files;if(!t?.[0]){console.error(`Files undefined`);return}let n=await s?.(t[0]);n&&c?.chain().focus().setImage({src:n.src,alt:n.alt}).run()};return a(r,{children:[i(`input`,{ref:u,type:`file`,id:`img-input`,multiple:!1,onChange:f,style:{display:`none`},accept:`image/*, video/*`}),i(t.Button,{"data-testid":`add-image-button`,icon:o,onClick:d,tooltip:`Add Image`})]})};export{s as AddImageButton};

package/dist/molecules/RichTextEditor/MenuBar/MenuBar.d.ts

@@ -1,11 +1,11 @@
 import { EditorPanel, ImageExtensionFnProps, RichTextEditorFeatures } from "../RichTextEditor.types.js";
 import { MenuButtonProps } from "./MenuButton.js";
 import { AddImageProps } from "./AddImageButton.js";
-import * as react20 from "react";
+import * as react32 from "react";
 import { FC } from "react";
 import * as styled_components0 from "styled-components";
 import { Editor } from "@tiptap/react";
-import * as styled_components_dist_types1 from "styled-components/dist/types";
+import * as styled_components_dist_types3 from "styled-components/dist/types";
 
 //#region src/molecules/RichTextEditor/MenuBar/MenuBar.d.ts
 interface MenuBarProps extends Pick<ImageExtensionFnProps, 'onImageUpload'> {
@@ -14,10 +14,10 @@ interface MenuBarProps extends Pick<ImageExtensionFnProps, 'onImageUpload'> {
 }
 declare const AmplifyBar: FC<MenuBarProps>;
 declare const EditorMenu: {
-  Bar: styled_components_dist_types1.IStyledComponentBase<"web", styled_components0.FastOmit<react20.DetailedHTMLProps<react20.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-  Bars: styled_components_dist_types1.IStyledComponentBase<"web", styled_components0.FastOmit<react20.DetailedHTMLProps<react20.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-  Button: react20.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react20.RefAttributes<HTMLButtonElement>>;
-  Section: styled_components_dist_types1.IStyledComponentBase<"web", styled_components0.FastOmit<react20.DetailedHTMLProps<react20.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+  Bar: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react32.DetailedHTMLProps<react32.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+  Bars: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react32.DetailedHTMLProps<react32.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+  Button: react32.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react32.RefAttributes<HTMLButtonElement>>;
+  Section: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react32.DetailedHTMLProps<react32.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
   AddImageButton: FC<AddImageProps>;
 };
 declare const EditorText: {

package/dist/molecules/RichTextEditor/MenuBar/Table/TableColumn.js

@@ -1 +1 @@
-import{amplify_table_add_column_left as e,amplify_table_add_column_right as t,amplify_table_remove_column as n}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as r}from"../MenuBar.styles.js";import{MenuButton as i}from"../MenuButton.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>o(r,{children:[a(i,{tooltip:`Add column left`,icon:e,onClick:()=>s.chain().focus().addColumnBefore().run(),disabled:!s.can().addColumnBefore()}),a(i,{tooltip:`Add column right`,icon:t,onClick:()=>s.chain().focus().addColumnAfter().run(),disabled:!s.can().addColumnAfter()}),a(i,{tooltip:`Remove column`,icon:n,onClick:()=>s.chain().focus().deleteColumn().run(),disabled:!s.can().deleteColumn()})]});export{s as TableColumn};
+import{amplify_table_add_column_left as e,amplify_table_add_column_right as t,amplify_table_remove_column as n}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as r}from"../MenuBar.styles.js";import{MenuButton as i}from"../MenuButton.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>{let c=()=>s.chain().focus().addColumnBefore().run(),l=()=>s.chain().focus().addColumnAfter().run(),u=()=>s.chain().focus().deleteColumn().run();return o(r,{children:[a(i,{tooltip:`Add column left`,icon:e,onClick:c,disabled:!s.can().addColumnBefore()}),a(i,{tooltip:`Add column right`,icon:t,onClick:l,disabled:!s.can().addColumnAfter()}),a(i,{tooltip:`Remove column`,icon:n,onClick:u,disabled:!s.can().deleteColumn()})]})};export{s as TableColumn};

package/dist/molecules/RichTextEditor/MenuBar/Table/TableMerge.js

@@ -1 +1 @@
-import{amplify_table_merge_cells as e,amplify_table_split_cell as t}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as n}from"../MenuBar.styles.js";import{MenuButton as r}from"../MenuButton.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>a(n,{children:[i(r,{tooltip:`Merge selected cells`,icon:e,onClick:()=>o.chain().focus().mergeCells().run(),disabled:!o.can().mergeCells()}),i(r,{tooltip:`Split selected cell`,icon:t,onClick:()=>o.chain().focus().splitCell().run(),disabled:!o.can().splitCell()})]});export{o as TableMerge};
+import{amplify_table_merge_cells as e,amplify_table_split_cell as t}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as n}from"../MenuBar.styles.js";import{MenuButton as r}from"../MenuButton.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>{let s=()=>o.chain().focus().mergeCells().run(),c=()=>o.chain().focus().splitCell().run();return a(n,{children:[i(r,{tooltip:`Merge selected cells`,icon:e,onClick:s,disabled:!o.can().mergeCells()}),i(r,{tooltip:`Split selected cell`,icon:t,onClick:c,disabled:!o.can().splitCell()})]})};export{o as TableMerge};

package/dist/molecules/RichTextEditor/MenuBar/Table/TableRow.js

@@ -1 +1 @@
-import{amplify_table_add_row_above as e,amplify_table_add_row_below as t,amplify_table_remove_row as n}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as r}from"../MenuBar.styles.js";import{MenuButton as i}from"../MenuButton.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>o(r,{children:[a(i,{tooltip:`Add row below`,icon:t,onClick:()=>s.chain().focus().addRowAfter().run(),disabled:!s.can().addRowAfter()}),a(i,{tooltip:`Add row above`,icon:e,onClick:()=>s.chain().focus().addRowBefore().run(),disabled:!s.can().addRowBefore()}),a(i,{tooltip:`Remove row`,icon:n,onClick:()=>s.chain().focus().deleteRow().run(),disabled:!s.can().deleteRow()})]});export{s as TableRow};
+import{amplify_table_add_row_above as e,amplify_table_add_row_below as t,amplify_table_remove_row as n}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as r}from"../MenuBar.styles.js";import{MenuButton as i}from"../MenuButton.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>{let c=()=>s.chain().focus().addRowAfter().run(),l=()=>s.chain().focus().addRowBefore().run(),u=()=>s.chain().focus().deleteRow().run();return o(r,{children:[a(i,{tooltip:`Add row below`,icon:t,onClick:c,disabled:!s.can().addRowAfter()}),a(i,{tooltip:`Add row above`,icon:e,onClick:l,disabled:!s.can().addRowBefore()}),a(i,{tooltip:`Remove row`,icon:n,onClick:u,disabled:!s.can().deleteRow()})]})};export{s as TableRow};

package/dist/molecules/RichTextEditor/MenuBar/Table/ToggleTable.js

@@ -1 +1 @@
-import{amplify_table_column_heading as e,amplify_table_row_heading as t}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as n}from"../MenuBar.styles.js";import{MenuButton as r}from"../MenuButton.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>a(n,{children:[i(r,{tooltip:`Toggle header row`,icon:t,onClick:()=>o.chain().focus().toggleHeaderRow().run(),disabled:!o.can().toggleHeaderRow()}),i(r,{tooltip:`Toggle header column`,icon:e,onClick:()=>o.chain().focus().toggleHeaderColumn().run(),disabled:!o.can().toggleHeaderColumn()})]});export{o as ToggleTable};
+import{amplify_table_column_heading as e,amplify_table_row_heading as t}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as n}from"../MenuBar.styles.js";import{MenuButton as r}from"../MenuButton.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>{let s=()=>o.chain().focus().toggleHeaderRow().run(),c=()=>o.chain().focus().toggleHeaderColumn().run();return a(n,{children:[i(r,{tooltip:`Toggle header row`,icon:t,onClick:s,disabled:!o.can().toggleHeaderRow()}),i(r,{tooltip:`Toggle header column`,icon:e,onClick:c,disabled:!o.can().toggleHeaderColumn()})]})};export{o as ToggleTable};

package/dist/molecules/RichTextEditor/MenuBar/TextColor.js

@@ -42,4 +42,4 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
   bottom: 5px;
   height: 4px;
   width: 24px;
-`,m=({editor:e,features:i})=>i&&!i.includes(t.TEXT_COLOR)?null:a(n,{title:`Text Color`,enterDelay:300,children:o(d,{children:[a(`input`,{type:`color`,onInput:t=>{e.chain().focus().setColor(t.target.value).run()},"data-testid":`text-color-input`,value:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}),a(f,{children:a(r,{data:s})}),a(p,{style:{background:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}})]})});export{m as TextColor};
+`,m=({editor:e,features:i})=>{let l=t=>{e.chain().focus().setColor(t.target.value).run()};return i&&!i.includes(t.TEXT_COLOR)?null:a(n,{title:`Text Color`,enterDelay:300,children:o(d,{children:[a(`input`,{type:`color`,onInput:l,"data-testid":`text-color-input`,value:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}),a(f,{children:a(r,{data:s})}),a(p,{style:{background:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}})]})})};export{m as TextColor};

package/dist/molecules/RichTextEditor/custom-extensions/ExtendedImage.js

@@ -1 +1 @@
-import{useRichTextImage as e}from"../../../atoms/hooks/useRichTextImage.js";import{jsx as t}from"react/jsx-runtime";import{NodeViewWrapper as n,ReactNodeViewRenderer as r}from"@tiptap/react";import i from"@tiptap/extension-image";import{Plugin as a,PluginKey as o}from"@tiptap/pm/state";const s=r=>{let{src:i,alt:a}=r.node.attrs,o=r.extension.options.onImageRead,{data:s}=e(i,o);return t(n,{children:t(`img`,{src:s,alt:a})})};var c=i.extend({addOptions(){return{...this.parent?.(),onImageUpload:void 0,onImageRead:void 0}},addNodeView(){return r(s)},addProseMirrorPlugins(){let{onImageUpload:e}=this.options;return[new a({key:new o(`extendedImageHandler`),props:{handleDOMEvents:{drop(t,n){if(!n.dataTransfer?.files?.length||e===void 0)return;let r=Array.from(n.dataTransfer.files).filter(e=>/image/i.test(e.type));if(r.length===0)return;n.preventDefault();let{schema:i}=t.state,a=t.posAtCoords({left:n.clientX,top:n.clientY});if(a)for(let n of r)e(n).then(e=>{if(!e)return;let n=i.nodes.image.create({src:e.src,alt:e.alt}),r=t.state.tr.insert(a.pos,n);t.dispatch(r)}).catch(e=>{console.error(e)})},paste(t,n){if(!n.clipboardData?.files?.length||e===void 0)return;let r=Array.from(n.clipboardData.files).filter(e=>/image/i.test(e.type));if(r.length===0)return;n.preventDefault();let{schema:i}=t.state;for(let n of r)e(n).then(e=>{if(!e)return;let n=i.nodes.image.create({src:e.src,alt:e.src}),r=t.state.tr.replaceSelectionWith(n);t.dispatch(r)}).catch(e=>{console.error(e)})}}}})]}});export{c as default};
+import{useRichTextImage as e}from"../../../atoms/hooks/useRichTextImage.js";import{jsx as t}from"react/jsx-runtime";import{NodeViewWrapper as n,ReactNodeViewRenderer as r}from"@tiptap/react";import i from"@tiptap/extension-image";import{Plugin as a,PluginKey as o}from"@tiptap/pm/state";const s=r=>{let{src:i,alt:a}=r.node.attrs,o=r.extension.options.onImageRead,{data:s}=e(i,o);return t(n,{children:t(`img`,{src:s,alt:a})})};var c=i.extend({addOptions(){return{...this.parent?.(),onImageUpload:void 0,onImageRead:void 0}},addNodeView(){return r(s)},addProseMirrorPlugins(){let{onImageUpload:e}=this.options;return[new a({key:new o(`extendedImageHandler`),props:{handleDOMEvents:{drop(t,n){let r=n.dataTransfer?.files?.length;if(!r||e===void 0)return;let i=Array.from(n.dataTransfer.files).filter(e=>/image/i.test(e.type));if(i.length===0)return;n.preventDefault();let{schema:a}=t.state,o=t.posAtCoords({left:n.clientX,top:n.clientY});if(o)for(let n of i)e(n).then(e=>{if(!e)return;let n=a.nodes.image.create({src:e.src,alt:e.alt}),r=t.state.tr.insert(o.pos,n);t.dispatch(r)}).catch(e=>{console.error(e)})},paste(t,n){let r=n.clipboardData?.files?.length;if(!r||e===void 0)return;let i=Array.from(n.clipboardData.files).filter(e=>/image/i.test(e.type));if(i.length===0)return;n.preventDefault();let{schema:a}=t.state;for(let n of i)e(n).then(e=>{if(!e)return;let n=a.nodes.image.create({src:e.src,alt:e.src}),r=t.state.tr.replaceSelectionWith(n);t.dispatch(r)}).catch(e=>{console.error(e)})}}}})]}});export{c as default};

package/dist/molecules/RichTextEditor/index.d.ts

@@ -2,16 +2,16 @@ import { EditorStylingProps, RichTextContentProps } from "./RichTextEditor.style
 import { EditorProviderProps } from "./EditorProvider.js";
 import { MenuBarProps } from "./MenuBar/MenuBar.js";
 import { RichTextEditor } from "./RichTextEditor.js";
-import * as react28 from "react";
+import * as react23 from "react";
 import * as _tiptap_react0 from "@tiptap/react";
-import * as styled_components_dist_types4 from "styled-components/dist/types";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/molecules/RichTextEditor/index.d.ts
 declare const RichText: {
-  Styling: styled_components_dist_types4.IStyledComponentBase<"web", styled_components_dist_types4.Substitute<react28.DetailedHTMLProps<react28.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EditorStylingProps>> & string;
-  Provider: react28.FC<EditorProviderProps>;
-  Content: styled_components_dist_types4.IStyledComponentBase<"web", styled_components_dist_types4.Substitute<Omit<_tiptap_react0.EditorContentProps, "ref"> & react28.RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<react28.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react28.RefAttributes<HTMLDivElement>>, keyof react28.Component<any, {}, any>>;
-  Bar: react28.FC<MenuBarProps>;
+  Styling: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<react23.DetailedHTMLProps<react23.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EditorStylingProps>> & string;
+  Provider: react23.FC<EditorProviderProps>;
+  Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<Omit<_tiptap_react0.EditorContentProps, "ref"> & react23.RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<react23.MemoExoticComponent<react23.ForwardRefExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react23.RefAttributes<HTMLDivElement>>>, keyof react23.Component<any, {}, any>>;
+  Bar: react23.FC<MenuBarProps>;
 };
 //#endregion
 export { RichText };

package/dist/molecules/Search/Search.d.ts

@@ -1,7 +1,7 @@
-import * as react42 from "react";
+import * as react40 from "react";
 import { SearchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/Search/Search.d.ts
-declare const Search$1: react42.ForwardRefExoticComponent<SearchProps & react42.RefAttributes<HTMLInputElement>>;
+declare const Search$1: react40.ForwardRefExoticComponent<SearchProps & react40.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Search$1 as Search };

package/dist/molecules/Select/AddTagItem.js

@@ -1 +1 @@
-import{colors as e}from"../../atoms/style/colors.js";import{MenuItemWrapper as t,StyledMenuItem as n}from"./Select.styles.js";import{Icon as r}from"@equinor/eds-core-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{add_box as o}from"@equinor/eds-icons";const s=({itemRefs:s,onItemKeyDown:c,index:l,onAddItem:u,addItemSingularWord:d,children:f})=>i(t,{children:a(n,{index:l,ref:e=>{s.current[l]=e},onClick:u,onKeyDownCapture:e=>{e.preventDefault(),e.key===`Enter`?u():c(e)},children:[i(r,{data:o,color:e.interactive.primary__resting.rgba}),a(`span`,{children:[`Add "`,f,`" as new `,d]})]})});export{s as AddTagItem};
+import{colors as e}from"../../atoms/style/colors.js";import{MenuItemWrapper as t,StyledMenuItem as n}from"./Select.styles.js";import{Icon as r}from"@equinor/eds-core-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{add_box as o}from"@equinor/eds-icons";const s=({itemRefs:s,onItemKeyDown:c,index:l,onAddItem:u,addItemSingularWord:d,children:f})=>{let p=e=>{e.preventDefault(),e.key===`Enter`?u():c(e)};return i(t,{children:a(n,{index:l,ref:e=>{s.current[l]=e},onClick:u,onKeyDownCapture:p,children:[i(r,{data:o,color:e.interactive.primary__resting.rgba}),a(`span`,{children:[`Add "`,f,`" as new `,d]})]})})};export{s as AddTagItem};

package/dist/molecules/Select/ComboBox/ComboBox.d.ts

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, MultiSelectCommon, SelectOptionRequired } from "../Select.types.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/molecules/Select/ComboBox/ComboBox.d.ts
 type ListComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T> & MultiSelectCommon<T> & ListSelectProps<T>;
@@ -18,6 +18,6 @@ type GroupedComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T>
  * @param showSelectedAsText - If values should be shown as "5/10 Selected", defaults to false
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  */
-declare function ComboBox<T extends SelectOptionRequired>(props: ListComboBoxProps<T> | GroupedComboBoxProps<T>): react_jsx_runtime2.JSX.Element;
+declare function ComboBox<T extends SelectOptionRequired>(props: ListComboBoxProps<T> | GroupedComboBoxProps<T>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ComboBox, GroupedComboBoxProps, ListComboBoxProps };

package/dist/molecules/Select/Select.styles.d.ts

@@ -1,8 +1,8 @@
 import { BaseChipProps, ClickableChipProps, DeletableChipProps } from "../Chip/Chip.js";
-import * as react46 from "react";
+import * as react44 from "react";
 import "@equinor/eds-core-react";
 import "styled-components";
-import * as styled_components_dist_types10 from "styled-components/dist/types";
+import * as styled_components_dist_types8 from "styled-components/dist/types";
 
 //#region src/molecules/Select/Select.styles.d.ts
 
@@ -11,12 +11,12 @@ interface ComboBoxChipProps {
   $lightBackground?: boolean;
   className: string;
 }
-declare const ComboBoxChip: styled_components_dist_types10.IStyledComponentBase<"web", styled_components_dist_types10.Substitute<((Omit<react46.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
+declare const ComboBoxChip: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<((Omit<react44.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react46.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types10.BaseObject, ComboBoxChipProps>> & string & Omit<react46.ForwardRefExoticComponent<(Omit<react46.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
+}) | ClickableChipProps | DeletableChipProps)) & react44.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types8.BaseObject, ComboBoxChipProps>> & string & Omit<react44.ForwardRefExoticComponent<(Omit<react44.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react46.RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof react46.Component<any, {}, any>>;
+}) | ClickableChipProps | DeletableChipProps)) & react44.RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof react44.Component<any, {}, any>>;
 //#endregion
 export { ComboBoxChip };

package/dist/molecules/Select/SelectMenuItem.js

@@ -1 +1 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../atoms/style/spacings.js";import{getChildOffset as n}from"./Select.utils.js";import{MenuItemSpacer as r,MenuItemWrapper as i,SmallButton as a,StyledMenuItem as o}from"./Select.styles.js";import{getParentIcon as s,getParentState as c}from"./SelectMenuItem.utils.js";import{useMemo as l,useRef as u,useState as d}from"react";import{Icon as f}from"@equinor/eds-core-react";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";import{checkbox as g,checkbox_outline as _,chevron_down as v,chevron_right as y}from"@equinor/eds-icons";const{colors:b}=e,x=e=>{let{index:S,childOffset:C,depth:w=0,item:T,itemRefs:E,onItemKeyDown:D,onItemSelect:O,parentHasNestedItems:k=!1,CustomMenuItemComponent:A}=e,[j,M]=d(!1),N=u(-1),P=u([]),F=(`values`in e?e.values.map(({value:e})=>e):[]).includes(T.value),I=l(()=>`value`in e?_:s(T,e.values),[T,e]),L=l(()=>`value`in e?`none`:c(T,e.values),[T,e]),R=l(()=>Array(w).fill(0).map((e,t)=>m(r,{},`spacer-${e+t}`)),[w]),z=e=>{e.preventDefault(),O(T)},B=e=>{e.stopPropagation(),M(e=>!e)},V=e=>{e.key===`ArrowDown`?N.current+=1:e.key===`ArrowUp`&&--N.current,N.current<=-1?(E.current[S]?.focus(),N.current=-1):N.current+C===P.current.length?(N.current=-1,D(e),M(!1)):N.current>=0&&N.current<P.current.length-C&&P.current[N.current+C]?.focus()},H=e=>{!j&&e.key===`ArrowDown`||e.key===`ArrowUp`?D(e):e.key===`ArrowRight`||e.key===`ArrowLeft`?M(e=>!e):j&&e.key===`ArrowDown`&&N.current===-1&&(N.current=0,P.current[N.current+C]?.focus())};return T.children&&T.children.length>0&&`values`in e?h(p,{children:[h(i,{style:{paddingLeft:w===0?t.small:0},children:[R,m(a,{variant:`ghost_icon`,onClick:B,"data-testid":`toggle-button`,children:m(f,{color:b.interactive.primary__resting.rgba,data:j?v:y})}),m(o,{$depth:w,ref:e=>{E.current[S]=e},index:S,closeMenuOnClick:!1,onKeyDownCapture:H,onClick:z,children:A?m(A,{item:T,selectedState:L}):h(p,{children:[m(f,{color:b.interactive.primary__resting.rgba,data:I}),m(`span`,{children:T.label})]})})]}),j&&T.children.map((t,r)=>m(x,{index:C+r,childOffset:C+n(T.children,r),depth:w+1,item:t,itemRefs:P,values:e.values,onItemKeyDown:V,onItemSelect:O,parentHasNestedItems:!0,CustomMenuItemComponent:A},`child-${r}-${t.value}-${T.value}`))]}):`values`in e?h(i,{children:[R,m(o,{$depth:w,$paddedLeft:k,ref:e=>{E.current[S]=e},index:S,tabIndex:w,closeMenuOnClick:!1,onKeyDownCapture:D,onClick:z,children:A?m(A,{item:T,selectedState:F?`selected`:`none`}):h(p,{children:[m(f,{color:b.interactive.primary__resting.rgba,data:F?g:_}),m(`span`,{children:T.label})]})})]}):m(i,{children:m(o,{$depth:w,$selected:e.value&&T.value===e.value.value,ref:e=>{E.current[S]=e},index:S,onKeyDownCapture:D,onClick:z,children:A?m(A,{item:T,selectedState:e.value&&T.value===e.value.value?`selected`:`none`}):m(`span`,{children:T.label})})})};export{x as SelectMenuItem};
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as t}from"../../atoms/style/spacings.js";import{getChildOffset as n}from"./Select.utils.js";import{MenuItemSpacer as r,MenuItemWrapper as i,SmallButton as a,StyledMenuItem as o}from"./Select.styles.js";import{getParentIcon as s,getParentState as c}from"./SelectMenuItem.utils.js";import{useMemo as l,useRef as u,useState as d}from"react";import{Icon as f}from"@equinor/eds-core-react";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";import{checkbox as g,checkbox_outline as _,chevron_down as v,chevron_right as y}from"@equinor/eds-icons";const{colors:b}=e,x=e=>{let{index:S,childOffset:C,depth:w=0,item:T,itemRefs:E,onItemKeyDown:D,onItemSelect:O,parentHasNestedItems:k=!1,CustomMenuItemComponent:A}=e,[j,M]=d(!1),N=u(-1),P=u([]),F=`values`in e?e.values.map(({value:e})=>e):[],I=F.includes(T.value),L=l(()=>`value`in e?_:s(T,e.values),[T,e]),R=l(()=>`value`in e?`none`:c(T,e.values),[T,e]),z=l(()=>Array(w).fill(0).map((e,t)=>m(r,{},`spacer-${e+t}`)),[w]),B=e=>{e.preventDefault(),O(T)},V=e=>{e.stopPropagation(),M(e=>!e)},H=e=>{e.key===`ArrowDown`?N.current+=1:e.key===`ArrowUp`&&--N.current,N.current<=-1?(E.current[S]?.focus(),N.current=-1):N.current+C===P.current.length?(N.current=-1,D(e),M(!1)):N.current>=0&&N.current<P.current.length-C&&P.current[N.current+C]?.focus()},U=e=>{!j&&e.key===`ArrowDown`||e.key===`ArrowUp`?D(e):e.key===`ArrowRight`||e.key===`ArrowLeft`?M(e=>!e):j&&e.key===`ArrowDown`&&N.current===-1&&(N.current=0,P.current[N.current+C]?.focus())};return T.children&&T.children.length>0&&`values`in e?h(p,{children:[h(i,{style:{paddingLeft:w===0?t.small:0},children:[z,m(a,{variant:`ghost_icon`,onClick:V,"data-testid":`toggle-button`,children:m(f,{color:b.interactive.primary__resting.rgba,data:j?v:y})}),m(o,{$depth:w,ref:e=>{E.current[S]=e},index:S,closeMenuOnClick:!1,onKeyDownCapture:U,onClick:B,children:A?m(A,{item:T,selectedState:R}):h(p,{children:[m(f,{color:b.interactive.primary__resting.rgba,data:L}),m(`span`,{children:T.label})]})})]}),j&&T.children.map((t,r)=>m(x,{index:C+r,childOffset:C+n(T.children,r),depth:w+1,item:t,itemRefs:P,values:e.values,onItemKeyDown:H,onItemSelect:O,parentHasNestedItems:!0,CustomMenuItemComponent:A},`child-${r}-${t.value}-${T.value}`))]}):`values`in e?h(i,{children:[z,m(o,{$depth:w,$paddedLeft:k,ref:e=>{E.current[S]=e},index:S,tabIndex:w,closeMenuOnClick:!1,onKeyDownCapture:D,onClick:B,children:A?m(A,{item:T,selectedState:I?`selected`:`none`}):h(p,{children:[m(f,{color:b.interactive.primary__resting.rgba,data:I?g:_}),m(`span`,{children:T.label})]})})]}):m(i,{children:m(o,{$depth:w,$selected:e.value&&T.value===e.value.value,ref:e=>{E.current[S]=e},index:S,onKeyDownCapture:D,onClick:B,children:A?m(A,{item:T,selectedState:e.value&&T.value===e.value.value?`selected`:`none`}):m(`span`,{children:T.label})})})};export{x as SelectMenuItem};

package/dist/molecules/Select/SingleSelect/SingleSelect.d.ts

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, SelectOptionRequired, SingleSelectCommon } from "../Select.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/molecules/Select/SingleSelect/SingleSelect.d.ts
 type ListSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & ListSelectProps<T>;
@@ -16,6 +16,6 @@ type GroupedSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProp
  * @param onSearchFilter - Custom filter function for search, default is "item.label.match(new RegExp(searchValue, 'i'))"
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  */
-declare function SingleSelect<T extends SelectOptionRequired>(props: ListSingleSelectProps<T> | GroupedSingleSelectProps<T>): react_jsx_runtime3.JSX.Element;
+declare function SingleSelect<T extends SelectOptionRequired>(props: ListSingleSelectProps<T> | GroupedSingleSelectProps<T>): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { GroupedSingleSelectProps, ListSingleSelectProps, SingleSelect };

package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react97 from "react";
+import * as react91 from "react";
 import { CheckboxProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Checkbox/Checkbox.d.ts
@@ -7,6 +7,6 @@ interface CheckboxProps$1 extends CheckboxProps {
   outlined?: boolean;
   error?: boolean;
 }
-declare const Checkbox$1: react97.ForwardRefExoticComponent<CheckboxProps$1 & react97.RefAttributes<HTMLInputElement>>;
+declare const Checkbox$1: react91.ForwardRefExoticComponent<CheckboxProps$1 & react91.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Checkbox$1 as Checkbox, CheckboxProps$1 as CheckboxProps };

package/dist/molecules/Sieve/Filter.d.ts

@@ -0,0 +1,10 @@
+import { SieveOption } from "./Sieve.types.js";
+import { FC } from "react";
+
+//#region src/molecules/Sieve/Filter.d.ts
+interface SieveFilterGroup {
+  label: string;
+  options: SieveOption[];
+}
+//#endregion
+export { SieveFilterGroup };

package/dist/molecules/Sieve/Filter.js

@@ -0,0 +1 @@
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useOutsideClick as t}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";import{Chip as n,MenuItem as r}from"./Sieve.styles.js";import{useRef as i,useState as a}from"react";import{Icon as o,Menu as s}from"@equinor/eds-core-react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{arrow_drop_right as d,checkbox as f,checkbox_outline as p,filter_list as m}from"@equinor/eds-icons";const{colors:h}=e,g=({options:e,filterValues:g,setFilterValues:_})=>{let v=i(null),[y,b]=a(null),x=i(null),S=i(null),[C,w]=a(-1),[T,E]=a(!1);t(v.current,e=>{y===null&&T&&x.current&&!x.current.contains(e.target)?E(!1):T&&y!==null&&x.current&&!x.current.contains(e.target)&&S.current&&!S.current.contains(e.target)&&(E(!1),w(-1),b(null))});let D=()=>{E(!T),w(-1),b(null)},O=(e,t)=>{C===t?(w(-1),b(null)):(w(t),b(e.currentTarget))},k=(e,t)=>{let n={...g};if(e in n&&n[e].some(e=>e.value===t.value)){let r=n[e].findIndex(e=>e.value===t.value);n[e].splice(r,1),n[e].length===0&&delete n[e]}else n[e]?n[e].push(t):n[e]=[t];Object.keys(n).flatMap(e=>n?.[e]).length===0&&(n=void 0),_(n)};return e.length===0?null:u(c,{children:[u(n,{ref:v,onClick:D,children:[`Filter by `,l(o,{data:m})]}),T&&l(s,{open:!0,ref:x,anchorEl:v.current,placement:`bottom-start`,children:l(s.Section,{title:`Filter by`,children:e.map((e,t)=>u(r,{active:C===t,onClick:e=>O(e,t),children:[e.label,l(o,{data:d,color:h.text.static_icons__tertiary.rgba})]},`filter-menu-item-${e.label}`))})}),C!==-1&&l(s,{open:!0,anchorEl:y,ref:S,placement:`right-start`,children:l(s.Section,{title:e[C].label,children:e[C]?.options.map(t=>u(r,{onClick:()=>k(e[C].label,t),children:[t.label,l(o,{data:g?.[e[C].label]?.some(e=>e.value===t.value)?f:p,color:h.interactive.primary__resting.rgba})]},`filter-option-${t.label}`))})})]})};export{g as default};

package/dist/molecules/Sieve/Sieve.d.ts

@@ -0,0 +1,7 @@
+import { SieveProps } from "./Sieve.types.js";
+import { FC } from "react";
+
+//#region src/molecules/Sieve/Sieve.d.ts
+declare const Sieve: FC<SieveProps>;
+//#endregion
+export { Sieve };

package/dist/molecules/Sieve/Sieve.js

@@ -0,0 +1 @@
+import{Container as e,FilterChip as t,Search as n,Wrapper as r}from"./Sieve.styles.js";import i from"./Filter.js";import a from"./Sort.js";import{useCallback as o,useEffect as s,useRef as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{debounce as f}from"lodash";import{useSearchParams as p}from"react-router-dom";const m=({searchPlaceholder:m,sortOptions:h,filterOptions:g,sieveValue:_,onUpdate:v,showChips:y=!0,minSearchWidth:b=`24rem`,syncWithSearchParams:x=!1,isLoadingOptions:S=!1,debounceSearchValue:C=!1,onIsTyping:w})=>{let[T,E]=l(_.searchValue??``),D=c(!1),[O,k]=p(),A=c(!1);s(()=>{if(!A.current&&x&&!S){let e=O.get(`search`)??void 0,t=g?.map(e=>e.label)??[],n={};for(let e of t){let t=g?.find(t=>t.label===e)?.options,r=JSON.parse(O.get(e.toLowerCase())??`[]`);t!==void 0&&(n[e]=t.filter(e=>r.includes(e.label)))}v({searchValue:e,filterValues:n,sortValue:_.sortValue}),A.current=!0}},[g,A,S,v,O,_.sortValue,x]);let j=c(`{}`);s(()=>{if(x&&A.current&&!S&&JSON.stringify(_)!==j.current){_.searchValue===void 0?O.delete(`search`):O.set(`search`,_.searchValue);let e=g?.map(e=>e.label)??[],t=_.filterValues;for(let n of e)t?.[n]&&t[n].length>0?O.set(n.toLowerCase(),JSON.stringify(t[n].map(e=>e.label))):O.delete(n.toLowerCase());j.current=JSON.stringify(_),k(O),v(_)}},[g,A,S,v,O,k,_,x]);let M=o((e,t)=>{let n={..._,[e]:t};v(n)},[v,_]),N=o(f((e,t)=>{M(e,t),w?.(!1),D.current=!1},800),[M,w]),P=(e,t)=>{let n={..._.filterValues},r=n[e].findIndex(e=>e.value===t.value);n[e].splice(r,1),n[e].length===0&&delete n[e],Object.keys(n).flatMap(e=>n?.[e]).length===0&&(n=void 0),M(`filterValues`,n)},F=()=>{M(`filterValues`,void 0)},I=e=>{C?(E(e.target.value),e.target.value===``?(N.cancel(),M(`searchValue`,void 0),w?.(!1),D.current=!1):(N(`searchValue`,e.target.value),D.current||=(w?.(!0),!0))):M(`searchValue`,e.target.value===``?void 0:e.target.value)};return d(r,{className:`sieve-container`,children:[d(e,{children:[u(n,{style:{minWidth:b},placeholder:m,value:C?T:_.searchValue??``,onChange:I}),h!==void 0&&u(a,{options:h,selectedOption:_.sortValue,setSelectedOption:e=>M(`sortValue`,e)}),g!==void 0&&u(i,{options:g,filterValues:_.filterValues,setFilterValues:e=>M(`filterValues`,e)})]}),y&&d(e,{children:[Object.keys(_.filterValues??{}).map(e=>_.filterValues?.[e].map(n=>u(t,{onDelete:()=>P(e,n),children:n?.label},`filter-chip-${n?.value}`))),_.filterValues&&Object.keys(_.filterValues).flatMap(e=>_.filterValues?.[e]).length>1&&u(t,{onDelete:F,children:`Remove all`})]})]})};export{m as Sieve};

package/dist/molecules/Sieve/Sieve.styles.js

@@ -0,0 +1,43 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Chip as n,Menu as r,Search as i}from"@equinor/eds-core-react";import a from"styled-components";const o=a.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.medium};
+`,s=a.div`
+  display: flex;
+  gap: ${t.medium};
+  align-items: center;
+`,c=a(n)`
+  color: ${e.text.static_icons__default.rgba};
+  background: ${e.ui.background__light.rgba};
+  border: 1px solid ${e.ui.background__medium.rgba};
+  line-height: normal;
+  transition: background 0.15s ease-in;
+
+  svg {
+    z-index: auto;
+    fill: ${e.text.static_icons__default.rgba};
+  }
+`,l=a(i)`
+  > div {
+    box-shadow: none;
+    outline: none !important;
+    background: ${e.ui.background__default.rgba};
+    > input {
+      color: ${e.text.static_icons__default.rgba};
+      box-shadow: inset 0 -1px 0 0 ${e.text.static_icons__tertiary.rgba};
+      &:hover {
+        box-shadow: inset 0 -2px 0 0 ${e.text.static_icons__tertiary.rgba};
+      }
+      &:focus {
+        box-shadow: inset 0 -2px 0 0 ${e.interactive.primary__resting.rgba};
+      }
+    }
+  }
+`,u=a(r.Item)`
+  outline: none !important;
+  > div {
+    grid-template-columns: 1fr auto;
+  }
+`,d=a(n)`
+  background: none;
+`;export{d as Chip,s as Container,c as FilterChip,u as MenuItem,l as Search,o as Wrapper};

package/dist/molecules/Sieve/Sieve.types.d.ts

@@ -0,0 +1,28 @@
+import { SieveFilterGroup } from "./Filter.js";
+
+//#region src/molecules/Sieve/Sieve.types.d.ts
+interface SieveOption {
+  label: string;
+  value: string;
+}
+type FilterValues = Record<string, SieveOption[]>;
+interface SieveValue {
+  searchValue: string | undefined;
+  sortValue: SieveOption | undefined;
+  filterValues: FilterValues | undefined;
+}
+interface SieveProps {
+  searchPlaceholder: string;
+  sortOptions?: SieveOption[];
+  filterOptions?: SieveFilterGroup[];
+  sieveValue: SieveValue;
+  onUpdate: (value: SieveValue) => void;
+  showChips?: boolean;
+  minSearchWidth?: string;
+  syncWithSearchParams?: boolean;
+  isLoadingOptions?: boolean;
+  debounceSearchValue?: boolean;
+  onIsTyping?: (value: boolean) => void;
+}
+//#endregion
+export { type FilterValues, type SieveOption, type SieveProps, type SieveValue };

package/dist/molecules/Sieve/Sort.js

@@ -0,0 +1 @@
+import{colors as e}from"../../atoms/style/colors.js";import{Chip as t,MenuItem as n}from"./Sieve.styles.js";import{useRef as r,useState as i}from"react";import{Icon as a,Menu as o}from"@equinor/eds-core-react";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import{radio_button_selected as u,radio_button_unselected as d,sort as f}from"@equinor/eds-icons";const p=({options:p,selectedOption:m,setSelectedOption:h})=>{let g=r(null),[_,v]=i(!1),y=()=>{v(!_)},b=()=>{v(!1)},x=e=>{h(e)};return p.length===0?null:l(s,{children:[l(t,{ref:g,onClick:y,children:[`Sort by `,c(a,{data:f})]}),_&&c(o,{open:!0,anchorEl:g.current,onClose:b,placement:`bottom-start`,children:c(o.Section,{title:`Sort by`,children:p.map(t=>l(n,{onClick:()=>x(t),children:[t.label,c(a,{data:m?.value===t.value?u:d,color:e.interactive.primary__resting.rgba})]},`sort-item-${t.value}`))})})]})};export{p as default};

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

@@ -1,5 +1,5 @@
-import * as react44 from "react";
-import * as styled_components_dist_types8 from "styled-components/dist/types";
+import * as react42 from "react";
+import * as styled_components_dist_types6 from "styled-components/dist/types";
 import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
 
 //#region src/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts
@@ -7,6 +7,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<react44.DetailedHTMLProps<react44.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
+declare const SkeletonBase: styled_components_dist_types6.IStyledComponentBase<"web", styled_components_dist_types6.Substitute<react42.DetailedHTMLProps<react42.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

package/dist/molecules/Stepper/Step/Step.js

@@ -12,4 +12,4 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
             cursor: pointer;
           }
         `}
-`,d=({index:t,onlyShowCurrentStepLabel:o=!1,children:s})=>{let{currentStep:d,setCurrentStep:f,isStepAtIndexDisabled:p}=n(),m=p(t),h=i(()=>t<d?`body_short`:`body_short_bold`,[d,t]),g=i(()=>t>d||m?e.interactive.disabled__text.rgba:e.text.static_icons__default.rgba,[d,t,m]),_=()=>{t<d&&!m&&f(t)};return l(u,{"data-testid":`step`,$clickable:t<d,onClick:_,$disabled:m,"aria-disabled":m,role:`button`,children:[c(r,{index:t,disabled:m}),(!o||d===t)&&c(a,{variant:h,color:g,children:s})]})};export{d as Step};
+`,d=({index:t,onlyShowCurrentStepLabel:o=!1,children:s})=>{let{currentStep:d,setCurrentStep:f,isStepAtIndexDisabled:p}=n(),m=p(t),h=i(()=>t<d?`body_short`:`body_short_bold`,[d,t]),g=i(()=>t>d||m?e.interactive.disabled__text.rgba:e.text.static_icons__default.rgba,[d,t,m]),_=()=>{t<d&&!m&&f(t)};return l(u,{"data-testid":`step`,$clickable:t<d,onClick:_,$disabled:m,"aria-disabled":m,role:`button`,children:[c(r,{index:t,disabled:m}),(!o||d===t)&&c(a,{variant:h,color:g,children:s})]})};export{d as default};

package/dist/molecules/Stepper/Stepper.js

@@ -1,4 +1,4 @@
-import{spacings as e}from"../../atoms/style/spacings.js";import{useStepper as t}from"../../providers/StepperProvider.js";import{Step as n}from"./Step/Step.js";import{StepLine as r}from"./StepLine.js";import{SubTitle as i}from"./SubTitle/SubTitle.js";import{useMemo as a}from"react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.div`
+import{spacings as e}from"../../atoms/style/spacings.js";import{useStepper as t}from"../../providers/StepperProvider.js";import n from"./Step/Step.js";import{StepLine as r}from"./StepLine.js";import{SubTitle as i}from"./SubTitle/SubTitle.js";import{useMemo as a}from"react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.div`
   display: flex;
   flex-direction: column;
   gap: ${e.xx_large};

package/dist/molecules/Waves/Waves.js

@@ -1 +1 @@
-import{Container as e}from"./Waves.styles.js";import{WaveStatic as t}from"./WaveStatic.js";import{useEffect as n,useRef as r,useState as i}from"react";import{jsx as a}from"react/jsx-runtime";import{useScroll as o}from"framer-motion";const s=({gradientColors:s})=>{let c=r(null),[l,u]=i(c.current?.clientWidth??0),[d,f]=i(c.current?.clientHeight??0),{scrollY:p}=o({container:{current:document.getElementById(`content`)}});return n(()=>{let e=()=>{c.current&&(u(c.current.clientWidth),f(c.current.clientHeight))};return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[]),a(e,{ref:e=>{c.current=e,c.current&&(u(c.current.clientWidth),f(c.current.clientHeight))},style:{top:p},children:a(t,{height:d,width:l,gradientColors:s})})};export{s as Waves};
+import{Container as e}from"./Waves.styles.js";import{WaveStatic as t}from"./WaveStatic.js";import{useEffect as n,useRef as r,useState as i}from"react";import{jsx as a}from"react/jsx-runtime";import{useScroll as o}from"framer-motion";const s=({gradientColors:s})=>{let c=r(null),[l,u]=i(c.current?.clientWidth??0),[d,f]=i(c.current?.clientHeight??0),{scrollY:p}=o({container:{current:document.getElementById(`content`)}}),m=e=>{c.current=e,c.current&&(u(c.current.clientWidth),f(c.current.clientHeight))};return n(()=>{let e=()=>{c.current&&(u(c.current.clientWidth),f(c.current.clientHeight))};return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[]),a(e,{ref:m,style:{top:p},children:a(t,{height:d,width:l,gradientColors:s})})};export{s as Waves};

package/dist/molecules/index.d.ts

@@ -29,6 +29,9 @@ import { Tab } from "./Tabs/Tabs.types.js";
 import { Tabs, TabsProps } from "./Tabs/Tabs.js";
 import { TableMenuBar, TextTable } from "./RichTextEditor/MenuBar/Table/TableBar.js";
 import { Search as Search$1 } from "./Search/Search.js";
+import { SieveFilterGroup } from "./Sieve/Filter.js";
+import { FilterValues, SieveOption, SieveProps, SieveValue } from "./Sieve/Sieve.types.js";
+import { Sieve } from "./Sieve/Sieve.js";
 import { SingleFilterMenu, SingleFilterMenuProps } from "./SingleFilterMenu/SingleFilterMenu.js";
 import { SkeletonBase, SkeletonBaseProps, skeletonBaseloading } from "./Skeleton/SkeletonBase/SkeletonBase.js";
 import { SkeletonGradient, SkeletonGradientProps } from "./Skeleton/SkeletonGradient/SkeletonGradient.js";

package/dist/molecules/index.js

@@ -1 +1 @@
-import{FullPageSpinner as e}from"./FullPageSpinner/FullPageSpinner.js";import{DEFAULT_FEATURES as t,RichTextEditorFeatures as n}from"./RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as r}from"./RichTextEditor/custom-extensions/AmplifyKit.js";import{AnimatedCheckmark as i}from"./AnimatedCheckmark/AnimatedCheckmark.js";import{ApplicationIcon as a}from"./ApplicationIcon/ApplicationIcon.js";import{Badge as o}from"./Badge/Badge.js";import{Banner as s}from"./Banner/Banner.js";import{Button as c}from"./Button/Button.js";import{Chip as l}from"./Chip/Chip.js";import{SkeletonBase as u,skeletonBaseloading as ee}from"./Skeleton/SkeletonBase/SkeletonBase.js";import{ContentMenu as te}from"./ContentMenu/ContentMenu.js";import{DatePicker as d}from"./DatePicker/DatePicker.js";import{DateRangePicker as f}from"./DateRangePicker/DateRangePicker.js";import{OptionalTooltip as p}from"./OptionalTooltip/OptionalTooltip.js";import{Dialog as m}from"./Dialog/Dialog.js";import{EquinorLogo as h}from"./EquinorLogo/EquinorLogo.js";import{FileProgress as g}from"./FileProgress/FileProgress.js";import{FileUploadArea as _}from"./FileUploadArea/FileUploadArea.js";import{IconCell as v}from"./IconCell/IconCell.js";import{InfoElement as y}from"./InfoElement/InfoElement.js";import{ProfileAvatar as b}from"./ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as x}from"./RichTextDisplay/RichTextDisplay.js";import{TableMenuBar as S,TextTable as C}from"./RichTextEditor/MenuBar/Table/TableBar.js";import{AmplifyBar as w,EditorMenu as T,EditorText as E}from"./RichTextEditor/MenuBar/MenuBar.js";import{RichTextEditor as D}from"./RichTextEditor/RichTextEditor.js";import{RichText as O}from"./RichTextEditor/index.js";import{Tabs as k}from"./Tabs/Tabs.js";import{Search as ne}from"./Search/Search.js";import{SingleFilterMenu as A}from"./SingleFilterMenu/SingleFilterMenu.js";import{SkeletonGradient as j}from"./Skeleton/SkeletonGradient/SkeletonGradient.js";import{Stepper as M}from"./Stepper/Stepper.js";import{OptionDrawer as N}from"./OptionDrawer/OptionDrawer.js";import{ComboBoxChip as P}from"./Select/Select.styles.js";import{ComboBox as F}from"./Select/ComboBox/ComboBox.js";import{SingleSelect as I}from"./Select/SingleSelect/SingleSelect.js";import{FeedBackIcon as L}from"./FeedBackIcon/FeedBackIcon.js";import{ListItem as R}from"./ListItem/ListItem.js";import{Checkbox as z}from"./SelectionControls/Checkbox/Checkbox.js";import{Radio as B}from"./SelectionControls/Radio/Radio.js";import{Switch as V}from"./SelectionControls/Switch/Switch.js";import{Waves as H}from"./Waves/Waves.js";import{Accordion as U,Breadcrumbs as W,CircularProgress as G,Dialog as K,Divider as q,DotProgress as J,Icon as Y,LinearProgress as X,Menu as Z,TextField as Q,Typography as $}from"@equinor/eds-core-react";export{U as Accordion,W as Breadcrumbs,G as CircularProgress,q as Divider,J as DotProgress,K as EDSDialog,Y as Icon,X as LinearProgress,Z as Menu,Q as TextField,$ as Typography};
+import{FullPageSpinner as e}from"./FullPageSpinner/FullPageSpinner.js";import{DEFAULT_FEATURES as t,RichTextEditorFeatures as n}from"./RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as r}from"./RichTextEditor/custom-extensions/AmplifyKit.js";import{AnimatedCheckmark as i}from"./AnimatedCheckmark/AnimatedCheckmark.js";import{ApplicationIcon as a}from"./ApplicationIcon/ApplicationIcon.js";import{Badge as o}from"./Badge/Badge.js";import{Banner as s}from"./Banner/Banner.js";import{Button as c}from"./Button/Button.js";import{Chip as l}from"./Chip/Chip.js";import{SkeletonBase as ee,skeletonBaseloading as te}from"./Skeleton/SkeletonBase/SkeletonBase.js";import{ContentMenu as ne}from"./ContentMenu/ContentMenu.js";import{DatePicker as u}from"./DatePicker/DatePicker.js";import{DateRangePicker as d}from"./DateRangePicker/DateRangePicker.js";import{OptionalTooltip as f}from"./OptionalTooltip/OptionalTooltip.js";import{Dialog as p}from"./Dialog/Dialog.js";import{EquinorLogo as m}from"./EquinorLogo/EquinorLogo.js";import{FileProgress as h}from"./FileProgress/FileProgress.js";import{FileUploadArea as g}from"./FileUploadArea/FileUploadArea.js";import{IconCell as _}from"./IconCell/IconCell.js";import{InfoElement as v}from"./InfoElement/InfoElement.js";import{ProfileAvatar as y}from"./ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as b}from"./RichTextDisplay/RichTextDisplay.js";import{TableMenuBar as x,TextTable as S}from"./RichTextEditor/MenuBar/Table/TableBar.js";import{AmplifyBar as C,EditorMenu as w,EditorText as T}from"./RichTextEditor/MenuBar/MenuBar.js";import{RichTextEditor as E}from"./RichTextEditor/RichTextEditor.js";import{RichText as D}from"./RichTextEditor/index.js";import{Tabs as O}from"./Tabs/Tabs.js";import{Search as re}from"./Search/Search.js";import{Sieve as k}from"./Sieve/Sieve.js";import{SingleFilterMenu as A}from"./SingleFilterMenu/SingleFilterMenu.js";import{SkeletonGradient as j}from"./Skeleton/SkeletonGradient/SkeletonGradient.js";import{Stepper as M}from"./Stepper/Stepper.js";import{OptionDrawer as N}from"./OptionDrawer/OptionDrawer.js";import{ComboBoxChip as P}from"./Select/Select.styles.js";import{ComboBox as F}from"./Select/ComboBox/ComboBox.js";import{SingleSelect as I}from"./Select/SingleSelect/SingleSelect.js";import{FeedBackIcon as L}from"./FeedBackIcon/FeedBackIcon.js";import{ListItem as R}from"./ListItem/ListItem.js";import{Checkbox as z}from"./SelectionControls/Checkbox/Checkbox.js";import{Radio as B}from"./SelectionControls/Radio/Radio.js";import{Switch as V}from"./SelectionControls/Switch/Switch.js";import{Waves as H}from"./Waves/Waves.js";import{Accordion as U,Breadcrumbs as W,CircularProgress as G,Dialog as K,Divider as q,DotProgress as J,Icon as Y,LinearProgress as X,Menu as Z,TextField as Q,Typography as $}from"@equinor/eds-core-react";export{U as Accordion,W as Breadcrumbs,G as CircularProgress,q as Divider,J as DotProgress,K as EDSDialog,Y as Icon,X as LinearProgress,Z as Menu,Q as TextField,$ as Typography};

package/dist/organisms/DataGrid/DataGrid.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { EdsDataGridProps } from "@equinor/eds-data-grid-react";
 
 //#region src/organisms/DataGrid/DataGrid.d.ts
-declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime0.JSX.Element;
+declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { DataGrid };

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

@@ -1,4 +1,4 @@
-import{spacings as e}from"../../../atoms/style/spacings.js";import{Status as t}from"../../Status/index.js";import{Question as n}from"./Question.js";import{useMemo as r,useState as i}from"react";import{Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.div`
+import{spacings as e}from"../../../atoms/style/spacings.js";import{Status as t}from"../../Status/index.js";import{useSearchParameter as n}from"../../../atoms/hooks/useSearchParameter.js";import{Question as r}from"./Question.js";import{useMemo as i}from"react";import{Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.div`
   display: flex;
   flex-direction: column;
   gap: ${e.medium};
@@ -6,4 +6,4 @@ import{spacings as e}from"../../../atoms/style/spacings.js";import{Status as t}f
   &:has(> div > div > svg) {
     transform: translateY(50%);
   }
-`,u=({categoryName:e,faqs:o,selectedTab:u})=>{let[d]=i(void 0),f=r(()=>o.toSorted((e,t)=>{let n=e.orderBy??0,r=t.orderBy??0;return n-r}),[o]),p=r(()=>d?f.filter(t=>t.question.toLowerCase().includes(d.toLowerCase())||t.answer.toLowerCase().includes(d.toLowerCase())||e.toLowerCase().includes(d.toLowerCase())):f,[e,d,f]);return u!==void 0&&p.length===0?s(l,{children:c(t,{center:!1,children:[s(t.Title,{title:`No Questions Found`}),s(t.Description,{text:`No questions or answers matches your search in this category`})]})}):p.length===0?null:c(l,{children:[s(a,{variant:`h4`,children:e}),p.map(e=>s(n,{...e},e.id))]})};export{u as Category};
+`,u=({categoryName:e,faqs:o})=>{let[u]=n({key:`search`}),[d]=n({key:`category`}),f=i(()=>o.toSorted((e,t)=>{let n=e.orderBy??0,r=t.orderBy??0;return n-r}),[o]),p=i(()=>u?f.filter(t=>t.question.toLowerCase().includes(u.toLowerCase())||t.answer.toLowerCase().includes(u.toLowerCase())||e.toLowerCase().includes(u.toLowerCase())):f,[e,u,f]);return d!==void 0&&p.length===0?s(l,{children:c(t,{center:!1,children:[s(t.Title,{title:`No Questions Found`}),s(t.Description,{text:`No questions or answers matches your search in this category`})]})}):p.length===0?null:c(l,{children:[s(a,{variant:`h4`,children:e}),p.map(e=>s(r,{...e},e.id))]})};export{u as Category};

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

@@ -19,4 +19,4 @@ import{animation as e}from"../../../atoms/style/animation.js";import{colors as t
       background: ${t.interactive.primary__hover_alt.rgba};
     }
   }
-`,y=({question:e,answer:t,createdDate:n})=>{let[r,u]=s(!1);return f(v,{onClick:()=>u(e=>!e),children:[d(l,{variant:`h4`,children:e}),d(l,{variant:`caption`,children:i(n)}),d(a,{variant:`ghost_icon`,children:d(c,{data:r?m:p})}),d(h,{children:r&&d(g.div,{style:{overflow:`hidden`},initial:{height:0},animate:{height:`auto`},exit:{height:0},children:d(o,{value:t,onImageRead:_.getFaqImage})})})]})};export{y as Question};
+`,y=({question:e,answer:t,createdDate:n})=>{let[r,u]=s(!1),y=()=>u(e=>!e);return f(v,{onClick:y,children:[d(l,{variant:`h4`,children:e}),d(l,{variant:`caption`,children:i(n)}),d(a,{variant:`ghost_icon`,children:d(c,{data:r?m:p})}),d(h,{children:r&&d(g.div,{style:{overflow:`hidden`},initial:{height:0},animate:{height:`auto`},exit:{height:0},children:d(o,{value:t,onImageRead:_.getFaqImage})})})]})};export{y as Question};

package/dist/organisms/Faq/Faq.js

@@ -1 +1 @@
-import{Status as e}from"../Status/index.js";import{useFaqsInApplication as t}from"../../atoms/hooks/useFaqsInApplication.js";import{Container as n}from"./Faq.styles.js";import{Header as r}from"./Header.js";import{Category as i}from"./Category/Category.js";import{CategorySkeleton as a}from"./CategorySkeleton.js";import{useMemo as o,useState as s}from"react";import{Typography as c}from"@equinor/eds-core-react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=()=>{let{data:f,isLoading:p}=t(),[m,h]=s(void 0),g=o(()=>{if(f)return m?[f.find(e=>e.id==Number(m))]:f},[f,m]);return d(n,{children:[u(c,{variant:`h1`,bold:!0,children:`FAQ`}),u(r,{selectedTab:m,setSelectedTab:h}),g&&g.length>0?g.map(e=>u(i,{...e,selectedTab:m},e.id)):p?d(l,{children:[u(a,{}),u(a,{}),u(a,{})]}):u(e,{center:!1,children:u(e.Title,{title:`No FAQs available yet`})})]})};export{f as Faq};
+import{Status as e}from"../Status/index.js";import{useSearchParameter as t}from"../../atoms/hooks/useSearchParameter.js";import{useFaqsInApplication as n}from"../../atoms/hooks/useFaqsInApplication.js";import{Container as r}from"./Faq.styles.js";import{Header as i}from"./Header.js";import{Category as a}from"./Category/Category.js";import{CategorySkeleton as o}from"./CategorySkeleton.js";import{useMemo as s}from"react";import{Typography as c}from"@equinor/eds-core-react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=()=>{let{data:f,isLoading:p}=n(),[m]=t({key:`category`}),h=s(()=>{if(!f)return;if(!m)return f;let e=f.find(e=>e.id==Number(m));return[e]},[f,m]);return d(r,{children:[u(c,{variant:`h1`,bold:!0,children:`FAQ`}),u(i,{}),h&&h.length>0?h.map(e=>u(a,{...e},e.id)):p?d(l,{children:[u(o,{}),u(o,{}),u(o,{})]}):u(e,{center:!1,children:u(e.Title,{title:`No FAQs available yet`})})]})};export{f as Faq};

package/dist/organisms/Faq/Header.js

@@ -1,4 +1,4 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{useFaqsInApplication as n}from"../../atoms/hooks/useFaqsInApplication.js";import{Tabs as r}from"../../molecules/Tabs/Tabs.js";import{useMemo as i,useState as a}from"react";import{Search as o}from"@equinor/eds-core-react";import s from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.div`
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{useSearchParameter as n}from"../../atoms/hooks/useSearchParameter.js";import{useFaqsInApplication as r}from"../../atoms/hooks/useFaqsInApplication.js";import{Tabs as i}from"../../molecules/Tabs/Tabs.js";import{useMemo as a}from"react";import{Search as o}from"@equinor/eds-core-react";import s from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.div`
   position: sticky;
   top: 0;
   display: flex;
@@ -11,4 +11,4 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   > div[role='search'] > div {
     background: ${e.ui.background__default.rgba};
   }
-`,d=({setSelectedTab:e,selectedTab:t})=>{let{data:s}=n(),[d,f]=a(``),p=i(()=>s?[{value:`all`,label:`All categories`},...s.map(e=>({value:e.id.toString(),label:e.categoryName}))]:[{value:`all`,label:`All categories`}],[s]);return l(u,{children:[c(r,{style:{maxWidth:`100%`,width:`fit-content`},selected:t??`all`,onChange:t=>{e(t===`all`?void 0:t)},options:p}),c(o,{value:d,onChange:e=>{f(e.target.value)},placeholder:`Search for answer by keyword`})]})};export{d as Header};
+`,d=()=>{let{data:e}=r(),[t,s]=n({key:`category`}),[d,f]=n({key:`search`}),p=a(()=>e?[{value:`all`,label:`All categories`},...e.map(e=>({value:e.id.toString(),label:e.categoryName}))]:[{value:`all`,label:`All categories`}],[e]),m=e=>{f(e.target.value)},h=e=>{s(e===`all`?void 0:e)};return l(u,{children:[c(i,{style:{maxWidth:`100%`,width:`fit-content`},selected:t??`all`,onChange:h,options:p}),c(o,{value:d,onChange:m,placeholder:`Search for answer by keyword`})]})};export{d as Header};

package/dist/organisms/FieldSelector/FieldSelector.js

@@ -11,4 +11,4 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
   height: calc(100vh - 64px);
   max-height: calc(100vh - 64px);
   width: 100vw;
-`,m=({setField:e,fields:c,isLoading:d,onChangedField:m,finishedText:h,showAccessITLink:g=!0,itemNameSingular:_=`field`})=>{let[v,y]=s(!1),b=o(``);return v?l(a,{fieldName:b.current,onChangedField:m,finishedText:h}):u(p,{className:`${n.FullWidth} ${n.WithoutScrollGutter}`,children:[l(f,{children:l(t,{})}),d?l(i,{}):l(r,{itemNameSingular:_,availableFields:c,onSelect:t=>{t.name&&t.uuid&&(e({uuid:t.uuid,name:t.name,country:t.country??``}),b.current=t.name,y(!0))},showAccessITLink:g})]})};export{m as FieldSelector};
+`,m=({setField:e,fields:c,isLoading:d,onChangedField:m,finishedText:h,showAccessITLink:g=!0,itemNameSingular:_=`field`})=>{let[v,y]=s(!1),b=o(``),x=t=>{t.name&&t.uuid&&(e({uuid:t.uuid,name:t.name,country:t.country??``}),b.current=t.name,y(!0))};return v?l(a,{fieldName:b.current,onChangedField:m,finishedText:h}):u(p,{className:`${n.FullWidth} ${n.WithoutScrollGutter}`,children:[l(f,{children:l(t,{})}),d?l(i,{}):l(r,{itemNameSingular:_,availableFields:c,onSelect:x,showAccessITLink:g})]})};export{m as FieldSelector};

package/dist/organisms/Filter/ButtonWithMenu.js

@@ -1 +1 @@
-import{useRef as e,useState as t}from"react";import{Menu as n}from"@equinor/eds-core-react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";const o=({onOpenChange:o,menuItems:s,children:c})=>{let[l,u]=t(!1),d=e(null);return a(r,{children:[i(`button`,{ref:d,onClick:()=>{u(!l),o?.(!l)},children:c}),l&&i(n,{open:!0,anchorEl:d.current,onClose:()=>{u(!1),o?.(!1)},children:s})]})};export{o as ButtonWithMenu};
+import{useRef as e,useState as t}from"react";import{Menu as n}from"@equinor/eds-core-react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";const o=({onOpenChange:o,menuItems:s,children:c})=>{let[l,u]=t(!1),d=e(null),f=()=>{u(!l),o?.(!l)},p=()=>{u(!1),o?.(!1)};return a(r,{children:[i(`button`,{ref:d,onClick:f,children:c}),l&&i(n,{open:!0,anchorEl:d.current,onClose:p,children:s})]})};export{o as ButtonWithMenu};

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

@@ -1,5 +1,5 @@
 import { FilterProps } from "./Filter.types.js";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/organisms/Filter/Filter.d.ts
 
@@ -30,6 +30,6 @@ declare function Filter<T extends string>({
   placeholder,
   id,
   ...rest
-}: FilterProps<T>): react_jsx_runtime4.JSX.Element;
+}: FilterProps<T>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { Filter };