@equinor/amplify-component-lib 10.8.2 → 10.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/dist/_virtual/rolldown_runtime.js +1 -1
  2. package/dist/atoms/style/index.d.ts +1 -0
  3. package/dist/atoms/style/index.js +1 -1
  4. package/dist/atoms/utils/environmentToggle.js +1 -1
  5. package/dist/molecules/ApplicationIcon/ApplicationIcon.d.ts +1 -1
  6. package/dist/molecules/ApplicationIcon/ApplicationIcon.js +1 -1
  7. package/dist/molecules/ApplicationIcon/ApplicationIcon.utils.js +1 -0
  8. package/dist/molecules/ApplicationIcon/ApplicationIconBase/ApplicationIconBase.js +59 -0
  9. package/dist/molecules/ApplicationIcon/ApplicationIconBase/ApplicationIconContent.js +1 -0
  10. package/dist/molecules/ApplicationIcon/ApplicationIconCollection.js +1 -1
  11. package/dist/molecules/ApplicationIcon/Fallback.js +1 -0
  12. package/dist/molecules/ApplicationIcon/Icons/Acquire.js +1 -1
  13. package/dist/molecules/ApplicationIcon/Icons/Adca.js +1 -1
  14. package/dist/molecules/ApplicationIcon/Icons/Atwork.js +1 -0
  15. package/dist/molecules/ApplicationIcon/Icons/Bravos.js +1 -1
  16. package/dist/molecules/ApplicationIcon/Icons/Dasha.js +1 -1
  17. package/dist/molecules/ApplicationIcon/Icons/FluxMaps.js +1 -1
  18. package/dist/molecules/ApplicationIcon/Icons/ForecastFormatter.js +1 -1
  19. package/dist/molecules/ApplicationIcon/Icons/FourDInsight.js +1 -1
  20. package/dist/molecules/ApplicationIcon/Icons/InPress.js +1 -1
  21. package/dist/molecules/ApplicationIcon/Icons/JsEmbark.js +1 -1
  22. package/dist/molecules/ApplicationIcon/Icons/LoggingQualification.js +1 -1
  23. package/dist/molecules/ApplicationIcon/Icons/Orca.js +1 -1
  24. package/dist/molecules/ApplicationIcon/Icons/Premo.js +1 -1
  25. package/dist/molecules/ApplicationIcon/Icons/Pwex.js +1 -1
  26. package/dist/molecules/ApplicationIcon/Icons/Recap.js +1 -1
  27. package/dist/molecules/ApplicationIcon/Icons/Sam.js +1 -1
  28. package/dist/molecules/ApplicationIcon/Icons/SubsurfacePortal.js +1 -1
  29. package/dist/molecules/Banner/Banner.styles.js +1 -1
  30. package/dist/molecules/Chip/Chip.d.ts +2 -2
  31. package/dist/molecules/DatePicker/DatePicker.d.ts +3 -3
  32. package/dist/molecules/DateRangePicker/DateRangePicker.d.ts +3 -3
  33. package/dist/molecules/Dialog/Dialog.d.ts +2 -2
  34. package/dist/molecules/Dialog/Dialog.styles.js +4 -4
  35. package/dist/molecules/EquinorLogo/EquinorLogo.d.ts +2 -2
  36. package/dist/molecules/IconCell/IconCell.d.ts +2 -2
  37. package/dist/molecules/ListItem/ListItem.d.ts +2 -2
  38. package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts +4 -4
  39. package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts +2 -2
  40. package/dist/molecules/RichTextEditor/MenuBar/MenuBar.d.ts +6 -6
  41. package/dist/molecules/RichTextEditor/index.d.ts +6 -6
  42. package/dist/molecules/Search/Search.d.ts +2 -2
  43. package/dist/molecules/Select/DynamicMenuItem.js +1 -1
  44. package/dist/molecules/Select/GroupedSelectPersistent.js +1 -1
  45. package/dist/molecules/Select/SearchBar.js +1 -1
  46. package/dist/molecules/Select/Select.js +1 -1
  47. package/dist/molecules/Select/Select.styles.d.ts +5 -5
  48. package/dist/molecules/Select/Select.styles.js +5 -0
  49. package/dist/molecules/Select/SelectItemSkeleton.js +7 -0
  50. package/dist/molecules/Select/SelectMenuItem.utils.js +1 -1
  51. package/dist/molecules/Select/SingleSelect/SingleSelect.d.ts +2 -2
  52. package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts +2 -2
  53. package/dist/molecules/SelectionControls/Radio/Radio.d.ts +2 -2
  54. package/dist/molecules/SelectionControls/Switch/Switch.d.ts +2 -2
  55. package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts +3 -3
  56. package/dist/molecules/Tabs/Tabs.d.ts +4 -4
  57. package/dist/molecules/TextField/TextField.d.ts +5 -0
  58. package/dist/molecules/TextField/TextField.js +14 -7
  59. package/dist/organisms/DataGrid/DataGrid.d.ts +2 -2
  60. package/dist/organisms/Faq/Search.js +1 -1
  61. package/dist/organisms/Filter/Filter.d.ts +2 -2
  62. package/dist/organisms/Filter/SortMenu.d.ts +2 -2
  63. package/dist/organisms/Filter/index.d.ts +4 -4
  64. package/dist/organisms/ReleaseNote/ReleaseNote.d.ts +3 -3
  65. package/dist/organisms/SideBar/SideBar.d.ts +2 -2
  66. package/dist/organisms/SideBar/index.d.ts +4 -4
  67. package/dist/organisms/Status/Action.d.ts +2 -2
  68. package/dist/organisms/Status/Description.d.ts +2 -2
  69. package/dist/organisms/Status/MissingAccesses.d.ts +2 -2
  70. package/dist/organisms/Status/Title.d.ts +2 -2
  71. package/dist/organisms/Status/collections/BadRequest.d.ts +2 -2
  72. package/dist/organisms/Status/collections/GenericError.d.ts +2 -2
  73. package/dist/organisms/Status/index.d.ts +4 -4
  74. package/dist/organisms/Template/Template.d.ts +5 -5
  75. package/dist/organisms/ToggleGroup/ToggleGroup.d.ts +4 -4
  76. package/dist/organisms/ToggleGroup/ToggleGroupOption.d.ts +5 -5
  77. package/dist/organisms/ToggleGroup/index.d.ts +4 -4
  78. package/dist/organisms/TopBar/Account/AccountAvatar.js +1 -1
  79. package/dist/organisms/TopBar/Account/AccountButton.js +1 -1
  80. package/dist/organisms/TopBar/Account/ImpersonateMenu/Actions.js +1 -1
  81. package/dist/organisms/TopBar/Actions.d.ts +2 -2
  82. package/dist/organisms/TopBar/FieldMenu/FieldMenu.d.ts +2 -2
  83. package/dist/organisms/TopBar/Guidelines/index.d.ts +4 -4
  84. package/dist/organisms/TopBar/index.d.ts +4 -4
  85. package/dist/providers/TableOfContentsProvider.js +1 -1
  86. package/package.json +1 -1
  87. package/dist/molecules/ApplicationIcon/ApplicationIconBase.js +0 -54
  88. package/dist/molecules/ApplicationIcon/Icons/Fallback.js +0 -1
  89. package/dist/molecules/ApplicationIcon/Icons/JsCalendar.js +0 -1
@@ -2,16 +2,16 @@ import { EditorStylingProps, RichTextContentProps } from "./RichTextEditor.style
2
2
  import { EditorProviderProps } from "./EditorProvider.js";
