@equinor/amplify-component-lib 0.0.1 → 8.0.0

package/dist/esm/components/Inputs/RichTextEditor/MenuBar/MenuBar.styles.js

@@ -1,14 +0,0 @@
-import t from"styled-components";const o=t.section`
-  display: flex;
-  > button:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-  > button:first-child {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0;
-  }
-  > button:last-child {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0;
-  }
-`;export{o as Section};

package/dist/esm/components/Inputs/RichTextEditor/MenuBar/MenuButton.js

@@ -1,28 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Icon as t}from"@equinor/eds-core-react";import{tokens as i}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import e from"../../../DataDisplay/OptionalTooltip.js";import a from"styled-components";const{colors:s,spacings:l,shape:n}=i,d=a.button`
-  padding: ${l.comfortable.x_small};
-  background: ${({$active:o})=>o?s.interactive.primary__resting.rgba:s.ui.background__light.rgba};
-  display: flex;
-  align-items: center;
-  border-radius: ${n.button.borderRadius};
-  transition: 200ms background;
-  > svg {
-    fill: ${({$customColors:o,$active:r})=>o?o.resting:r?s.ui.background__light.rgba:s.interactive.primary__resting.rgba};
-    transition: 200ms fill;
-  }
-
-  &:hover:not(:disabled) {
-    background: ${({$customColors:o})=>o?o.backgroundHover:s.interactive.primary__hover_alt.rgba};
-
-    > svg {
-      fill: ${({$customColors:o})=>o?o.hover:s.interactive.primary__hover.rgba};
-    }
-  }
-
-  &:hover:disabled {
-    cursor: not-allowed;
-  }
-
-  &:disabled > svg {
-    fill: ${s.interactive.disabled__text.rgba};
-  }
-`,c=r((({icon:r,onClick:i,customColors:a,active:s=!1,disabled:l=!1,tooltip:n},c)=>o(e,{title:n,placement:"bottom",children:o(d,{ref:c,$active:s,type:"button",$customColors:a,onClick:i,disabled:l,children:o(t,{data:r})})})));c.displayName="MenuButton";export{c as default};

package/dist/esm/components/Inputs/RichTextEditor/MenuBar/TableBar.js

@@ -1,6 +0,0 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{table_chart as l}from"@equinor/eds-icons";import{tokens as n}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useCurrentEditor as i}from"@tiptap/react";import{amplify_table_row_heading as c,amplify_table_column_heading as d,amplify_table_add_column_left as t,amplify_table_add_column_right as r,amplify_table_remove_column as a,amplify_table_add_row_below as s,amplify_table_add_row_above as u,amplify_table_remove_row as m,amplify_table_merge_cells as f,amplify_table_split_cell as p}from"../../../Icons/AmplifyIcons.js";import{Section as C}from"./MenuBar.styles.js";import b from"./MenuButton.js";import g from"styled-components";const{colors:h,spacings:k}=n,w=g.div`
-  display: flex;
-  gap: ${k.comfortable.small};
-  padding: ${k.comfortable.small};
-  border-bottom: 1px solid ${h.ui.background__medium.rgba};
-`,R=()=>{const{editor:n}=i();return o(w,{children:[e(b,{tooltip:"Remove table",active:!0,icon:l,onClick:()=>n?.chain().focus().deleteTable().run()}),o(C,{children:[e(b,{tooltip:"Toggle header row",icon:c,onClick:()=>n?.chain().focus().toggleHeaderRow().run(),disabled:!n?.can().toggleHeaderRow()}),e(b,{tooltip:"Toggle header column",icon:d,onClick:()=>n?.chain().focus().toggleHeaderColumn().run(),disabled:!n?.can().toggleHeaderColumn()})]}),o(C,{children:[e(b,{tooltip:"Add column left",icon:t,onClick:()=>n?.chain().focus().addColumnBefore().run(),disabled:!n?.can().addColumnBefore()}),e(b,{tooltip:"Add column right",icon:r,onClick:()=>n?.chain().focus().addColumnAfter().run(),disabled:!n?.can().addColumnAfter()}),e(b,{tooltip:"Remove column",icon:a,onClick:()=>n?.chain().focus().deleteColumn().run(),disabled:!n?.can().deleteColumn()})]}),o(C,{children:[e(b,{tooltip:"Add row below",icon:s,onClick:()=>n?.chain().focus().addRowAfter().run(),disabled:!n?.can().addRowAfter()}),e(b,{tooltip:"Add row above",icon:u,onClick:()=>n?.chain().focus().addRowBefore().run(),disabled:!n?.can().addRowBefore()}),e(b,{tooltip:"Remove row",icon:m,onClick:()=>n?.chain().focus().deleteRow().run(),disabled:!n?.can().deleteRow()})]}),o(C,{children:[e(b,{tooltip:"Merge selected cells",icon:f,onClick:()=>n?.chain().focus().mergeCells().run(),disabled:!n?.can().mergeCells()}),e(b,{tooltip:"Split selected cell",icon:p,onClick:()=>n?.chain().focus().splitCell().run(),disabled:!n?.can().splitCell()})]})]})};export{R as default};

