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

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

@@ -1 +1 @@
-import{MenuButtonStyle as e}from"./MenuBar.styles.js";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Icon as i}from"@equinor/eds-core-react";import{OptionalTooltip as a}from"src/molecules/OptionalTooltip/OptionalTooltip";const o=t(({icon:t,onClick:o,active:s=!1,disabled:c=!1,tooltip:l,children:u,...d},f)=>n(a,{title:l,enterDelay:300,children:n(`div`,{children:r(e,{ref:f,$active:s,onClick:o,disabled:c,type:`button`,...d,children:[n(i,{data:t}),u]})})}));o.displayName=`MenuButton`;export{o as MenuButton};
+import{OptionalTooltip as e}from"../../OptionalTooltip/OptionalTooltip.js";import{MenuButtonStyle as t}from"./MenuBar.styles.js";import{forwardRef as n}from"react";import{Icon as r}from"@equinor/eds-core-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=n(({icon:n,onClick:o,active:s=!1,disabled:c=!1,tooltip:l,children:u,...d},f)=>i(e,{title:l,enterDelay:300,children:i(`div`,{children:a(t,{ref:f,$active:s,onClick:o,disabled:c,type:`button`,...d,children:[i(r,{data:n}),u]})})}));o.displayName=`MenuButton`;export{o as MenuButton};

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{EditorMenu as n}from"./MenuBar.js";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import{format_clear as o}from"@equinor/eds-icons";import s from"styled-components";const{colors:c}=e,l=s.hr`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{EditorMenu as n}from"./MenuBar.js";import r from"styled-components";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";import{format_clear as s}from"@equinor/eds-icons";const{colors:c}=e,l=r.hr`
   width: 1px;
   background: ${c.ui.background__medium.rgba};
-`,u=({editor:e,features:s})=>{let c=()=>e.chain().focus().clearNodes().unsetAllMarks().run();if(!(s&&!s.includes(t.CLEAR_FORMATTING)))return a(r,{children:[i(l,{}),i(n.Button,{icon:o,onClick:c,"data-testid":`clear-formatting`,tooltip:`Clear Formatting`})]})};export{u as TextClearFormatting};
+`,u=({editor:e,features:r})=>{let c=()=>e.chain().focus().clearNodes().unsetAllMarks().run();if(!(r&&!r.includes(t.CLEAR_FORMATTING)))return o(i,{children:[a(l,{}),a(n.Button,{icon:s,onClick:c,"data-testid":`clear-formatting`,tooltip:`Clear Formatting`})]})};export{u as TextClearFormatting};

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

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{format_color_text as i}from"@equinor/eds-icons";import a from"styled-components";import{Icon as o}from"@equinor/eds-core-react";import{OptionalTooltip as s}from"src/molecules/OptionalTooltip/OptionalTooltip";const{colors:c,spacings:l,shape:u}=e,d=a.div`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{OptionalTooltip as n}from"../../OptionalTooltip/OptionalTooltip.js";import{Icon as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{format_color_text as s}from"@equinor/eds-icons";const{colors:c,spacings:l,shape:u}=e,d=i.div`
   display: flex;
   flex-direction: column;
   gap: ${l.comfortable.medium};
@@ -29,17 +29,17 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
       fill: ${c.interactive.primary__hover.rgba};
     }
   }
-`,f=a.span`
+`,f=i.span`
   position: absolute;
   left: 50%;
   top: calc(50% + ${l.comfortable.x_small} / 2);
   transform: translate(-50%, -50%);
   pointer-events: none;
-`,p=a.span`
+`,p=i.span`
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: 5px;
   height: 4px;
   width: 24px;
-`,m=({editor:e,features:a})=>{let l=t=>{e.chain().focus().setColor(t.target.value).run()};return a&&!a.includes(t.TEXT_COLOR)?null:n(s,{title:`Text Color`,enterDelay:300,children:r(d,{children:[n(`input`,{type:`color`,onInput:l,"data-testid":`text-color-input`,value:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}),n(f,{children:n(o,{data:i})}),n(p,{style:{background:e.getAttributes(`textStyle`)?.color||c.text.static_icons__default.hex}})]})})};export{m as TextColor};
+`,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};

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