3
3
  import { MenuBarProps } from "./MenuBar/MenuBar.js";
4
4
  import { RichTextEditor } from "./RichTextEditor.js";
5
- import * as react28 from "react";
5
+ import * as react31 from "react";
6
6
  import * as _tiptap_react0 from "@tiptap/react";
7
- import * as styled_components_dist_types1 from "styled-components/dist/types";
7
+ import * as styled_components_dist_types2 from "styled-components/dist/types";
8
8
 
9
9
  //#region src/molecules/RichTextEditor/index.d.ts
10
10
  declare const RichText: {
11
- Styling: styled_components_dist_types1.IStyledComponentBase<"web", styled_components_dist_types1.Substitute<react28.DetailedHTMLProps<react28.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EditorStylingProps>> & string;
12
- Provider: react28.FC<EditorProviderProps>;
13
- Content: styled_components_dist_types1.IStyledComponentBase<"web", styled_components_dist_types1.Substitute<Omit<_tiptap_react0.EditorContentProps, "ref"> & react28.RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<react28.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react28.RefAttributes<HTMLDivElement>>, keyof react28.Component<any, {}, any>>;
14
- Bar: react28.FC<MenuBarProps>;
11
+ Styling: styled_components_dist_types2.IStyledComponentBase<"web", styled_components_dist_types2.Substitute<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EditorStylingProps>> & string;
12
+ Provider: react31.FC<EditorProviderProps>;
13
+ Content: styled_components_dist_types2.IStyledComponentBase<"web", styled_components_dist_types2.Substitute<Omit<_tiptap_react0.EditorContentProps, "ref"> & react31.RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<react31.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react31.RefAttributes<HTMLDivElement>>, keyof react31.Component<any, {}, any>>;
14
+ Bar: react31.FC<MenuBarProps>;
15
15
  };
16
16
  //#endregion
17
17
  export { RichText };
@@ -1,7 +1,7 @@
1
- import * as react44 from "react";
1
+ import * as react39 from "react";
2
2
  import { SearchProps } from "@equinor/eds-core-react";
3
3
 
4
4
  //#region src/molecules/Search/Search.d.ts
5
- declare const Search$1: react44.ForwardRefExoticComponent<SearchProps & react44.RefAttributes<HTMLInputElement>>;
5
+ declare const Search$1: react39.ForwardRefExoticComponent<SearchProps & react39.RefAttributes<HTMLInputElement>>;
6
6
  //#endregion
7
7
  export { Search$1 as Search };
