@equinor/amplify-component-lib 9.13.0 → 9.14.0-beta.1

package/dist/molecules/FileUploadArea/FileUploadArea.styles.js

@@ -0,0 +1,88 @@
+import{animation as t}from"../../atoms/style/animation.js";import{colors as i}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import e from"styled-components";const o=e.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: ${r.small};
+  justify-content: center;
+  flex-direction: column;
+  border: 2px dashed ${i.interactive.primary__resting.rgba};
+  border-radius: 15px;
+  padding: ${r.medium_small} ${r.xx_large};
+  /* v8 ignore next */
+  background: ${i.ui.background__light.rgba};
+  transition: background ${t.transitionMS};
+  z-index: 10000;
+
+  > svg {
+    flex-shrink: 0;
+  }
+
+  > p {
+    text-wrap: nowrap;
+  }
+
+  > section {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: ${r.x_small};
+    margin: calc(${r.medium_small} / 2) 0;
+  }
+`,a=e(o)`
+  width: 88px;
+  height: 88px;
+  margin-bottom: 1.6em;
+  > svg {
+    width: 48px;
+    height: 48px;
+  }
+  > p {
+    color: ${i.interactive.primary__resting.rgba};
+  }
+  > p:last-child {
+    color: ${i.text.static_icons__tertiary.rgba};
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-wrap: nowrap;
+    position: absolute;
+    bottom: calc((1.6em + ${r.small}) * -1);
+  }
+
+  &:hover {
+    cursor: pointer;
+    background: ${i.interactive.primary__hover_alt.rgba};
+  }
+`,n=e(o)`
+  width: 180px;
+  height: 180px;
+  gap: 0;
+  > svg {
+    width: 62px;
+    height: 62px;
+  }
+  > section > p {
+    text-wrap: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  > button {
+    margin-top: ${r.x_small};
+    text-wrap: nowrap;
+  }
+`,s=e.div`
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  width: 100%;
+  gap: ${r.x_small};
+  align-items: center;
+
+  > p {
+    color: ${i.text.static_icons__tertiary.rgba};
+  }
+
+  > hr {
+    width: 100%;
+    height: 2px;
+  }
+`;export{s as DividerRow,n as MediumUploadWrapper,a as SmallUploadWrapper,o as UploadWrapper};

package/dist/molecules/FullPageSpinner/FullPageSpinner.js

@@ -26,4 +26,4 @@ import{jsx as i,jsxs as e}from"react/jsx-runtime";import{useMemo as t}from"react
   circle:first-child {
     stroke: ${s.interactive.primary__hover_alt.rgba};
   }
-`,m=({variant:s="application",withScrim:a=!1,fixedPosition:c=!1,children:m})=>{const f=t((()=>{switch(s){case"dots":return i(r.Dots,{color:"primary","data-testid":`full-page-spinner-${s}`,size:48});case"circle":return i(p,{"data-testid":`full-page-spinner-${s}`,size:48});case"equinor":return i(n,{"data-testid":`full-page-spinner-${s}`,size:48});case"application":return i(p,{"data-testid":"app-icon-svg",size:48})}}),[s]);return a?e(o,{open:!0,children:[f,m&&i(d,{children:m})]}):e(l,{$fixedPosition:c,children:[f,m&&i(d,{children:m})]})};export{m as FullPageSpinner};
+`,m=({variant:s="application",withScrim:a=!1,fixedPosition:c=!1,children:m})=>{const f=t(()=>{switch(s){case"dots":return i(r.Dots,{color:"primary","data-testid":`full-page-spinner-${s}`,size:48});case"circle":return i(p,{"data-testid":`full-page-spinner-${s}`,size:48});case"equinor":return i(n,{"data-testid":`full-page-spinner-${s}`,size:48});case"application":return i(p,{"data-testid":"app-icon-svg",size:48})}},[s]);return a?e(o,{open:!0,children:[f,m&&i(d,{children:m})]}):e(l,{$fixedPosition:c,children:[f,m&&i(d,{children:m})]})};export{m as FullPageSpinner};

package/dist/molecules/InfoElement/CopyText.js

@@ -38,4 +38,4 @@ import{jsxs as r,jsx as o}from"react/jsx-runtime";import{useRef as t,useState as
   grid-template-columns: auto 2.75rem;
   grid-gap: ${m.xx_small};
   align-items: center;
-`,b=({children:c,textToCopy:m})=>{const p=t(!1),[d,u]=i(!1),[b,x]=i("Copy");return e((()=>(p.current=!0,()=>{p.current=!1})),[]),r(l,{onClick:()=>{navigator.clipboard.writeText(m),x("Copied!"),setTimeout((()=>{p.current&&x("Copy")}),3e3)},onMouseOver:()=>u(!0),onMouseOut:()=>u(!1),children:[c,d&&r(g,{children:[o(n,{data:s,size:16}),o(a,{variant:"overline",children:b})]})]})};export{b as default};
+`,b=({children:c,textToCopy:m})=>{const p=t(!1),[d,u]=i(!1),[b,x]=i("Copy");return e(()=>(p.current=!0,()=>{p.current=!1}),[]),r(l,{onClick:()=>{navigator.clipboard.writeText(m),x("Copied!"),setTimeout(()=>{p.current&&x("Copy")},3e3)},onMouseOver:()=>u(!0),onMouseOut:()=>u(!1),children:[c,d&&r(g,{children:[o(n,{data:s,size:16}),o(a,{variant:"overline",children:b})]})]})};export{b as default};

package/dist/molecules/InfoElement/InfoElement.js

@@ -1 +1 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import{Typography as r}from"@equinor/eds-core-react";import"../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../Button/Button.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/style/colors.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../Tabs/Tabs.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../ListItem/ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import"../Waves/Waves.styles.js";import"framer-motion";import i from"./CopyText.js";const s=o((({title:o,content:s,copyableContent:n,capitalizeContent:p},a)=>{if("string"!=typeof s&&(n||p))throw new Error("copyableContent and capitalizeContent only works when content is string");const m="string"==typeof s?t(r,{variant:"h6",children:p?s.toUpperCase():s}):s;return e("div",{ref:a,children:[t(r,{group:"paragraph",variant:"overline",children:o?.toUpperCase()}),n&&"string"==typeof s?t(i,{textToCopy:s,children:m}):m]})}));s.displayName="InfoElement";export{s as InfoElement};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import{Typography as r}from"@equinor/eds-core-react";import"../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../Button/Button.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../DateRangePicker/DateRangePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/style/colors.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../FileUploadArea/FileUploadArea.styles.js";import"../FullPageSpinner/FullPageSpinner.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../Tabs/Tabs.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"../Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../Skeleton/SkeletonField.js";import"../ListItem/ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import"../Waves/Waves.styles.js";import"framer-motion";import i from"./CopyText.js";const s=o(({title:o,content:s,copyableContent:n,capitalizeContent:p},a)=>{if("string"!=typeof s&&(n||p))throw new Error("copyableContent and capitalizeContent only works when content is string");const l="string"==typeof s?t(r,{variant:"h6",children:p?s.toUpperCase():s}):s;return e("div",{ref:a,children:[t(r,{group:"paragraph",variant:"overline",children:o?.toUpperCase()}),n&&"string"==typeof s?t(i,{textToCopy:s,children:l}):l]})});s.displayName="InfoElement";export{s as InfoElement};

package/dist/molecules/ListItem/ListItem.js

@@ -1,11 +1,11 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import{Typography as r}from"@equinor/eds-core-react";import"../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../Button/Button.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../FileProgress/CompactFileProgress.styles.js";import{animation as i}from"../../atoms/style/animation.js";import{colors as s}from"../../atoms/style/colors.js";import{spacings as a}from"../../atoms/style/spacings.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../Tabs/Tabs.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import"../Waves/Waves.styles.js";import"framer-motion";import{renderContent as n}from"./ListItem.utils.js";import l,{css as m}from"styled-components";const p=l.button`
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import{Typography as i}from"@equinor/eds-core-react";import"../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../Button/Button.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../DateRangePicker/DateRangePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../FileProgress/CompactFileProgress.styles.js";import{animation as r}from"../../atoms/style/animation.js";import{colors as s}from"../../atoms/style/colors.js";import{spacings as a}from"../../atoms/style/spacings.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../FileUploadArea/FileUploadArea.styles.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../Tabs/Tabs.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"../Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../Skeleton/SkeletonField.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import"../Waves/Waves.styles.js";import"framer-motion";import{renderContent as n}from"./ListItem.utils.js";import l,{css as m}from"styled-components";const p=l.button`
   display: flex;
   gap: ${a.small};
   align-items: center;
   min-width: 210px;
   padding: ${({$isChild:t,$borderBottom:e})=>{let o=`${a.small} ${a.large} ${a.small}`;return e&&(o=`${a.small} ${a.large} calc(${a.small} - 1px)`),t?`${o} ${a.xx_large}`:`${o} ${a.medium}`}};
   background: ${({$selected:t})=>t?s.interactive.primary__selected_highlight.rgba:"transparent"};
-  transition: background ${i.transitionMS};
+  transition: background ${r.transitionMS};
   ${({$borderBottom:t})=>t?m`
         border-bottom: 1px solid ${s.ui.background__medium.rgba};
       `:""}
@@ -29,4 +29,4 @@ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"re
   margin-left: auto;
   display: flex;
   align-items: center;
-`,d=o((({label:o,onClick:i,onFocus:s,onBlur:a,className:l,disabled:m=!1,leadingContent:d,trailingContent:u,isChild:j=!1,selected:g=!1,borderBottom:h=!1},b)=>t(p,{ref:b,className:l,$isChild:j,$selected:g,$borderBottom:h,disabled:m,onClick:i,onFocus:s,onBlur:a,children:[d&&n(d),e("section",{children:e(r,{variant:"button",group:"navigation",children:o})}),u&&e(c,{children:n(u)})]})));d.displayName="ListItem";export{d as ListItem};
+`,d=o(({label:o,onClick:r,onFocus:s,onBlur:a,className:l,disabled:m=!1,leadingContent:d,trailingContent:u,isChild:j=!1,selected:g=!1,borderBottom:h=!1},b)=>t(p,{ref:b,className:l,$isChild:j,$selected:g,$borderBottom:h,disabled:m,onClick:r,onFocus:s,onBlur:a,children:[d&&n(d),e("section",{children:e(i,{variant:"button",group:"navigation",children:o})}),u&&e(c,{children:n(u)})]}));d.displayName="ListItem";export{d as ListItem};

package/dist/molecules/ListItem/ListItem.utils.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{colors as e}from"../../atoms/style/colors.js";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import{Icon as o}from"@equinor/eds-core-react";import"../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../Button/Button.js";import"../Chip/Chip.js";import"react";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../Tabs/Tabs.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"react-router-dom";import"../Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"./ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import"../Waves/Waves.styles.js";import"framer-motion";const r=r=>r&&"object"==typeof r&&"prefix"in r?t(o,{data:r,color:e.interactive.primary__resting.rgba}):r;export{r as renderContent};
+import{jsx as t}from"react/jsx-runtime";import{colors as e}from"../../atoms/style/colors.js";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import{Icon as o}from"@equinor/eds-core-react";import"../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../Button/Button.js";import"../Chip/Chip.js";import"react";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../DateRangePicker/DateRangePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../FileProgress/CompactFileProgress.styles.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../FileUploadArea/FileUploadArea.styles.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../Tabs/Tabs.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"../Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../Skeleton/SkeletonField.js";import"./ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import"../Waves/Waves.styles.js";import"framer-motion";const r=r=>r&&"object"==typeof r&&"prefix"in r?t(o,{data:r,color:e.interactive.primary__resting.rgba}):r;export{r as renderContent};

package/dist/molecules/OptionDrawer/OptionDrawer.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";import{Button as r,Icon as o,Checkbox as d}from"@equinor/eds-core-react";import{chevron_down as l,chevron_right as s}from"@equinor/eds-icons";import{StyledOptionWrapper as a,StyledOptionItem as c,StyledOption as m}from"./OptionDrawer.styles.js";import{getStatus as p}from"./OptionDrawer.utils.js";const h=({item:g,onToggle:E,section:I=0,selectedItems:D=[],singleSelect:f=!1,openAll:w,showIntermediateParent:C=!1,parentHasNestedItems:N=!1})=>{const[u,O]=n(!1),[T,b]=n(p(g,D,f,C));i((()=>{b(p(g,D,f,C))}),[g,D,f,C]),i((()=>{O(!!w)}),[w]);const v=g.children&&0!==g.children.length;return e(a,{$section:I,"data-testid":g.id,children:[e(c,{$paddedLeft:N&&!v,children:[v&&t(r,{variant:"ghost_icon",onClick:()=>{O((e=>!e))},"data-testid":"chevron-toggler-option-drawer",children:t(o,{data:u?l:s})}),e(m,{$section:I,onClick:e=>{g.children&&0!==g.children.length&&O((e=>!e));const t=0===g.children?.length||f||void 0===g.children?[g]:[...g.children];"CHECKED"===T?(E({items:t,toggle:!1,event:e}),O(!1)):"NONE"!==T&&"INTERMEDIATE"!==T||(E({items:t,toggle:!0,event:e}),O(!0))},disabled:!!g.disabled,children:[t(d,{indeterminate:"INTERMEDIATE"===T,checked:"CHECKED"===T,color:"secondary",disabled:!!g.disabled,onChange:()=>null}),g.label]})]}),u&&g.children?.map((e=>t(h,{section:I+1,onToggle:E,selectedItems:D,item:e,singleSelect:f,openAll:w,showIntermediateParent:C,parentHasNestedItems:!0},`OptionDrawer-${e.id}`)))]},`StyledOptionWrapper-${g.id}`)};h.displayName="OptionDrawer";export{h as OptionDrawer};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useEffect as i}from"react";import{Button as r,Icon as o,Checkbox as d}from"@equinor/eds-core-react";import{chevron_down as l,chevron_right as s}from"@equinor/eds-icons";import{StyledOptionWrapper as a,StyledOptionItem as c,StyledOption as m}from"./OptionDrawer.styles.js";import{getStatus as p}from"./OptionDrawer.utils.js";const h=({item:g,onToggle:E,section:I=0,selectedItems:D=[],singleSelect:f=!1,openAll:w,showIntermediateParent:C=!1,parentHasNestedItems:N=!1})=>{const[u,O]=n(!1),[T,b]=n(p(g,D,f,C));i(()=>{b(p(g,D,f,C))},[g,D,f,C]),i(()=>{O(!!w)},[w]);const v=g.children&&0!==g.children.length;return e(a,{$section:I,"data-testid":g.id,children:[e(c,{$paddedLeft:N&&!v,children:[v&&t(r,{variant:"ghost_icon",onClick:()=>{O(e=>!e)},"data-testid":"chevron-toggler-option-drawer",children:t(o,{data:u?l:s})}),e(m,{$section:I,onClick:e=>{g.children&&0!==g.children.length&&O(e=>!e);const t=0===g.children?.length||f||void 0===g.children?[g]:[...g.children];"CHECKED"===T?(E({items:t,toggle:!1,event:e}),O(!1)):"NONE"!==T&&"INTERMEDIATE"!==T||(E({items:t,toggle:!0,event:e}),O(!0))},disabled:!!g.disabled,children:[t(d,{indeterminate:"INTERMEDIATE"===T,checked:"CHECKED"===T,color:"secondary",disabled:!!g.disabled,onChange:()=>null}),g.label]})]}),u&&g.children?.map(e=>t(h,{section:I+1,onToggle:E,selectedItems:D,item:e,singleSelect:f,openAll:w,showIntermediateParent:C,parentHasNestedItems:!0},`OptionDrawer-${e.id}`))]},`StyledOptionWrapper-${g.id}`)};h.displayName="OptionDrawer";export{h as OptionDrawer};

package/dist/molecules/OptionDrawer/OptionDrawer.utils.js

@@ -1 +1 @@
-const e=r=>{if(0===r.length)return[];let n=[];return r.forEach((r=>{const i=e(r?.children??[]);n=[r,...n,...i]})),n},r=(r,n,i,d)=>{if(void 0!==n.find((e=>e.id===r.id)))return"CHECKED";if(void 0===r.children||0===r.children.length||i&&!d)return"NONE";const t=e(r?.children).map((e=>void 0!==n.find((r=>r.id===e.id))));return!i&&t.every(Boolean)?"CHECKED":t.every((e=>!e))?"NONE":"INTERMEDIATE"};export{r as getStatus};
+const e=r=>{if(0===r.length)return[];let n=[];return r.forEach(r=>{const i=e(r?.children??[]);n=[r,...n,...i]}),n},r=(r,n,i,d)=>{if(void 0!==n.find(e=>e.id===r.id))return"CHECKED";if(void 0===r.children||0===r.children.length||i&&!d)return"NONE";const t=e(r?.children).map(e=>void 0!==n.find(r=>r.id===e.id));return!i&&t.every(Boolean)?"CHECKED":t.every(e=>!e)?"NONE":"INTERMEDIATE"};export{r as getStatus};

package/dist/molecules/OptionalTooltip/OptionalTooltip.js

@@ -1,4 +1,4 @@
 import{jsx as t,Fragment as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{Tooltip as e}from"@equinor/eds-core-react";import i from"styled-components";const m=i(e)`
   color: white;
   text-transform: ${t=>t.textTransform};
-`,l=r((({title:r,children:e,...i},l)=>void 0===r?t(o,{children:e}):t(m,{ref:l,title:r,...i,children:e})));l.displayName="OptionalTooltip";export{l as OptionalTooltip};
+`,l=r(({title:r,children:e,...i},l)=>void 0===r?t(o,{children:e}):t(m,{ref:l,title:r,...i,children:e}));l.displayName="OptionalTooltip";export{l as OptionalTooltip};

package/dist/molecules/ProfileAvatar/ProfileAvatar.js

@@ -23,4 +23,4 @@ import{jsx as e}from"react/jsx-runtime";import{forwardRef as r,useMemo as t}from
     width: inherit;
     height: inherit;
   }
