@equinor/amplify-component-lib 8.11.0 → 8.11.1

package/dist/atoms/hooks/useSelect.js

@@ -1 +1 @@
-import{useState as e,useRef as n,useMemo as r,useEffect as t}from"react";import{flattenOptions as l}from"../../molecules/Select/Select.utils.js";const u=u=>{const{loading:a,disabled:c,sortValues:o,onSearchChange:d,onOpenCallback:s}=u,[v,i]=e(!1),[h,m]=e(""),f=n(null),g=n([]),p=n(-1),[y,k]=e(void 0),S=n(!1),I=n(0),A=r((()=>{let e,n=[];return"values"in u?n=u.values:u.value&&(n=[u.value]),o?(e=u.groups?u.groups.flatMap((e=>e.items)):u.items.flatMap((e=>[{...e},...e.children||[]])),n.sort(((n,r)=>e.findIndex((e=>e.value===n.value))-e.findIndex((e=>e.value===r.value))))):n}),[u,o]);t((()=>{void 0!==s&&s(v)}),[s,v]),t((()=>{S.current&&I.current!==A.length&&(I.current=A.length,S.current=!1,f.current?.focus())}),[A.length]);const O=()=>{v||c||a||(f.current?.focus(),i(!0))},w=()=>{i(!1),m(""),p.current=0},C=e=>{!("values"in u)||a||c||u.onSelect(u.values.filter((n=>n.value!==e.value)),e)};return{handleOnAddItem:()=>{"onAddItem"in u&&u.onAddItem&&(u.onAddItem(h),m(""))},handleOnItemSelect:e=>{"value"in u?u.onSelect(e):u.onSelect(((e,n)=>{const r=structuredClone(e);return r.some((e=>e.value===n.value))?r.filter((e=>e.value!==n.value)):"values"in u&&void 0!==u.syncParentChildSelection&&!u.syncParentChildSelection?[n,...r]:[n,...r.filter((e=>(!(void 0===n.children||n.children.length>0)||!l([n]).some((n=>n.value===e.value)))&&(void 0===e.children||0===e.children.length||l([e]).every((e=>e.value!==n.value)))))]})(u.values,e),e),""!==h&&m(""),S.current=!0},handleOnItemKeyDown:e=>{"ArrowDown"===e.key&&p.current<g.current.length-1?(p.current+=1,g.current.at(p.current)?.focus()):"ArrowUp"===e.key&&p.current>0?(p.current-=1,g.current.at(p.current)?.focus()):"ArrowUp"===e.key&&0===p.current&&(p.current=-1,f.current?.focus())},handleOnSearchKeyDown:e=>{"Enter"===e.key&&""!==h&&"onAddItem"in u&&u.onAddItem?(e.preventDefault(),u.onAddItem(h),m("")):"Space"===e.key||"Enter"===e.key?O():"Escape"===e.key?(f.current?.blur(),w()):"ArrowDown"!==e.key&&"ArrowUp"!==e.key||!g.current.at(0)?"Backspace"===e.key&&void 0===y&&"values"in u&&""===h?k(A?.at(-1)):"Backspace"===e.key&&y&&(C(y),k(void 0)):(g.current[0]?.focus(),p.current=0)},handleOnClear:()=>{"value"in u?u.onSelect(void 0):u.onSelect([])},handleOnSearchChange:e=>{" "===e.target.value||a||c||(m(e.target.value),d?.(e.target.value),v||i(!0),A.length>0&&""!==e.target.value&&setTimeout((()=>{f.current?.focus()})))},handleToggleOpen:()=>{c||a||(v?w():O())},handleOnClose:w,handleOnOpen:O,handleOnRemoveItem:C,search:h,searchRef:f,itemRefs:g,selectedValues:A,open:v,tryingToRemoveItem:y}};export{u as useSelect};
+import{useState as e,useRef as n,useMemo as r,useEffect as t}from"react";import{flattenOptions as l}from"../../molecules/Select/Select.utils.js";const u=u=>{const{loading:a,disabled:c,sortValues:o,onSearchChange:d,onOpenCallback:s}=u,[i,v]=e(!1),[h,m]=e(""),g=n(null),p=n([]),f=n(-1),[y,k]=e(void 0),S=n(!1),I=n(0),A=r((()=>{let e,n=[];return"values"in u?n=u.values:u.value&&(n=[u.value]),o?(e="groups"in u&&u.groups?u.groups.flatMap((e=>e.items)):u.items.flatMap((e=>[{...e},...e.children||[]])),n.sort(((n,r)=>e.findIndex((e=>e.value===n.value))-e.findIndex((e=>e.value===r.value))))):n}),[u,o]);t((()=>{void 0!==s&&s(i)}),[s,i]),t((()=>{S.current&&I.current!==A.length&&(I.current=A.length,S.current=!1,g.current?.focus())}),[A.length]);const O=()=>{i||c||a||(g.current?.focus(),v(!0))},w=()=>{v(!1),m(""),f.current=0},C=e=>{!("values"in u)||a||c||u.onSelect(u.values.filter((n=>n.value!==e.value)),e)};return{handleOnAddItem:()=>{"onAddItem"in u&&u.onAddItem&&(u.onAddItem(h),m(""))},handleOnItemSelect:e=>{"value"in u?u.onSelect(e):u.onSelect(((e,n)=>{const r=structuredClone(e);return r.some((e=>e.value===n.value))?r.filter((e=>e.value!==n.value)):"values"in u&&void 0!==u.syncParentChildSelection&&!u.syncParentChildSelection?[n,...r]:[n,...r.filter((e=>(!(void 0===n.children||n.children.length>0)||!l([n]).some((n=>n.value===e.value)))&&(void 0===e.children||0===e.children.length||l([e]).every((e=>e.value!==n.value)))))]})(u.values,e),e),""!==h&&m(""),S.current=!0},handleOnItemKeyDown:e=>{"ArrowDown"===e.key&&f.current<p.current.length-1?(f.current+=1,p.current.at(f.current)?.focus()):"ArrowUp"===e.key&&f.current>0?(f.current-=1,p.current.at(f.current)?.focus()):"ArrowUp"===e.key&&0===f.current&&(f.current=-1,g.current?.focus())},handleOnSearchKeyDown:e=>{"Enter"===e.key&&""!==h&&"onAddItem"in u&&u.onAddItem?(e.preventDefault(),u.onAddItem(h),m("")):"Space"===e.key||"Enter"===e.key?O():"Escape"===e.key?(g.current?.blur(),w()):"ArrowDown"!==e.key&&"ArrowUp"!==e.key||!p.current.at(0)?"Backspace"===e.key&&void 0===y&&"values"in u&&""===h?k(A?.at(-1)):"Backspace"===e.key&&y&&(C(y),k(void 0)):(p.current[0]?.focus(),f.current=0)},handleOnClear:()=>{"value"in u?u.onSelect(void 0):u.onSelect([])},handleOnSearchChange:e=>{" "===e.target.value||a||c||(m(e.target.value),d?.(e.target.value),i||v(!0),A.length>0&&""!==e.target.value&&setTimeout((()=>{g.current?.focus()})))},handleToggleOpen:()=>{c||a||(i?w():O())},handleOnClose:w,handleOnOpen:O,handleOnRemoveItem:C,search:h,searchRef:g,itemRefs:p,selectedValues:A,open:i,tryingToRemoveItem:y}};export{u as useSelect};