@@ -1 +1 @@
-import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as t}from"./MenuBar.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{amplify_h2 as i,amplify_h3 as a}from"src/atoms/icons/wysiwyg";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().toggleHeading({level:2}).run(),l=()=>o.chain().focus().toggleHeading({level:3}).run();if(!(s&&!s.includes(e.HEADERS)))return r(t.Section,{children:[n(t.Button,{"data-testid":`h2-button`,active:o.isActive(`heading`,{level:2}),icon:i,onClick:c,tooltip:`Heading 2`}),n(t.Button,{"data-testid":`h3-button`,active:o.isActive(`heading`,{level:3}),icon:a,onClick:l,tooltip:`Heading 3`})]})};export{o as TextHeaders};
+import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{amplify_h2 as t,amplify_h3 as n}from"../../../atoms/icons/wysiwyg.js";import{EditorMenu as r}from"./MenuBar.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o,features:s})=>{let c=()=>o.chain().focus().toggleHeading({level:2}).run(),l=()=>o.chain().focus().toggleHeading({level:3}).run();if(!(s&&!s.includes(e.HEADERS)))return a(r.Section,{children:[i(r.Button,{"data-testid":`h2-button`,active:o.isActive(`heading`,{level:2}),icon:t,onClick:c,tooltip:`Heading 2`}),i(r.Button,{"data-testid":`h3-button`,active:o.isActive(`heading`,{level:3}),icon:n,onClick:l,tooltip:`Heading 3`})]})};export{o as TextHeaders};

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

@@ -1,6 +1,6 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{EditorMenu as n}from"./MenuBar.js";import{useRef as r,useState as i}from"react";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{link as c,link_off as l}from"@equinor/eds-icons";import u from"styled-components";import{Button as d,Icon as f,Popover as p}from"@equinor/eds-core-react";import{isValidUrl as m}from"src/atoms/utils/url";import{TextField as h}from"src/molecules/TextField/TextField";const{spacings:g}=e,_=u.div`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as t}from"../RichTextEditor.types.js";import{isValidUrl as n}from"../../../atoms/utils/url.js";import{TextField as r}from"../../TextField/TextField.js";import{EditorMenu as i}from"./MenuBar.js";import{useRef as a,useState as o}from"react";import{Button as s,Icon as c,Popover as l}from"@equinor/eds-core-react";import u from"styled-components";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{link as m,link_off as h}from"@equinor/eds-icons";const{spacings:g}=e,_=u.div`
   display: flex;
   gap: ${g.comfortable.medium};
   padding: ${g.comfortable.small};
   width: 15rem;
-`,v=({editor:e,features:u})=>{let[g,v]=i(!1),y=r(null),b=r(``),[x,S]=i(!1),C=()=>{v(e=>!e),e.chain().focus().setHighlight({color:`#accef7`}).run()},w=()=>{v(!1),b.current=``,e.chain().focus().unsetHighlight().run()},T=e=>{b.current=e.target.value},E=e=>{e.key===`Enter`&&D()},D=()=>{if(!m(b.current)){S(!0);return}b.current.includes(`http`)||(b.current=`https://${b.current}`),e.chain().focus().extendMarkRange(`link`).setLink({href:b.current}).run(),w(),x&&S(!1)},O=()=>e?.chain().focus().unsetLink().run();if(!(u&&!u.includes(t.LINKS)))return s(a,{children:[s(n.Section,{children:[o(n.Button,{active:g,ref:y,icon:c,onClick:C,disabled:e.state.selection.empty,"data-testid":`link-button`,tooltip:`Link`}),o(n.Button,{icon:l,onClick:O,disabled:!e.isActive(`link`),"data-testid":`unsetlink-button`,tooltip:`Remove Link`})]}),g&&o(p,{open:!0,anchorEl:y.current,onClose:w,children:s(_,{children:[o(h,{inputRef:e=>{e?.focus()},id:`link`,placeholder:`Insert link`,autoComplete:`off`,inputIcon:o(f,{data:c}),onChange:T,onKeyDown:E,variant:x?`error`:void 0}),o(d,{variant:`outlined`,onClick:D,children:`Save`})]})})]})};export{v as TextLinks};
+`,v=({editor:e,features:u})=>{let[g,v]=o(!1),y=a(null),b=a(``),[x,S]=o(!1),C=()=>{v(e=>!e),e.chain().focus().setHighlight({color:`#accef7`}).run()},w=()=>{v(!1),b.current=``,e.chain().focus().unsetHighlight().run()},T=e=>{b.current=e.target.value},E=e=>{e.key===`Enter`&&D()},D=()=>{if(!n(b.current)){S(!0);return}b.current.includes(`http`)||(b.current=`https://${b.current}`),e.chain().focus().extendMarkRange(`link`).setLink({href:b.current}).run(),w(),x&&S(!1)},O=()=>e?.chain().focus().unsetLink().run();if(!(u&&!u.includes(t.LINKS)))return p(d,{children:[p(i.Section,{children:[f(i.Button,{active:g,ref:y,icon:m,onClick:C,disabled:e.state.selection.empty,"data-testid":`link-button`,tooltip:`Link`}),f(i.Button,{icon:h,onClick:O,disabled:!e.isActive(`link`),"data-testid":`unsetlink-button`,tooltip:`Remove Link`})]}),g&&f(l,{open:!0,anchorEl:y.current,onClose:w,children:p(_,{children:[f(r,{inputRef:e=>{e?.focus()},id:`link`,placeholder:`Insert link`,autoComplete:`off`,inputIcon:f(c,{data:m}),onChange:T,onKeyDown:E,variant:x?`error`:void 0}),f(s,{variant:`outlined`,onClick:D,children:`Save`})]})})]})};export{v as TextLinks};