-`,b=r((({url:r,name:i,size:n="medium",disabled:o=!1},c)=>{const d=t((()=>i&&0!==i.trim().length?m(i):e(g,{data:s})),[i]),l=t((()=>{switch(n){case"small":return 16;case"small-medium":return 24;case"medium":case void 0:return 32;case"large":return 40;case"x-large":return 48;default:return n}}),[n]),u=t((()=>{switch(n){case"small":return 6;case"small-medium":return 10;case"medium":case void 0:return 14;case"large":return 16;case"x-large":return 18;default:return n/2}}),[n]),b=t((()=>{if(r)try{if(btoa(atob(r))===r)return`data:image/png;base64, ${r}`}catch{return r}return""}),[r]);return""!==b?e(f,{$size:l,"data-testid":"avatar-wrapper",children:e(a,{alt:`user-avatar-${i}`,src:b,disabled:o,ref:c})}):e(p,{$background:h(i),$size:l,$fontSize:u,disabled:o,ref:c,children:e("span",{children:d})})}));b.displayName="ProfileAvatar";export{b as ProfileAvatar,m as nameToInitials};
+`,b=r(({url:r,name:i,size:n="medium",disabled:o=!1},c)=>{const d=t(()=>i&&0!==i.trim().length?m(i):e(g,{data:s}),[i]),l=t(()=>{switch(n){case"small":return 16;case"small-medium":return 24;case"medium":case void 0:return 32;case"large":return 40;case"x-large":return 48;default:return n}},[n]),u=t(()=>{switch(n){case"small":return 6;case"small-medium":return 10;case"medium":case void 0:return 14;case"large":return 16;case"x-large":return 18;default:return n/2}},[n]),b=t(()=>{if(r)try{if(btoa(atob(r))===r)return`data:image/png;base64, ${r}`}catch{return r}return""},[r]);return""!==b?e(f,{$size:l,"data-testid":"avatar-wrapper",children:e(a,{alt:`user-avatar-${i}`,src:b,disabled:o,ref:c})}):e(p,{$background:h(i),$size:l,$fontSize:u,disabled:o,ref:c,children:e("span",{children:d})})});b.displayName="ProfileAvatar";export{b as ProfileAvatar,m as nameToInitials};