package/dist/esm/components/Inputs/RichTextEditor/MenuBar/TextColor.js

@@ -1,45 +0,0 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Icon as r}from"@equinor/eds-core-react";import{format_color_text as e}from"@equinor/eds-icons";import{tokens as i}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{useCurrentEditor as a}from"@tiptap/react";import s from"styled-components";const{colors:n,spacings:l,shape:c}=i,d=s.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${l.comfortable.medium};
-  position: relative;
-  background: ${n.ui.background__light.rgba};
-  border-radius: ${c.button.borderRadius};
-  transition: 200ms background;
-  > input {
-    border-radius: ${c.button.borderRadius};
-    width: calc(24px + (${l.comfortable.x_small}) * 2);
-    height: calc(24px + (${l.comfortable.x_small}) * 2);
-    opacity: 0;
-    &:hover {
-      cursor: pointer;
-    }
-    &::-webkit-color-swatch {
-      border: none;
-    }
-  }
-  svg {
-    fill: ${n.interactive.primary__resting.rgba};
-    transition: 200ms fill;
-  }
-  &:hover {
-    background: ${n.interactive.primary__hover_alt.rgba};
-
-    svg {
-      fill: ${n.interactive.primary__hover.rgba};
-    }
-  }
-`,p=s.span`
-  position: absolute;
-  left: 50%;
-  top: calc(50% + ${l.comfortable.x_small} / 2);
-  transform: translate(-50%, -50%);
-  pointer-events: none;
-`,u=s.span`
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 5px;
-  height: 4px;
-  width: 24px;
-`,m=()=>{const{editor:i}=a();return t(d,{children:[o("input",{type:"color",onInput:t=>{i?.chain().focus().setColor(t.target.value).run()},value:i?.getAttributes("textStyle")?.color||n.text.static_icons__default.hex}),o(p,{children:o(r,{data:e})}),o(u,{style:{background:i?.getAttributes("textStyle")?.color||n.text.static_icons__default.hex}})]})};export{m as default};

package/dist/esm/components/Inputs/RichTextEditor/RichTextEditor.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useMemo as e}from"react";import o from"@tiptap/extension-bold";import{BulletList as r}from"@tiptap/extension-bullet-list";import i from"@tiptap/extension-code-block-lowlight";import{Color as n}from"@tiptap/extension-color";import p from"@tiptap/extension-document";import a from"@tiptap/extension-dropcursor";import m from"@tiptap/extension-gapcursor";import{HardBreak as s}from"@tiptap/extension-hard-break";import f from"@tiptap/extension-heading";import{Highlight as l}from"@tiptap/extension-highlight";import d from"@tiptap/extension-history";import c from"@tiptap/extension-italic";import x from"@tiptap/extension-link";import{ListItem as g}from"@tiptap/extension-list-item";import{OrderedList as h}from"@tiptap/extension-ordered-list";import u from"@tiptap/extension-paragraph";import b from"@tiptap/extension-placeholder";import w from"@tiptap/extension-table";import y from"@tiptap/extension-table-cell";import E from"@tiptap/extension-table-header";import I from"@tiptap/extension-table-row";import v from"@tiptap/extension-text";import{TextAlign as B}from"@tiptap/extension-text-align";import{TextStyle as U}from"@tiptap/extension-text-style";import j from"@tiptap/extension-typography";import{EditorProvider as k}from"@tiptap/react";import M from"./custom-extensions/ExtendedImage.js";import F from"./MenuBar/MenuBar.js";import{Wrapper as T}from"./RichTextEditor.styles.js";import{DEFAULT_FEATURES as $,RichTextEditorFeatures as A}from"./RichTextEditor.types.js";import{createLowlight as H,common as R}from"lowlight";const C=H(R),G=({value:H,onChange:R,onImageUpload:G,placeholder:S="Add text and content here...",features:z,extendFeatures:L,removeFeatures:O,padding:q="md",maxHeight:D,lightBackground:J,border:K=!0})=>{if(z&&(L??O))throw new Error("Can't specify both 'features' and 'extend/remove' features!\n       Extend/remove can only be used when not specifying 'features'");const N=e((()=>z||[...$,...L??[]].filter((t=>!O?.includes(t))).filter(((t,e,o)=>e===o.indexOf(t)))),[z,L,O]);if(0===N.length)throw new Error("Features cannot be empty!");if(N.includes(A.IMAGES)&&void 0===G)throw new Error("onImageUpload cannot be undefined when features include images!\n      Either add the onImageUpload function or remove RichTextEditorFeatures.IMAGES from the features array");const P=e((()=>[r,o,i.configure({lowlight:C}),n,p,a,M.configure({allowBase64:!0,onImageUpload:G}),m,s,f,l.configure({multicolor:!0}),d,c,x,g,h,u,b.configure({placeholder:S}),w.configure({resizable:!0}),y,E,I,v,j,U,B.configure({types:["heading","paragraph","img"]})]),[G,S]);return t(T,{$padding:q,$maxHeight:D,$lightBackground:J,$border:K,children:t(k,{slotBefore:t(F,{features:N,onImageUpload:G}),content:H,extensions:P,onUpdate:({editor:t})=>{R?.(t.getHTML())},children:null})})};export{G as default};

package/dist/esm/components/Inputs/RichTextEditor/RichTextEditor.styles.js

@@ -1,139 +0,0 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o from"styled-components";const{colors:r,spacings:t,typography:i,shape:a}=e,n=o.div`
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  background: ${r.ui.background__default.rgba};
-
-  border-radius: ${a.corners.borderRadius} ${a.corners.borderRadius} 0 0;
-  border: ${e=>e.$border?`1px solid ${r.ui.background__medium.rgba}`:"none"};
-  border-bottom: none;
-
-  &:has(div[contenteditable='true']) {
-    height: inherit;
-  }
-
-  div:has(> .tiptap) {
-    display: flex;
-  }
-
-  div:has(> .tiptap),
-  .tiptap {
-    flex-grow: 1;
-  }
-
-  .tiptap {
-    max-height: ${e=>e.$maxHeight??"none"};
-    overflow-y: auto;
-    background: ${e=>e.$lightBackground?`${r.ui.background__default.rgba}`:`${r.ui.background__light.rgba}`};
-
-    &[contenteditable='true'] {
-      box-shadow: inset 0 -1px ${r.ui.background__medium.rgba};
-    }
-
-    padding: ${e=>{switch(e.$padding){case"sm":return t.comfortable.small;case"md":return t.comfortable.medium;case"lg":return t.comfortable.large;default:return 0}}};
-
-    a {
-      color: ${r.interactive.primary__resting.rgba};
-    }
-    a:hover {
-      cursor: pointer;
-      color: ${r.interactive.primary__hover.rgba};
-    }
-    p {
-      font-size: 16px;
-      font-family: 'Equinor', sans-serif;
-      color: ${r.text.static_icons__default.rgba};
-      line-height: ${i.paragraph.body_long.lineHeight};
-      margin: 0;
-    }
-    ul,
-    ol {
-      margin: 0;
-    }
-    img {
-      max-width: 100%;
-      max-height: 100%;
-      border-radius: 5px;
-    }
-    pre {
-      background: #0d0d0d;
-      border-radius: 0.5rem;
-      color: #fff;
-      font-family: 'Equinor Mono', monospace;
-      padding: 0.75rem 1rem;
-      margin: 0;
-
-      code {
-        background: none;
-        color: inherit;
-        font-size: 0.8rem;
-        padding: 0;
-      }
-    }
-
-    table {
-      border-collapse: collapse;
-      overflow: hidden;
-      table-layout: fixed;
-      width: 100%;
-
-      td,
-      th {
-        border: 2px solid #ced4da;
-        box-sizing: border-box;
-        min-width: 1em;
-        padding: 3px 5px;
-        position: relative;
-        vertical-align: top;
-
-        > * {
-          margin-bottom: 0;
-        }
-      }
-
-      th {
-        background-color: #f1f3f5;
-        font-weight: bold;
-        text-align: left;
-      }
-
-      .selectedCell:after {
-        background: rgba(200, 200, 255, 0.4);
-        content: '';
-        left: 0;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        pointer-events: none;
-        position: absolute;
-        z-index: 2;
-      }
-
-      .column-resize-handle {
-        background-color: #adf;
-        bottom: -2px;
-        position: absolute;
-        right: -2px;
-        pointer-events: none;
-        top: 0;
-        width: 4px;
-      }
-
-      p {
-        margin: 0;
-      }
-    }
-
-    &:focus-visible {
-      outline: none;
-      box-shadow: inset 0 -2px ${r.interactive.primary__resting.rgba};
-    }
-  }
-  .tiptap p.is-editor-empty:first-child::before {
-    color: ${r.text.static_icons__default.rgba};
-    content: attr(data-placeholder);
-    float: left;
-    height: 0;
-    pointer-events: none;
-  }
-`;export{n as Wrapper};

package/dist/esm/components/Inputs/RichTextEditor/custom-extensions/ExtendedImage.js

@@ -1 +0,0 @@
-import e from"@tiptap/extension-image";import{Plugin as t,PluginKey as r}from"../../../../node_modules/prosemirror-state/dist/index.js";var o=e.extend({addOptions(){return{...this.parent?.(),onImageUpload:void 0}},addProseMirrorPlugins(){const{onImageUpload:e}=this.options;return[new t({key:new r("extendedImageHandler"),props:{handleDOMEvents:{drop(t,r){const o=r.dataTransfer?.files?.length;if(!o||void 0===e)return;const n=Array.from(r.dataTransfer.files).filter((e=>/image/i.test(e.type)));if(0===n.length)return;r.preventDefault();const{schema:s}=t.state,a=t.posAtCoords({left:r.clientX,top:r.clientY});if(a)for(const r of n)e(r).then((e=>{if(!e)return;const r=s.nodes.image.create({src:e.b64,alt:e.url}),o=t.state.tr.insert(a.pos,r);t.dispatch(o)})).catch((e=>{console.error(e)}))},paste(t,r){const o=r.clipboardData?.files?.length;if(!o||void 0===e)return;const n=Array.from(r.clipboardData.files).filter((e=>/image/i.test(e.type)));if(0===n.length)return;r.preventDefault();const{schema:s}=t.state;for(const r of n)e(r).then((e=>{if(!e)return;const r=s.nodes.image.create({src:e.b64,alt:e.url}),o=t.state.tr.replaceSelectionWith(r);t.dispatch(o)})).catch((e=>{console.error(e)}))}}}})]}});export{o as default};

package/dist/esm/components/Inputs/Search/Search.js

@@ -1,13 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Search as r}from"@equinor/eds-core-react";import{tokens as t}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import i from"styled-components";const{colors:s}=t,n=i(r)`
-  input {
-    color: ${s.text.static_icons__default.rgba};
-  }
-
-  div:focus-within {
-    outline: none !important;
-
-    input {
-      box-shadow: inset 0 -2px 0 0 ${s.interactive.primary__resting.rgba};
-    }
-  }
-`,a=o(((o,r)=>e(n,{...o,ref:r,autoComplete:"off"})));a.displayName="HeaderDrawer";export{a as Search};

package/dist/esm/components/Inputs/Select/ComboBox/ComboBox.js

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

package/dist/esm/components/Inputs/Select/GroupedSelectMenu.js

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

package/dist/esm/components/Inputs/Select/Select.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useRef as l,useMemo as n}from"react";import{Label as a,CircularProgress as t,Icon as r}from"@equinor/eds-core-react";import{arrow_drop_up as i,arrow_drop_down as c,clear as d}from"@equinor/eds-icons";import{tokens as s}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{GroupedSelectMenu as m}from"./GroupedSelectMenu.js";import{ValueText as h,StyledChip as u,Container as p,Section as g,PlaceholderText as b,ClearButton as f,StyledMenu as v}from"./Select.styles.js";import{SelectMenu as y}from"./SelectMenu.js";import{useSelect as S}from"../../../hooks/useSelect.js";const{colors:x}=s,C=s=>{const{clearable:C=!0,loading:O=!1,disabled:k=!1,lightBackground:I=!1,underlineHighlight:R=!1,sortValues:j=!0,placeholder:w="Select...",label:D,meta:$,id:B=`amplify-combobox-${D}`,variant:K}=s,{handleOnClear:T,handleOnItemKeyDown:_,handleOnItemSelect:q,handleOnSearchChange:M,handleOnSearchKeyDown:V,handleToggleOpen:z,itemRefs:H,search:P,selectedValues:A,handleOnClose:E,handleOnOpen:F,handleOnRemoveItem:G,open:N,searchRef:W,tryingToRemoveItem:J}=S({...s,clearable:C,loading:O,disabled:k,lightBackground:I,underlineHighlight:R,sortValues:j,placeholder:w}),L=l(null),Q=n((()=>!!D||!!$),[D,$]),U=n((()=>"value"in s&&s.value?e(h,{children:s.value.label}):A.map((o=>e(u,{"data-testid":"amplify-combobox-chip",className:"amplify-combo-box-chip",onDelete:()=>G(o),$tryingToRemove:J?.value===o.value,$lightBackground:I,children:o.label},o.value)))),[A,J,I,s,G]);return o("div",{children:[o(p,{"data-testid":"combobox-container",ref:L,onClick:F,"aria-expanded":N,$variant:K,$lightBackground:I,$shouldShowTopMargin:Q,children:[Q&&e(a,{label:D,meta:$,htmlFor:B}),o(g,{children:[""===P&&0===A.length&&e(b,{children:w}),(""===P||"values"in s&&A.length>0)&&U,e("input",{id:B,disabled:k||O,ref:W,type:"search",role:"combobox",value:P,autoComplete:"off",onChange:M,onKeyDownCapture:V})]}),O?e(t,{size:16}):e(r,{onClick:z,data:N?i:c,color:x.interactive.primary__resting.rgba}),C&&A.length>0&&!O&&e(f,{variant:"ghost_icon",onClick:T,"data-testid":"clearBtn",children:e(r,{data:d,size:18})})]}),N&&e(v,{open:!0,id:"combobox-menu",anchorEl:L.current,onClose:E,placement:"bottom",matchAnchorWidth:!0,children:s.groups?e(m,{...s,search:P,itemRefs:H,onItemSelect:q,onItemKeyDown:_}):e(y,{...s,search:P,itemRefs:H,onItemSelect:q,onItemKeyDown:_,selectableParent:"values"in s&&s.selectableParent})})]})};export{C as Select};

package/dist/esm/components/Inputs/Select/Select.styles.js

@@ -1,149 +0,0 @@
-import{Button as r,Menu as e,Typography as t}from"@equinor/eds-core-react";export{Button}from"@equinor/eds-core-react";import{tokens as a}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{Chip as o}from"../../DataDisplay/Chip/Chip.js";import{colors as i}from"../../../constants/colors.js";import{spacings as n}from"../../../style/spacings.js";import s from"styled-components";const{colors:l,spacings:c}=a,d={warning:l.interactive.warning__resting.rgba,error:l.interactive.danger__resting.rgba,success:l.interactive.success__resting.rgba,dirty:i.dark_blue.rgba},g=s.div`
-  position: relative;
-  display: grid;
-  grid-template-columns: 1fr auto;
-  align-items: center;
-  padding: 6px 8px;
-
-  ${({$variant:r})=>r?`box-shadow: inset 0 -2px 0 0 ${d[r]}`:`box-shadow: inset 0 -1px 0 0 ${l.text.static_icons__tertiary.rgba}`};
-
-  ${({$lightBackground:r})=>r?`background-color: ${l.ui.background__default.rgba}`:`background-color: ${l.ui.background__light.rgba}`};
-
-  &[aria-expanded='true'] {
-    box-shadow: inset 0 -2px 0 0 ${l.interactive.primary__resting.rgba};
-  }
-
-  ${({$shouldShowTopMargin:r})=>r&&"margin-top: 1rem;"};
-
-  > label {
-    left: 0;
-    right: 0;
-    position: absolute;
-    top: -1rem;
-  }
-
-  > svg[role='progressbar'] {
-    overflow: unset;
-  }
-  > svg:not([role='progressbar']) {
-    cursor: pointer;
-    &:hover {
-      background: ${l.interactive.primary__hover_alt.rgba};
-      border-radius: 50%;
-    }
-  }
-
-  &:has(input:disabled) {
-    cursor: not-allowed;
-    box-shadow: none;
-    > svg:not([role='progressbar']) {
-      cursor: not-allowed;
-      fill: ${l.interactive.disabled__text.rgba};
-      &:hover {
-        background: transparent;
-      }
-    }
-    > label {
-      color: ${l.interactive.disabled__text.rgba};
-    }
-  }
-`,p=s.section`
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${n.x_small};
-  min-height: 24px;
-  input[type='search'] {
-    background: transparent;
-    width: 0;
-    flex-grow: 1;
-    padding: 0;
-    font-family: 'Equinor', sans-serif;
-    color: ${l.text.static_icons__default.rgba};
-    outline: none;
-    border: none;
-  }
-  input[type='search']:disabled {
-    cursor: not-allowed;
-  }
-  input[type='search']::-webkit-search-decoration,
-  input[type='search']::-webkit-search-cancel-button,
-  input[type='search']::-webkit-search-results-button,
-  input[type='search']::-webkit-search-results-decoration {
-    appearance: none;
-  }
-  &:has(input:disabled) {
-    > p {
-      color: ${l.interactive.disabled__text.rgba};
-    }
-    > .amplify-combo-box-chip {
-      cursor: not-allowed;
-      background: ${l.interactive.disabled__fill.rgba};
-      color: ${l.interactive.disabled__text.rgba};
-      > svg {
-        fill: ${l.interactive.disabled__text.rgba};
-        &:hover {
-          cursor: not-allowed;
-          background: none;
-        }
-      }
-    }
-  }
-`,b=s(r)`
-  position: absolute;
-  top: 50%;
-  transform: translate(0, -50%);
-  right: 26px;
-  width: 24px;
-  height: 24px;
-  svg {
-    fill: ${l.text.static_icons__secondary.rgba};
-  }
-  &:after {
-    width: 24px;
-    height: 24px;
-    left: 0;
-  }
-`,u=s(o)`
-  background: ${({$tryingToRemove:r,$lightBackground:e})=>r?l.interactive.primary__hover_alt.rgba:e?l.ui.background__light.rgba:l.ui.background__default.rgba} !important;
-`,_=s(e.Item)`
-  flex: 1;
-  border-radius: 2px;
-  ${({$paddedLeft:r})=>r&&"margin-left: 36px"};
-  padding-left: 10px;
-
-  &:focus {
-    outline: none;
-  }
-
-  &:focus-visible {
-    background: ${l.interactive.primary__hover_alt.rgba};
-  }
-
-  &:hover {
-    background: ${l.interactive.primary__hover_alt.rgba};
-  }
-`,h=s.hr`
-  height: calc(100% + ${c.comfortable.medium} * 2);
-  justify-self: center;
-  width: ${n.x_large};
-`,m=s(t)`
-  position: absolute;
-  color: ${l.text.static_icons__tertiary.rgba};
-  top: calc(50%);
-  transform: translate(0, -50%);
-`,x=s(m)`
-  color: ${l.text.static_icons__default.rgba};
-`,f=s(t)`
-  margin-left: ${c.comfortable.medium};
-`,v=s(e)`
-  max-height: 20rem;
-  overflow: auto;
-`,$=s.div`
-  display: flex;
-  align-items: center;
-  padding: 0 ${n.small};
-`,w=s(r)`
-  width: 36px;
-  height: 36px;
-`;export{b as ClearButton,g as Container,h as MenuItemSpacer,$ as MenuItemWrapper,f as NoItemsFoundText,m as PlaceholderText,p as Section,w as SmallButton,u as StyledChip,v as StyledMenu,_ as StyledMenuItem,d as VARIANT_COLORS,x as ValueText};

package/dist/esm/components/Inputs/Select/Select.utils.js

@@ -1 +0,0 @@
-function e(n,r){return n.length+n.slice(0,r).map((n=>e(n.children??[],0))).reduce(((e,n)=>e+n),0)}const n=e=>{const n=e=>{if(!e?.length)return[];const r=e.flatMap((({children:e,value:n})=>e?.map((e=>({...e,parent:n})))??[]));return[...r,...n(r)]};return[...e,...n(e)]},r=e=>{const n=new Array(e.length).fill(0);for(let r=1;r<e.length;r++)n[r]=n[r-1]+e[r-1];return n};export{n as flattenOptions,e as getChildOffset,r as getCumulativeArrayFromNumberedArray};

package/dist/esm/components/Inputs/Select/SelectMenu.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useMemo as t}from"react";import{NoItemsFoundText as l}from"./Select.styles.js";import{flattenOptions as m,getChildOffset as n}from"./Select.utils.js";import{SelectMenuItem as s}from"./SelectMenuItem.js";const r=r=>{const{search:i,items:a,onItemSelect:o,itemRefs:c,onItemKeyDown:u,selectableParent:f}=r,p=t((()=>{if(""===i)return a;const e=new RegExp(i,"i");return m(a).map((({value:e,label:t})=>({value:e,label:t}))).filter((t=>t.label.match(e)))}),[a,i]);if(0===p.length)return e(l,{children:"No items found"});const d=p.some((e=>e.children&&e.children.length>0));return"values"in r?p.map(((t,l)=>e(s,{childOffset:n(p,l),index:l,multiselect:!0,item:t,itemRefs:c,onItemKeyDown:u,onItemSelect:o,values:r.values,selectableParent:f,parentHasNestedItems:d},`menu-item-${l}-${t.value}`))):p.map(((t,l)=>e(s,{childOffset:n(p,l),index:l,item:t,itemRefs:c,onItemKeyDown:u,onItemSelect:o,selectableParent:f,parentHasNestedItems:d},`menu-item-${l}-${t.value}`)))};export{r as SelectMenu};

package/dist/esm/components/Inputs/Select/SelectMenuItem.js

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

package/dist/esm/components/Inputs/Select/SingleSelect/SingleSelect.js

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{Select as t}from"../Select.js";function e(e){return r(t,{...e})}export{e as SingleSelect};

package/dist/esm/components/Inputs/SelectDrawer/MultiSelectDrawer.js

@@ -1,28 +0,0 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as o,useRef as t,useEffect as r}from"react";import{Button as l,Label as a,Input as n,Icon as s}from"@equinor/eds-core-react";import{close as d,arrow_drop_up as c,arrow_drop_down as m}from"@equinor/eds-icons";import{tokens as p}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import h from"./OptionDrawer.js";import{spacings as g}from"../../../style/spacings.js";import u from"styled-components";import{useOutsideClick as f}from"../../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";const{colors:b,elevation:v}=p,x=u.div`
-  position: relative;
-`,w=u.div`
-  position: relative;
-`,C=u(l)`
-  position: absolute;
-  right: ${g.small};
-  height: ${g.large};
-  width: ${g.large};
-  top: 6px;
-`,y=u(l)`
-  position: absolute;
-  right: ${g.x_large};
-  height: ${g.large};
-  width: ${g.large};
-  top: 6px;
-`,$=u.div`
-  background: ${b.ui.background__default.rgba};
-  box-shadow: ${v.raised};
-  overflow-y: scroll;
-  max-height: 300px;
-  padding: 0;
-  margin-top: 4px;
-  position: absolute;
-  right: 0;
-  left: 0;
-  z-index: 50;
-`,k=(e,i)=>e.map((e=>{if(e.children&&e.children.length>0){const o=k(e.children,i).filter((e=>e));return o.length>0?{...e,children:o}:e.label.toLowerCase().includes(i.toLowerCase())?{...e,children:void 0}:void 0}return e.label.toLowerCase().includes(i.toLowerCase())?e:void 0})).filter((e=>e)),_=({disabled:l=!1,id:p,items:g=[],selectedItems:u=[],label:b,meta:v,onChange:_,placeholder:j,readOnly:q=!1,style:L})=>{const[O,S]=o(""),[z,D]=o(g),[E,I]=o(!1),[A,F]=o(!1),M=t(null),N=t(null);f(N.current,(e=>{N.current?.contains(e.target)||M.current?.contains(e.target)||I(!1)}));return r((()=>{""!==O?(D(k(g,O)),F(!0)):(D(g),F(!1))}),[O,g]),e(x,{style:L,children:[i(a,{label:b,meta:v,disabled:l}),e(w,{ref:M,children:[i(n,{id:p,disabled:l,value:O,readOnly:q,onFocus:()=>I(!0),onChange:e=>S(e.target.value),placeholder:j}),""!==O&&i(y,{variant:"ghost_icon","aria-label":"close search",title:"open",onClick:()=>S(""),children:i(s,{data:d,size:16})}),i(C,{variant:"ghost_icon","aria-label":"toggle options",title:"open",onClick:()=>I((e=>!e)),disabled:l,children:i(s,{data:E?c:m})})]}),i($,{ref:N,children:E&&z.map((e=>i(h,{onToggle:e=>((e,i)=>{i?e.forEach((e=>{_([...u,e])})):e.forEach((e=>{_(u.filter((i=>i.id!==e.id)))})),S("")})(e.items,e.toggle),selectedItems:u,item:e,singleSelect:!0,openAll:A},e.id)))})]})};_.displayName="SimpleMultiSelectDrawer";export{_ as default};

package/dist/esm/components/Inputs/SelectDrawer/OptionDrawer.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";import{Button as r,Checkbox as o}from"@equinor/eds-core-react";import{chevron_down as d,chevron_right as a}from"@equinor/eds-icons";import{StyledOptionWrapper as l,StyledOptionItem as c,StyledIcon as s,StyledOption as E}from"./OptionDrawer.styles.js";const m=e=>{if(0===e.length)return[];let t=[];return e.forEach((e=>{const n=m(e?.children??[]);t=[e,...t,...n]})),t},h=(e,t,n,i)=>{if(void 0!==t.find((t=>t.id===e.id)))return"CHECKED";if(void 0===e.children||0===e.children.length||n&&!i)return"NONE";const r=m(e?.children).map((e=>void 0!==t.find((t=>t.id===e.id))));return!n&&r.every(Boolean)?"CHECKED":r.every((e=>!e))?"NONE":"INTERMEDIATE"},p=({item:m,onToggle:g,section:C=0,selectedItems:N=[],singleSelect:f=!1,siblings:u,animateCheck:D,animateUncheck:I,animateParent:T,openAll:v,showIntermediateParent:H=!1,parentHasNestedItems:O=!1})=>{const[K,k]=n(!1),[y,A]=n(h(m,N,f,H)),[$,w]=n(!1);i((()=>{A(h(m,N,f,H))}),[m,N,f,H]),i((()=>{k(!!v)}),[v]);const M=e=>{const t=0===m.children?.length||f||void 0===m.children?[m]:[...m.children];"CHECKED"===y?(g({items:t,toggle:!1,event:e}),k(!1)):"NONE"!==y&&"INTERMEDIATE"!==y||(g({items:t,toggle:!0,event:e}),k(!0)),w(!1)},P=(e,t)=>{t&&T?(T(!0),A("CHECKED"===y?"NONE":"CHECKED"),setTimeout((()=>{M(e)}),400)):u?M(e):(w(!0),A("CHECKED"===y?"NONE":"CHECKED"),setTimeout((()=>{M(e)}),400))},R=e=>{if(u&&T){const t=N.filter((e=>e.id.includes(m.parentId??""))).length;if(!e&&D&&t===u-1)return!0;if(e&&I&&1===t)return!0}return!1},S=e=>{"CHECKED"===y&&I?P(e,R(!0)):"NONE"!==y&&"INTERMEDIATE"!==y||!D?M(e):P(e,R(!1))},b=m.children&&0!==m.children.length;return e(l,{$section:C,$animationActive:$,"data-testid":$?"animated-"+m.id:m.id,children:[e(c,{$paddedLeft:O&&!b,children:[b&&t(r,{variant:"ghost_icon",onClick:()=>{k((e=>!e))},"data-testid":"chevron-toggler-option-drawer",children:t(s,{data:K?d:a})}),e(E,{$section:C,onClick:e=>{m.children&&0!==m.children.length&&k((e=>!e)),S(e)},children:[t(o,{indeterminate:"INTERMEDIATE"===y,checked:"CHECKED"===y,color:"secondary",onChange:()=>null}),m.label]})]}),K&&m.children?.map((e=>t(p,{section:C+1,onToggle:g,selectedItems:N,item:e,singleSelect:f,siblings:m.children?.length,animateCheck:D,animateUncheck:I,animateParent:w,openAll:v,showIntermediateParent:H,parentHasNestedItems:!0},`OptionDrawer-${e.id}`)))]},$?`animated-StyledOptionWrapper-${m.id}`:`StyledOptionWrapper-${m.id}`)};p.displayName="OptionDrawer";export{p as default};

package/dist/esm/components/Inputs/SelectDrawer/OptionDrawer.styles.js

@@ -1,37 +0,0 @@
-import{Icon as e}from"@equinor/eds-core-react";import{tokens as i}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import o,{keyframes as t,css as r}from"styled-components";const{colors:n}=i,a=t`
-  0% {
-    opacity: 1;
-  }
-  90% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-    display: none;
-  }
-`,s=o.div`
-  margin-left: ${({$section:e})=>e>0?"22px":""};
-  opacity: 1;
-  color: ${n.text.static_icons__default.rgba};
-  animation: ${({$animationActive:e})=>e?r`
-          ${a} 400ms ease-in
-        `:"none"};
-`,c=o.div`
-  position: relative;
-  display: flex;
-  flex: 1;
-  align-items: center;
-  cursor: pointer;
-  transition: background-color 0.1s ease-in;
-  &:hover {
-    background-color: ${n.interactive.primary__hover_alt.rgba};
-  }
-
-  svg {
-    fill: ${n.interactive.primary__resting.rgba};
-  }
-`,l=o(e)``,d=o.div`
-  display: flex;
-  align-items: center;
-  ${({$paddedLeft:e})=>e&&"margin-left: 40px"};
-`;export{l as StyledIcon,c as StyledOption,d as StyledOptionItem,s as StyledOptionWrapper};

package/dist/esm/components/Inputs/SelectDrawer/SingleSelectDrawer.js

@@ -1,25 +0,0 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as i,useEffect as r}from"react";import{Button as a,Label as l,Input as s,Icon as n}from"@equinor/eds-core-react";import{arrow_drop_up as d,arrow_drop_down as c}from"@equinor/eds-icons";import{tokens as m}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import p from"./OptionDrawer.js";import{spacings as u}from"../../../style/spacings.js";import g from"styled-components";import{useOutsideClick as f}from"../../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";const{colors:h,elevation:b}=m,v=g.div`
-  position: relative;
-`,x=g.div`
-  position: relative;
-  input {
-    color: ${h.text.static_icons__default.rgba};
-  }
-`,_=g(a)`
-  position: absolute;
-  right: ${u.small};
-  height: ${u.large};
-  width: ${u.large};
-  top: 6px;
-`,w=g.div`
-  background: ${h.ui.background__default.rgba};
-  box-shadow: ${b.raised};
-  overflow-y: scroll;
-  max-height: 300px;
-  padding: 0;
-  margin-top: 4px;
-  position: absolute;
-  right: 0;
-  left: 0;
-  z-index: 50;
-`,k=({disabled:a=!1,onChange:m,items:u=[],label:g,initialItem:h,meta:b,readOnly:k=!1,placeholder:y})=>{const[C,$]=t(u.find((e=>e?.id===h?.id))),[j,q]=t(u),[O,S]=t(""),[D,E]=t(!1),I=i(null),L=i(null);f(L.current,(e=>{L.current?.contains(e.target)||I.current?.contains(e.target)||E(!1)})),r((()=>{q(""!==O?u.filter((e=>e.label.toLowerCase().includes(O.toLowerCase()))):u)}),[O,u]);return e(v,{children:[o(l,{label:g,meta:b,disabled:a}),e(x,{ref:I,children:[o(s,{value:O,readOnly:k,onFocus:()=>E(!0),onChange:e=>S(e.target.value),placeholder:y,disabled:a}),o(_,{variant:"ghost_icon","aria-label":"toggle options",title:"open",onClick:()=>E((e=>!e)),disabled:a,children:o(n,{data:D?d:c})})]}),o(w,{ref:L,children:D&&j.map((e=>o(p,{onToggle:e=>((e,o)=>{o?e.forEach((e=>{$(e),m&&m(e)})):e.forEach((()=>{$(void 0),m&&m(void 0)}))})(e.items,e.toggle),selectedItems:C?[C]:[],singleSelect:!0,item:e},e.id)))})]})};k.displayName="SingleSelectDrawer";export{k as default};

package/dist/esm/components/Inputs/Sieve/Filter.js

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

package/dist/esm/components/Inputs/Sieve/Sieve.js

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

package/dist/esm/components/Inputs/Sieve/Sieve.styles.js

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

package/dist/esm/components/Inputs/Sieve/Sort.js

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

package/dist/esm/components/Inputs/SingleFilterMenu.js

@@ -1,20 +0,0 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as n}from"react";import{Chip as t,Button as i,Menu as a,Icon as r,Typography as d}from"@equinor/eds-core-react";import{filter_list as l}from"@equinor/eds-icons";import{tokens as s}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as c}from"../../style/spacings.js";import u from"styled-components";const{colors:m}=s,p=u.div`
-  margin-left: auto;
-  display: flex;
-  align-items: center;
-  gap: 25px;
-`,g=u(t)`
-  background: ${e=>e.$backgroundColor};
-`,f=u(i)`
-  justify-self: flex-end;
-`,h=u(a)`
-  overflow-y: auto;
-`,v=u.div`
-  padding: ${c.medium};
-  padding-left: ${c.large};
-`,b=u(a.Item)`
-  &:focus {
-    outline: none;
-    background: ${m.ui.background__light.rgba};
-  }
-`,C=({onChange:t,customIcon:i,menuTitle:a,data:s,showChip:c=!1,chipColor:u=m.ui.background__default.rgba})=>{const[C,k]=n(!1),[_,x]=n(null),[y,$]=n(),j=()=>k(!1);return e(p,{children:[c&&y&&o(g,{"data-testid":"chip",onDelete:()=>{j(),t(void 0),$(void 0)},variant:"default",$backgroundColor:u,children:y}),o(f,{"data-testid":"menuButton",variant:"ghost_icon",onClick:e=>(e=>{const o=e.target;x(o),k(!C)})(e),children:o(r,{data:i??l})}),e(h,{open:C,anchorEl:_,onClose:j,placement:"bottom-end","data-testid":"menuContainer",children:[o(v,{children:o(d,{group:"navigation",variant:"label",children:a})}),s.map(((e,n)=>o(b,{onClick:()=>{return o=e,k(!1),void(y===o?($(void 0),t(void 0)):($(o),t(o)));var o},disabled:y===e&&c,active:y===e&&!c,children:o(d,{group:"navigation",variant:"menu_title",as:"span",children:e})},e+n)))]})]})};C.displayName="FilterMenu";export{C as default};