@@ -1 +1 @@
1
- import{colors as e}from"../../atoms/style/colors.js";import{PersistentListItem as t,StyledMenuItem as n}from"./Select.styles.js";import{getParentIcon as r,getParentState as i}from"./SelectMenuItem.utils.js";import{Icon as a,Typography as o}from"../index.js";import{useMemo as s}from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{checkbox as d,checkbox_outline as f}from"@equinor/eds-icons";const p=({menuItemProps:p,isSelected:m,handleOnParentKeyDown:h,children:g})=>{let{index:_,depth:v=0,item:y,itemRefs:b,onItemKeyDown:x,onItemSelect:S,CustomMenuItemComponent:C,mode:w}=p,T=m?d:f,E=m?`selected`:`none`;y.children&&y.children.length>0&&`values`in p&&(T=r(y,p.values),E=i(y,p.values));let D=e=>{e.preventDefault(),S(y)},O=e=>{h===void 0?x(e):h(e)},k=s(()=>g||(C?l(C,{item:y,selectedState:E}):u(c,{children:[`values`in p&&l(a,{color:e.interactive.primary__resting.rgba,data:T}),l(`span`,{children:l(o,{group:`navigation`,variant:`menu_title`,children:y.label})})]})),[C,T,g,y,p,E]);return w===`persistent`?l(t,{ref:e=>{b.current[_]=e},onKeyDownCapture:O,onClick:D,children:k}):l(n,{$depth:v,$selected:`value`in p?m:void 0,$paddedLeft:p.parentHasNestedItems&&`values`in p?p.parentHasNestedItems:void 0,ref:e=>{b.current[_]=e},index:_,closeMenuOnClick:`value`in p,onKeyDownCapture:O,onClick:D,children:k})};export{p as DynamicMenuItem};
1
+ import{colors as e}from"../../atoms/style/colors.js";import{PersistentListItem as t,StyledMenuItem as n}from"./Select.styles.js";import{getParentIcon as r,getParentState as i}from"./SelectMenuItem.utils.js";import{Icon as a,Typography as o}from"../index.js";import{useMemo as s}from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{checkbox as d,checkbox_outline as f}from"@equinor/eds-icons";const p=({menuItemProps:p,isSelected:m,handleOnParentKeyDown:h})=>{let{index:g,depth:_=0,item:v,itemRefs:y,onItemKeyDown:b,onItemSelect:x,CustomMenuItemComponent:S,mode:C}=p,w=m?d:f,T=m?`selected`:`none`;v.children&&v.children.length>0&&`values`in p&&(w=r(v,p.values),T=i(v,p.values));let E=e=>{e.preventDefault(),x(v)},D=e=>{h===void 0?b(e):h(e)},O=s(()=>S?l(S,{item:v,selectedState:T}):u(c,{children:[`values`in p&&l(a,{color:e.interactive.primary__resting.rgba,data:w}),l(`span`,{children:l(o,{group:`navigation`,variant:`menu_title`,children:v.label})})]}),[S,w,v,p,T]);return C===`persistent`?l(t,{ref:e=>{y.current[g]=e},onKeyDownCapture:D,onClick:E,children:O}):l(n,{$depth:_,$selected:`value`in p?m:void 0,$paddedLeft:p.parentHasNestedItems&&`values`in p?p.parentHasNestedItems:void 0,ref:e=>{y.current[g]=e},index:g,closeMenuOnClick:`value`in p,onKeyDownCapture:D,onClick:E,children:O})};export{p as DynamicMenuItem};
@@ -1 +1 @@
1
- import{useGroupedSelectItems as e}from"./Select.hooks.js";import{GroupTitle as t,NoItemsFoundText as n,PersistentGroupsWrapper as r}from"./Select.styles.js";import{SelectMenuItem as i}from"./SelectMenuItem.js";import{Divider as a}from"@equinor/eds-core-react";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=c=>{let{onItemSelect:l,onItemKeyDown:u,itemRefs:d,CustomMenuItemComponent:f,mode:p}=c,{filteredGroups:m,filteredGroupSum:h}=e(c);if(m.length===0)return o(n,{children:`No items found`});if(`value`in c)throw Error(`You cannot use SingleSelect with persistent mode`);return o(r,{children:m.map((e,n,r)=>s(`div`,{children:[o(t,{group:`navigation`,variant:`label`,children:e.title}),e.items.map((t,r)=>o(i,{index:r+h[n],childOffset:0,item:t,itemRefs:d,onItemKeyDown:u,onItemSelect:l,values:c.values,mode:p,CustomMenuItemComponent:f},`${e.title}-${n}-item-${t.value}`)),n<r.length-1&&o(a,{})]},`${e.title}-${n}`))})};export{c as GroupedSelectPersistent};
1
+ import{useGroupedSelectItems as e}from"./Select.hooks.js";import{GroupTitle as t,NoItemsFoundText as n,PersistentGroupsWrapper as r}from"./Select.styles.js";import{SelectMenuItem as i}from"./SelectMenuItem.js";import{Divider as a}from"@equinor/eds-core-react";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=c=>{let{onItemSelect:l,onItemKeyDown:u,itemRefs:d,CustomMenuItemComponent:f,mode:p}=c,{filteredGroups:m,filteredGroupSum:h}=e(c);return m.length===0?o(n,{children:`No items found`}):`value`in c?null:o(r,{children:m.map((e,n,r)=>s(`div`,{children:[o(t,{group:`navigation`,variant:`label`,children:e.title}),e.items.map((t,r)=>o(i,{index:r+h[n],childOffset:0,item:t,itemRefs:d,onItemKeyDown:u,onItemSelect:l,values:c.values,mode:p,CustomMenuItemComponent:f},`${e.title}-${n}-item-${t.value}`)),n<r.length-1&&o(a,{})]},`${e.title}-${n}`))})};export{c as GroupedSelectPersistent};
@@ -1 +1 @@
1
- import{colors as e}from"../../atoms/style/colors.js";import{getVariantIcon as t}from"../../atoms/utils/forms.js";import{SkeletonField as n}from"../Skeleton/SkeletonField.js";import{ClearButton as r,ComboBoxChip as i,Container as a,HelperWrapper as o,PlaceholderText as s,Section as c,ValueText as l,Wrapper as u}from"./Select.styles.js";import{Icon as d}from"../index.js";import{useMemo as f,useRef as p}from"react";import{Label as m}from"@equinor/eds-core-react";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{arrow_drop_down as _,arrow_drop_up as v,clear as y}from"@equinor/eds-icons";const b=({props:b,anchorRef:x,handleOnClear:S,handleOnSearchChange:C,handleOnSearchKeyDown:w,handleToggleOpen:T,search:E,selectedValues:D,handleOnOpen:O,handleOnRemoveItem:k,open:A,searchRef:j,tryingToRemoveItem:M})=>{let{clearable:N=!0,loading:P=!1,disabled:F=!1,lightBackground:I=!1,placeholder:L=`Select...`,label:R,helperText:z,showHelperIcon:B=!0,id:V=`amplify-combobox-${R}`,variant:H,"data-testid":U,mode:W=`menu`}=b,G=p(`${Math.max(40,Math.random()*80)}%`),K=f(()=>!!z,[z]),q=f(()=>{if(B)return t(H)},[B,H]),J=f(()=>{if(`value`in b&&b.value&&`customValueComponent`in b&&b.customValueComponent)return h(b.customValueComponent,{item:b.value});if(`value`in b&&b.value)return h(l,{children:b.value.label});if(`showSelectedAsText`in b&&b.showSelectedAsText){let e=b.items?b.items.length:b.groups.flatMap(e=>e.items).length;return h(l,{children:typeof b.showSelectedAsText==`function`?b.showSelectedAsText({selectedAmount:D.length,totalAmount:e}):`${D.length}/${e} Selected`})}else return D.map(e=>`customValueComponent`in b&&b.customValueComponent?h(b.customValueComponent,{item:e,onDelete:()=>k(e),tryingToRemove:M!==void 0&&M.value===e.value},e.value):h(i,{"data-testid":`amplify-combobox-chip`,className:`amplify-combo-box-chip`,onDelete:()=>k(e),$tryingToRemove:M?.value===e.value,$lightBackground:I,children:e.label},e.value))},[D,M,I,b,k]);return g(u,{$showBackgroundColor:W===`persistent`,children:[g(a,{"data-testid":U||`combobox-container`,ref:x,onClick:O,"aria-expanded":A,$variant:H,$loading:P,$lightBackground:I,children:[g(c,{children:[!P&&E===``&&D.length===0&&h(s,{children:L}),(E===``&&`value`in b||`values`in b&&D.length>0&&(!b.showSelectedAsText||b.showSelectedAsText&&E===``))&&!P&&J,h(`input`,{id:V,disabled:F||P,ref:j,type:`search`,role:`combobox`,value:E,autoComplete:`off`,onChange:C,onKeyDownCapture:w}),P&&h(n,{role:`progressbar`,style:{width:G.current,left:0,top:`50%`,transform:`translateY(-50%)`}})]}),W===`menu`&&h(d,{onClick:T,data:A?v:_,color:P?e.interactive.disabled__fill.rgba:e.interactive.primary__resting.rgba}),N&&D.length>0&&!P&&!F&&h(r,{id:`clear`,variant:`ghost_icon`,onClick:S,"data-testid":`clearBtn`,$rightPadding:W===`menu`,children:h(d,{data:y,size:18})})]}),K&&g(o,{$borderBottom:W===`persistent`,$variant:F?`disabled`:H,children:[q&&h(d,{data:q,size:16}),h(m,{label:z,htmlFor:V})]})]})};export{b as SearchBar};
1
+ import{colors as e}from"../../atoms/style/colors.js";import{getVariantIcon as t}from"../../atoms/utils/forms.js";import{SkeletonField as n}from"../Skeleton/SkeletonField.js";import{ClearButton as r,ComboBoxChip as i,Container as a,HelperWrapper as o,PlaceholderText as s,Section as c,ValueText as l,Wrapper as u}from"./Select.styles.js";import{Icon as d}from"../index.js";import{useMemo as f,useRef as p}from"react";import{Label as m}from"@equinor/eds-core-react";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{arrow_drop_down as _,arrow_drop_up as v,clear as y}from"@equinor/eds-icons";const b=({props:b,anchorRef:x,handleOnClear:S,handleOnSearchChange:C,handleOnSearchKeyDown:w,handleToggleOpen:T,search:E,selectedValues:D,handleOnOpen:O,handleOnRemoveItem:k,open:A,searchRef:j,tryingToRemoveItem:M})=>{let{clearable:N=!0,loading:P=!1,disabled:F=!1,lightBackground:I=!1,placeholder:L=`Select...`,label:R,helperText:z,showHelperIcon:B=!0,id:V=`amplify-combobox-${R}`,variant:H,"data-testid":U,mode:W=`menu`}=b,G=p(`${Math.max(40,Math.random()*80)}%`),K=f(()=>!!z,[z]),q=f(()=>{if(B)return t(H)},[B,H]),J=f(()=>{if(`value`in b&&b.value&&`customValueComponent`in b&&b.customValueComponent)return h(b.customValueComponent,{item:b.value});if(`value`in b&&b.value)return h(l,{children:b.value.label});if(`showSelectedAsText`in b&&b.showSelectedAsText){let e=b.items?b.items.length:b.groups.flatMap(e=>e.items).length;return h(l,{children:typeof b.showSelectedAsText==`function`?b.showSelectedAsText({selectedAmount:D.length,totalAmount:e}):`${D.length}/${e} Selected`})}else return D.map(e=>`customValueComponent`in b&&b.customValueComponent?h(b.customValueComponent,{item:e,onDelete:()=>k(e),tryingToRemove:M!==void 0&&M.value===e.value},e.value):h(i,{"data-testid":`amplify-combobox-chip`,className:`amplify-combo-box-chip`,onDelete:()=>k(e),$tryingToRemove:M?.value===e.value,$lightBackground:I,children:e.label},e.value))},[D,M,I,b,k]);return g(u,{$showBackgroundColor:W===`persistent`,children:[g(a,{"data-testid":U||`combobox-container`,ref:x,onClick:O,"aria-expanded":A,$variant:H,$loading:P,$lightBackground:I,children:[g(c,{children:[!P&&E===``&&D.length===0&&h(s,{children:L}),(E===``&&`value`in b||`values`in b&&D.length>0&&(!b.showSelectedAsText||b.showSelectedAsText&&E===``))&&!P&&J,h(`input`,{id:V,disabled:F||P,ref:j,type:`search`,role:`combobox`,value:E,autoComplete:`off`,onChange:C,onKeyDownCapture:w}),P&&h(n,{role:`progressbar`,style:{width:G.current,left:0,top:`50%`,transform:`translateY(-50%)`},"data-testid":`select-loading-skeleton`})]}),W===`menu`&&h(d,{onClick:T,data:A?v:_,color:P?e.interactive.disabled__fill.rgba:e.interactive.primary__resting.rgba}),N&&D.length>0&&!P&&h(r,{id:`clear`,variant:`ghost_icon`,onClick:S,"data-testid":`clearBtn`,$rightPadding:W===`menu`,disabled:F,children:h(d,{data:y,size:18})})]}),K&&g(o,{$borderBottom:W===`persistent`,$variant:F?`disabled`:H,children:[q&&h(d,{data:q,size:16}),h(m,{label:z,htmlFor:V})]})]})};export{b as SearchBar};
@@ -1 +1 @@
1
- import{useSelect as e}from"../../atoms/hooks/useSelect.js";import{useOutsideClick as t}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";import{PersistentComboBoxWrapper as n,PersistentStickyWrapper as r,StyledMenu as i}from"./Select.styles.js";import{GroupedSelectMenu as a}from"./GroupedSelectMenu.js";import{GroupedSelectPersistent as o}from"./GroupedSelectPersistent.js";import{ListSelectMenu as s}from"./ListSelectMenu.js";import{ListSelectPersistent as c}from"./ListSelectPersistent.js";import{SearchBar as l}from"./SearchBar.js";import{useMemo as u,useRef as d}from"react";import{Label as f}from"@equinor/eds-core-react";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";const g=g=>{let{clearable:_=!0,loading:v=!1,disabled:y=!1,lightBackground:b=!1,underlineHighlight:x=!1,sortValues:S=!0,placeholder:C=`Select...`,label:w,meta:T,id:E=`amplify-combobox-${w}`,inDialog:D=!1,onSearchFilter:O,CustomMenuItemComponent:k,mode:A=`menu`}=g,{handleOnAddItem:j,handleOnItemKeyDown:M,handleOnItemSelect:N,itemRefs:P,search:F,handleOnClose:I,open:L,handleOnClear:R,handleOnSearchChange:z,handleOnSearchKeyDown:B,handleToggleOpen:V,selectedValues:H,handleOnOpen:U,handleOnRemoveItem:W,searchRef:G,tryingToRemoveItem:K}=e({...g,clearable:_,loading:v,disabled:y,lightBackground:b,underlineHighlight:x,sortValues:S,placeholder:C}),q=d(null),J=d(null),Y=u(()=>!!w||!!T,[w,T]);if(t(J.current,e=>{D&&L&&e.target&&q.current&&J.current&&!q.current.contains(e.target)&&!J.current?.contains(e.target)&&I()}),A===`persistent`&&`value`in g&&g.value)throw Error(`You cannot use single select with persistent mode`);return A===`persistent`?h(p,{children:[Y&&m(f,{label:w,meta:T,htmlFor:E,disabled:y}),h(n,{$maxHeight:g.mode===`persistent`&&g.maxHeight?g.maxHeight:void 0,$shouldShowLabel:Y,children:[m(r,{children:m(l,{props:g,anchorRef:q,search:F,searchRef:G,open:L,selectedValues:H,handleOnOpen:U,handleToggleOpen:V,handleOnRemoveItem:W,tryingToRemoveItem:K,handleOnSearchChange:z,handleOnSearchKeyDown:B,handleOnClear:R})}),`groups`in g&&g.groups?m(o,{...g,search:F,itemRefs:P,onItemSelect:N,onItemKeyDown:M,onSearchFilter:O,CustomMenuItemComponent:k}):m(c,{...g,search:F,itemRefs:P,onAddItem:g.onAddItem?j:void 0,onItemSelect:N,onItemKeyDown:M,onSearchFilter:O,CustomMenuItemComponent:k})]})]}):h(`div`,{children:[Y&&m(f,{label:w,meta:T,htmlFor:E,disabled:y}),m(l,{props:g,anchorRef:q,search:F,searchRef:G,open:L,selectedValues:H,handleOnOpen:U,handleToggleOpen:V,handleOnRemoveItem:W,tryingToRemoveItem:K,handleOnSearchChange:z,handleOnSearchKeyDown:B,handleOnClear:R}),L&&m(i,{ref:J,open:!0,id:`combobox-menu`,anchorEl:q.current,onClose:I,placement:`bottom`,style:{width:`${q.current?.clientWidth}px`,maxWidth:`${q.current?.clientWidth}px`},children:`groups`in g&&g.groups?m(a,{...g,search:F,itemRefs:P,onItemSelect:N,onItemKeyDown:M,onSearchFilter:O,CustomMenuItemComponent:k}):m(s,{...g,search:F,itemRefs:P,onAddItem:g.onAddItem?j:void 0,onItemSelect:N,onItemKeyDown:M,onSearchFilter:O,CustomMenuItemComponent:k})},`select-menu-${F}`)]})};export{g as Select};
1
+ import{useSelect as e}from"../../atoms/hooks/useSelect.js";import{useOutsideClick as t}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";import{SelectItemSkeleton as n}from"./SelectItemSkeleton.js";import{PersistentComboBoxWrapper as r,PersistentStickyWrapper as i,StyledMenu as a}from"./Select.styles.js";import{GroupedSelectMenu as o}from"./GroupedSelectMenu.js";import{GroupedSelectPersistent as s}from"./GroupedSelectPersistent.js";import{ListSelectMenu as c}from"./ListSelectMenu.js";import{ListSelectPersistent as l}from"./ListSelectPersistent.js";import{SearchBar as u}from"./SearchBar.js";import{useMemo as d,useRef as f}from"react";import{Label as p}from"@equinor/eds-core-react";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";const _=_=>{let{clearable:v=!0,loading:y=!1,disabled:b=!1,lightBackground:x=!1,underlineHighlight:S=!1,sortValues:C=!0,placeholder:w=`Select...`,label:T,meta:E,id:D=`amplify-combobox-${T}`,inDialog:O=!1,onSearchFilter:k,CustomMenuItemComponent:A,mode:j=`menu`}=_,{handleOnAddItem:M,handleOnItemKeyDown:N,handleOnItemSelect:P,itemRefs:F,search:I,handleOnClose:L,open:R,handleOnClear:z,handleOnSearchChange:B,handleOnSearchKeyDown:V,handleToggleOpen:H,selectedValues:U,handleOnOpen:W,handleOnRemoveItem:G,searchRef:K,tryingToRemoveItem:q}=e({..._,clearable:v,loading:y,disabled:b,lightBackground:x,underlineHighlight:S,sortValues:C,placeholder:w}),J=f(null),Y=f(null),X=d(()=>!!T||!!E,[T,E]);if(t(Y.current,e=>{O&&R&&e.target&&J.current&&Y.current&&!J.current.contains(e.target)&&!Y.current?.contains(e.target)&&L()}),j===`persistent`&&`value`in _&&_.value)throw Error(`You cannot use SingleSelect with persistent mode`);if(j===`persistent`){let e=`groups`in _&&_.groups?h(s,{..._,search:I,itemRefs:F,onItemSelect:P,onItemKeyDown:N,onSearchFilter:k,CustomMenuItemComponent:A}):h(l,{..._,search:I,itemRefs:F,onAddItem:_.onAddItem?M:void 0,onItemSelect:P,onItemKeyDown:N,onSearchFilter:k,CustomMenuItemComponent:A});return g(m,{children:[X&&h(p,{label:T,meta:E,htmlFor:D,disabled:b}),g(r,{$maxHeight:_.mode===`persistent`&&_.maxHeight?_.maxHeight:void 0,$shouldShowLabel:X,children:[h(i,{children:h(u,{props:_,anchorRef:J,search:I,searchRef:K,open:R,selectedValues:U,handleOnOpen:W,handleToggleOpen:H,handleOnRemoveItem:G,tryingToRemoveItem:q,handleOnSearchChange:B,handleOnSearchKeyDown:V,handleOnClear:z})}),_.loading?g(m,{children:[h(n,{}),h(n,{}),h(n,{})]}):e]})]})}return g(`div`,{children:[X&&h(p,{label:T,meta:E,htmlFor:D,disabled:b}),h(u,{props:_,anchorRef:J,search:I,searchRef:K,open:R,selectedValues:U,handleOnOpen:W,handleToggleOpen:H,handleOnRemoveItem:G,tryingToRemoveItem:q,handleOnSearchChange:B,handleOnSearchKeyDown:V,handleOnClear:z}),R&&h(a,{ref:Y,open:!0,id:`combobox-menu`,anchorEl:J.current,onClose:L,placement:`bottom`,style:{width:`${J.current?.clientWidth}px`,maxWidth:`${J.current?.clientWidth}px`},children:`groups`in _&&_.groups?h(o,{..._,search:I,itemRefs:F,onItemSelect:P,onItemKeyDown:N,onSearchFilter:k,CustomMenuItemComponent:A}):h(c,{..._,search:I,itemRefs:F,onAddItem:_.onAddItem?M:void 0,onItemSelect:P,onItemKeyDown:N,onSearchFilter:k,CustomMenuItemComponent:A})},`select-menu-${I}`)]})};export{_ as Select};
@@ -1,8 +1,8 @@
1
1
  import { BaseChipProps, ClickableChipProps, DeletableChipProps } from "../Chip/Chip.js";