package/dist/molecules/RichTextDisplay/RichTextDisplay.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useRef as e,useEffect as r}from"react";import{useEditor as o}from"@tiptap/react";import{useAmplifyKit as i}from"../../atoms/hooks/useAmplifyKit.js";import{EditorStyling as n,EditorContent as m}from"../RichTextEditor/RichTextEditor.styles.js";import{DEFAULT_FEATURES as a}from"../RichTextEditor/RichTextEditor.types.js";const d=({value:d,imgReadToken:s,onImageRead:c,lightBackground:l=!0,padding:p="md",extensions:g,children:u,...h})=>{const f=i({features:a,onImageRead:c}),x=o({extensions:g||[f],content:s?d?.replaceAll(/(<img src=")(.+)("\/>)/g,`$1$2?${s}$3`):d,editable:!1}),R=e(d);return r((()=>{x&&d&&d!==R.current&&(x.commands.setContent(d),R.current=d)}),[x,d]),x?u?u(x):t(n,{$lightBackground:l,$padding:p,...h,children:t(m,{editor:x,readOnly:!0})}):null};export{d as RichTextDisplay};
+import{jsx as t}from"react/jsx-runtime";import{useRef as e,useEffect as r}from"react";import{useEditor as o}from"@tiptap/react";import{useAmplifyKit as i}from"../../atoms/hooks/useAmplifyKit.js";import{EditorStyling as n,EditorContent as m}from"../RichTextEditor/RichTextEditor.styles.js";import{DEFAULT_FEATURES as a}from"../RichTextEditor/RichTextEditor.types.js";const d=({value:d,imgReadToken:s,onImageRead:c,lightBackground:l=!0,padding:p="md",extensions:g,children:u,...h})=>{const f=i({features:a,onImageRead:c}),x=o({extensions:g||[f],content:s?d?.replaceAll(/(<img src=")(.+)("\/>)/g,`$1$2?${s}$3`):d,editable:!1}),R=e(d);return r(()=>{x&&d&&d!==R.current&&(x.commands.setContent(d),R.current=d)},[x,d]),x?u?u(x):t(n,{$lightBackground:l,$padding:p,...h,children:t(m,{editor:x,readOnly:!0})}):null};export{d as RichTextDisplay};

package/dist/molecules/RichTextEditor/EditorProvider.js

@@ -1 +1 @@
-import{useRef as e,useEffect as t}from"react";import{useQueryClient as n}from"@tanstack/react-query";import{useEditor as o}from"@tiptap/react";import{useAmplifyKit as r}from"../../atoms/hooks/useAmplifyKit.js";const c=({children:c,content:s,features:a,placeholder:i,onUpdate:l,onImageUpload:u,onImageRead:m,onImageRemove:p,onRemovedImagesChange:d,extensions:f=[]})=>{const g=r({features:a,placeholder:i,onImageUpload:u,onImageRead:m}),h=n(),y=e([]),I=e([]),U=e([]),C=e=>{const t=[];e.getJSON().content?.forEach((e=>{"image"===e.type&&e.attrs?.src&&t.push(e.attrs.src)}));for(const e of t)if(y.current.includes(e)){if(y.current.includes(e)&&p){const t=h.getQueryData([e]);if(t){const n=t.split(","),o=n[0].match(/:(.*?);/)[1],r=atob(n[n.length-1]);let c=r.length;const s=new Uint8Array(c);for(;c--;)s[c]=r.charCodeAt(c);const a=new File([s],e,{type:o});u?.(a)}}}else y.current.push(e);const n=y.current.filter((e=>!t.includes(e)&&!I.current.includes(e)));if(p)for(const e of n)p?.(e),I.current.push(e);d&&U.current.length!==n.length&&(d(I.current),U.current=n)},R=o({content:s,extensions:[g,...f],onCreate:({editor:e})=>{C(e)},onUpdate:({editor:e})=>{C(e),l?.(e.getHTML())}});return t((()=>{R&&s!==R.getHTML()&&R.commands.setContent(s||"")}),[s]),R?c(R):null};export{c as EditorProvider};
+import{useRef as e,useEffect as t}from"react";import{useQueryClient as n}from"@tanstack/react-query";import{useEditor as o}from"@tiptap/react";import{useAmplifyKit as r}from"../../atoms/hooks/useAmplifyKit.js";const c=({children:c,content:s,features:a,placeholder:i,onUpdate:l,onImageUpload:u,onImageRead:m,onImageRemove:p,onRemovedImagesChange:d,extensions:f=[]})=>{const g=r({features:a,placeholder:i,onImageUpload:u,onImageRead:m}),h=n(),y=e([]),I=e([]),U=e([]),C=e=>{const t=[];e.getJSON().content?.forEach(e=>{"image"===e.type&&e.attrs?.src&&t.push(e.attrs.src)});for(const e of t)if(y.current.includes(e)){if(y.current.includes(e)&&p){const t=h.getQueryData([e]);if(t){const n=t.split(","),o=n[0].match(/:(.*?);/)[1],r=atob(n[n.length-1]);let c=r.length;const s=new Uint8Array(c);for(;c--;)s[c]=r.charCodeAt(c);const a=new File([s],e,{type:o});u?.(a)}}}else y.current.push(e);const n=y.current.filter(e=>!t.includes(e)&&!I.current.includes(e));if(p)for(const e of n)p?.(e),I.current.push(e);d&&U.current.length!==n.length&&(d(I.current),U.current=n)},R=o({content:s,extensions:[g,...f],onCreate:({editor:e})=>{C(e)},onUpdate:({editor:e})=>{C(e),l?.(e.getHTML())}});return t(()=>{R&&s!==R.getHTML()&&R.commands.setContent(s||"")},[s]),R?c(R):null};export{c as EditorProvider};

