@equinor/amplify-component-lib 0.0.1

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

@@ -0,0 +1,13 @@
+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

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

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

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

@@ -0,0 +1,149 @@
+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

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

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

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

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

@@ -0,0 +1,28 @@
+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

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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,25 @@
+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

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

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

@@ -0,0 +1,39 @@
+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

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

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

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

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

package/dist/esm/components/Navigation/PageWithTitle.js

@@ -0,0 +1 @@
+import{useEffect as t}from"react";const e=({children:e,title:o})=>(t((()=>{document.title!==o&&(document.title=o)}),[o]),e);export{e as default};

package/dist/esm/components/Navigation/SelectField/ChangingField.js

@@ -0,0 +1,24 @@
+import{jsx as r,jsxs as i,Fragment as e}from"react/jsx-runtime";import{LinearProgress as o,Typography as t}from"@equinor/eds-core-react";import{tokens as s}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import a from"../../Feedback/AnimatedCheckmark.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../../providers/AuthProvider/AuthProvider.js";import"../../../providers/ReleaseNotesProvider.js";import"../../../providers/SideBarProvider.js";import"../../../providers/SnackbarProvider.js";import"../../../providers/TableOfContentsProvider.js";import"../../../providers/TutorialStepsProvider.js";import"react";import{useFakeProgress as n}from"../../../hooks/useFakeProgress.js";import"../../../providers/FeatureToggleProvider.js";import"../../../utils/auth_environment.js";import"../../Feedback/ErrorPage/illustrations/GlitchAnimation.js";import"../../Feedback/ErrorPage/illustrations/QuestioningAnimation.js";import"../../../types/Errors.js";import"html2canvas";import"proj4";import m from"../../../utils/string.js";import"../../../node_modules/lodash/lodash.js";import"@tanstack/react-query";import"../../../api/core/OpenAPI.js";import"@microsoft/signalr";import"../../../types/Environment.js";import{spacings as p}from"../../../style/spacings.js";import d from"styled-components";const{colors:l}=s,c=d.div`
+  gap: ${p.medium};
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  min-height: calc(100vh - (${p.xxx_large} * 4));
+  width: 100%;
+  max-width: 370px;
+`,h=d(o)`
+  background-color: ${l.interactive.primary__hover_alt.rgba};
+
+  div {
+    background-color: ${l.interactive.primary__resting.rgba};
+  }
+`,v=d(t)`
+  span {
+    text-transform: capitalize;
+  }
+`,u=({fieldName:o,onChangedField:s,finishedText:p})=>{const{finished:d,progress:l}=n({onDone:s});return r(c,{children:i(e,d?{children:[i(v,{variant:"h3",children:["Changed to ",r("span",{children:m.capitalize(o)})]}),r(a,{}),r(t,{variant:"h6",children:p})]}:{children:[i(t,{variant:"h3",children:["Changing field.",".".repeat(l/35)]}),r(h,{variant:"determinate",value:l})]})})};export{h as LinearProgress,u as default};

package/dist/esm/components/Navigation/SelectField/SelectField.js

@@ -0,0 +1,15 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as i,useRef as r}from"react";import{tokens as t}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import n from"./ChangingField.js";import s from"./SelectorCard/SelectorCard.js";import a from"./SelectorCard/Skeleton.js";import d from"../../Visuals/Waves/VisualWaves.js";import l from"styled-components";const{colors:c}=t,m=l.div`
+  margin-top: auto;
+  > svg {
+    margin-bottom: -10px;
+    background-color: ${c.ui.background__light.rgba};
+  }
+`,u=l.div`
+  background-color: ${c.ui.background__light.rgba};
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 64px);
+  max-height: calc(100vh - 64px);
+  width: 100vw;
+`,h=({setField:t,fields:l,isLoading:c,onChangedField:h,finishedText:g,showAccessITLink:f=!0})=>{const[p,x]=i(!1),v=r("");return p?e(n,{fieldName:v.current,onChangedField:h,finishedText:g}):o(u,{className:"select-field",children:[e(m,{children:e(d,{})}),c?e(a,{}):e(s,{availableFields:l,onSelect:e=>{e.name&&e.uuid&&(t({uuid:e.uuid,name:e.name,country:e.country??""}),v.current=e.name,x(!0))},showAccessITLink:f})]})};export{h as default};

package/dist/esm/components/Navigation/SelectField/SelectorCard/SelectorCard.js