package/dist/molecules/RichTextEditor/RichTextEditor.js

@@ -1 +1 @@
-import{AmplifyBar as e}from"./MenuBar/MenuBar.js";import{EditorProvider as t}from"./EditorProvider.js";import{EditorContent as n,EditorStyling as r,HelperWrapper as i,LabelWrapper as a,Wrapper as o}from"./RichTextEditor.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{VARIANT_COLORS as l,VARIANT_HELPER_TEXT_COLORS as u,colors as d}from"src/atoms/style/colors";import{Icon as f,Typography as p}from"@equinor/eds-core-react";import{getVariantIcon as m}from"src/atoms/utils/forms";import{getFeatures as h}from"src/atoms/utils/richtext";const g=({value:g,onChange:_,onImageUpload:v,onImageRead:y,onImageRemove:b,onRemovedImagesChange:x,placeholder:S,features:C,extendFeatures:w,removeFeatures:T,padding:E=`md`,maxHeight:D,minHeight:O,lightBackground:k,border:A=!0,highlighted:j=!1,variant:M,label:N,meta:P,helperText:F})=>{if(b&&x)throw Error(`onImageRemove and onRemovedImagesChange cannot be used together`);let I=h({features:C,extendFeatures:w,removeFeatures:T,onImageUpload:v}),L=m(M);return s(t,{content:g,onUpdate:_,features:I,placeholder:S,onImageUpload:v,onImageRead:y,onImageRemove:b,onRemovedImagesChange:x,children:t=>c(o,{style:{height:D===void 0?`100%`:void 0},children:[N&&c(a,{children:[s(p,{variant:`label`,group:`input`,children:N}),P&&s(p,{variant:`helper`,group:`input`,children:P})]}),c(r,{"data-testid":`richtext-editor`,$border:A,$padding:E,$lightBackground:k,$highlighted:j,$variant:M,children:[s(e,{editor:t,features:I,onImageUpload:v}),s(n,{editor:t,$maxHeight:D,$minHeight:O})]}),F&&c(i,{children:[L&&M?s(f,{data:L,size:16,color:l[M]}):null,s(p,{variant:`helper`,group:`input`,color:M?u[M]:d.text.static_icons__tertiary.rgba,children:F})]})]})})};export{g as RichTextEditor};
+import{VARIANT_COLORS as e,VARIANT_HELPER_TEXT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{getFeatures as r}from"../../atoms/utils/richtext.js";import{getVariantIcon as i}from"../../atoms/utils/forms.js";import{EditorContent as a,EditorStyling as o,HelperWrapper as s,LabelWrapper as c,Wrapper as l}from"./RichTextEditor.styles.js";import{AmplifyBar as u}from"./MenuBar/MenuBar.js";import{EditorProvider as d}from"./EditorProvider.js";import{Icon as f,Typography as p}from"@equinor/eds-core-react";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g=({value:g,onChange:_,onImageUpload:v,onImageRead:y,onImageRemove:b,onRemovedImagesChange:x,placeholder:S,features:C,extendFeatures:w,removeFeatures:T,padding:E=`md`,maxHeight:D,minHeight:O,lightBackground:k,border:A=!0,highlighted:j=!1,variant:M,label:N,meta:P,helperText:F})=>{if(b&&x)throw Error(`onImageRemove and onRemovedImagesChange cannot be used together`);let I=r({features:C,extendFeatures:w,removeFeatures:T,onImageUpload:v}),L=i(M);return m(d,{content:g,onUpdate:_,features:I,placeholder:S,onImageUpload:v,onImageRead:y,onImageRemove:b,onRemovedImagesChange:x,children:r=>h(l,{style:{height:D===void 0?`100%`:void 0},children:[N&&h(c,{children:[m(p,{variant:`label`,group:`input`,children:N}),P&&m(p,{variant:`helper`,group:`input`,children:P})]}),h(o,{"data-testid":`richtext-editor`,$border:A,$padding:E,$lightBackground:k,$highlighted:j,$variant:M,children:[m(u,{editor:r,features:I,onImageUpload:v}),m(a,{editor:r,$maxHeight:D,$minHeight:O})]}),F&&h(s,{children:[L&&M?m(f,{data:L,size:16,color:e[M]}):null,m(p,{variant:`helper`,group:`input`,color:M?t[M]:n.text.static_icons__tertiary.rgba,children:F})]})]})})};export{g as RichTextEditor};

package/dist/molecules/RichTextEditor/RichTextEditor.styles.js

@@ -1,15 +1,15 @@
-import{VARIANT_COLORS as e}from"src/atoms/style/colors";import t from"styled-components";import{colors as n,shape as r,spacings as i,typography as a}from"src/atoms/style";import{EditorContent as o}from"@tiptap/react";const s=t(o)`
+import{VARIANT_COLORS as e,colors as t}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{shape as r,typography as i}from"../../atoms/style/index.js";import a from"styled-components";import{EditorContent as o}from"@tiptap/react";const s=a(o)`
   display: grid;
   grid-template-rows: 1fr;
   overflow-y: auto;
   min-height: ${e=>e.$minHeight||`auto`};
   max-height: ${e=>e.$maxHeight||`auto`};
-`,c=t.div`
+`,c=a.div`
   display: grid;
   grid-template-rows: auto 1fr;
-  background: ${n.ui.background__default.rgba};
+  background: ${t.ui.background__default.rgba};
   border-radius: ${r.corners.borderRadius} ${r.corners.borderRadius} 0 0;
-  border: ${e=>e.$border?`1px solid ${n.ui.background__medium.rgba}`:`none`};
+  border: ${e=>e.$border?`1px solid ${t.ui.background__medium.rgba}`:`none`};
   border-bottom: none;
 
   &:has(div[contenteditable='true']) {
@@ -17,32 +17,32 @@ import{VARIANT_COLORS as e}from"src/atoms/style/colors";import t from"styled-com
   }
 
   & [data-placeholder]::before {
-    color: ${n.text.static_icons__tertiary.rgba} !important;
+    color: ${t.text.static_icons__tertiary.rgba} !important;
   }
 
   .tiptap {
     box-sizing: border-box;
     overflow-y: auto;
-    background: ${e=>e.$lightBackground?`${n.ui.background__default.rgba}`:`${n.ui.background__light.rgba}`};
+    background: ${e=>e.$lightBackground?`${t.ui.background__default.rgba}`:`${t.ui.background__light.rgba}`};
 
     &[contenteditable='true'] {
-      box-shadow: ${({$highlighted:t,$variant:r})=>t?`inset 0 -2px ${n.dataviz.darkblue.darker}`:r?`inset 0 -2px ${e[r]}`:`inset 0 -1px ${n.ui.background__medium.rgba}`};
+      box-shadow: ${({$highlighted:n,$variant:r})=>n?`inset 0 -2px ${t.dataviz.darkblue.darker}`:r?`inset 0 -2px ${e[r]}`:`inset 0 -1px ${t.ui.background__medium.rgba}`};
     }
 
-    padding: ${e=>{switch(e.$padding){case`sm`:return i.small;case`md`:return i.medium;case`lg`:return i.large;case`none`:default:return 0}}};
+    padding: ${e=>{switch(e.$padding){case`sm`:return n.small;case`md`:return n.medium;case`lg`:return n.large;case`none`:default:return 0}}};
 
     a {
-      color: ${n.interactive.primary__resting.rgba};
+      color: ${t.interactive.primary__resting.rgba};
     }
     a:hover {
       cursor: pointer;
-      color: ${n.interactive.primary__hover.rgba};
+      color: ${t.interactive.primary__hover.rgba};
     }
     p {
       font-size: 16px;
       font-family: 'Equinor', sans-serif;
-      color: ${n.text.static_icons__default.rgba};
-      line-height: ${a.paragraph.body_long.lineHeight};
+      color: ${t.text.static_icons__default.rgba};
+      line-height: ${i.paragraph.body_long.lineHeight};
       margin: 0;
     }
     ul,
@@ -91,7 +91,7 @@ import{VARIANT_COLORS as e}from"src/atoms/style/colors";import t from"styled-com
       }
 
       th {
-        background-color: ${({$lightBackground:e})=>e?`#f1f3f5`:n.ui.background__default.rgba};
+        background-color: ${({$lightBackground:e})=>e?`#f1f3f5`:t.ui.background__default.rgba};
         font-weight: bold;
         text-align: left;
       }
@@ -125,30 +125,30 @@ import{VARIANT_COLORS as e}from"src/atoms/style/colors";import t from"styled-com
 
     &:focus-visible {
       outline: none;
-      box-shadow: inset 0 -2px ${n.interactive.primary__resting.rgba};
+      box-shadow: inset 0 -2px ${t.interactive.primary__resting.rgba};
     }
   }
 
   .tiptap p.is-editor-empty:first-child::before {
-    color: ${n.text.static_icons__default.rgba};
+    color: ${t.text.static_icons__default.rgba};
     content: attr(data-placeholder);
     float: left;
     height: 0;
     pointer-events: none;
   }