package/dist/molecules/RichTextEditor/MenuBar/AddImageButton.js

@@ -1 +1 @@
-import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import{useRef as i}from"react";import{camera_add_photo as n}from"@equinor/eds-icons";import{EditorMenu as o}from"./MenuBar.js";import{RichTextEditorFeatures as c}from"../RichTextEditor.types.js";const s=({onImageUpload:s,editor:a,features:u})=>{const l=i(null);if(u&&!u.includes(c.IMAGES))return null;return t(e,{children:[r("input",{ref:l,type:"file",id:"img-input",multiple:!1,onChange:async t=>{const e=t.target.files;if(!e?.[0])return void console.error("Files undefined");const r=await(s?.(e[0]));r&&a?.chain().focus().setImage({src:r.src,alt:r.alt}).run()},style:{display:"none"},accept:"image/*, video/*"}),r(o.Button,{"data-testid":"add-image-button",icon:n,onClick:()=>{l.current&&l.current.click()}})]})};export{s as AddImageButton};
+import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import{useRef as i}from"react";import{camera_add_photo as o}from"@equinor/eds-icons";import{EditorMenu as n}from"./MenuBar.js";import{RichTextEditorFeatures as c}from"../RichTextEditor.types.js";const a=({onImageUpload:a,editor:s,features:l})=>{const u=i(null);if(l&&!l.includes(c.IMAGES))return null;return t(e,{children:[r("input",{ref:u,type:"file",id:"img-input",multiple:!1,onChange:async t=>{const e=t.target.files;if(!e?.[0])return void console.error("Files undefined");const r=await(a?.(e[0]));r&&s?.chain().focus().setImage({src:r.src,alt:r.alt}).run()},style:{display:"none"},accept:"image/*, video/*"}),r(n.Button,{"data-testid":"add-image-button",icon:o,onClick:()=>{u.current&&u.current.click()},tooltip:"Add Image"})]})};export{a as AddImageButton};

package/dist/molecules/RichTextEditor/MenuBar/MenuBar.d.ts

@@ -15,7 +15,7 @@ export declare const EditorMenu: {
 };
 export declare const EditorText: {
     History: FC<import("../RichTextEditor.types").EditorPanel>;
-    Formating: FC<import("../RichTextEditor.types").EditorPanel>;
+    Formatting: FC<import("../RichTextEditor.types").EditorPanel>;
     Headers: FC<import("../RichTextEditor.types").EditorPanel>;
     Lists: FC<import("../RichTextEditor.types").EditorPanel>;
     Color: FC<import("../RichTextEditor.types").EditorPanel>;
@@ -26,5 +26,5 @@ export declare const EditorText: {
         editor: Editor;
     }>;
     Alignment: FC<import("../RichTextEditor.types").EditorPanel>;
-    ClearFormating: FC<import("../RichTextEditor.types").EditorPanel>;
+    ClearFormatting: FC<import("../RichTextEditor.types").EditorPanel>;
 };

package/dist/molecules/RichTextEditor/MenuBar/MenuBar.js

@@ -1,10 +1,10 @@
-import{jsxs as r,jsx as t}from"react/jsx-runtime";import{TextTable as e}from"./Table/Table.js";import{TableMenuBar as o}from"./Table/TableBar.js";import{AddImageButton as i}from"./AddImageButton.js";import{MenuSection as s}from"./MenuBar.styles.js";import{MenuButton as m}from"./MenuButton.js";import{TextAlignment as a}from"./TextAlignment.js";import{TextCode as d}from"./TextCode.js";import{TextColor as l}from"./TextColor.js";import{TextHeaders as f}from"./TextHeaders.js";import{TextHistory as n}from"./TextHistory.js";import{TextLinks as p}from"./TextLinks.js";import{TextLists as u}from"./TextLists.js";import{colors as j}from"../../../atoms/style/colors.js";import{spacings as g}from"../../../atoms/style/spacings.js";import{TextClearFormatting as x}from"./TextClearFormatting.js";import{TextFormatting as T}from"./TextFormatting.js";import c from"styled-components";const b=c.div`
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import{TextTable as e}from"./Table/Table.js";import{TableMenuBar as o}from"./Table/TableBar.js";import{AddImageButton as i}from"./AddImageButton.js";import{MenuSection as s}from"./MenuBar.styles.js";import{MenuButton as m}from"./MenuButton.js";import{TextAlignment as a}from"./TextAlignment.js";import{TextCode as d}from"./TextCode.js";import{TextColor as l}from"./TextColor.js";import{TextHeaders as f}from"./TextHeaders.js";import{TextHighlight as n}from"./TextHighlight.js";import{TextHistory as p}from"./TextHistory.js";import{TextLinks as u}from"./TextLinks.js";import{TextLists as g}from"./TextLists.js";import{colors as j}from"../../../atoms/style/colors.js";import{spacings as x}from"../../../atoms/style/spacings.js";import{TextClearFormatting as T}from"./TextClearFormatting.js";import{TextFormatting as c}from"./TextFormatting.js";import b from"styled-components";const B=b.div`
   display: flex;
   flex-direction: column;
-`,B=c.div`
+`,y=b.div`
   display: flex;
   flex-wrap: wrap;
-  gap: ${g.small};
-  padding: ${g.small};
+  gap: ${x.small};
+  padding: ${x.small};
   border-bottom: 1px solid ${j.ui.background__medium.rgba};
-`,y=({editor:s,features:m,onImageUpload:j})=>0===m.length?null:r(b,{children:[r(B,{children:[t(n,{editor:s,features:m}),t(T,{editor:s,features:m}),t(f,{editor:s,features:m}),t(u,{editor:s,features:m}),t(l,{editor:s,features:m}),t(d,{editor:s,features:m}),t(a,{editor:s,features:m}),t(p,{editor:s,features:m}),t(i,{editor:s,features:m,onImageUpload:j}),t(e,{editor:s,features:m}),t(x,{editor:s,features:m})]}),t(o,{editor:s})]}),C={Bar:B,Bars:b,Button:m,Section:s,AddImageButton:i},A={History:n,Formating:T,Headers:f,Lists:u,Color:l,Code:d,Links:p,Table:e,TableBar:o,Alignment:a,ClearFormating:x};export{y as AmplifyBar,C as EditorMenu,A as EditorText};
+`,C=({editor:s,features:m,onImageUpload:j})=>0===m.length?null:r(B,{children:[r(y,{children:[t(p,{editor:s,features:m}),t(c,{editor:s,features:m}),t(f,{editor:s,features:m}),t(g,{editor:s,features:m}),t(l,{editor:s,features:m}),t(n,{editor:s,features:m}),t(d,{editor:s,features:m}),t(a,{editor:s,features:m}),t(u,{editor:s,features:m}),t(i,{editor:s,features:m,onImageUpload:j}),t(e,{editor:s,features:m}),t(T,{editor:s,features:m})]}),t(o,{editor:s})]}),h={Bar:y,Bars:B,Button:m,Section:s,AddImageButton:i},H={History:p,Formatting:c,Headers:f,Lists:g,Color:l,Code:d,Links:u,Table:e,TableBar:o,Alignment:a,ClearFormatting:T};export{C as AmplifyBar,h as EditorMenu,H as EditorText};

package/dist/molecules/RichTextEditor/MenuBar/MenuBar.styles.js