2
- import * as react48 from "react";
2
+ import * as react43 from "react";
3
3
  import "@equinor/eds-core-react";
4
4
  import "styled-components";
5
- import * as styled_components_dist_types10 from "styled-components/dist/types";
5
+ import * as styled_components_dist_types8 from "styled-components/dist/types";
6
6
 
7
7
  //#region src/molecules/Select/Select.styles.d.ts
8
8
 
@@ -11,12 +11,12 @@ interface ComboBoxChipProps {
11
11
  $lightBackground?: boolean;
12
12
  className: string;
13
13
  }
14
- declare const ComboBoxChip: styled_components_dist_types10.IStyledComponentBase<"web", styled_components_dist_types10.Substitute<((Omit<react48.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
14
+ declare const ComboBoxChip: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<((Omit<react43.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
15
15
  onClick?: undefined;
16
16
  onDelete?: undefined;
17
- }) | ClickableChipProps | DeletableChipProps)) & react48.RefAttributes<HTMLButtonElement | HTMLDivElement>) & styled_components_dist_types10.BaseObject, ComboBoxChipProps>> & string & Omit<react48.ForwardRefExoticComponent<(Omit<react48.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
17
+ }) | ClickableChipProps | DeletableChipProps)) & react43.RefAttributes<HTMLButtonElement | HTMLDivElement>) & styled_components_dist_types8.BaseObject, ComboBoxChipProps>> & string & Omit<react43.ForwardRefExoticComponent<(Omit<react43.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
18
18
  onClick?: undefined;
19
19
  onDelete?: undefined;
20
- }) | ClickableChipProps | DeletableChipProps)) & react48.RefAttributes<HTMLButtonElement | HTMLDivElement>>, keyof react48.Component<any, {}, any>>;
20
+ }) | ClickableChipProps | DeletableChipProps)) & react43.RefAttributes<HTMLButtonElement | HTMLDivElement>>, keyof react43.Component<any, {}, any>>;
21
21
  //#endregion