package/dist/atoms/style/darkTokens.js

@@ -6,6 +6,50 @@ import{css as _}from"styled-components";const e=_`
       color: var(--eds_text_static_icons__default);
     }
 
+    /* Override super specific text colors to just default text color */
+    --eds_heading__h1_bold_color: var(--eds_text_static_icons__default);
+    --eds_input__text_monospaced_color: var(--eds_text_static_icons__default);
+    --eds_input__helper_color: var(--eds_text_static_icons__default);
+    --eds_table__cell_text_link_color: var(--eds_text_static_icons__default);
+    --eds_navigation__drawer_active_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_navigation__drawer_inactive_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_navigation__breadcrumb_color: var(--eds_text_static_icons__default);
+    --eds_navigation__breadcrumb_hover_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_navigation__menu_title_hover_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_short_italic_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_short_bold_italic_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_short_bold_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_short_link_color: var(
+      --eds_interactive_primary__resting
+    );
+    --eds_paragraph__ingress_color: var(--eds_text_static_icons__default);
+    --eds_paragraph__body_long_italic_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_long_bold_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_paragraph__body_long_bold_italic_color: var(
+      --eds_text_static_icons__default
+    );
+    --eds_ui__tooltip_color: var(--eds_text_static_icons__default);
+    --eds_ui__snackbar_color: var(--eds_text_static_icons__default);
+    --eds_ui__chart_color: var(--eds_text_static_icons__default);
+
     --eds_clickbound_jumbo__base: 88px;
     --eds_clickbound_default__base: 48px;
     --eds_clickbound_default__input: 56px;

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

@@ -1,5 +1,6 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, MultiSelectCommon, SelectOptionRequired } from '../Select.types';
-export type ComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps & MultiSelectCommon<T> & (GroupedSelectProps<T> | ListSelectProps<T>);
+export type ListComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps & MultiSelectCommon<T> & ListSelectProps<T>;
+export type GroupedComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps & MultiSelectCommon<T> & GroupedSelectProps<T>;
 /**
  * @param clearable - If users should be able to clear the input, defaults to true
  * @param loading - Show loader, defaults to false
@@ -9,4 +10,4 @@ export type ComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps &
  * @param showHelperIcon - Show helper variant icon, defaults to true
  * @param syncParentChildSelection - Syncs parents/child selections, default is true
  */
-export declare function ComboBox<T extends SelectOptionRequired>(props: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ComboBox<T extends SelectOptionRequired>(props: ListComboBoxProps<T> | GroupedComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{Select as r}from"../Select.js";function t(t){if(t.groups&&t.onAddItem)throw new Error("[ACL - ComboBox] Using 'onAddItem' is only supported in lists and not groups");return o(r,{...t})}export{t as ComboBox};
+import{jsx as o}from"react/jsx-runtime";import{Select as r}from"../Select.js";function t(t){if("groups"in t&&t.groups&&t.onAddItem)throw new Error("[ACL - ComboBox] Using 'onAddItem' is only supported in lists and not groups");return o(r,{...t})}export{t as ComboBox};

package/dist/molecules/Select/Select.js

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

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

@@ -1,5 +1,6 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, SelectOptionRequired, SingleSelectCommon } from '../Select.types';
-export type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps & SingleSelectCommon<T> & (GroupedSelectProps<T> | ListSelectProps<T>);
+export type ListSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps & SingleSelectCommon<T> & ListSelectProps<T>;
+export type GroupedSingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps & SingleSelectCommon<T> & GroupedSelectProps<T>;
 /**
  * @param clearable - If users should be able to clear the input, defaults to true
  * @param loading - Show loader, defaults to false
@@ -8,4 +9,4 @@ export type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProp
  * @param inDialog - Fixes weird issue that EDS menus has when it's used in dialogs, defaults to false
  * @param showHelperIcon - Show helper variant icon, defaults to true
  */
-export declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function SingleSelect<T extends SelectOptionRequired>(props: ListSingleSelectProps<T> | GroupedSingleSelectProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/molecules/index.d.ts

@@ -50,9 +50,9 @@ export { OptionDrawer } from './OptionDrawer/OptionDrawer';
 export type { OptionDrawerProps } from './OptionDrawer/OptionDrawer';
 export type { OptionDrawerSelectItem } from './OptionDrawer/OptionDrawer.types';
 export { ComboBox } from './Select/ComboBox/ComboBox';
-export type { ComboBoxProps } from './Select/ComboBox/ComboBox';
+export type { ListComboBoxProps, GroupedComboBoxProps, } from './Select/ComboBox/ComboBox';
 export { SingleSelect } from './Select/SingleSelect/SingleSelect';
-export type { SingleSelectProps } from './Select/SingleSelect/SingleSelect';
+export type { ListSingleSelectProps, GroupedSingleSelectProps, } from './Select/SingleSelect/SingleSelect';
 export type { SelectOption, SelectOptionRequired } from './Select/Select.types';
 export { PageWithTitle } from './PageWithTitle/PageWithTitle';
 export { FeedBackIcon } from './FeedBackIcon/FeedBackIcon';

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

@@ -1,14 +1,16 @@
-import { FC, ReactNode } from 'react';
+import { ChangeEvent, ReactNode } from 'react';
 import { IconData } from '@equinor/eds-icons';
-export interface FilterProps {
+export interface FilterProps<T> {
     values: {
-        value: string;
+        key: T;
         label: string;
         icon?: IconData;
     }[];
-    onClearFilter: (value: string) => void;
+    onClearFilter: (key: T) => void;
     onClearAllFilters: () => void;
-    onSearch: (value: string) => void;
+    search: string;
+    onSearchChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onSearchEnter: (value: string) => void;
     children: ReactNode | ReactNode[];
     initialOpen?: boolean;
     placeholder?: string;
@@ -16,13 +18,14 @@ export interface FilterProps {
 }
 /**
  * @param values - Array of values to display as chips ({ value: string, label: string, icon?: IconData }[])
- * @param onSearch - Function to call when the user presses enter in the search input
+ * @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 initialOpen - Whether the filter should be open by default, defaults to false
  * @param placeholder - Placeholder text for the search input, defaults to 'Search...'
  * @param showClearFiltersButton - Whether to show the clear filters button, defaults to true
- * @constructor
  */
-export declare const Filter: FC<FilterProps>;
+export declare function Filter<T>({ values, search, onSearchChange, onSearchEnter, onClearFilter, onClearAllFilters, children, initialOpen, placeholder, showClearFiltersButton, }: FilterProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/organisms/Filter/Filter.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as i}from"react";import{Icon as n,Button as o}from"@equinor/eds-core-react";import{filter_list as a,clear as l,arrow_drop_up as c,arrow_drop_down as h}from"@equinor/eds-icons";import{Wrapper as s,Container as d,StyledChip as m,SearchField as u,Content as p}from"./Filter.styles.js";import{colors as g}from"../../atoms/style/colors.js";import{AnimatePresence as v}from"framer-motion";const C=({values:C,onSearch:f,onClearFilter:y,onClearAllFilters:k,children:_,initialOpen:F=!1,placeholder:x="Search...",showClearFiltersButton:b=!0})=>{const[D,j]=t(F),[w,A]=t(""),[B,$]=t(-1),q=i(F?"auto":0),S=()=>{j((e=>!e)),"auto"===q.current&&(q.current=0)},z=()=>{A(""),k()};return e(s,{children:[e(d,{$open:D,children:[r(n,{onClick:S,data:a,color:g.interactive.primary__resting.rgba}),e("section",{children:[C.map((({value:e,label:t,icon:i},n)=>r(m,{onDelete:()=>y(e),leadingIconData:i,$tryingToRemove:B===n,children:t},e))),r(u,{id:"filter-search",type:"search",value:w,placeholder:x,onChange:e=>{A(e.target.value)},onKeyDownCapture:e=>{"Enter"===e.key&&""!==w&&(e.preventDefault(),f(w),A("")),"Backspace"===e.key&&""===w&&(C.length>0&&-1===B?$(C.length-1):-1!==B&&(y(C[B].value),$(-1)))},onFocus:()=>{D||j(!0)}})]}),C.length>0&&r(o,{variant:"ghost_icon",onClick:z,"data-testid":"clear-all-x",children:r(n,{data:l,size:16,color:g.text.static_icons__tertiary.rgba})}),r(o,{variant:"ghost_icon",onClick:S,"data-testid":"toggle-open-button",children:r(n,{data:D?c:h})})]}),r(v,{children:D&&r(p,{$showClearFilterButton:b,animate:{height:"auto"},initial:{height:q.current},exit:{height:0},children:r("section",{children:Array.isArray(_)?_.map(((t,i)=>e("div",{children:[t,i===_.length-1&&b&&r(o,{variant:"outlined",onClick:z,children:"Clear filters"})]},i))):e("div",{children:[_,b&&r(o,{variant:"outlined",onClick:z,children:"Clear filters"})]})})})})]})};export{C as Filter};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useRef as i}from"react";import{Icon as n,Button as o}from"@equinor/eds-core-react";import{filter_list as a,clear as l,arrow_drop_up as c,arrow_drop_down as h}from"@equinor/eds-icons";import{Wrapper as s,Container as d,StyledChip as m,SearchField as g,Content as u}from"./Filter.styles.js";import{colors as p}from"../../atoms/style/colors.js";import{AnimatePresence as C}from"framer-motion";function y({values:y,search:f,onSearchChange:k,onSearchEnter:v,onClearFilter:_,onClearAllFilters:b,children:F,initialOpen:x=!1,placeholder:$="Search...",showClearFiltersButton:j=!0}){const[w,A]=t(x),[B,D]=t(-1),S=i(x?"auto":0),q=()=>{A((e=>!e)),"auto"===S.current&&(S.current=0)},E=()=>{b()};return e(s,{children:[e(d,{$open:w,children:[r(n,{onClick:q,data:a,color:p.interactive.primary__resting.rgba}),e("section",{children:[y.map((({key:e,label:t,icon:i},n)=>r(m,{onDelete:()=>_(e),leadingIconData:i,$tryingToRemove:B===n,children:t},`${t}-${n}`))),r(g,{id:"filter-search",type:"search",value:f,placeholder:$,onChange:k,onKeyDownCapture:e=>{"Enter"===e.key&&""!==f?v(f):"Backspace"===e.key&&""===f&&(y.length>0&&-1===B?D(y.length-1):-1!==B&&(_(y[B].key),D(-1)))},onFocus:()=>{w||A(!0)}})]}),y.length>0&&r(o,{variant:"ghost_icon",onClick:E,"data-testid":"clear-all-x",children:r(n,{data:l,size:16,color:p.text.static_icons__tertiary.rgba})}),r(o,{variant:"ghost_icon",onClick:q,"data-testid":"toggle-open-button",children:r(n,{data:w?c:h})})]}),r(C,{children:w&&r(u,{$showClearFilterButton:j,animate:{height:"auto"},initial:{height:S.current},exit:{height:0},children:r("section",{children:Array.isArray(F)?F.map(((t,i)=>e("div",{children:[t,i===F.length-1&&j&&r(o,{variant:"outlined",onClick:E,disabled:0===y.length,children:"Clear filters"})]},i))):e("div",{children:[F,j&&r(o,{variant:"outlined",onClick:E,disabled:0===y.length,children:"Clear filters"})]})})})})]})}export{y as Filter};

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

@@ -1,24 +1,24 @@
-import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"react/jsx-runtime";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import{elevation as t,shape as r,typography as i}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import{Chip as o}from"../../molecules/Chip/Chip.js";import{motion as e}from"framer-motion";import s,{css as a}from"styled-components";import{colors as n}from"../../atoms/style/colors.js";import{spacings as m}from"../../atoms/style/spacings.js";const p=s.div`
+import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../molecules/RichTextEditor/RichTextEditor.styles.js";import"react/jsx-runtime";import"../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../atoms/enums/Environment.js";import"../../atoms/utils/auth_environment.js";import"../TopBar/Notifications/NotificationProvider.js";import"../../providers/AuthProvider/AuthProvider.js";import"../../providers/ReleaseNotesProvider.js";import"../../providers/SideBarProvider.js";import"../../providers/SnackbarProvider/SnackbarProvider.js";import"../../providers/TableOfContentsProvider.js";import"../../providers/ThemeProvider/ThemeProvider.js";import"../../providers/TutorialStepsProvider.js";import{elevation as r,shape as t,typography as i}from"../../atoms/style/index.js";import"../../atoms/enums/Errors.js";import"../../atoms/enums/Theme.js";import"../../atoms/enums/SpacingsMode.js";import"../ErrorPage/illustrations/GlitchAnimation.js";import"../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import{Chip as o}from"../../molecules/Chip/Chip.js";import{motion as e}from"framer-motion";import s,{css as a}from"styled-components";import{colors as m}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";const p=s.div`
   width: 100%;