-`,l=t.div`
+`,l=a.div`
   display: flex;
   flex-direction: column;
-`,u=t.div`
+`,u=a.div`
   display: flex;
   justify-content: space-between;
-  padding: 0 ${i.small};
+  padding: 0 ${n.small};
   > p {
-    color: ${n.text.static_icons__tertiary.rgba};
+    color: ${t.text.static_icons__tertiary.rgba};
   }
-`,d=t.div`
+`,d=a.div`
   display: flex;
-  gap: ${i.small};
-  padding-left: ${i.small};
-  margin-top: ${i.small};
+  gap: ${n.small};
+  padding-left: ${n.small};
+  margin-top: ${n.small};
 `;export{s as EditorContent,c as EditorStyling,d as HelperWrapper,u as LabelWrapper,l as Wrapper};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{Typography as t}from"@equinor/eds-core-react";import{NodeViewContent as n,NodeViewWrapper as r,ReactNodeViewRenderer as i}from"@tiptap/react";import a from"@tiptap/extension-heading";const o=i=>{let a=i.node.attrs.level,o=`h1`;return a===2&&(o=`h2`),a===3&&(o=`h3`),a===4&&(o=`h4`),a===5&&(o=`h5`),a===6&&(o=`h6`),e(r,{children:e(t,{variant:o,children:e(n,{className:`content is-editable`})})})};var s=a.extend({content:`inline*`,addNodeView(){return i(o)}});export{s as default};
+import{Typography as e}from"@equinor/eds-core-react";import{jsx as t}from"react/jsx-runtime";import n from"@tiptap/extension-heading";import{NodeViewContent as r,NodeViewWrapper as i,ReactNodeViewRenderer as a}from"@tiptap/react";const o=n=>{let a=n.node.attrs.level,o=`h1`;return a===2&&(o=`h2`),a===3&&(o=`h3`),a===4&&(o=`h4`),a===5&&(o=`h5`),a===6&&(o=`h6`),t(i,{children:t(e,{variant:o,children:t(r,{className:`content is-editable`})})})};var s=n.extend({content:`inline*`,addNodeView(){return a(o)}});export{s as default};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{NodeViewWrapper as t,ReactNodeViewRenderer as n}from"@tiptap/react";import r from"@tiptap/extension-image";import{Plugin as i,PluginKey as a}from"@tiptap/pm/state";import{useRichTextImage as o}from"src/atoms/hooks/useRichTextImage";const s=n=>{let{src:r,alt:i}=n.node.attrs,a=n.extension.options.onImageRead,{data:s}=o(r,a);return e(t,{children:e(`img`,{src:s,alt:i})})};var c=r.extend({addOptions(){return{...this.parent?.(),onImageUpload:void 0,onImageRead:void 0}},addNodeView(){return n(s)},addProseMirrorPlugins(){let{onImageUpload:e}=this.options;return[new i({key:new a(`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};
+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};

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 react21 from "react";
+import * as react23 from "react";
 import * as _tiptap_react0 from "@tiptap/react";
 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_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<react21.DetailedHTMLProps<react21.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EditorStylingProps>> & string;