22
22
  export { ComboBoxChip };
@@ -154,6 +154,11 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
154
154
  height: 24px;
155
155
  left: 0;
156
156
  }
157
+ &:disabled {
158
+ svg {
159
+ fill: ${r.interactive.disabled__text.rgba};
160
+ }
161
+ }
157
162
  `,_=u(o)`
158
163
  background: ${({$tryingToRemove:e,$lightBackground:t})=>e?r.interactive.primary__hover_alt.rgba:t?r.ui.background__light.rgba:r.ui.background__default.rgba} !important;
159
164
  `,v=u.div`
@@ -0,0 +1,7 @@
1
+ import{spacings as e}from"../../atoms/style/spacings.js";import{SkeletonBase as t}from"../Skeleton/SkeletonBase/SkeletonBase.js";import n from"styled-components";import{jsx as r}from"react/jsx-runtime";const i=n.div`
2
+ padding: ${e.medium};
3
+ display: flex;
4
+ `,a=n(t)`
5
+ height: 24px;
6
+ width: 46%;
7
+ `,o=()=>r(i,{"data-testid":`select-item-skeleton`,children:r(a,{})});export{o as SelectItemSkeleton};
@@ -1 +1 @@
1
- import{flattenOptions as e}from"./Select.utils.js";import{checkbox as t,checkbox_indeterminate as n,checkbox_outline as r}from"@equinor/eds-icons";const i={selected:t,indeterminate:n,none:r};function a(e,t){return i[o(e,t)]}function o(t,n){if(!t.children||t.children.length===0)return`none`;let r=n.some(e=>e.value===t.value),i=n.map(({value:e})=>e),a=e([t])?.map(({value:e})=>e);return r?`selected`:a.some(e=>i.includes(e))?`indeterminate`:`none`}export{a as getParentIcon,o as getParentState};
1
+ import{flattenOptions as e}from"./Select.utils.js";import{checkbox as t,checkbox_indeterminate as n,checkbox_outline as r}from"@equinor/eds-icons";const i={selected:t,indeterminate:n,none:r};function a(e,t){return i[o(e,t)]}function o(t,n){let r=n.some(e=>e.value===t.value),i=n.map(({value:e})=>e),a=e([t])?.map(({value:e})=>e);return r?`selected`:a.some(e=>i.includes(e))?`indeterminate`:`none`}export{a as getParentIcon,o as getParentState};
@@ -1,5 +1,5 @@
1
1
  import { CommonSelectProps, GroupedSelectProps, ListSelectProps, SelectOptionRequired, SingleSelectCommon } from "../Select.types.js";
2
- import * as react_jsx_runtime4 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/molecules/Select/SingleSelect/SingleSelect.d.ts
5
5
  type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & (ListSelectProps<T> | GroupedSelectProps<T>);
@@ -15,6 +15,6 @@ type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> &
15
15
  * @param onSearchFilter - Custom filter function for search, default is "item.label.match(new RegExp(searchValue, 'i'))"
16
16
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
17
17
  */
18
- declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime4.JSX.Element;
18
+ declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime0.JSX.Element;
19
19
  //#endregion
20
20
  export { SingleSelect, SingleSelectProps };
@@ -1,4 +1,4 @@
1
- import * as react107 from "react";
1
+ import * as react104 from "react";
2
2
  import { CheckboxProps } from "@equinor/eds-core-react";
3
3
 
4
4
  //#region src/molecules/SelectionControls/Checkbox/Checkbox.d.ts
@@ -7,6 +7,6 @@ interface CheckboxProps$1 extends CheckboxProps {
7
7
  outlined?: boolean;
8
8
  error?: boolean;
9
9
  }