-  box-shadow: ${t.raised};
-  background: ${n.ui.background__default.rgba};
-  border-radius: ${r.corners.borderRadius};
+  box-shadow: ${r.raised};
+  background: ${m.ui.background__default.rgba};
+  border-radius: ${t.corners.borderRadius};
   overflow: hidden;
 `,d=s.div`
   display: grid;
   grid-template-columns: auto 1fr auto auto;
   align-items: center;
   width: 100%;
-  gap: ${m.small};
-  padding: ${m.medium_small} ${m.small};
+  gap: ${n.small};
+  padding: ${n.medium_small} ${n.small};
   border-bottom: 1px solid
-    ${({$open:t})=>t?n.ui.background__medium.rgba:"transparent"};
+    ${({$open:r})=>r?m.ui.background__medium.rgba:"transparent"};
   transition: border-bottom 200ms;
   cursor: pointer;
   > section {
     display: flex;
     flex-wrap: wrap;
-    gap: ${m.x_small};
+    gap: ${n.x_small};
   }
   > button {
     width: 24px;
@@ -39,12 +39,12 @@ import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit
   font-family: 'Equinor', sans-serif;
   font-size: ${i.input.text.fontSize};
   font-weight: ${i.input.text.fontWeight};
-  color: ${n.text.static_icons__default.rgba};
+  color: ${m.text.static_icons__default.rgba};
   outline: none;
   border: none;
   &::placeholder {
     opacity: 1;
-    color: ${n.text.static_icons__tertiary.rgba};
+    color: ${m.text.static_icons__tertiary.rgba};
   }
   &::-webkit-search-cancel-button,
   &::-webkit-search-results-button,
@@ -53,15 +53,15 @@ import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit
   }
 `,u=s(e.div)`
   > section {
-    padding: ${m.medium};
+    padding: ${n.medium};
     display: flex;
     flex-direction: column;
-    gap: ${m.medium};
-    ${({$showClearFilterButton:t})=>{if(t)return a`
+    gap: ${n.medium};
+    ${({$showClearFilterButton:r})=>{if(r)return a`
           > div:last-child {
             display: grid;
             grid-template-columns: 1fr auto;
-            gap: ${m.medium};
+            gap: ${n.medium};
 
             > button {
               align-self: flex-end;
@@ -70,7 +70,7 @@ import"react";import"../../molecules/RichTextEditor/custom-extensions/AmplifyKit
         `}}
   }
 `,c=s(o)`
-  ${({$tryingToRemove:t})=>{if(t)return a`
-        background: ${n.ui.background__light.rgba};
+  ${({$tryingToRemove:r})=>{if(r)return a`
+        background: ${m.interactive.primary__hover_alt.rgba};
       `}}
 `;export{d as Container,u as Content,l as SearchField,c as StyledChip,p as Wrapper};

package/dist/organisms/Template/Template.js

@@ -1,4 +1,4 @@
-import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as i}from"../../atoms/style/spacings.js";import{darkTokens as t}from"../../atoms/style/darkTokens.js";import{lightTokens as n}from"../../atoms/style/lightTokens.js";import{spacingTokens as e}from"../../atoms/style/spacingTokens.js";import s,{createGlobalStyle as a}from"styled-components";const{colors:r}=o,d=s.div`
+import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import"../../atoms/style/colors.js";import{spacings as i}from"../../atoms/style/spacings.js";import{darkTokens as t}from"../../atoms/style/darkTokens.js";import{lightTokens as e}from"../../atoms/style/lightTokens.js";import{spacingTokens as n}from"../../atoms/style/spacingTokens.js";import s,{createGlobalStyle as a}from"styled-components";const{colors:r}=o,d=s.div`
   display: flex;
   flex-direction: column;
   min-height: 100vh;
@@ -19,13 +19,17 @@ import{tokens as o}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
   }
 `,m=a`
   ${t}
-  ${n}
   ${e}
+  ${n}
   
   * {
       box-sizing: border-box;
   }
 
+  body, #content {
+      scrollbar-gutter: stable both-edges;
+  }
+
   dialog {
     background: ${r.ui.background__default.rgba};
   }

package/dist/organisms/TopBar/Account/ImpersonateMenu/CreateOrEditUser/CreateOrEditUser.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as r,useEffect as t,useMemo as i}from"react";import{Button as s,Icon as l,Typography as m,DotProgress as a}from"@equinor/eds-core-react";import{arrow_back as n}from"@equinor/eds-icons";import{useAllAppRoles as p}from"../hooks/useAllAppRoles.js";import{useCreateImpersonation as c}from"../hooks/useCreateImpersonation.js";import{useEditImpersonation as u}from"../hooks/useEditImpersonation.js";import{Header as d}from"../Impersonate.styles.js";import{Container as j,Section as h}from"./CreateOrEditUser.styles.js";import{usePrevious as v}from"../../../../../atoms/hooks/usePrevious.js";import{environment as g}from"../../../../../atoms/utils/auth_environment.js";import"../../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../../molecules/Badge/Badge.styles.js";import"../../../../../molecules/Banner/Banner.styles.js";import"../../../../../molecules/Chip/Chip.js";import"../../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../../molecules/Dialog/Dialog.js";import"../../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../../atoms/style/colors.js";import"../../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../../atoms/enums/Environment.js";import"../../../Notifications/NotificationProvider.js";import"../../../../../providers/AuthProvider/AuthProvider.js";import"../../../../../providers/ReleaseNotesProvider.js";import"../../../../../providers/SideBarProvider.js";import"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../../providers/TutorialStepsProvider.js";import"../../../../../atoms/enums/Errors.js";import"../../../../../atoms/enums/Theme.js";import"../../../../../atoms/enums/SpacingsMode.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../../molecules/InfoElement/InfoElement.js";import"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../../molecules/Sieve/Sieve.styles.js";import"../../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../../molecules/Stepper/Stepper.js";import"../../../../../molecules/OptionDrawer/OptionDrawer.js";import{ComboBox as f}from"../../../../../molecules/Select/ComboBox/ComboBox.js";import"../../../../../molecules/Select/Select.styles.js";import"../../../../../molecules/ListItem/ListItem.js";import"../../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../../molecules/SelectionControls/Switch/Switch.js";import{TextField as S}from"../../../../../molecules/TextField/TextField.js";const C=({editingUser:C,onBack:P})=>{const A=v(C),[E,k]=r([]),[N,y]=r(""),[T,x]=r(""),{data:B,isLoading:b}=p();t((()=>{!C||void 0!==A&&A.uniqueName===C.uniqueName||(k(C.roles.map((e=>({value:e,label:e})))),y(C.firstName),x(C.lastName))}),[C,A]);const R=i((()=>B?.map((e=>({value:e.value,label:e.value})))??[]),[B]),{mutateAsync:F,isPending:M}=c(),{mutateAsync:q,isPending:I}=u(),w=M||I,L=i((()=>""===N||""===T||0===E.length),[N,T,E.length]);return e(j,{children:[e(d,{children:[o(s,{variant:"ghost_icon",onClick:P,children:o(l,{data:n})}),o(m,{variant:"h6",children:C?"Edit user":"Create new user"})]}),e(h,{children:[o(S,{id:"first-name",label:"First name",placeholder:"Add first name...",value:N,onChange:e=>{y(e.target.value)}}),o(S,{id:"last-name",label:"Last name",placeholder:"Add last name...",value:T,onChange:e=>{x(e.target.value)}})]}),e(h,{children:[o(m,{variant:"label",group:"navigation",children:"Roles"}),b&&o(a,{color:"primary"}),o(f,{placeholder:"Select roles...",values:E,onSelect:e=>{k(e)},items:R})]}),e(h,{children:[o(s,{variant:"outlined",onClick:P,children:"Cancel"}),o(s,w?{children:o(a,{})}:{onClick:async()=>{C?(await q({firstName:N,lastName:T,fullName:`${N} ${T}`,roles:E.map((e=>e.value)).sort(),uniqueName:C.uniqueName,appName:C.appName,activeUsers:[]}),P()):(await F({firstName:N,lastName:T,roles:E.map((e=>e.value)).sort(),uniqueName:`${N}.${T}`.toLowerCase(),appName:g.getAppName(import.meta.env.VITE_NAME),activeUsers:[]}),P())},disabled:L,children:C?"Save":"Create"})]})]})};export{C as CreateOrEditUser};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as r,useEffect as t,useMemo as i}from"react";import{Button as s,Icon as l,Typography as m,DotProgress as a}from"@equinor/eds-core-react";import{arrow_back as n}from"@equinor/eds-icons";import{useAllAppRoles as p}from"../hooks/useAllAppRoles.js";import{useCreateImpersonation as c}from"../hooks/useCreateImpersonation.js";import{useEditImpersonation as u}from"../hooks/useEditImpersonation.js";import{Header as d}from"../Impersonate.styles.js";import{Container as j,Section as h}from"./CreateOrEditUser.styles.js";import{usePrevious as v}from"../../../../../atoms/hooks/usePrevious.js";import{environment as g}from"../../../../../atoms/utils/auth_environment.js";import"../../../../../molecules/AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../../../../molecules/ApplicationIcon/ApplicationIcon.js";import"../../../../../molecules/Badge/Badge.styles.js";import"../../../../../molecules/Banner/Banner.styles.js";import"../../../../../molecules/Chip/Chip.js";import"../../../../../molecules/ContentMenu/ContentMenu.js";import"../../../../../molecules/Dialog/Dialog.js";import"../../../../../molecules/EquinorLogo/EquinorLogo.js";import"../../../../../atoms/style/colors.js";import"../../../../../molecules/FileProgress/CompactFileProgress.styles.js";import"../../../../../molecules/RichTextEditor/custom-extensions/AmplifyKit.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.js";import"@tiptap/react";import"../../../../../molecules/RichTextEditor/RichTextEditor.styles.js";import"../../../../../molecules/RichTextEditor/RichTextEditor.types.js";import"../../../../../_virtual/lodash.js";import"@equinor/subsurface-app-management";import"@microsoft/signalr";import"@tanstack/react-query";import"../../../../../atoms/enums/Environment.js";import"../../../Notifications/NotificationProvider.js";import"../../../../../providers/AuthProvider/AuthProvider.js";import"../../../../../providers/ReleaseNotesProvider.js";import"../../../../../providers/SideBarProvider.js";import"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import"../../../../../providers/TableOfContentsProvider.js";import"../../../../../providers/ThemeProvider/ThemeProvider.js";import"../../../../../providers/TutorialStepsProvider.js";import"../../../../../atoms/enums/Errors.js";import"../../../../../atoms/enums/Theme.js";import"../../../../../atoms/enums/SpacingsMode.js";import"../../../../ErrorPage/illustrations/GlitchAnimation.js";import"../../../../ErrorPage/illustrations/QuestioningAnimation.js";import"proj4";import"html2canvas";import"../../../../../molecules/FileProgress/RegularFileProgress.styles.js";import"../../../../../molecules/FileUploadArea/FileUploadArea.js";import"../../../../../molecules/FullPageSpinner/FullPageSpinner.js";import"../../../../../molecules/InfoElement/InfoElement.js";import"../../../../../molecules/OptionalTooltip/OptionalTooltip.js";import"../../../../../molecules/ProfileAvatar/ProfileAvatar.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuBar.styles.js";import"../../../../../molecules/RichTextEditor/MenuBar/MenuButton.js";import"../../../../../molecules/Search/Search.js";import"react-router-dom";import"../../../../../molecules/Sieve/Sieve.styles.js";import"../../../../../molecules/SingleFilterMenu/SingleFilterMenu.js";import"../../../../../molecules/Skeleton/SkeletonBase/SkeletonBase.js";import"../../../../../molecules/Stepper/Stepper.js";import"../../../../../molecules/OptionDrawer/OptionDrawer.js";import{ComboBox as f}from"../../../../../molecules/Select/ComboBox/ComboBox.js";import"../../../../../molecules/Select/Select.styles.js";import"../../../../../molecules/ListItem/ListItem.js";import"../../../../../molecules/SelectionControls/Checkbox/Checkbox.js";import"../../../../../molecules/SelectionControls/Radio/Radio.js";import"../../../../../molecules/SelectionControls/Switch/Switch.js";import{TextField as S}from"../../../../../molecules/TextField/TextField.js";const C=({editingUser:C,onBack:P})=>{const A=v(C),[E,k]=r([]),[N,y]=r(""),[T,x]=r(""),{data:B,isLoading:b}=p();t((()=>{!C||void 0!==A&&A.uniqueName===C.uniqueName||(k(C.roles.map((e=>({value:e,label:e})))),y(C.firstName),x(C.lastName))}),[C,A]);const R=i((()=>B?.map((e=>({value:e.value,label:e.value})))??[]),[B]),{mutateAsync:F,isPending:M}=c(),{mutateAsync:q,isPending:I}=u(),w=M||I,L=i((()=>""===N||""===T||0===E.length),[N,T,E.length]);return e(j,{children:[e(d,{children:[o(s,{variant:"ghost_icon",onClick:P,children:o(l,{data:n})}),o(m,{variant:"h6",children:C?"Edit user":"Create new user"})]}),e(h,{children:[o(S,{id:"first-name",label:"First name",placeholder:"Add first name...",value:N,onChange:e=>{y(e.target.value)}}),o(S,{id:"last-name",label:"Last name",placeholder:"Add last name...",value:T,onChange:e=>{x(e.target.value)}})]}),e(h,{children:[o(m,{variant:"label",group:"navigation",children:"Roles"}),b&&o(a,{color:"primary"}),o(f,{placeholder:"Select roles...",values:E,onSelect:e=>{k(e)},items:R})]}),e(h,{children:[o(s,{variant:"outlined",onClick:P,children:"Cancel"}),o(s,w?{children:o(a,{})}:{onClick:async()=>{C?(await q({id:C.id,firstName:N,lastName:T,fullName:`${N} ${T}`,roles:E.map((e=>e.value)).sort(),uniqueName:C.uniqueName,appName:C.appName,activeUsers:[]}),P()):(await F({firstName:N,lastName:T,roles:E.map((e=>e.value)).sort(),uniqueName:`${N}.${T}`.toLowerCase(),appName:g.getAppName(import.meta.env.VITE_NAME),activeUsers:[]}),P())},disabled:L,children:C?"Save":"Create"})]})]})};export{C as CreateOrEditUser};

package/dist/providers/SnackbarProvider/SnackbarProvider.d.ts

@@ -1,10 +1,10 @@
-import { FC, ReactNode } from 'react';
+import { FC, MouseEvent, ReactNode } from 'react';
 import { SnackbarProps } from '@equinor/eds-core-react';
 interface ShowSnackbarSettings {
     customProps?: SnackbarProps;
     action?: {
         text: string;
-        handler: () => void;
+        handler: (event: MouseEvent<HTMLButtonElement>) => void;
         disabled?: boolean;
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "8.11.0",
+  "version": "8.11.1",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,8 +25,8 @@
     "setup": "npm install",
     "pretty": "prettier --check ./config ./src",
     "pretty:fix": "prettier --write ./config ./src",
-    "lint": "eslint ./src --ext .ts,.tsx",
-    "lint:fix": "eslint ./src --ext .ts,.tsx --fix",
+    "lint": "eslint ./src",
+    "lint:fix": "eslint ./src --fix",
     "test": "vitest watch",
     "test:ci": "vitest run",
     "test:coverage": "vitest run --coverage",
@@ -98,6 +98,7 @@
   "devDependencies": {
     "@equinor/eds-icons": "^0.21.0",
     "@equinor/subsurface-app-management": "^1.1.15",
+    "@eslint/js": "^9.13.0",
     "@faker-js/faker": "^9.0.3",
     "@rollup/plugin-commonjs": "^28.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
@@ -131,15 +132,13 @@
     "@types/styled-components": "^5.1.34",
     "@types/uuid": "^10.0.0",
     "@types/wicg-file-system-access": "^2023.10.5",
-    "@typescript-eslint/eslint-plugin": "^8.9.0",
-    "@typescript-eslint/parser": "^8.9.0",
     "@vitejs/plugin-react": "^4.3.2",
     "@vitest/coverage-v8": "^2.1.3",
-    "eslint": "^8.56.0",
-    "eslint-plugin-react": "^7.37.1",
+    "eslint": "^9.13.0",
+    "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-storybook": "^0.9.0",
+    "eslint-plugin-storybook": "^0.10.1",
     "jest-environment-jsdom": "^29.7.0",
     "jest-styled-components": "^7.2.0",
     "msw": "^2.4.11",
@@ -159,6 +158,7 @@
     "storybook-addon-data-theme-switcher": "^0.4.2",
     "storybook-addon-remix-react-router": "^3.0.1",
     "typescript": "^5.6.3",
+    "typescript-eslint": "^8.11.0",
     "uuid": "^10.0.0",
     "vite": "^5.4.9",
     "vite-plugin-svgr": "^4.2.0",