@@ -1,15 +1,21 @@
 import{tokens as r}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as t}from"../../../atoms/style/colors.js";import i from"styled-components";const{spacings:e,shape:o}=r,a=i.section`
   display: flex;
-  > button:not(:first-child):not(:last-child) {
-    border-radius: 0;
+  > div:not(:first-child):not(:last-child) {
+    > button {
+      border-radius: 0;
+    }
   }
-  > button:first-child {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0;
+  > div:first-child {
+    > button {
+      border-bottom-right-radius: 0;
+      border-top-right-radius: 0;
+    }
   }
-  > button:last-child {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0;
+  > div:last-child {
+    > button {
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
   }
 `,s=i.button`
   display: flex;

package/dist/molecules/RichTextEditor/MenuBar/MenuButton.js

@@ -1 +1 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{forwardRef as e}from"react";import{Icon as i}from"@equinor/eds-core-react";import{MenuButtonStyle as r}from"./MenuBar.styles.js";import{OptionalTooltip as l}from"../../OptionalTooltip/OptionalTooltip.js";const n=e((({icon:e,onClick:n,active:a=!1,disabled:c=!1,tooltip:m,children:p,...d},s)=>t(l,{title:m,placement:"bottom",children:o(r,{ref:s,$active:a,onClick:n,disabled:c,type:"button",...d,children:[t(i,{data:e}),p]})})));n.displayName="MenuButton";export{n as MenuButton};
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Icon as i}from"@equinor/eds-core-react";import{MenuButtonStyle as r}from"./MenuBar.styles.js";import{OptionalTooltip as s}from"../../OptionalTooltip/OptionalTooltip.js";import"../../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../ApplicationIcon/ApplicationIcon.js";import"../../Badge/Badge.styles.js";import"../../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../Button/Button.js";import"../../Chip/Chip.js";import"../../ContentMenu/ContentMenu.styles.js";import"../../DatePicker/DatePicker.js";import"../../DateRangePicker/DateRangePicker.js";import"../../Dialog/Dialog.js";import"../../EquinorLogo/EquinorLogo.js";import"../../FileProgress/CompactFileProgress.styles.js";import"../../../atoms/style/colors.js";import"../../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor.types.js";import"../../FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../../FileUploadArea/FileUploadArea.styles.js";import"../../FullPageSpinner/FullPageSpinner.js";import"../../InfoElement/InfoElement.js";import"../../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../custom-extensions/AmplifyKit.js";import"../RichTextEditor.styles.js";import"./MenuBar.js";import"@tanstack/react-query";import"../../Tabs/Tabs.js";import"../../Search/Search.js";import"../../Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../SingleFilterMenu/SingleFilterMenu.js";import"../../Skeleton/SkeletonBase/SkeletonBase.js";import"../../Skeleton/Skeleton.styles.js";import"../../Stepper/Stepper.js";import"../../OptionDrawer/OptionDrawer.js";import"../../Select/Select.styles.js";import"../../Skeleton/SkeletonField.js";import"../../ListItem/ListItem.js";import"../../SelectionControls/Checkbox/Checkbox.js";import"../../SelectionControls/Radio/Radio.js";import"../../SelectionControls/Switch/Switch.js";import"../../Waves/Waves.styles.js";import"framer-motion";const p=o(({icon:o,onClick:p,active:n=!1,disabled:l=!1,tooltip:m,children:a,...c},j)=>t(s,{title:m,enterDelay:300,children:t("div",{children:e(r,{ref:j,$active:n,onClick:p,disabled:l,type:"button",...c,children:[t(i,{data:o}),a]})})}));p.displayName="MenuButton";export{p as MenuButton};

package/dist/molecules/RichTextEditor/MenuBar/Table/Table.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{table_chart as o}from"@equinor/eds-icons";import{RichTextEditorFeatures as e}from"../../RichTextEditor.types.js";import{MenuButton as r}from"../MenuButton.js";const i=({editor:i,features:s})=>{if((!s||s.includes(e.TABLE))&&!i.isActive("table"))return t(r,{"data-testid":"add-table-button",icon:o,onClick:()=>{i.chain().focus().insertTable({rows:1,cols:3,withHeaderRow:!1}).run()}})};export{i as TextTable};
+import{jsx as t}from"react/jsx-runtime";import{table_chart as o}from"@equinor/eds-icons";import{RichTextEditorFeatures as e}from"../../RichTextEditor.types.js";import{MenuButton as i}from"../MenuButton.js";const r=({editor:r,features:s})=>{if((!s||s.includes(e.TABLE))&&!r.isActive("table"))return t(i,{"data-testid":"add-table-button",icon:o,onClick:()=>{r.chain().focus().insertTable({rows:1,cols:3,withHeaderRow:!1}).run()},tooltip:"Add Table"})};export{r as TextTable};

package/dist/molecules/RichTextEditor/MenuBar/TextAlignment.js

@@ -1 +1 @@
-import{jsxs as t,jsx as i}from"react/jsx-runtime";import{format_align_left as e,format_align_center as n,format_align_right as o}from"@equinor/eds-icons";import{RichTextEditorFeatures as c}from"../RichTextEditor.types.js";import{EditorMenu as r}from"./MenuBar.js";const s=({editor:s,features:a})=>{if(!a||a.includes(c.ALIGNMENT))return t(r.Section,{children:[i(r.Button,{active:s.isActive({textAlign:"left"}),"data-testid":"align-left-button",icon:e,onClick:()=>s.chain().focus().setTextAlign("left").run()}),i(r.Button,{active:s.isActive({textAlign:"center"}),"data-testid":"align-center-button",icon:n,onClick:()=>s.chain().focus().setTextAlign("center").run()}),i(r.Button,{active:s.isActive({textAlign:"right"}),"data-testid":"align-right-button",icon:o,onClick:()=>s.chain().focus().setTextAlign("right").run()})]})};export{s as TextAlignment};
+import{jsxs as t,jsx as i}from"react/jsx-runtime";import{format_align_left as e,format_align_center as n,format_align_right as o}from"@equinor/eds-icons";import{RichTextEditorFeatures as r}from"../RichTextEditor.types.js";import{EditorMenu as c}from"./MenuBar.js";const l=({editor:l,features:s})=>{if(!s||s.includes(r.ALIGNMENT))return t(c.Section,{children:[i(c.Button,{active:l.isActive({textAlign:"left"}),"data-testid":"align-left-button",icon:e,onClick:()=>l.chain().focus().setTextAlign("left").run(),tooltip:"Align Left"}),i(c.Button,{active:l.isActive({textAlign:"center"}),"data-testid":"align-center-button",icon:n,onClick:()=>l.chain().focus().setTextAlign("center").run(),tooltip:"Align Center"}),i(c.Button,{active:l.isActive({textAlign:"right"}),"data-testid":"align-right-button",icon:o,onClick:()=>l.chain().focus().setTextAlign("right").run(),tooltip:"Align Right"})]})};export{l as TextAlignment};

package/dist/molecules/RichTextEditor/MenuBar/TextClearFormatting.js

@@ -1,4 +1,4 @@
-import{jsxs as o,Fragment as r,jsx as e}from"react/jsx-runtime";import{format_clear as t}from"@equinor/eds-icons";import{tokens as i}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as s}from"../RichTextEditor.types.js";import{EditorMenu as n}from"./MenuBar.js";import m from"styled-components";const{colors:d}=i,c=m.hr`
+import{jsxs as o,Fragment as r,jsx as t}from"react/jsx-runtime";import{format_clear as e}from"@equinor/eds-icons";import{tokens as i}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as n}from"../RichTextEditor.types.js";import{EditorMenu as s}from"./MenuBar.js";import m from"styled-components";const{colors:d}=i,a=m.hr`
   width: 1px;
   background: ${d.ui.background__medium.rgba};
-`,u=({editor:i,features:m})=>{if(!m||m.includes(s.CLEAR_FORMATTING))return o(r,{children:[e(c,{}),e(n.Button,{icon:t,onClick:()=>i.chain().focus().clearNodes().unsetAllMarks().run(),"data-testid":"clear-formatting"})]})};export{u as TextClearFormatting};
+`,c=({editor:i,features:m})=>{if(!m||m.includes(n.CLEAR_FORMATTING))return o(r,{children:[t(a,{}),t(s.Button,{icon:e,onClick:()=>i.chain().focus().clearNodes().unsetAllMarks().run(),"data-testid":"clear-formatting",tooltip:"Clear Formatting"})]})};export{c as TextClearFormatting};

package/dist/molecules/RichTextEditor/MenuBar/TextCode.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{code as t}from"@equinor/eds-icons";import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as i}from"./MenuBar.js";const r=({editor:r,features:c})=>{if(!c||c.includes(e.CODE))return o(i.Button,{active:r.isActive("codeBlock"),icon:t,onClick:()=>r.chain().focus().toggleCodeBlock().run(),"data-testid":"code-button"})};export{r as TextCode};
+import{jsx as o}from"react/jsx-runtime";import{code as t}from"@equinor/eds-icons";import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as i}from"./MenuBar.js";const r=({editor:r,features:c})=>{if(!c||c.includes(e.CODE))return o(i.Button,{active:r.isActive("codeBlock"),icon:t,onClick:()=>r.chain().focus().toggleCodeBlock().run(),"data-testid":"code-button",tooltip:"Code Block"})};export{r as TextCode};

package/dist/molecules/RichTextEditor/MenuBar/TextColor.js

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

package/dist/molecules/RichTextEditor/MenuBar/TextFormatting.js

@@ -1 +1 @@
-import{jsxs as t,jsx as i}from"react/jsx-runtime";import{format_bold as o,format_italics as e}from"@equinor/eds-icons";import{RichTextEditorFeatures as c}from"../RichTextEditor.types.js";import{EditorMenu as n}from"./MenuBar.js";const r=({editor:r,features:s})=>{if(!s||s.includes(c.FORMATTING))return t(n.Section,{children:[i(n.Button,{active:r.isActive("bold"),"data-testid":"bold-button",icon:o,onClick:()=>r.chain().focus().toggleBold().run()}),i(n.Button,{active:r.isActive("italic"),"data-testid":"italic-button",icon:e,onClick:()=>r.chain().focus().toggleItalic().run()})]})};export{r as TextFormatting};
+import{jsxs as t,jsx as i}from"react/jsx-runtime";import{format_bold as o,format_italics as c}from"@equinor/eds-icons";import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as n}from"./MenuBar.js";const r=({editor:r,features:l})=>{if(!l||l.includes(e.FORMATTING))return t(n.Section,{children:[i(n.Button,{active:r.isActive("bold"),"data-testid":"bold-button",icon:o,onClick:()=>r.chain().focus().toggleBold().run(),tooltip:"Bold"}),i(n.Button,{active:r.isActive("italic"),"data-testid":"italic-button",icon:c,onClick:()=>r.chain().focus().toggleItalic().run(),tooltip:"Italic"})]})};export{r as TextFormatting};

package/dist/molecules/RichTextEditor/MenuBar/TextHeaders.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{RichTextEditorFeatures as i}from"../RichTextEditor.types.js";import{EditorMenu as o}from"./MenuBar.js";import{amplify_h2 as n,amplify_h3 as r}from"../../../atoms/icons/wysiwyg.js";const c=({editor:c,features:s})=>{if(!s||s.includes(i.HEADERS))return t(o.Section,{children:[e(o.Button,{"data-testid":"h2-button",active:c.isActive("heading",{level:2}),icon:n,onClick:()=>c.chain().focus().toggleHeading({level:2}).run()}),e(o.Button,{"data-testid":"h3-button",active:c.isActive("heading",{level:3}),icon:r,onClick:()=>c.chain().focus().toggleHeading({level:3}).run()})]})};export{c as TextHeaders};
+import{jsxs as t,jsx as i}from"react/jsx-runtime";import{RichTextEditorFeatures as e}from"../RichTextEditor.types.js";import{EditorMenu as o}from"./MenuBar.js";import{amplify_h2 as n,amplify_h3 as r}from"../../../atoms/icons/wysiwyg.js";const c=({editor:c,features:a})=>{if(!a||a.includes(e.HEADERS))return t(o.Section,{children:[i(o.Button,{"data-testid":"h2-button",active:c.isActive("heading",{level:2}),icon:n,onClick:()=>c.chain().focus().toggleHeading({level:2}).run(),tooltip:"Heading 2"}),i(o.Button,{"data-testid":"h3-button",active:c.isActive("heading",{level:3}),icon:r,onClick:()=>c.chain().focus().toggleHeading({level:3}).run(),tooltip:"Heading 3"})]})};export{c as TextHeaders};

package/dist/molecules/RichTextEditor/MenuBar/TextHighlight.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { EditorPanel } from '../RichTextEditor.types';
+export declare const TextHighlight: FC<EditorPanel>;

package/dist/molecules/RichTextEditor/MenuBar/TextHighlight.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{format_color_fill as i}from"@equinor/eds-icons";import{RichTextEditorFeatures as o}from"../RichTextEditor.types.js";import{EditorMenu as r}from"./MenuBar.js";const e=({editor:e,features:n})=>n&&!n.includes(o.HIGHLIGHT)?null:t(r.Button,{active:e.isActive("highlight"),icon:i,onClick:()=>e.chain().focus().toggleHighlight().run(),"data-testid":"highlight-button",tooltip:"Highlight"});export{e as TextHighlight};

package/dist/molecules/RichTextEditor/MenuBar/TextHistory.js

@@ -1 +1 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{undo as n,redo as i}from"@equinor/eds-icons";import{RichTextEditorFeatures as r}from"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";const d=({editor:d,features:c})=>{if(!c||c.includes(r.HISTORY))return o(e.Section,{children:[t(e.Button,{icon:n,onClick:()=>d.chain().focus().undo().run(),"data-testid":"undo-button",disabled:!d.can().undo()}),t(e.Button,{icon:i,onClick:()=>d.chain().focus().redo().run(),"data-testid":"redo-button",disabled:!d.can().redo()})]})};export{d as TextHistory};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{undo as n,redo as i}from"@equinor/eds-icons";import{RichTextEditorFeatures as r}from"../RichTextEditor.types.js";import{EditorMenu as e}from"./MenuBar.js";const d=({editor:d,features:c})=>{if(!c||c.includes(r.HISTORY))return o(e.Section,{children:[t(e.Button,{icon:n,onClick:()=>d.chain().focus().undo().run(),"data-testid":"undo-button",disabled:!d.can().undo(),tooltip:"Undo"}),t(e.Button,{icon:i,onClick:()=>d.chain().focus().redo().run(),"data-testid":"redo-button",disabled:!d.can().redo(),tooltip:"Redo"})]})};export{d as TextHistory};

package/dist/molecules/RichTextEditor/MenuBar/TextLinks.js

@@ -1,6 +1,6 @@
-import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{useState as r,useRef as i}from"react";import{Popover as o,Icon as c,Button as s}from"@equinor/eds-core-react";import{link as l,link_off as u}from"@equinor/eds-icons";import{tokens as a}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as d}from"../RichTextEditor.types.js";import{EditorMenu as m}from"./MenuBar.js";import{isValidUrl as f}from"../../../atoms/utils/url.js";import{TextField as p}from"../../TextField/TextField.js";import h from"styled-components";const{spacings:k}=a,g=h.div`
+import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import{useState as i,useRef as o}from"react";import{Popover as r,Icon as c,Button as s}from"@equinor/eds-core-react";import{link as l,link_off as u}from"@equinor/eds-icons";import{tokens as a}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{RichTextEditorFeatures as d}from"../RichTextEditor.types.js";import{EditorMenu as m}from"./MenuBar.js";import{isValidUrl as p}from"../../../atoms/utils/url.js";import{TextField as f}from"../../TextField/TextField.js";import h from"styled-components";const{spacings:k}=a,g=h.div`
   display: flex;
   gap: ${k.comfortable.medium};
   padding: ${k.comfortable.small};
   width: 15rem;
-`,v=({editor:a,features:h})=>{const[k,v]=r(!1),x=i(null),b=i(""),[j,y]=r(!1),C=()=>{v(!1),b.current="",a.chain().focus().unsetHighlight().run()},q=()=>{f(b.current)?(b.current.includes("http")||(b.current=`https://${b.current}`),a.chain().focus().extendMarkRange("link").setLink({href:b.current}).run(),C(),j&&y(!1)):y(!0)};if(!h||h.includes(d.LINKS))return e(t,{children:[e(m.Section,{children:[n(m.Button,{active:k,ref:x,icon:l,onClick:()=>{v((e=>!e)),a.chain().focus().setHighlight({color:"#accef7"}).run()},disabled:a.state.selection.empty,"data-testid":"link-button"}),n(m.Button,{icon:u,onClick:()=>a?.chain().focus().unsetLink().run(),disabled:!a.isActive("link"),"data-testid":"unsetlink-button"})]}),k&&n(o,{open:!0,anchorEl:x.current,onClose:C,children:e(g,{children:[n(p,{inputRef:e=>{e?.focus()},id:"link",placeholder:"Insert link",autoComplete:"off",inputIcon:n(c,{data:l}),onChange:e=>{b.current=e.target.value},onKeyDown:e=>{"Enter"===e.key&&q()},variant:j?"error":void 0}),n(s,{variant:"outlined",onClick:q,children:"Save"})]})})]})};export{v as TextLinks};
+`,v=({editor:a,features:h})=>{const[k,v]=i(!1),x=o(null),b=o(""),[j,y]=i(!1),C=()=>{v(!1),b.current="",a.chain().focus().unsetHighlight().run()},L=()=>{p(b.current)?(b.current.includes("http")||(b.current=`https://${b.current}`),a.chain().focus().extendMarkRange("link").setLink({href:b.current}).run(),C(),j&&y(!1)):y(!0)};if(!h||h.includes(d.LINKS))return e(t,{children:[e(m.Section,{children:[n(m.Button,{active:k,ref:x,icon:l,onClick:()=>{v(e=>!e),a.chain().focus().setHighlight({color:"#accef7"}).run()},disabled:a.state.selection.empty,"data-testid":"link-button",tooltip:"Link"}),n(m.Button,{icon:u,onClick:()=>a?.chain().focus().unsetLink().run(),disabled:!a.isActive("link"),"data-testid":"unsetlink-button",tooltip:"Remove Link"})]}),k&&n(r,{open:!0,anchorEl:x.current,onClose:C,children:e(g,{children:[n(f,{inputRef:e=>{e?.focus()},id:"link",placeholder:"Insert link",autoComplete:"off",inputIcon:n(c,{data:l}),onChange:e=>{b.current=e.target.value},onKeyDown:e=>{"Enter"===e.key&&L()},variant:j?"error":void 0}),n(s,{variant:"outlined",onClick:L,children:"Save"})]})})]})};export{v as TextLinks};