10
- declare const Checkbox$1: react107.ForwardRefExoticComponent<CheckboxProps$1 & react107.RefAttributes<HTMLInputElement>>;
10
+ declare const Checkbox$1: react104.ForwardRefExoticComponent<CheckboxProps$1 & react104.RefAttributes<HTMLInputElement>>;
11
11
  //#endregion
12
12
  export { Checkbox$1 as Checkbox, CheckboxProps$1 as CheckboxProps };
@@ -1,4 +1,4 @@
1
- import * as react109 from "react";
1
+ import * as react102 from "react";
2
2
  import { RadioProps } from "@equinor/eds-core-react";
3
3
 
4
4
  //#region src/molecules/SelectionControls/Radio/Radio.d.ts
@@ -7,6 +7,6 @@ interface RadioProps$1 extends RadioProps {
7
7
  outlined?: boolean;
8
8
  error?: boolean;
9
9
  }
10
- declare const Radio$1: react109.ForwardRefExoticComponent<RadioProps$1 & react109.RefAttributes<HTMLInputElement>>;
10
+ declare const Radio$1: react102.ForwardRefExoticComponent<RadioProps$1 & react102.RefAttributes<HTMLInputElement>>;
11
11
  //#endregion
12
12
  export { Radio$1 as Radio, RadioProps$1 as RadioProps };
@@ -1,10 +1,10 @@
1
- import * as react111 from "react";
1
+ import * as react106 from "react";
2
2
  import { SwitchProps } from "@equinor/eds-core-react";
3
3
 
4
4
  //#region src/molecules/SelectionControls/Switch/Switch.d.ts
5
5
  interface SwitchProps$1 extends SwitchProps {
6
6
  outlined?: boolean;
7
7
  }
8
- declare const Switch$1: react111.ForwardRefExoticComponent<SwitchProps$1 & react111.RefAttributes<HTMLInputElement>>;
8
+ declare const Switch$1: react106.ForwardRefExoticComponent<SwitchProps$1 & react106.RefAttributes<HTMLInputElement>>;
9
9
  //#endregion
10
10
  export { Switch$1 as Switch, SwitchProps$1 as SwitchProps };
@@ -1,5 +1,5 @@
1
- import * as react46 from "react";
2
- import * as styled_components_dist_types8 from "styled-components/dist/types";
1
+ import * as react41 from "react";
2
+ import * as styled_components_dist_types6 from "styled-components/dist/types";
3
3
  import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
4
4
 
5
5
  //#region src/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts
@@ -7,6 +7,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
7
7
  interface SkeletonBaseProps {
8
8
  $offset?: number;
9
9
  }
10
- declare const SkeletonBase: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<react46.DetailedHTMLProps<react46.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
10
+ declare const SkeletonBase: styled_components_dist_types6.IStyledComponentBase<"web", styled_components_dist_types6.Substitute<react41.DetailedHTMLProps<react41.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
11
11
  //#endregion
12
12
  export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };
@@ -1,9 +1,9 @@
1
- import { Tabs } from "./Tabs.types.js";
1
+ import { Tabs as Tabs$1 } from "./Tabs.types.js";
2
2
  import { HTMLAttributes, Ref } from "react";
3
3
  import * as react_jsx_runtime0 from "react/jsx-runtime";
4
4
 
5
5
  //#region src/molecules/Tabs/Tabs.d.ts
