@equinor/amplify-component-lib 9.15.2 → 9.15.3-beta.1

package/dist/node_modules/@equinor/eds-tokens/dist/esm/base/typography.js

@@ -0,0 +1 @@
+var e={heading:{h1_bold:{color:`var(--eds_heading__h1_bold_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`2.000rem`,fontWeight:700,lineHeight:`1.250em`,textAlign:`left`},h1:{color:`var(--eds_heading__h1_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`2.000rem`,fontWeight:400,lineHeight:`1.250em`,textAlign:`left`},h2:{color:`var(--eds_heading__h2_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.750rem`,fontWeight:400,lineHeight:`1.250em`,textAlign:`left`},h3:{color:`var(--eds_heading__h3_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.500rem`,fontWeight:400,lineHeight:`1.250em`,textAlign:`left`},h4:{color:`var(--eds_heading__h4_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.250rem`,fontWeight:400,lineHeight:`1.600em`,textAlign:`left`},h5:{color:`var(--eds_heading__h5_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.125rem`,fontWeight:500,letterSpacing:`0.013em`,lineHeight:`1.333em`,textAlign:`left`},h6:{color:`var(--eds_heading__h6_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:500,letterSpacing:`0.013em`,lineHeight:`1.500em`,textAlign:`left`}},navigation:{menu_title:{color:`var(--eds_navigation__menu_title_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:400,letterSpacing:`0.013em`,lineHeight:`1.000em`,textAlign:`left`},menu_tabs:{color:`var(--eds_navigation__menu_tabs_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:500,letterSpacing:`0.013em`,lineHeight:`1.000em`,textAlign:`left`},label:{color:`var(--eds_navigation__label_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.750rem`,fontWeight:500,lineHeight:`1.333em`,textAlign:`left`},drawer_active:{color:`var(--eds_navigation__drawer_active_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:700,letterSpacing:`0.006em`,lineHeight:`1.000em`,textAlign:`left`},drawer_inactive:{color:`var(--eds_navigation__drawer_inactive_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:500,letterSpacing:`0.013em`,lineHeight:`1.000em`,textAlign:`left`},button:{color:`var(--eds_navigation__button_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:500,lineHeight:`1.143em`,textAlign:`left`},breadcrumb:{color:`var(--eds_navigation__breadcrumb_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:500,lineHeight:`1.143em`,textAlign:`left`},breadcrumb_hover:{color:`var(--eds_navigation__breadcrumb_hover_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:500,lineHeight:`1.143em`,textDecoration:`underline`,textAlign:`left`},menu_title_hover:{color:`var(--eds_navigation__menu_title_hover_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:400,letterSpacing:`0.013em`,lineHeight:`1.000em`,textAlign:`left`}},input:{label:{color:`var(--eds_input__label_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.750rem`,fontWeight:500,lineHeight:`1.333em`,textAlign:`left`},text:{color:`var(--eds_input__text_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:400,letterSpacing:`0.025em`,lineHeight:`1.500em`,textAlign:`left`},text_monospaced:{fontFeature:`'tnum' on,'lnum' on`,color:`var(--eds_input__text_monospaced_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:400,letterSpacing:`0.063em`,lineHeight:`1.500em`,textAlign:`left`},helper:{color:`var(--eds_input__helper_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.750rem`,fontWeight:500,letterSpacing:`0.013em`,lineHeight:`1.333em`,textAlign:`left`}},paragraph:{body_short_italic:{color:`var(--eds_paragraph__body_short_italic_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:400,lineHeight:`1.250em`,fontStyle:`italic`,textAlign:`left`},caption:{color:`var(--eds_paragraph__caption_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:500,lineHeight:`1.143em`,textAlign:`left`},meta:{color:`var(--eds_paragraph__meta_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`0.625rem`,fontWeight:500,lineHeight:`1.600em`,textAlign:`left`},body_short:{color:`var(--eds_paragraph__body_short_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:400,lineHeight:`1.250em`,textAlign:`left`},body_short_bold_italic:{color:`var(--eds_paragraph__body_short_bold_italic_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:700,lineHeight:`1.250em`,fontStyle:`italic`,textAlign:`left`},body_short_bold:{color:`var(--eds_paragraph__body_short_bold_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:700,lineHeight:`1.250em`,textAlign:`left`},body_short_link:{color:`var(--eds_paragraph__body_short_link_color, rgba(0, 112, 121, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:400,lineHeight:`1.250em`,textDecoration:`underline`,textAlign:`left`},overline:{color:`var(--eds_paragraph__overline_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`0.625rem`,fontWeight:500,letterSpacing:`0.069em`,lineHeight:`1.600em`,textTransform:`uppercase`,textAlign:`left`},ingress:{color:`var(--eds_paragraph__ingress_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.125rem`,fontWeight:400,lineHeight:`1.333em`,textAlign:`left`},body_long:{color:`var(--eds_paragraph__body_long_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:400,lineHeight:`1.500em`,textAlign:`left`},body_long_link:{color:`var(--eds_paragraph__body_long_link_color, rgba(0, 112, 121, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:400,lineHeight:`1.500em`,textDecoration:`underline`,textAlign:`left`},body_long_italic:{color:`var(--eds_paragraph__body_long_italic_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:400,lineHeight:`1.500em`,fontStyle:`italic`,textAlign:`left`},body_long_bold:{color:`var(--eds_paragraph__body_long_bold_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:700,lineHeight:`1.500em`,textAlign:`left`},body_long_bold_italic:{color:`var(--eds_paragraph__body_long_bold_italic_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:700,lineHeight:`1.500em`,fontStyle:`italic`,textAlign:`left`}},table:{cell_header:{color:`var(--eds_table__cell_header_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:700,lineHeight:`1.429em`,textAlign:`left`},cell_text:{color:`var(--eds_table__cell_text_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:500,lineHeight:`1.429em`,textAlign:`left`},cell_text_bold:{color:`var(--eds_table__cell_text_bold_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:700,lineHeight:`1.429em`,textAlign:`left`},cell_text_link:{color:`var(--eds_table__cell_text_link_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:500,lineHeight:`1.429em`,textDecoration:`underline`,textAlign:`left`},cell_numeric_monospaced:{fontFeature:`'tnum' on,'lnum' on`,color:`var(--eds_table__cell_numeric_monospaced_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:500,lineHeight:`1.429em`,textAlign:`left`}},_modes:{compact:{table:{cell_header:{color:`var(--eds_table__cell_header_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:700,lineHeight:`1.143em`,textAlign:`left`},cell_text:{color:`var(--eds_table__cell_text_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:500,lineHeight:`1.143em`,textAlign:`left`},cell_text_bold:{color:`var(--eds_table__cell_text_bold_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:700,lineHeight:`1.143em`,textAlign:`left`},cell_text_link:{color:`var(--eds_table__cell_text_link_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:500,lineHeight:`1.143em`,textDecoration:`underline`,textAlign:`left`},cell_numeric_monospaced:{fontFeature:`'tnum' on,'lnum' on`,color:`var(--eds_table__cell_numeric_monospaced_color, rgba(0, 0, 0, 1))`,fontFamily:`Equinor`,fontSize:`0.875rem`,fontWeight:500,lineHeight:`1.143em`,textAlign:`left`}}}},ui:{tooltip:{color:`var(--eds_ui__tooltip_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`0.750rem`,fontWeight:500,lineHeight:`1.333em`,textAlign:`left`},snackbar:{color:`var(--eds_ui__snackbar_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`0.750rem`,fontWeight:500,lineHeight:`1.333em`,textAlign:`left`},accordion_header:{color:`var(--eds_ui__accordion_header_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`1.000rem`,fontWeight:500,lineHeight:`1.500em`,textAlign:`left`},chip__badge:{color:`var(--eds_ui__chip__badge_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`0.750rem`,fontWeight:500,lineHeight:`1.333em`,textAlign:`left`},chart:{color:`var(--eds_ui__chart_color, rgba(61, 61, 61, 1))`,fontFamily:`Equinor`,fontSize:`0.750rem`,fontWeight:500,lineHeight:`1.333em`,textAlign:`left`}}};export{e as typography};

package/dist/node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js

@@ -0,0 +1 @@
+import{useEffect as e}from"react";const t=(t,n)=>{e(()=>{let e=e=>{t&&!t.contains(e.target)&&n(e)};return document.addEventListener(`click`,e),()=>{document.removeEventListener(`click`,e)}},[t,n])};export{t as useOutsideClick};

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

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

package/dist/organisms/DataGrid/DataGrid.js

@@ -0,0 +1,41 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import n from"styled-components";import{jsx as r}from"react/jsx-runtime";import{EdsDataGrid as i}from"@equinor/eds-data-grid-react";const a=n.div`
+  table,
+  thead,
+  th {
+    background: transparent;
+  }
+  tr:has(th):hover {
+    background: unset;
+  }
+  thead,
+  th {
+    border: none;
+  }
+  th {
+    color: ${e.text.static_icons__default.rgba};
+    > div {
+      justify-content: space-between;
+      > svg {
+        height: 18px;
+        width: 18px;
+        fill: ${e.interactive.primary__resting.rgba};
+      }
+    }
+  }
+  th,
+  td {
+    padding: ${t.medium_small} ${t.small};
+  }
+  tr:hover,
+  th:hover,
+  th:has(svg) {
+    background: ${e.interactive.primary__hover_alt.rgba};
+  }
+  ${({$enableSorting:e})=>!e&&`
+    cursor: default;
+    tr:hover, th:hover {
+      background: unset;
+      cursor: default;
+    }
+    `}
+`,o=e=>r(a,{$enableSorting:e.enableSorting??!1,"data-testid":`table-wrapper`,children:r(i,{...e})});export{o as DataGrid};

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

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

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

@@ -0,0 +1,22 @@
+import{animation as e}from"../../../atoms/style/animation.js";import{colors as t}from"../../../atoms/style/colors.js";import{spacings as n}from"../../../atoms/style/spacings.js";import{shape as r}from"../../../atoms/style/index.js";import{formatDate as i}from"../../../atoms/utils/date.js";import{Button as a}from"../../../molecules/Button/Button.js";import{RichTextDisplay as o}from"../../../molecules/RichTextDisplay/RichTextDisplay.js";import{useState as s}from"react";import{Icon as c,Typography as l}from"@equinor/eds-core-react";import u from"styled-components";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{chevron_down as p,chevron_up as m}from"@equinor/eds-icons";import{AnimatePresence as h,motion as g}from"framer-motion";import{FaqService as _}from"@equinor/subsurface-app-management";const v=u.div`
+  background: ${t.ui.background__default.rgba};
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr auto auto;
+  align-items: center;
+  padding: ${n.medium};
+  border: 1px solid ${t.ui.background__heavy.rgba};
+  border-radius: ${r.corners.borderRadius};
+  cursor: pointer;
+  transition: border-color ${e.transitionMS};
+  > button {
+    margin-left: ${n.medium};
+    transition: background ${e.transitionMS};
+  }
+  &:hover {
+    border-color: ${t.interactive.primary__resting.rgba};
+    > button {
+      background: ${t.interactive.primary__hover_alt.rgba};
+    }
+  }
+`,y=({question:e,answer:t,createdDate:n})=>{let[r,u]=s(!1),y=()=>u(e=>!e);return f(v,{onClick:y,children:[d(l,{variant:`h4`,children:e}),d(l,{variant:`caption`,children:i(n)}),d(a,{variant:`ghost_icon`,children:d(c,{data:r?m:p})}),d(h,{children:r&&d(g.div,{style:{overflow:`hidden`},initial:{height:0},animate:{height:`auto`},exit:{height:0},children:d(o,{value:t,onImageRead:_.getFaqImage})})})]})};export{y as Question};

package/dist/organisms/Faq/CategorySkeleton.js

@@ -0,0 +1,29 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{Button as r}from"../../molecules/Button/Button.js";import{SkeletonBase as i}from"../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import{Icon as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{chevron_down as l}from"@equinor/eds-icons";const u=o.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${t.medium};
+`,d=o(i)`
+  height: 32px;
+  width: 12rem;
+  border-radius: ${n.corners.borderRadius};
+`,f=o.div`
+  background: ${e.ui.background__default.rgba};
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr auto auto;
+  align-items: center;
+  padding: ${t.medium};
+  border: 1px solid ${e.ui.background__heavy.rgba};
+  border-radius: ${n.corners.borderRadius};
+  > button {
+    margin-left: ${t.medium};
+  }
+`,p=o(i)`
+  height: 32px;
+  width: 50%;
+  border-radius: ${n.corners.borderRadius};
+`,m=o(i)`
+  height: 16px;
+  width: 5rem;
+  border-radius: ${n.corners.borderRadius};
+`,h=()=>c(u,{children:[s(d,{}),[,,,].fill(0).map((e,t)=>c(f,{children:[s(p,{$offset:t*100}),s(m,{$offset:t*100}),s(r,{variant:`ghost_icon`,children:s(a,{data:l})})]},`card-${t}`))]});export{h as CategorySkeleton};

package/dist/organisms/Faq/Faq.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+
+//#region src/organisms/Faq/Faq.d.ts
+declare const Faq: FC;
+//#endregion
+export { Faq };

package/dist/organisms/Faq/Faq.js

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

package/dist/organisms/Faq/Faq.styles.js

@@ -0,0 +1,8 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import t from"styled-components";const n=t.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${e.x_large};
+  margin: ${e.large} 0;
+  height: fit-content;
+  width: 100%;
+`;export{n as Container};

package/dist/organisms/Faq/Header.js

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

package/dist/organisms/FieldSelector/ChangingField.js

@@ -0,0 +1,24 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{capitalize as n}from"../../atoms/utils/string.js";import{useFakeProgress as r}from"../../atoms/hooks/useFakeProgress.js";import{AnimatedCheckmark as i}from"../../molecules/AnimatedCheckmark/AnimatedCheckmark.js";import a from"react";import{LinearProgress as o,Typography as s}from"@equinor/eds-core-react";import c from"styled-components";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=c.div`
+  gap: ${t.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 - (${t.xxx_large} * 4));
+  width: 100%;
+  max-width: 370px;
+`,p=c(o)`
+  background-color: ${e.interactive.primary__hover_alt.rgba};
+
+  div {
+    background-color: ${e.interactive.primary__resting.rgba};
+  }
+`,m=c(s)`
+  span {
+    text-transform: capitalize;
+  }
+`,h=({fieldName:e,onChangedField:t,finishedText:a})=>{let{finished:o,progress:c}=r({onDone:t});return u(f,{children:o?d(l,{children:[d(m,{variant:`h3`,children:[`Changed to `,u(`span`,{children:n(e)})]}),u(i,{}),u(s,{variant:`h6`,children:a})]}):d(l,{children:[d(s,{variant:`h3`,children:[`Changing field.`,`.`.repeat(c/35)]}),u(p,{variant:`determinate`,value:c})]})})};export{h as ChangingField};

package/dist/organisms/FieldSelector/FieldSelector.d.ts

@@ -0,0 +1,16 @@
+import { Field } from "../../atoms/types/Field.js";
+import { FC } from "react";
+
+//#region src/organisms/FieldSelector/FieldSelector.d.ts
+interface FieldSelectorProps {
+  setField: (value: Field) => void;
+  fields: Field[];
+  isLoading?: boolean;
+  onChangedField: () => void;
+  showAccessITLink?: boolean;
+  finishedText: string;
+  itemNameSingular?: string;
+}
+declare const FieldSelector: FC<FieldSelectorProps>;
+//#endregion
+export { FieldSelector, FieldSelectorProps };

package/dist/organisms/FieldSelector/FieldSelector.js

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

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

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

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

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

package/dist/organisms/Filter/AutoCompleteMenu.js

@@ -0,0 +1,10 @@
+import{colors as e}from"../../atoms/style/colors.js";import{findStartAndEndIndexOfSearch as t,getFilteredAutoCompleteOptions as n}from"./Filter.utils.js";import{useEffect as r,useRef as i,useState as a}from"react";import{Menu as o,Typography as s}from"@equinor/eds-core-react";import{styled as c}from"styled-components";import{jsx as l}from"react/jsx-runtime";const u=c(o)`
+  overflow-y: auto;
+  max-height: 250px;
+`,d=c(s)`
+  color: ${e.text.static_icons__tertiary.rgba};
+  > strong {
+    color: ${e.text.static_icons__default.rgba};
+    font-weight: unset;
+  }
+`;function f({anchorElement:e,searchElement:s,search:c,isFilterOpen:f,autoCompleteOptions:p,onAutoComplete:m}){let[h,g]=a(!1),_=i(``);r(()=>{!h&&c!==_.current?(_.current=c,g(!0)):c!==_.current&&(_.current=c)},[h,c]);let v=n({searchValue:c,autoCompleteOptions:p}),y=(e,t)=>{if(e.key===`ArrowUp`&&t===0){e.preventDefault(),s?.focus();return}if(e.key===`Enter`&&v[t]){m(v[t].key,v[t]),g(!1);return}};return!f||!h||!c||v.length===0?null:l(u,{open:!0,anchorEl:e,matchAnchorWidth:!0,onClose:()=>{g(!1)},children:v.map((e,n)=>{let[r,i]=t({searchValue:c,label:e.label}),a=[e.label.slice(0,r),l(`strong`,{children:e.label.slice(r,i+1)},`${e.value}-start`),e.label.slice(i+1)];return l(o.Item,{onKeyDown:e=>y(e,n),children:l(d,{children:a})},e.value)})})}export{f as AutoCompleteMenu};

package/dist/organisms/Filter/AutoCompleteText.js

@@ -0,0 +1,11 @@
+import{colors as e}from"../../atoms/style/colors.js";import{findStartAndEndIndexOfSearch as t,getFilteredAutoCompleteOptions as n}from"./Filter.utils.js";import{Typography as r}from"@equinor/eds-core-react";import{styled as i}from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=i(r)`
+  position: absolute;
+  left: 0;
+  color: ${e.text.static_icons__tertiary.rgba};
+  height: fit-content;
+  text-wrap: nowrap;
+  line-height: normal;
+  > span {
+    color: transparent;
+  }
+`;function c({search:e,autoCompleteOptions:r}){let i=n({autoCompleteOptions:r,searchValue:e});if(i.length===0)return null;let c=i[0],[l,u]=t({searchValue:e,label:c.label});return l===0?o(s,{children:[a(`span`,{children:e.slice(0,e.length)}),c.label.slice(u+1)]}):null}export{c as AutoCompleteText};

package/dist/organisms/Filter/ButtonWithMenu.js

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

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

@@ -0,0 +1,35 @@
+import { FilterProps } from "./Filter.types.js";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
+
+//#region src/organisms/Filter/Filter.d.ts
+
+/**
+ * @param values - Array of values to display as chips ({ value: string, label: string, icon?: IconData }[])
+ * @param search - The current search value
+ * @param onSearchChange - Callback when search changes
+ * @param onSearchEnter - Callback when users hit {Enter} in the search field
+ * @param onClearFilter - Function to call when the user clicks the delete button on a chip
+ * @param onClearAllFilters - Function to call when the user clicks the clear filters button
+ * @param children - ReactNode or ReactNode[] to display below when the filter is open
+ * @param inlineContent - ReactNode or ReactNode[] to display inline with the search field, but before the open/close button
+ * @param initialOpen - Whether the filter should be open by default, defaults to false
+ * @param placeholder - Placeholder text for the search input, defaults to 'Search...'
+ * @param id - ID for the search field
+ */
+declare function Filter<T extends string>({
+  values,
+  search,
+  onSearchChange,
+  onSearchEnter,
+  onClearFilter,
+  onClearAllFilters,
+  children,
+  topContent,
+  inlineContent,
+  initialOpen,
+  placeholder,
+  id,
+  ...rest
+}: FilterProps<T>): react_jsx_runtime4.JSX.Element;
+//#endregion
+export { Filter };

package/dist/organisms/Filter/Filter.js

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

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

@@ -0,0 +1,110 @@
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n,typography as r}from"../../atoms/style/index.js";import{Chip as i}from"../../molecules/Chip/Chip.js";import a,{css as o}from"styled-components";import{motion as s}from"framer-motion";const c=a.div`
+  width: 100%;
+  border: 1px solid ${e.ui.background__heavy.rgba};
+  background: ${e.ui.background__default.rgba};
+  border-radius: ${n.corners.borderRadius};
+  overflow: hidden;
+`,l=a.div`
+  display: flex;
+  align-items: center;
+  width: 100%;
+  outline: 1px solid ${e.ui.background__medium.rgba};
+  > button:not([data-testid='clear-all-x']) {
+    padding: 0 ${t.small} 0 ${t.medium_small};
+    display: flex;
+    gap: ${t.x_small};
+    align-items: center;
+    justify-content: center;
+    border-left: 1px solid ${e.ui.background__medium.rgba};
+    color: ${e.interactive.primary__resting.rgba};
+    align-self: stretch;
+    span {
+      color: ${e.interactive.primary__resting.rgba};
+    }
+
+    &:hover {
+      background: ${e.interactive.primary__hover_alt.rgba};
+    }
+  }
+
+  > button:last-child {
+    border-left: 1px solid ${e.ui.background__medium.rgba};
+    > span {
+      color: ${e.text.static_icons__secondary.rgba};
+    }
+    &:hover {
+      background: ${e.interactive.primary__hover_alt.rgba};
+    }
+  }
+`,u=a.section`
+  > svg:first-child {
+    flex-shrink: 0;
+  }
+  min-height: calc(48px - (2 * ${t.medium_small}));
+  align-items: center;
+  flex-grow: 1;
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${t.x_small};
+  padding: ${t.medium_small} ${t.small};
+  cursor: text;
+  &:hover {
+    background: ${e.ui.background__light_medium.rgba};
+  }
+  &:focus-within {
+    border-bottom: 1px solid ${e.interactive.primary__resting.rgba};
+    padding-bottom: calc(${t.medium_small} - 1px);
+  }
+  > button[data-testid='clear-all-x'] {
+    width: 24px;
+    height: 24px;
+    border-left: none;
+    margin-right: ${t.xx_small};
+    flex-shrink: 0;
+    &:after {
+      width: 24px;
+      height: 24px;
+    }
+  }
+`,d=a.input`
+  background: transparent;
+  width: 0;
+  flex-grow: 1;
+  padding: 0;
+  font-family: 'Equinor', sans-serif;
+  font-size: ${r.input.text.fontSize};
+  font-weight: ${r.input.text.fontWeight};
+  color: ${e.text.static_icons__default.rgba};
+  outline: none;
+  border: none;
+  &::placeholder {
+    opacity: 1;
+    color: ${e.text.static_icons__tertiary.rgba};
+  }
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-results-button,
+  &::-webkit-search-results-decoration {
+    display: none;
+  }
+`,f=a(s.div)`
+  border-bottom-left-radius: ${n.corners.borderRadius};
+  border-bottom-right-radius: ${n.corners.borderRadius};
+  background: ${e.ui.background__default.rgba};
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  gap: ${t.medium};
+  padding: ${t.medium};
+  > span {
+    display: flex;
+    gap: ${t.x_small};
+  }
+`,p=a(i)`
+  ${({$tryingToRemove:t})=>{if(t)return o`
+        background: ${e.interactive.primary__hover_alt.rgba};
+      `}}
+`,m=a.section`
+  position: relative;
+  flex-grow: 1;
+  display: flex;
+`;export{l as Container,f as Content,d as SearchField,m as SearchFieldWrapper,u as Section,p as StyledChip,c as Wrapper};

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

@@ -0,0 +1,28 @@
+import { SelectOptionRequired } from "../../molecules/Select/Select.types.js";
+import { ChangeEvent, ReactNode } from "react";
+import { IconData } from "@equinor/eds-icons";
+
+//#region src/organisms/Filter/Filter.types.d.ts
+interface CommonFilterProps<T extends string> {
+  values: Record<T, Array<SelectOptionRequired & {
+    icon?: IconData;
+  }>>;
+  onClearFilter: (key: T, index: number) => void;
+  onClearAllFilters: () => void;
+  search: string;
+  onSearchChange: (event: ChangeEvent<HTMLInputElement>) => void;
+  onSearchEnter: (value: string) => void;
+  children: ReactNode | ReactNode[];
+  inlineContent?: ReactNode | ReactNode[];
+  topContent?: ReactNode | ReactNode[];
+  initialOpen?: boolean;
+  placeholder?: string;
+  id?: string;
+}
+interface FilterWithAutoCompleteOptions<T extends string> extends CommonFilterProps<T> {
+  autoCompleteOptions: Record<T, SelectOptionRequired[]>;
+  onAutoComplete: (key: T, value: SelectOptionRequired) => void;
+}
+type FilterProps<T extends string> = CommonFilterProps<T> | FilterWithAutoCompleteOptions<T>;
+//#endregion
+export { FilterProps };

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

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

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

@@ -0,0 +1,19 @@
+import { SelectOptionRequired } from "../../molecules/Select/Select.types.js";
+import { FilterProps } from "./Filter.types.js";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+
+//#region src/organisms/Filter/QuickFilter.d.ts
+interface QuickFilterProps<T extends string> {
+  values: FilterProps<T>['values'];
+  items: Record<T, SelectOptionRequired[]>;
+  onQuickFilter: (key: T, value: SelectOptionRequired) => void;
+  label?: string;
+}
+declare function QuickFilter<T extends string>({
+  values,
+  items,
+  onQuickFilter,
+  label
+}: QuickFilterProps<T>): react_jsx_runtime5.JSX.Element;
+//#endregion
+export { QuickFilter };

package/dist/organisms/Filter/QuickFilter.js

@@ -0,0 +1 @@
+import{ButtonWithMenu as e}from"./ButtonWithMenu.js";import{useState as t}from"react";import{Icon as n,Menu as r,Typography as i}from"@equinor/eds-core-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{arrow_drop_down as s,arrow_drop_up as c}from"@equinor/eds-icons";function l({values:l,items:u,onQuickFilter:d,label:f=`Quick filter`}){let[p,m]=t(!1);return o(e,{onOpenChange:m,menuItems:Object.keys(u).flatMap(e=>u[e].map(t=>a(r.Item,{active:l[e]?.some(e=>e.value===t.value),onClick:()=>d(e,t),children:t.label},t.label))),children:[a(i,{as:`span`,variant:`button`,group:`navigation`,children:f}),a(n,{data:p?c:s})]})}export{l as QuickFilter};

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

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/organisms/Filter/SortMenu.d.ts
+interface SortMenuProps<S> {
+  value: S;
+  onChange: (value: S) => void;
+  items: {
+    value: S;
+    label: string;
+  }[];
+}
+declare function SortMenu<S>({
+  value,
+  onChange,
+  items
+}: SortMenuProps<S>): react_jsx_runtime6.JSX.Element;
+//#endregion
+export { SortMenu };

package/dist/organisms/Filter/SortMenu.js

@@ -0,0 +1,5 @@
+import{colors as e}from"../../atoms/style/colors.js";import{ButtonWithMenu as t}from"./ButtonWithMenu.js";import{Icon as n,Menu as r,Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{radio_button_selected as c,radio_button_unselected as l,sort as u}from"@equinor/eds-icons";const d=a(r.Item)`
+  > div {
+    grid-template-columns: 1fr auto;
+  }
+`;function f({value:r,onChange:a,items:f}){let p=f.find(e=>e.value===r),m=e=>{a(e)};return s(t,{menuItems:f.map(t=>s(d,{onClick:()=>{m(t.value)},children:[t.label,o(n,{color:t.value===r?e.interactive.primary__resting.rgba:e.text.static_icons__tertiary.rgba,data:t.value===r?c:l})]},t.label)),children:[s(i,{as:`span`,variant:`button`,group:`navigation`,children:[`Sort by `,p?.label]}),o(n,{data:u})]})}export{f as SortMenu};

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

@@ -0,0 +1,12 @@
+import { Filter } from "./Filter.js";
+import { QuickFilter } from "./QuickFilter.js";
+import { SortMenu } from "./SortMenu.js";
+
+//#region src/organisms/Filter/index.d.ts
+type FilterType = typeof Filter & {
+  QuickFilter: typeof QuickFilter;
+  SortMenu: typeof SortMenu;
+};
+declare const Filter$1: FilterType;
+//#endregion
+export { Filter$1 as Filter, type FilterType };

package/dist/organisms/Filter/index.js

@@ -0,0 +1 @@
+import{Filter as e}from"./Filter.js";import{QuickFilter as t}from"./QuickFilter.js";import{SortMenu as n}from"./SortMenu.js";const r=e;r.QuickFilter=t,r.SortMenu=n;export{r as Filter};

package/dist/organisms/PageTitle/PageTitle.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from "react";
+
+//#region src/organisms/PageTitle/PageTitle.d.ts
+interface PageTitleProps {
+  title: string;
+  children: ReactNode;
+}
+declare const PageTitle: FC<PageTitleProps>;
+//#endregion
+export { PageTitle };

package/dist/organisms/PageTitle/PageTitle.js

@@ -0,0 +1 @@
+import{environment as e}from"../../atoms/utils/auth_environment.js";import{useEffect as t}from"react";const n=e.getAppName(import.meta.env.VITE_NAME),r=({title:e,children:r})=>(t(()=>{document.title!==e&&(document.title=`${n} - ${e}`)},[e]),r);export{r as PageTitle};