-  Provider: react21.FC<EditorProviderProps>;
-  Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<Omit<_tiptap_react0.EditorContentProps, "ref"> & react21.RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<react21.MemoExoticComponent<react21.ForwardRefExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react21.RefAttributes<HTMLDivElement>>>, keyof react21.Component<any, {}, any>>;
-  Bar: react21.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.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react23.RefAttributes<HTMLDivElement>>, keyof react23.Component<any, {}, any>>;
+  Bar: react23.FC<MenuBarProps>;
 };
 //#endregion
 export { RichText };

package/dist/molecules/RichTextEditor/index.js

@@ -1 +1 @@
-import{AmplifyBar as e}from"./MenuBar/MenuBar.js";import{EditorProvider as t}from"./EditorProvider.js";import{EditorContent as n,EditorStyling as r}from"./RichTextEditor.styles.js";import{RichTextEditor as i}from"./RichTextEditor.js";const a={Styling:r,Provider:t,Content:n,Bar:e};export{a as RichText};
+import{EditorContent as e,EditorStyling as t}from"./RichTextEditor.styles.js";import{AmplifyBar as n}from"./MenuBar/MenuBar.js";import{EditorProvider as r}from"./EditorProvider.js";import{RichTextEditor as i}from"./RichTextEditor.js";const a={Styling:t,Provider:r,Content:e,Bar:n};export{a as RichText};

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

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