6
- type TabsProps<T> = Tabs<T> & {
6
+ type TabsProps<T> = Tabs$1<T> & {
7
7
  ref?: Ref<HTMLDivElement>;
8
8
  } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>;
9
9
  /**
@@ -16,7 +16,7 @@ type TabsProps<T> = Tabs<T> & {
16
16
  * @param onChange - Callback when tab is selected
17
17
  * @param ref - Container ref
18
18
  */
19
- declare function Tabs$1<T>({
19
+ declare function Tabs<T>({
20
20
  options,
21
21
  selected,
22
22
  centered,
@@ -29,4 +29,4 @@ declare function Tabs$1<T>({
29
29
  ...rest
30
30
  }: TabsProps<T>): react_jsx_runtime0.JSX.Element;
31
31
  //#endregion
32
- export { Tabs$1 as Tabs, TabsProps };
32
+ export { Tabs, TabsProps };
@@ -6,7 +6,12 @@ import { TextFieldProps } from "@equinor/eds-core-react";
6
6
  type TextFieldProps$1 = Omit<TextFieldProps, 'variant'> & {
7
7
  variant?: Variants;
8
8
  loading?: boolean;
9
+ maxCharacters?: number;
9
10
  } & (TextareaHTMLAttributes<HTMLTextAreaElement> | InputHTMLAttributes<HTMLInputElement>);
11
+ /**
12
+ * @param loading - Show loading skeleton on top of the text field.
13
+ * @param maxCharacters - Maximum number of characters allowed in the text field. Does not enforce the limit, only for display purposes.
14
+ */
10
15
  declare const TextField$1: FC<TextFieldProps$1>;
11
16
  //#endregion
12
17
  export { TextField$1 as TextField, TextFieldProps$1 as TextFieldProps };
@@ -1,4 +1,4 @@
1
- import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{getSkeletonHeight as a,getSkeletonTop as o}from"../../atoms/utils/skeleton.js";import{SkeletonBase as s}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{useRef as c}from"react";import{TextField as l}from"@equinor/eds-core-react";import u,{css as d}from"styled-components";import{jsx as f,jsxs as p}from"react/jsx-runtime";const m=u.div`
1
+ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{getSkeletonHeight as a,getSkeletonTop as o}from"../../atoms/utils/skeleton.js";import{SkeletonBase as s}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{useEffect as c,useRef as l,useState as u}from"react";import{TextField as d,Typography as f}from"@equinor/eds-core-react";import p,{css as m}from"styled-components";import{jsx as h,jsxs as g}from"react/jsx-runtime";const _=p.div`
2
2
  position: relative;
3
3
  input,
4
4
  textarea {
@@ -22,14 +22,18 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
22
22
  outline: none !important;
23
23
  }
24
24
 
25
- ${({$variant:e,$disabled:r})=>r?d`
25
+ div[class*='HelperText'] {
26
+ margin-right: ${({$helperRightWidth:e})=>e?`calc(${e}px + ${r.medium})`:0};
27
+ }
28
+
29
+ ${({$variant:e,$disabled:r})=>r?m`
26
30
  div {
27
31
  outline: none !important;
28
32
  }
29
33
  p {
30
34
  color: ${n.interactive.disabled__text.rgba} !important;
31
35
  }
32
- `:e===void 0?d`
36
+ `:e===void 0?m`
33
37
  input:hover,
34
38
  textarea:hover {
35
39
  box-shadow: inset 0 -2px 0 0
@@ -43,8 +47,8 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
43
47
  ${n.interactive.primary__resting.rgba};
44
48
  }
45
49
  }
46
- `:d`
47
- ${e===`dirty`&&d`
50
+ `:m`
51
+ ${e===`dirty`&&m`
48
52
  input,
49
53
  textarea {
50
54
  box-shadow: inset 0 -2px 0 0 ${t[e]};
@@ -66,9 +70,12 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
66
70
  }
67
71
  }
68
72
  `}
69
- `,h=u(s)`
73
+ `,v=p(s)`
70
74
  position: absolute;
71
75
  left: ${r.small};
72
76
  border-radius: ${i.corners.borderRadius};
73
77
  transform: translateY(${r.x_small});
74
- `,g=e=>{let t={...e,variant:e.variant===`dirty`?void 0:e.variant},n=e.loading?void 0:e.variant,r=o(e),i=a(e),s=c(`${Math.max(20,Math.random()*80)}%`);return p(m,{$variant:n,$disabled:e.loading?!1:e.disabled,children:[f(l,{...t,disabled:e.loading||e.disabled}),e.loading&&f(h,{className:`skeleton`,role:`progressbar`,style:{top:r,height:i,width:s.current}})]})};export{g as TextField};
78
+ `,y=p(f)`
79
+ position: absolute;
80
+ right: ${r.small};
81
+ `,b=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');let i={...e,variant:e.variant===`dirty`?void 0:e.variant},s=e.loading?void 0:e.variant,f=o(e),p=a(e),m=l(`${Math.max(20,Math.random()*80)}%`),[b,x]=u(typeof e.value==`string`?e.value.length:0),[S,C]=u(0),w=e=>{if(e){let t=e.getBoundingClientRect().width;C(t)}},T=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&x(t.target.value.length)};return c(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==b&&x(e.value.length)},[b,e.maxCharacters,e.value]),g(_,{$variant:s,$disabled:e.loading?!1:e.disabled,$helperRightWidth:S,children:[h(d,{...i,disabled:e.loading||e.disabled,onChange:T}),e.loading&&h(v,{className:`skeleton`,role:`progressbar`,style:{top:f,height:p,width:m.current}}),e.maxCharacters&&g(y,{ref:w,variant:`helper`,group:`input`,color:i.variant?t[i.variant]:n.text.static_icons__tertiary.rgba,style:{bottom:e.helperText?`0`:`calc((${r.small} + 1rem) * -1)`},children:[b,` / `,e.maxCharacters]})]})};export{b as TextField};
@@ -1,7 +1,7 @@
1
- import * as react_jsx_runtime0 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime4 from "react/jsx-runtime";
2
2
  import { EdsDataGridProps } from "@equinor/eds-data-grid-react";
3
3
 
4
4
  //#region src/organisms/DataGrid/DataGrid.d.ts
5
- declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime0.JSX.Element;
5
+ declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime4.JSX.Element;
6
6
  //#endregion
7
7
  export { DataGrid };
@@ -2,4 +2,4 @@ import{colors as e}from"../../atoms/style/colors.js";import{Search as t}from"../
2
2
  > div {
3
3
  background: ${e.ui.background__default.rgba};
4
4
  }
5
- `,s=({placeholder:e})=>{let t=i({from:`/faq`}),{search:n}=a({strict:!1});return r(o,{value:n??``,onChange:e=>{e.target.value?t({to:`.`,search:{search:e.target.value},replace:!0}):t({to:`.`,search:void 0,replace:!0})},placeholder:e??`Search for something...`})};export{s as Search};
5
+ `,s=({placeholder:e})=>{let t=i(),{search:n}=a({strict:!1});return r(o,{value:n??``,onChange:e=>{e.target.value?t({to:`.`,search:{search:e.target.value},replace:!0}):t({to:`.`,search:void 0,replace:!0})},placeholder:e??`Search for something...`})};export{s as Search};
@@ -1,5 +1,5 @@
1
1
  import { FilterProps } from "./Filter.types.js";
2
- import * as react_jsx_runtime5 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime6 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/organisms/Filter/Filter.d.ts
5
5
 
@@ -32,6 +32,6 @@ declare function Filter<T extends string>({
32
32
  id,
33
33
  openOnFocus,
34
34
  ...rest
35
- }: FilterProps<T>): react_jsx_runtime5.JSX.Element;
35
+ }: FilterProps<T>): react_jsx_runtime6.JSX.Element;
36
36
  //#endregion
37
37
  export { Filter };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime6 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime5 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/organisms/Filter/SortMenu.d.ts
4
4
  interface SortMenuProps<S> {
@@ -13,6 +13,6 @@ declare function SortMenu<S>({
13
13
  value,
14
14
  onChange,
15
15
  items
16
- }: SortMenuProps<S>): react_jsx_runtime6.JSX.Element;
16
+ }: SortMenuProps<S>): react_jsx_runtime5.JSX.Element;
17
17
  //#endregion
18
18
  export { SortMenu };
@@ -1,12 +1,12 @@
1
- import { Filter } from "./Filter.js";
1
+ import { Filter as Filter$1 } from "./Filter.js";
2
2
  import { QuickFilter } from "./QuickFilter.js";
3
3
  import { SortMenu } from "./SortMenu.js";
4
4
 
5
5
  //#region src/organisms/Filter/index.d.ts
6
- type FilterType = typeof Filter & {
6
+ type FilterType = typeof Filter$1 & {
7
7
  QuickFilter: typeof QuickFilter;
8
8
  SortMenu: typeof SortMenu;
9
9
  };
10
- declare const Filter$1: FilterType;
10
+ declare const Filter: FilterType;
11
11
  //#endregion
12
- export { Filter$1 as Filter, type FilterType };
12
+ export { Filter, type FilterType };
@@ -1,4 +1,4 @@
1
- import * as react5 from "react";
1
+ import * as react111 from "react";
2
2
  import { ReactNode } from "react";
3
3
  import { ReleaseNote } from "@equinor/subsurface-app-management";
4
4
 
@@ -7,9 +7,9 @@ type ReleaseNoteProps = {
7
7
  actionMenu?: ReactNode;
8
8
  expanded?: boolean;
9
9
  } & ReleaseNote;
10
- declare const ReleaseNote$1: react5.ForwardRefExoticComponent<{
10
+ declare const ReleaseNote$1: react111.ForwardRefExoticComponent<{
11
11
  actionMenu?: ReactNode;
12
12
  expanded?: boolean;
13
- } & ReleaseNote & react5.RefAttributes<HTMLDivElement>>;
13
+ } & ReleaseNote & react111.RefAttributes<HTMLDivElement>>;
14
14
  //#endregion
15
15
  export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };
@@ -1,4 +1,4 @@
1
- import * as react117 from "react";
1
+ import * as react127 from "react";
2
2
  import { HTMLAttributes, ReactNode } from "react";
3
3
 
4
4
  //#region src/organisms/SideBar/SideBar.d.ts
@@ -16,6 +16,6 @@ interface SideBarWithCreate extends SideBarProps {
16
16
  createDisabled?: boolean;
17
17
  createActive?: boolean;
18
18
  }
19
- declare const SideBar: react117.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react117.RefAttributes<HTMLDivElement>>;
19
+ declare const SideBar: react127.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react127.RefAttributes<HTMLDivElement>>;
20
20
  //#endregion
21
21
  export { SideBar };
@@ -1,15 +1,15 @@
1
1
  import { SideBarMenuItem } from "../../atoms/types/SideBar.js";
2
2
  import { MenuItem } from "./MenuItem/MenuItem.js";
3
- import { SideBar } from "./SideBar.js";
3
+ import { SideBar as SideBar$1 } from "./SideBar.js";
4
4
 
5
5
  //#region src/organisms/SideBar/index.d.ts
6
- type SidebarType = typeof SideBar & {
6
+ type SidebarType = typeof SideBar$1 & {
7
7
  Item: typeof MenuItem;
8
8
  };
9
9
  /**
10
10
  * @deprecated Unnecessary rename of SideBarMenuItem, use SideBarMenuItem instead
11
11
  */
12
12
  type ItemType = SideBarMenuItem;
13
- declare const SideBar$1: SidebarType;
13
+ declare const SideBar: SidebarType;
14
14
  //#endregion
15
- export { type ItemType, SideBar$1 as SideBar };
15
+ export { type ItemType, SideBar };
@@ -1,10 +1,10 @@
1
- import * as react119 from "react";
1
+ import * as react141 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Action.d.ts
4
4
  interface ActionProps {
5
5
  onClick: () => void;
6
6
  buttonText?: string;
7
7
  }
8
- declare const Action: react119.ForwardRefExoticComponent<ActionProps & react119.RefAttributes<HTMLButtonElement>>;
8
+ declare const Action: react141.ForwardRefExoticComponent<ActionProps & react141.RefAttributes<HTMLButtonElement>>;
9
9
  //#endregion
10
10
  export { Action };
@@ -1,9 +1,9 @@
1
- import * as react121 from "react";
1
+ import * as react137 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Description.d.ts
4
4
  interface DescriptionProps {
5
5
  text?: string;
6
6
  }
7
- declare const Description: react121.ForwardRefExoticComponent<DescriptionProps & react121.RefAttributes<HTMLHeadingElement>>;
7
+ declare const Description: react137.ForwardRefExoticComponent<DescriptionProps & react137.RefAttributes<HTMLHeadingElement>>;
8
8
  //#endregion
9
9
  export { Description };
@@ -1,4 +1,4 @@
1
- import * as react123 from "react";
1
+ import * as react143 from "react";
2
2
 
3
3
  //#region src/organisms/Status/MissingAccesses.d.ts
4
4
  interface AccessType {
@@ -9,6 +9,6 @@ interface MissingAccessesProps {
9
9
  accesses?: AccessType[];
10
10
  text?: string;
11
11
  }
12
- declare const MissingAccesses: react123.ForwardRefExoticComponent<MissingAccessesProps & react123.RefAttributes<HTMLDivElement>>;
12
+ declare const MissingAccesses: react143.ForwardRefExoticComponent<MissingAccessesProps & react143.RefAttributes<HTMLDivElement>>;
13
13
  //#endregion
14
14
  export { MissingAccesses };
@@ -1,9 +1,9 @@
1
- import * as react125 from "react";
1
+ import * as react139 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Title.d.ts
4
4
  interface TitleProps {
5
5
  title?: string;
6
6
  }
7
- declare const Title: react125.ForwardRefExoticComponent<TitleProps & react125.RefAttributes<HTMLHeadingElement>>;
7
+ declare const Title: react139.ForwardRefExoticComponent<TitleProps & react139.RefAttributes<HTMLHeadingElement>>;
8
8
  //#endregion
9
9
  export { Title };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime8 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime9 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/organisms/Status/collections/BadRequest.d.ts
4
4
  interface BadRequestProps {
@@ -12,6 +12,6 @@ declare const BadRequest: ({
12
12
  redirectFallbackUrl,
13
13
  onBackClick,
14
14
  hideBackButton
15
- }: BadRequestProps) => react_jsx_runtime8.JSX.Element;
15
+ }: BadRequestProps) => react_jsx_runtime9.JSX.Element;
16
16
  //#endregion
17
17
  export { BadRequest };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime9 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime8 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/organisms/Status/collections/GenericError.d.ts
4
4
  interface GenericErrorProps {
@@ -14,6 +14,6 @@ declare const GenericError: ({
14
14
  redirectFallbackUrl,
15
15
  onBackClick,
16
16
  hideBackButton
17
- }: GenericErrorProps) => react_jsx_runtime9.JSX.Element;
17
+ }: GenericErrorProps) => react_jsx_runtime8.JSX.Element;
18
18
  //#endregion
19
19
  export { GenericError };
@@ -1,16 +1,16 @@
1
1
  import { Action } from "./Action.js";
2
2
  import { Description } from "./Description.js";
3
3
  import { MissingAccesses } from "./MissingAccesses.js";
4
- import { Status } from "./Status.js";
4
+ import { Status as Status$1 } from "./Status.js";
5
5
  import { Title } from "./Title.js";
6
6
 
7
7
  //#region src/organisms/Status/index.d.ts
8
- type StatusType = typeof Status & {
8
+ type StatusType = typeof Status$1 & {
9
9
  Title: typeof Title;
10
10
  Description: typeof Description;
11
11
  Action: typeof Action;
12
12
  MissingAccesses: typeof MissingAccesses;
13
13
  };
14
- declare const Status$1: StatusType;
14
+ declare const Status: StatusType;
15
15
  //#endregion
16
- export { Status$1 as Status };
16
+ export { Status };
@@ -1,14 +1,14 @@
1
- import * as react7 from "react";
2
- import * as styled_components0 from "styled-components";
1
+ import * as react108 from "react";
2
+ import * as styled_components12 from "styled-components";
3
3
  import { IStyledComponent } from "styled-components";
4
- import * as styled_components_dist_types0 from "styled-components/dist/types";
4
+ import * as styled_components_dist_types50 from "styled-components/dist/types";
5
5
 
6
6
  //#region src/organisms/Template/Template.d.ts
7
7
  interface ContentProps {
8
8
  $open: boolean;
9
9
  }
10
- declare const Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<react7.DetailedHTMLProps<react7.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
11
- declare const GlobalStyles: react7.NamedExoticComponent<styled_components0.ExecutionProps & object>;
10
+ declare const Content: styled_components_dist_types50.IStyledComponentBase<"web", styled_components_dist_types50.Substitute<react108.DetailedHTMLProps<react108.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
11
+ declare const GlobalStyles: react108.NamedExoticComponent<styled_components12.ExecutionProps & object>;
12
12
  type TemplateType = IStyledComponent<'web', any> & {
13
13
  Container: IStyledComponent<'web', any>;
14
14
  Content: typeof Content;
@@ -1,7 +1,7 @@
1
- import { ToggleGroup } from "./ToggleGroup.types.js";
2
- import * as react129 from "react";
1
+ import { ToggleGroup as ToggleGroup$1 } from "./ToggleGroup.types.js";
2
+ import * as react135 from "react";
3
3
 
4
4
  //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
5
- declare const ToggleGroup$1: react129.ForwardRefExoticComponent<ToggleGroup & react129.RefAttributes<HTMLDivElement>>;
5
+ declare const ToggleGroup: react135.ForwardRefExoticComponent<ToggleGroup$1 & react135.RefAttributes<HTMLDivElement>>;
6
6
  //#endregion
7
- export { ToggleGroup$1 as ToggleGroup };
7
+ export { ToggleGroup };
@@ -1,9 +1,9 @@
1
- import { ToggleGroupOption } from "./ToggleGroup.types.js";
2
- import * as react127 from "react";
1
+ import { ToggleGroupOption as ToggleGroupOption$1 } from "./ToggleGroup.types.js";
2
+ import * as react133 from "react";
3
3
  import { HTMLAttributes } from "react";
4
4
 
5
5
  //#region src/organisms/ToggleGroup/ToggleGroupOption.d.ts
6
- type ToggleGroupOptionProps = ToggleGroupOption & Omit<HTMLAttributes<HTMLButtonElement>, 'onToggle' | 'disabled'>;
7
- declare const ToggleGroupOption$1: react127.ForwardRefExoticComponent<ToggleGroupOptionProps & react127.RefAttributes<HTMLButtonElement>>;
6
+ type ToggleGroupOptionProps = ToggleGroupOption$1 & Omit<HTMLAttributes<HTMLButtonElement>, 'onToggle' | 'disabled'>;
7
+ declare const ToggleGroupOption: react133.ForwardRefExoticComponent<ToggleGroupOptionProps & react133.RefAttributes<HTMLButtonElement>>;
8
8
  //#endregion
9
- export { ToggleGroupOption$1 as ToggleGroupOption };
9
+ export { ToggleGroupOption };