package/dist/molecules/RichTextEditor/MenuBar/TextLists.js

@@ -1 +1 @@
-import{jsxs as t,jsx as i}from"react/jsx-runtime";import{format_list_bulleted as e,format_list_numbered as o}from"@equinor/eds-icons";import{RichTextEditorFeatures as r}from"../RichTextEditor.types.js";import{EditorMenu as n}from"./MenuBar.js";const s=({editor:s,features:c})=>{if(!c||c.includes(r.LISTS))return t(n.Section,{children:[i(n.Button,{active:s.isActive("bulletList"),icon:e,onClick:()=>s.chain().focus().toggleBulletList().run(),"data-testid":"bullet-list-button"}),i(n.Button,{active:s.isActive("orderedList"),icon:o,onClick:()=>s.chain().focus().toggleOrderedList().run(),"data-testid":"ordered-list-button"})]})};export{s as TextLists};
+import{jsxs as t,jsx as i}from"react/jsx-runtime";import{format_list_bulleted as e,format_list_numbered as o}from"@equinor/eds-icons";import{RichTextEditorFeatures as r}from"../RichTextEditor.types.js";import{EditorMenu as s}from"./MenuBar.js";const n=({editor:n,features:c})=>{if(!c||c.includes(r.LISTS))return t(s.Section,{children:[i(s.Button,{active:n.isActive("bulletList"),icon:e,onClick:()=>n.chain().focus().toggleBulletList().run(),"data-testid":"bullet-list-button",tooltip:"Bullet List"}),i(s.Button,{active:n.isActive("orderedList"),icon:o,onClick:()=>n.chain().focus().toggleOrderedList().run(),"data-testid":"ordered-list-button",tooltip:"Ordered List"})]})};export{n as TextLists};