@@ -0,0 +1,70 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as t,useMemo as o}from"react";import{Card as r,Typography as n,Autocomplete as a,Button as s,Icon as d}from"@equinor/eds-core-react";import{arrow_forward as l}from"@equinor/eds-icons";import{tokens as c}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as m}from"../../../../style/spacings.js";import p from"styled-components";const{elevation:h,colors:u,shape:g}=c,f=p(r)`
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  max-height: 60vh;
+  min-height: 150px;
+  transform: translate(-50%, -50%);
+  width: 25rem;
+  height: auto;
+  padding: ${m.large};
+  box-shadow: ${h.above_scrim};
+  border-radius: ${g.corners.borderRadius};
+  display: flex;
+  flex-direction: column;
+  gap: ${m.large};
+  > h3 {
+    color: ${u.text.static_icons__default.rgba};
+  }
+  > div {
+    display: flex;
+    flex-direction: column;
+    gap: ${m.large};
+    section {
+      display: grid;
+      grid-template-columns: 1fr auto;
+      align-items: flex-end;
+      grid-gap: ${m.medium};
+    }
+  }
+`,b=p.div`
+  * {
+    background: none !important;
+    color: ${u.text.static_icons__default.rgba};
+  }
+  *:focus-within {
+    outline: none !important;
+  }
+  input:focus {
+    box-shadow: inset 0 -2px ${u.interactive.primary__resting.rgba};
+  }
+`,x=p.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${m.small};
+  > h6 {
+    text-transform: capitalize;
+  }
+`,v=p.a`
+  padding: ${m.small} ${m.medium};
+  transition: background-color 200ms ease;
+  font-size: 14px;
+  line-height: 16px;
+  font-weight: 500;
+  border-radius: ${g.corners.borderRadius};
+  text-decoration: none;
+  &:visited {
+    color: inherit;
+  }
+  &:focus-within {
+    outline: ${u.interactive.primary__resting.rgba} dashed 2px;
+  }
+  &:active {
+    outline: 0;
+    background-color: ${u.interactive.primary__selected_highlight.rgba};
+  }
+  &:hover {
+    background-color: ${u.interactive.primary__hover_alt.rgba};
+    cursor: pointer;
+  }
+`,_=({availableFields:r,onSelect:c,showAccessITLink:m=!0})=>{const[p,h]=t(),u=o((()=>{const e=[];for(const i of r)i.name?e.push(i):console.error("Field with no name found!:",i);return e}),[r]);return e(f,{children:[i(n,{variant:"h3",children:"Please select a field"}),e("div",{children:[e("section",{children:[i(b,{children:i(a,{autoWidth:!0,options:u,label:"",placeholder:"Select a field",onOptionsChange:e=>{h(e.selectedItems[0])},optionLabel:e=>e.name})}),i(s,{"data-testid":"nextButton",variant:"contained_icon",disabled:void 0===p,onClick:()=>{void 0!==p&&c(p)},children:i(d,{data:l})})]}),m&&e(x,{children:[i(n,{variant:"overline",children:"Missing a field?"}),i(v,{tabIndex:0,"data-testid":"missing-access",href:"https://accessit.equinor.com/#",target:"_blank",children:"Go to AccessIT"})]})]})]})};export{_ as default};

package/dist/esm/components/Navigation/SelectField/SelectorCard/Skeleton.js

@@ -0,0 +1,24 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Card as o}from"@equinor/eds-core-react";import{tokens as i}from"../../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import r from"../../../Feedback/Skeleton/SkeletonBase/SkeletonBase.js";import{spacings as s}from"../../../../style/spacings.js";import n from"styled-components";const{elevation:a,shape:d}=i,m=n(o)`
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  max-height: 60vh;
+  min-height: 150px;
+  transform: translate(-50%, -50%);
+  width: 25rem;
+  align-items: center;
+  padding: ${s.large};
+  box-shadow: ${a.raised};
+  border-radius: ${d.corners.borderRadius};
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+`,l=n(r)`
+  width: calc((25rem - 2 * ${s.large}) * 0.8);
+  height: calc(${d.button.minHeight});
+`,c=n(r)`
+  width: ${d.icon_button.minWidth};
+  height: ${d.icon_button.minHeight};
+
+  border-radius: ${d.icon_button.borderRadius};
+`,h=()=>e(m,{children:[t(l,{role:"busy"}),t(c,{role:"busy"})]});export{h as default};

package/dist/esm/components/Navigation/SideBar/CreateItem.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Icon as i}from"@equinor/eds-core-react";import{add as t}from"@equinor/eds-icons";import{MenuItemContainer as o,CreateButton as a}from"./CreateItem.styles.js";import n from"../../DataDisplay/OptionalTooltip.js";import{useSideBar as d}from"../../../providers/SideBarProvider.js";const l=({createLabel:l,onCreate:s,disabled:c=!1})=>{const{isOpen:m}=d();return e(o,m?{children:r(a,{$open:!0,variant:"contained",onClick:s,disabled:c,children:[e(i,{data:t}),l]})}:{children:e(n,{title:l,placement:"right",children:e(a,{variant:"contained",onClick:s,disabled:c,children:e(i,{data:t})})})})};export{l as default};

package/dist/esm/components/Navigation/SideBar/CreateItem.styles.js

@@ -0,0 +1,23 @@
+import{Button as o}from"@equinor/eds-core-react";import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import r from"styled-components";const{colors:i,shape:t}=e,s=r.div`
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+  height: 64px;
+  padding: 0 14px;
+  border-bottom: 1px solid ${i.ui.background__medium.rgba};
+  box-sizing: border-box;
+`,d=r(o)`
+  width: ${o=>o.$open?"fit-content":"36px"};
+  height: 36px;
+  border-radius: ${t.icon_button.borderRadius};
+  transition: 0.1s ease-out;
+  &:hover {
+    border-radius: ${t.icon_button.borderRadius};
+  }
+  &:disabled {
+    border: 0 solid transparent;
+  }
+  > span {
+    ${o=>o.$open&&"margin-left: -11px"};
+  }
+`;export{d as CreateButton,s as MenuItemContainer};

package/dist/esm/components/Navigation/SideBar/MenuItem.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as t,useMemo as a}from"react";import{Icon as r}from"@equinor/eds-core-react";import{Link as n,IconContainer as d,ItemText as o}from"./MenuItem.styles.js";import s from"../../DataDisplay/OptionalTooltip.js";import{useSideBar as l}from"../../../providers/SideBarProvider.js";const c=t((({currentUrl:t,icon:c,name:m,link:p,onClick:u,disabled:b=!1,replace:f=!1},v)=>{const $=(f?"string"==typeof t&&t===p:t?.includes(p))??!1,{isOpen:h}=l(),g=a((()=>!b&&!$),[b,$]),j=e=>{g?u&&u():e.preventDefault()};return h?e(n,{to:p,$active:$,"aria-disabled":b,$disabled:b,onClick:j,tabIndex:0,$open:!0,ref:v,"data-testid":"sidebar-menu-item",replace:f,children:[c&&i(d,{"data-testid":"icon-container",children:i(r,{data:c,size:24})}),i(o,{$active:$,$disabled:b,variant:"button",group:"navigation",children:m})]}):i(n,{to:p,$active:$,"aria-disabled":b,$disabled:b,onClick:j,$open:h,tabIndex:0,ref:v,"data-testid":"sidebar-menu-item",children:i(s,{title:m,placement:"right",children:c&&i(d,{"data-testid":"icon-container",children:i(r,{data:c,size:24})})})})}));c.displayName="MenuItem";export{c as default};

package/dist/esm/components/Navigation/SideBar/MenuItem.styles.js

@@ -0,0 +1,38 @@
+import{Link as e}from"react-router-dom";import{Typography as t}from"@equinor/eds-core-react";import{tokens as i}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{spacings as r}from"../../../style/spacings.js";import o from"styled-components";const{colors:a}=i,n=o(e)`
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+  justify-content: ${({$open:e})=>!e&&"center"};
+  height: 64px;
+  padding: ${r.medium};
+  gap: ${r.medium};
+  box-sizing: border-box;
+  border-bottom: 1px solid ${a.ui.background__medium.rgba};
+  background: ${({$active:e})=>e&&a.interactive.primary__selected_highlight.rgba};
+  text-decoration: none;
+  transition: background 0.1s ease-out;
+  > div > svg {
+    fill: ${({$disabled:e})=>e?a.interactive.disabled__text.rgba:a.interactive.primary__resting.rgba};
+  }
+  &:hover {
+    cursor: ${({$disabled:e})=>!e&&"pointer"};
+    text-decoration: none;
+    background: ${({$active:e,$disabled:t})=>!t&&(e?a.interactive.primary__selected_hover.rgba:a.interactive.primary__hover_alt.rgba)};
+    > div > svg {
+      fill: ${({$disabled:e,$active:t})=>!e&&!t&&a.text.static_icons__default.rgba};
+    }
+  }
+  &:focus {
+    outline: 1px dashed ${a.interactive.primary__resting.rgba};
+    outline-offset: -1px;
+    text-decoration: none;
+  }
+`,s=o.div`
+  padding: ${r.x_small};
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+`,d=o(t)`
+  color: ${({$disabled:e})=>e?a.interactive.disabled__text.rgba:a.text.static_icons__default.rgba};
+`;export{s as IconContainer,d as ItemText,n as Link};

package/dist/esm/components/Navigation/SideBar/SideBar.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t}from"react";import o from"../../Icons/EquinorLogo.js";import i from"./CreateItem.js";import{NavigationContainer as a,TopItemContainer as s,BottomItemContainer as m,EquinorIconContainer as d}from"./SideBar.styles.js";import n from"./ToggleOpen.js";import{useSideBar as p}from"../../../providers/SideBarProvider.js";const c=t(((t,c)=>{const{children:l,showCreate:f=!0,bottomItem:h}=t,{isOpen:b,setIsOpen:j}=p();return e(a,{$width:b?"231px":"64px",ref:c,"data-testid":"sidebar",children:[e(s,{children:[t.onCreate&&f&&r(i,{createLabel:t.createLabel,onCreate:t.onCreate,disabled:t.createDisabled}),l]}),e(m,{children:[h,r(n,{isOpen:b,toggle:()=>{j(!b)}}),r(d,{children:r(o,{})})]})]})}));c.displayName="SideBar";export{c as SideBar};