package/dist/molecules/Search/Search.js

@@ -1,12 +1,12 @@
-import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";import{animation as n}from"src/atoms/style/animation";import{colors as r}from"src/atoms/style/colors";import i from"styled-components";import{Search as a}from"@equinor/eds-core-react";const o=i(a)`
+import{animation as e}from"../../atoms/style/animation.js";import{colors as t}from"../../atoms/style/colors.js";import{forwardRef as n}from"react";import{Search as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a}from"react/jsx-runtime";const o=i(r)`
   input {
-    color: ${r.text.static_icons__default.rgba};
+    color: ${t.text.static_icons__default.rgba};
     transition:
-      background ${n.transitionMS},
-      box-shadow ${n.transitionMS};
+      background ${e.transitionMS},
+      box-shadow ${e.transitionMS};
     &:hover {
-      background: ${r.ui.background__light_medium.rgba};
-      box-shadow: inset 0 -2px 0 0 ${r.text.static_icons__tertiary.rgba};
+      background: ${t.ui.background__light_medium.rgba};
+      box-shadow: inset 0 -2px 0 0 ${t.text.static_icons__tertiary.rgba};
     }
   }
 
@@ -14,7 +14,7 @@ import{forwardRef as e}from"react";import{jsx as t}from"react/jsx-runtime";impor
     outline: none !important;
 
     input {
-      box-shadow: inset 0 -2px 0 0 ${r.interactive.primary__resting.rgba};
+      box-shadow: inset 0 -2px 0 0 ${t.interactive.primary__resting.rgba};
     }
   }
-`,s=e((e,n)=>t(o,{...e,ref:n,autoComplete:`off`}));s.displayName=`HeaderDrawer`;export{s as Search};
+`,s=n((e,t)=>a(o,{...e,ref:t,autoComplete:`off`}));s.displayName=`HeaderDrawer`;export{s as Search};

package/dist/molecules/Select/AddTagItem.js

@@ -0,0 +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};

package/dist/molecules/Select/ComboBox/ComboBox.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{Select as t}from"src/molecules/Select/Select";function n(n){return e(t,{...n})}export{n as ComboBox};
+import{Select as e}from"../Select.js";import{jsx as t}from"react/jsx-runtime";function n(n){return t(e,{...n})}export{n as ComboBox};

package/dist/molecules/Select/GroupedSelectMenu.js

@@ -0,0 +1 @@
+import{getCumulativeArrayFromNumberedArray as e}from"./Select.utils.js";import{NoItemsFoundText as t}from"./Select.styles.js";import{SelectMenuItem as n}from"./SelectMenuItem.js";import{useMemo as r}from"react";import{Menu as i}from"@equinor/eds-core-react";import{jsx as a}from"react/jsx-runtime";const o=o=>{let{onItemSelect:s,onItemKeyDown:c,itemRefs:l,groups:u,search:d,onSearchFilter:f,CustomMenuItemComponent:p}=o,m=r(()=>{if(d===``)return u;let e=new RegExp(d.trim(),`i`);return u.map(t=>({title:t.title,items:t.items.filter(t=>f===void 0?t.label.match(e):f(d,t))})).filter(e=>e.items.length>0)},[u,f,d]),h=r(()=>{let t=m.map(e=>e.items.length);return e(t)},[m]);return m.length===0?a(t,{children:`No items found`}):`values`in o?m.map((e,t)=>a(i.Section,{index:t,title:e.title,children:e.items.map((r,i)=>a(n,{index:i+h[t],childOffset:0,item:r,itemRefs:l,onItemKeyDown:c,onItemSelect:s,values:o.values,CustomMenuItemComponent:p},`${e.title}-${t}-item-${r.value}`))},`${e.title}-${t}`)):m.map((e,t)=>a(i.Section,{index:t,title:e.title,children:e.items.map((r,i)=>a(n,{index:i+h[t],childOffset:0,item:r,itemRefs:l,onItemKeyDown:c,onItemSelect:s,value:o.value,CustomMenuItemComponent:p},`${e.title}-${t}-item-${r.value}`))},`${e.title}-${t}`))};export{o as GroupedSelectMenu};

package/dist/molecules/Select/ListSelectMenu.js

@@ -0,0 +1 @@
+import{capitalize as e}from"../../atoms/utils/string.js";import{flattenOptions as t,getChildOffset as n}from"./Select.utils.js";import{NoItemsFoundText as r,NoTagFoundText as i}from"./Select.styles.js";import{SelectMenuItem as a}from"./SelectMenuItem.js";import{AddTagItem as o}from"./AddTagItem.js";import{useMemo as s}from"react";import{Menu as c}from"@equinor/eds-core-react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=f=>{let{search:p,items:m,itemRefs:h,onItemKeyDown:g,onSearchFilter:_}=f,v=s(()=>{if(p===``)return m;let e=new RegExp(p.trim(),`i`);return t(m).filter(t=>_===void 0?t.label.match(e):_(p,t))},[m,_,p]);if(v.length===0&&(!f.onAddItem||p===``))return u(r,{children:`No items found`});let y=v.some(e=>e.children&&e.children.length>0),b=v.map((e,t)=>({childOffset:n(v,t),index:t,item:e,itemValue:e.value,parentHasNestedItems:y,...f}));if(`onAddItem`in f&&f.onAddItem&&p!==``&&(v.length===1&&v.at(0)?.label.toLowerCase()!==p.trim().toLowerCase()||v.length!==1)){let t=f.itemSingularWord?f.itemSingularWord:`tag`;return d(l,{children:[u(c.Section,{title:`Add ${t}`,index:0,children:u(o,{index:0,itemRefs:h,onItemKeyDown:g,onAddItem:f.onAddItem,addItemSingularWord:t,children:p})}),u(c.Section,{title:`${e(t)} search results`,index:1,children:b.length>0?b.map((e,t)=>u(a,{...e,index:t+1},`menu-item-${t}-${e.item.value}`)):d(i,{children:[`No `,t,` for "`,p,`" found.`]})})]})}return b.map((e,t)=>u(a,{...e,index:t},`menu-item-${t}-${e.item.value}`))};export{f as ListSelectMenu};

package/dist/molecules/Select/Select.js

@@ -0,0 +1 @@
+import{colors as e}from"../../atoms/style/colors.js";import{getVariantIcon as t}from"../../atoms/utils/forms.js";import{useSelect as n}from"../../atoms/hooks/useSelect.js";import{SkeletonField as r}from"../Skeleton/SkeletonField.js";import{useOutsideClick as i}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";import{ClearButton as ee,ComboBoxChip as a,Container as o,HelperWrapper as te,PlaceholderText as s,Section as c,StyledMenu as l,ValueText as u,Wrapper as ne}from"./Select.styles.js";import{GroupedSelectMenu as re}from"./GroupedSelectMenu.js";import{ListSelectMenu as d}from"./ListSelectMenu.js";import{useMemo as f,useRef as p}from"react";import{Icon as m,Label as h}from"@equinor/eds-core-react";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{arrow_drop_down as ie,arrow_drop_up as ae,clear as v}from"@equinor/eds-icons";const y=y=>{let{clearable:b=!0,loading:x=!1,disabled:S=!1,lightBackground:C=!1,underlineHighlight:w=!1,sortValues:T=!0,placeholder:E=`Select...`,label:D,helperText:O,showHelperIcon:k=!0,meta:A,id:j=`amplify-combobox-${D}`,variant:M,inDialog:N=!1,onSearchFilter:P,"data-testid":F,CustomMenuItemComponent:I}=y,{handleOnAddItem:L,handleOnClear:R,handleOnItemKeyDown:z,handleOnItemSelect:B,handleOnSearchChange:V,handleOnSearchKeyDown:H,handleToggleOpen:U,itemRefs:W,search:G,selectedValues:K,handleOnClose:q,handleOnOpen:oe,handleOnRemoveItem:J,open:Y,searchRef:se,tryingToRemoveItem:X}=n({...y,clearable:b,loading:x,disabled:S,lightBackground:C,underlineHighlight:w,sortValues:T,placeholder:E}),ce=p(`${Math.max(40,Math.random()*80)}%`),Z=p(null),Q=p(null),le=f(()=>!!D||!!A,[D,A]),ue=f(()=>!!O,[O]),$=f(()=>{if(k)return t(M)},[k,M]);i(Q.current,e=>{N&&Y&&e.target&&Z.current&&Q.current&&!Z.current.contains(e.target)&&!Q.current?.contains(e.target)&&q()});let de=f(()=>{if(`value`in y&&y.value&&`customValueComponent`in y&&y.customValueComponent)return g(y.customValueComponent,{item:y.value});if(`value`in y&&y.value)return g(u,{children:y.value.label});if(`showSelectedAsText`in y&&y.showSelectedAsText){let e=y.items?y.items.length:y.groups.flatMap(e=>e.items).length,t=typeof y.showSelectedAsText==`function`?y.showSelectedAsText({selectedAmount:K.length,totalAmount:e}):`${K.length}/${e} Selected`;return g(u,{children:t})}else return K.map(e=>`customValueComponent`in y&&y.customValueComponent?g(y.customValueComponent,{item:e,onDelete:()=>J(e),tryingToRemove:X!==void 0&&X.value===e.value},e.value):g(a,{"data-testid":`amplify-combobox-chip`,className:`amplify-combo-box-chip`,onDelete:()=>J(e),$tryingToRemove:X?.value===e.value,$lightBackground:C,children:e.label},e.value))},[K,X,C,y,J]);return _(`div`,{children:[le&&g(h,{label:D,meta:A,htmlFor:j,disabled:S}),_(ne,{children:[_(o,{"data-testid":F||`combobox-container`,ref:Z,onClick:oe,"aria-expanded":Y,$variant:M,$loading:x,$lightBackground:C,children:[_(c,{children:[!x&&G===``&&K.length===0&&g(s,{children:E}),(G===``&&`value`in y||`values`in y&&K.length>0&&(!y.showSelectedAsText||y.showSelectedAsText&&G===``))&&!x&&de,g(`input`,{id:j,disabled:S||x,ref:se,type:`search`,role:`combobox`,value:G,autoComplete:`off`,onChange:V,onKeyDownCapture:H}),x&&g(r,{role:`progressbar`,style:{width:ce.current,left:0,top:`50%`,transform:`translateY(-50%)`}})]}),g(m,{onClick:U,data:Y?ae:ie,color:x?e.interactive.disabled__fill.rgba:e.interactive.primary__resting.rgba}),b&&K.length>0&&!x&&g(ee,{id:`clear`,variant:`ghost_icon`,onClick:R,"data-testid":`clearBtn`,children:g(m,{data:v,size:18})})]}),ue&&_(te,{$variant:S?`disabled`:M,children:[$&&g(m,{data:$,size:16}),g(h,{label:O,htmlFor:j})]})]}),Y&&g(l,{ref:Q,open:!0,id:`combobox-menu`,anchorEl:Z.current,onClose:q,placement:`bottom`,style:{width:`${Z.current?.clientWidth}px`,maxWidth:`${Z.current?.clientWidth}px`},children:`groups`in y&&y.groups?g(re,{...y,search:G,itemRefs:W,onItemSelect:B,onItemKeyDown:z,onSearchFilter:P,CustomMenuItemComponent:I}):g(d,{...y,search:G,itemRefs:W,onAddItem:y.onAddItem?L:void 0,onItemSelect:B,onItemKeyDown:z,onSearchFilter:P,CustomMenuItemComponent:I})},`select-menu-${G}`)]})};export{y as Select};

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

@@ -1,7 +1,7 @@
 import { BaseChipProps, ClickableChipProps, DeletableChipProps } from "../Chip/Chip.js";
-import * as react42 from "react";
-import "styled-components";
+import * as react43 from "react";
 import "@equinor/eds-core-react";
+import "styled-components";
 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_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<((Omit<react42.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
+declare const ComboBoxChip: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<((Omit<react43.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react42.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types8.BaseObject, ComboBoxChipProps>> & string & Omit<react42.ForwardRefExoticComponent<(Omit<react42.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
+}) | ClickableChipProps | DeletableChipProps)) & react43.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types8.BaseObject, ComboBoxChipProps>> & string & Omit<react43.ForwardRefExoticComponent<(Omit<react43.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react42.RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof react42.Component<any, {}, any>>;
+}) | ClickableChipProps | DeletableChipProps)) & react43.RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof react43.Component<any, {}, any>>;
 //#endregion
 export { ComboBoxChip };