package/dist/molecules/RichTextEditor/RichTextEditor.styles.d.ts

@@ -4,7 +4,7 @@ export interface RichTextContentProps {
     $maxHeight?: string;
     className?: string;
 }
-export declare const EditorContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("@tiptap/react").EditorContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("@tiptap/react").EditorContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>, keyof import("react").Component<any, {}, any>>;
+export declare const EditorContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("@tiptap/react").EditorContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<import("react").NamedExoticComponent<Omit<import("@tiptap/react").EditorContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export interface EditorStylingProps {
     $lightBackground?: boolean;
     $highlighted?: boolean;

package/dist/molecules/RichTextEditor/RichTextEditor.types.d.ts

@@ -10,7 +10,8 @@ export declare enum RichTextEditorFeatures {
     LINKS = "links",
     IMAGES = "images",
     CLEAR_FORMATTING = "clear-formatting",
-    TABLE = "table"
+    TABLE = "table",
+    HIGHLIGHT = "highlight"
 }
 export declare const DEFAULT_FEATURES: RichTextEditorFeatures[];
 type OnImageUploadFn = (file: File) => Promise<{

package/dist/molecules/RichTextEditor/RichTextEditor.types.js

@@ -1 +1 @@
-var T;!function(T){T.HISTORY="history",T.FORMATTING="formatting",T.HEADERS="headers",T.LISTS="lists",T.TEXT_COLOR="text-color",T.CODE="code",T.ALIGNMENT="alignment",T.LINKS="links",T.IMAGES="images",T.CLEAR_FORMATTING="clear-formatting",T.TABLE="table"}(T||(T={}));const E=[T.HISTORY,T.FORMATTING,T.HEADERS,T.LISTS,T.TEXT_COLOR,T.CODE,T.ALIGNMENT,T.LINKS,T.IMAGES,T.TABLE,T.CLEAR_FORMATTING];export{E as DEFAULT_FEATURES,T as RichTextEditorFeatures};
+var T;!function(T){T.HISTORY="history",T.FORMATTING="formatting",T.HEADERS="headers",T.LISTS="lists",T.TEXT_COLOR="text-color",T.CODE="code",T.ALIGNMENT="alignment",T.LINKS="links",T.IMAGES="images",T.CLEAR_FORMATTING="clear-formatting",T.TABLE="table",T.HIGHLIGHT="highlight"}(T||(T={}));const E=[T.HISTORY,T.FORMATTING,T.HEADERS,T.LISTS,T.TEXT_COLOR,T.CODE,T.ALIGNMENT,T.LINKS,T.IMAGES,T.TABLE,T.CLEAR_FORMATTING];export{E as DEFAULT_FEATURES,T as RichTextEditorFeatures};

package/dist/molecules/RichTextEditor/custom-extensions/AmplifyKit.js

@@ -1 +1 @@
-import{Extension as e}from"@tiptap/core";import{Bold as t}from"@tiptap/extension-bold";import{BulletList as o}from"@tiptap/extension-bullet-list";import{CodeBlockLowlight as n}from"@tiptap/extension-code-block-lowlight";import{Color as i}from"@tiptap/extension-color";import{Document as r}from"@tiptap/extension-document";import{Dropcursor as a}from"@tiptap/extension-dropcursor";import p from"@tiptap/extension-gapcursor";import{HardBreak as m}from"@tiptap/extension-hard-break";import{Highlight as s}from"@tiptap/extension-highlight";import{History as l}from"@tiptap/extension-history";import{Italic as x}from"@tiptap/extension-italic";import{Link as d}from"@tiptap/extension-link";import{ListItem as f}from"@tiptap/extension-list-item";import{OrderedList as h}from"@tiptap/extension-ordered-list";import{Paragraph as g}from"@tiptap/extension-paragraph";import{Placeholder as c}from"@tiptap/extension-placeholder";import{Table as b}from"@tiptap/extension-table";import{TableCell as u}from"@tiptap/extension-table-cell";import{TableHeader as y}from"@tiptap/extension-table-header";import{TableRow as w}from"@tiptap/extension-table-row";import{Text as k}from"@tiptap/extension-text";import{TextAlign as A}from"@tiptap/extension-text-align";import{TextStyle as B}from"@tiptap/extension-text-style";import{Typography as L}from"@tiptap/extension-typography";import j from"./ExtendedHeaders.js";import C from"./ExtendedImage.js";import{mergeDefaults as E}from"./mergeDefaults.js";import{createLowlight as H,common as I}from"lowlight";const z=H(I),D=[{name:"bold",extension:t},{name:"bulletList",extension:o},{name:"document",extension:r},{name:"hardBreak",extension:m},{name:"history",extension:l},{name:"italic",extension:x},{name:"listItem",extension:f},{name:"orderedList",extension:h},{name:"paragraph",extension:g},{name:"text",extension:k},{name:"codeBlockLowlight",extension:n},{name:"color",extension:i},{name:"dropCursor",extension:a},{name:"gapCursor",extension:p},{name:"highlight",extension:s},{name:"link",extension:d},{name:"placeholder",extension:c},{name:"table",extension:b},{name:"tableCell",extension:u},{name:"tableHeader",extension:y},{name:"tableRow",extension:w},{name:"typography",extension:L},{name:"textStyle",extension:B},{name:"textAlign",extension:A},{name:"image",extension:C},{name:"heading",extension:j}],K=e.create({name:"AmplifyKit",addExtensions(){const e=E({options:this.options,defaults:{codeBlockLowlight:{lowlight:z},highlight:{multicolor:!0},table:{resizable:!0},image:{allowBase64:!0},placeholder:{placeholder:"Add text and content here..."},textAlign:{types:["heading","paragraph","img"]}}});return D.filter((t=>!1!==e[t.name])).map((t=>{const o=e[t.name];return o?t.extension.configure(o):t.extension}))}});export{K as AmplifyKit,E as mergeDefaults};
+import{Extension as e}from"@tiptap/core";import{Bold as t}from"@tiptap/extension-bold";import{BulletList as o}from"@tiptap/extension-bullet-list";import{CodeBlockLowlight as n}from"@tiptap/extension-code-block-lowlight";import{Color as i}from"@tiptap/extension-color";import{Document as r}from"@tiptap/extension-document";import{Dropcursor as a}from"@tiptap/extension-dropcursor";import p from"@tiptap/extension-gapcursor";import{HardBreak as m}from"@tiptap/extension-hard-break";import{Highlight as s}from"@tiptap/extension-highlight";import{History as l}from"@tiptap/extension-history";import{Italic as x}from"@tiptap/extension-italic";import{Link as d}from"@tiptap/extension-link";import{ListItem as f}from"@tiptap/extension-list-item";import{OrderedList as h}from"@tiptap/extension-ordered-list";import{Paragraph as g}from"@tiptap/extension-paragraph";import{Placeholder as c}from"@tiptap/extension-placeholder";import{Table as b}from"@tiptap/extension-table";import{TableCell as u}from"@tiptap/extension-table-cell";import{TableHeader as y}from"@tiptap/extension-table-header";import{TableRow as w}from"@tiptap/extension-table-row";import{Text as k}from"@tiptap/extension-text";import{TextAlign as A}from"@tiptap/extension-text-align";import{TextStyle as B}from"@tiptap/extension-text-style";import{Typography as L}from"@tiptap/extension-typography";import j from"./ExtendedHeaders.js";import C from"./ExtendedImage.js";import{mergeDefaults as E}from"./mergeDefaults.js";import{createLowlight as H,common as I}from"lowlight";const z=H(I),D=[{name:"bold",extension:t},{name:"bulletList",extension:o},{name:"document",extension:r},{name:"hardBreak",extension:m},{name:"history",extension:l},{name:"italic",extension:x},{name:"listItem",extension:f},{name:"orderedList",extension:h},{name:"paragraph",extension:g},{name:"text",extension:k},{name:"codeBlockLowlight",extension:n},{name:"color",extension:i},{name:"dropCursor",extension:a},{name:"gapCursor",extension:p},{name:"highlight",extension:s},{name:"link",extension:d},{name:"placeholder",extension:c},{name:"table",extension:b},{name:"tableCell",extension:u},{name:"tableHeader",extension:y},{name:"tableRow",extension:w},{name:"typography",extension:L},{name:"textStyle",extension:B},{name:"textAlign",extension:A},{name:"image",extension:C},{name:"heading",extension:j}],K=e.create({name:"AmplifyKit",addExtensions(){const e=E({options:this.options,defaults:{codeBlockLowlight:{lowlight:z},highlight:{multicolor:!0},table:{resizable:!0},image:{allowBase64:!0},placeholder:{placeholder:"Add text and content here..."},textAlign:{types:["heading","paragraph","img"]}}});return D.filter(t=>!1!==e[t.name]).map(t=>{const o=e[t.name];return o?t.extension.configure(o):t.extension})}});export{K as AmplifyKit,E as mergeDefaults};

package/dist/molecules/RichTextEditor/custom-extensions/ExtendedHeaders.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import e from"@tiptap/extension-heading";import{ReactNodeViewRenderer as o,NodeViewWrapper as r,NodeViewContent as i}from"@tiptap/react";import"../../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../ApplicationIcon/ApplicationIcon.js";import"../../Badge/Badge.styles.js";import{Typography as s}from"@equinor/eds-core-react";import"../../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../Button/Button.js";import"../../Chip/Chip.js";import"react";import"../../ContentMenu/ContentMenu.styles.js";import"../../DatePicker/DatePicker.js";import"../../Dialog/Dialog.js";import"../../EquinorLogo/EquinorLogo.js";import"../../FileProgress/CompactFileProgress.styles.js";import"../../../atoms/style/colors.js";import"../../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor.types.js";import"../../FileProgress/RegularFileProgress.styles.js";import"../../FileUploadArea/FileUploadArea.js";import"../../FullPageSpinner/FullPageSpinner.js";import"../../InfoElement/InfoElement.js";import"../../OptionalTooltip/OptionalTooltip.js";import"../../ProfileAvatar/ProfileAvatar.js";import"./AmplifyKit.js";import"../RichTextEditor.styles.js";import"../MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../Tabs/Tabs.js";import"../MenuBar/MenuBar.styles.js";import"../MenuBar/MenuButton.js";import"../../Search/Search.js";import"react-router-dom";import"../../Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../SingleFilterMenu/SingleFilterMenu.js";import"../../Skeleton/SkeletonBase/SkeletonBase.js";import"../../Skeleton/Skeleton.styles.js";import"../../Stepper/Stepper.js";import"../../OptionDrawer/OptionDrawer.js";import"../../Select/Select.styles.js";import"../../ListItem/ListItem.js";import"../../SelectionControls/Checkbox/Checkbox.js";import"../../SelectionControls/Radio/Radio.js";import"../../SelectionControls/Switch/Switch.js";import"../../Waves/Waves.styles.js";import"framer-motion";const n=e=>{const o=e.node.attrs.level;let n="h1";return 2===o&&(n="h2"),3===o&&(n="h3"),4===o&&(n="h4"),5===o&&(n="h5"),6===o&&(n="h6"),t(r,{children:t(s,{variant:n,children:t(i,{className:"content is-editable"})})})};var p=e.extend({content:"inline*",addNodeView:()=>o(n)});export{p as default};
+import{jsx as t}from"react/jsx-runtime";import e from"@tiptap/extension-heading";import{ReactNodeViewRenderer as o,NodeViewWrapper as r,NodeViewContent as i}from"@tiptap/react";import"../../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../../ApplicationIcon/ApplicationIcon.js";import"../../Badge/Badge.styles.js";import{Typography as s}from"@equinor/eds-core-react";import"../../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../../Button/Button.js";import"../../Chip/Chip.js";import"react";import"../../ContentMenu/ContentMenu.styles.js";import"../../DatePicker/DatePicker.js";import"../../DateRangePicker/DateRangePicker.js";import"../../Dialog/Dialog.js";import"../../EquinorLogo/EquinorLogo.js";import"../../FileProgress/CompactFileProgress.styles.js";import"../../../atoms/style/colors.js";import"../../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor.types.js";import"../../FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../../FileUploadArea/FileUploadArea.styles.js";import"../../FullPageSpinner/FullPageSpinner.js";import"../../InfoElement/InfoElement.js";import"../../OptionalTooltip/OptionalTooltip.js";import"../../ProfileAvatar/ProfileAvatar.js";import"./AmplifyKit.js";import"../RichTextEditor.styles.js";import"../MenuBar/MenuBar.js";import"@tanstack/react-query";import"../../Tabs/Tabs.js";import"../MenuBar/MenuBar.styles.js";import"../MenuBar/MenuButton.js";import"../../Search/Search.js";import"../../Sieve/Sieve.styles.js";import"../../../_virtual/lodash.js";import"../../SingleFilterMenu/SingleFilterMenu.js";import"../../Skeleton/SkeletonBase/SkeletonBase.js";import"../../Skeleton/Skeleton.styles.js";import"../../Stepper/Stepper.js";import"../../OptionDrawer/OptionDrawer.js";import"../../Select/Select.styles.js";import"../../Skeleton/SkeletonField.js";import"../../ListItem/ListItem.js";import"../../SelectionControls/Checkbox/Checkbox.js";import"../../SelectionControls/Radio/Radio.js";import"../../SelectionControls/Switch/Switch.js";import"../../Waves/Waves.styles.js";import"framer-motion";const n=e=>{const o=e.node.attrs.level;let n="h1";return 2===o&&(n="h2"),3===o&&(n="h3"),4===o&&(n="h4"),5===o&&(n="h5"),6===o&&(n="h6"),t(r,{children:t(s,{variant:n,children:t(i,{className:"content is-editable"})})})};var p=e.extend({content:"inline*",addNodeView:()=>o(n)});export{p as default};

package/dist/molecules/RichTextEditor/custom-extensions/ExtendedImage.js

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

package/dist/molecules/RichTextEditor/index.d.ts

@@ -2,7 +2,7 @@ export { RichTextEditor } from './RichTextEditor';
 export declare const RichText: {
     Styling: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("./RichTextEditor.styles").EditorStylingProps>> & string;
     Provider: import("react").FC<import("./EditorProvider").EditorProviderProps>;
-    Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("@tiptap/react").EditorContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, import("./RichTextEditor.styles").RichTextContentProps>> & string & Omit<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("@tiptap/react").EditorContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>, keyof import("react").Component<any, {}, any>>;
+    Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("@tiptap/react").EditorContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, import("./RichTextEditor.styles").RichTextContentProps>> & string & Omit<import("react").NamedExoticComponent<Omit<import("@tiptap/react").EditorContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
     Display: import("react").FC<import("../RichTextDisplay/RichTextDisplay").RichTextDisplayProps & import("react").HTMLAttributes<HTMLDivElement>>;
     Bar: import("react").FC<import("./MenuBar/MenuBar").MenuBarProps>;
 };

package/dist/molecules/Search/Search.js

@@ -17,4 +17,4 @@ import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";impor
       box-shadow: inset 0 -2px 0 0 ${a.interactive.primary__resting.rgba};
     }
   }
-`,s=o(((o,r)=>t(n,{...o,ref:r,autoComplete:"off"})));s.displayName="HeaderDrawer";export{s as Search};
+`,s=o((o,r)=>t(n,{...o,ref:r,autoComplete:"off"}));s.displayName="HeaderDrawer";export{s as Search};

package/dist/molecules/Select/GroupedSelectMenu.js

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