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

package/dist/molecules/IconCell/IconCell.styles.js

@@ -0,0 +1,108 @@
+import{IconCellStates as e,IconCellVariants as t}from"./IconCell.types.js";import{getBackground as n,getBorderBottom as r,getSelectedBorder as i,stateBGColor as a}from"./IconCell.utils.js";import o from"styled-components";import{animation as s,colors as c,spacings as l}from"src/atoms/style";const u=(e=`rgba(0, 0, 0, 0.1)`)=>`
+  content: '';
+  position: absolute;
+  inset: 0;
+  background-color: ${e};
+  opacity: 0.7;
+  pointer-events: none;
+`,d=o.div`
+  min-width: 48px;
+  padding: 0;
+`,f=o.div`
+  display: flex;
+  position: absolute;
+  bottom: ${l.small};
+  left: ${l.small};
+  padding-right: ${l.xx_small};
+
+  span {
+    font-size: 10px;
+    font-weight: 500;
+    position: relative;
+    color: ${c.text.static_icons__default.rgba};
+  }
+`,p=o.div`
+  display: flex;
+  align-items: center;
+`,m=o.div`
+  display: flex;
+  position: absolute;
+  top: ${l.small};
+  right: ${l.small};
+
+  svg {
+    width: 16px;
+    height: 16px;
+    position: relative;
+  }
+`,h=o.button`
+  display: flex;
+  width: 100%;
+  height: 100%;
+  min-height: 52px;
+  position: relative;
+  justify-content: center;
+  overflow: hidden;
+  padding: ${l.small};
+  background: ${n};
+  transition: background ${s.transitionMS};
+  border: none;
+  border-bottom: ${r};
+  cursor: ${({$clickable:e})=>e?`pinter`:`default`};
+
+  // Scribbled-out hides content
+  ${({$variant:e})=>e===t.SCRIBBLED_OUT&&`
+      ${f}, ${m}, ${p} {
+        display: none;
+      }
+    `}
+
+  // Selected state
+  ${({$selected:e,$state:t})=>e&&`
+      border: 1px solid ${i(t)};
+    `}
+
+  // Overlay for Label & HelperIconContainer
+  ${({$backgroundColor:n,$variant:r,$state:i})=>{let o=r===t.COLOURED?i===e.DANGER?a[e.DANGER]:i===e.WARNING?a[e.WARNING]:n:c.ui.background__default.rgba;return`
+      ${f}::before,
+      ${m}::before {
+        ${u(o)}
+      }
+    `}}
+
+  // Disabled state
+  &:disabled {
+    cursor: not-allowed;
+    background: ${({$variant:e})=>e===t.COLOURED?c.ui.background__light.rgba:`transparent`};
+
+    ${f} span {
+      color: ${c.interactive.disabled__text.rgba};
+    }
+
+    ${p},${m} {
+      opacity: 0.3;
+      filter: grayscale(100%);
+    }
+
+    ${({$selected:e})=>e&&`
+        border: 1px solid ${c.ui.background__light.rgba};
+      `}
+
+    border-bottom: 1px solid ${c.ui.background__medium.rgba};
+
+    ${({$variant:e})=>`
+      ${f}::before,
+      ${m}::before {
+        background-color: ${e===t.COLOURED?c.ui.background__light.rgba:c.ui.background__default.rgba};
+      }
+    `}
+  }
+
+  // Hover effect (only if clickable)
+  ${({$clickable:e})=>e&&`
+      &:hover:not(:disabled)::after {
+        ${u()}
+        animation: ${s.transitionMS} ease-in-out;
+      }
+    `}
+`;export{h as Button,d as Container,m as HelperIconContainer,p as IconContainer,f as Label};

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

@@ -0,0 +1,33 @@
+//#region src/molecules/IconCell/IconCell.types.d.ts
+declare const IconCellColors: {
+  readonly GREEN: "green";
+  readonly RED: "red";
+  readonly ORANGE: "orange";
+  readonly BLUE: "blue";
+  readonly GREY: "grey";
+  readonly LIGHTGREY: "lightgrey";
+  readonly PINK: "pink";
+  readonly YELLOW: "yellow";
+  readonly PURPLE: "purple";
+  readonly SUCCESS: "success";
+  readonly WARNING: "warning";
+  readonly ERROR: "error";
+  readonly INFO: "info";
+  readonly DANGER: "danger";
+  readonly DEFAULT: "default";
+};
+type IconCellColor = (typeof IconCellColors)[keyof typeof IconCellColors];
+declare const IconCellVariants: {
+  readonly DEFAULT: "default";
+  readonly COLOURED: "colored";
+  readonly SCRIBBLED_OUT: "scribbled-out";
+};
+type IconCellVariant = (typeof IconCellVariants)[keyof typeof IconCellVariants];
+declare const IconCellStates: {
+  readonly DEFAULT: "default";
+  readonly WARNING: "warning";
+  readonly DANGER: "danger";
+};
+type IconCellState = (typeof IconCellStates)[keyof typeof IconCellStates];
+//#endregion
+export { IconCellColor, IconCellColors, IconCellState, IconCellStates, IconCellVariant, IconCellVariants };

package/dist/molecules/IconCell/IconCell.types.js

@@ -0,0 +1 @@
+const e={GREEN:`green`,RED:`red`,ORANGE:`orange`,BLUE:`blue`,GREY:`grey`,LIGHTGREY:`lightgrey`,PINK:`pink`,YELLOW:`yellow`,PURPLE:`purple`,SUCCESS:`success`,WARNING:`warning`,ERROR:`error`,INFO:`info`,DANGER:`danger`,DEFAULT:`default`},t={DEFAULT:`default`,COLOURED:`colored`,SCRIBBLED_OUT:`scribbled-out`},n={DEFAULT:`default`,WARNING:`warning`,DANGER:`danger`};export{e as IconCellColors,n as IconCellStates,t as IconCellVariants};

package/dist/molecules/IconCell/IconCell.utils.js

@@ -0,0 +1,8 @@
+import{IconCellColors as e,IconCellStates as t,IconCellVariants as n}from"./IconCell.types.js";import{jsx as r}from"react/jsx-runtime";import{Icon as i}from"@equinor/eds-core-react";import{Theme as a,colors as o}from"src/atoms";const s=(e,t)=>e&&typeof e==`object`&&`prefix`in e?r(i,{data:e,color:t}):e,c=(t,n)=>{switch(t){case e.GREEN:case e.SUCCESS:return n===a.LIGHT?{backgroundColor:o.interactive.success__highlight.rgba,iconColor:o.dataviz.darkgreen.default}:{backgroundColor:o.dataviz.darkgreen.default,iconColor:o.dataviz.lightgreen.lighter};case e.RED:case e.ERROR:case e.DANGER:return n===a.LIGHT?{backgroundColor:o.interactive.danger__highlight.rgba,iconColor:o.interactive.danger__text.rgba}:{backgroundColor:o.ui.background__danger.rgba,iconColor:o.text.static_icons__default.rgba};case e.ORANGE:case e.WARNING:return n===a.LIGHT?{backgroundColor:o.interactive.warning__highlight.rgba,iconColor:o.dataviz.darkyellow.darker}:{backgroundColor:o.ui.background__warning.rgba,iconColor:o.text.static_icons__default.rgba};case e.BLUE:case e.INFO:return n===a.LIGHT?{backgroundColor:o.dataviz.lightblue.lighter,iconColor:o.dataviz.primary.darker}:{backgroundColor:o.dataviz.darkblue.default,iconColor:o.dataviz.lightblue.lighter};case e.LIGHTGREY:return n===a.LIGHT?{backgroundColor:o.ui.background__light.rgba,iconColor:o.dataviz.lightgray.darker}:{backgroundColor:o.ui.background__heavy.rgba,iconColor:o.text.static_icons__secondary.rgba};case e.PINK:return n===a.LIGHT?{backgroundColor:o.dataviz.darkpink.lighter,iconColor:o.dataviz.darkpink.darker}:{backgroundColor:o.dataviz.darkpink.darker,iconColor:o.dataviz.darkpink.lighter};case e.YELLOW:return n===a.LIGHT?{backgroundColor:o.dataviz.lightyellow.lighter,iconColor:o.dataviz.darkyellow.darker}:{backgroundColor:o.dataviz.darkyellow.darker,iconColor:o.dataviz.lightyellow.lighter};case e.PURPLE:return n===a.LIGHT?{backgroundColor:o.dataviz.lightpurple.lighter,iconColor:o.dataviz.darkpurple.darker}:{backgroundColor:o.dataviz.darkpurple.darker,iconColor:o.dataviz.lightpurple.lighter};case e.GREY:default:return n===a.LIGHT?{backgroundColor:o.ui.background__medium.rgba,iconColor:o.text.static_icons__default.rgba}:{backgroundColor:o.ui.background__light.rgba,iconColor:o.text.static_icons__default.rgba}}},l={[t.DANGER]:o.interactive.danger__resting.rgba,[t.WARNING]:o.interactive.warning__resting.rgba},u={[t.DANGER]:o.ui.background__danger.rgba,[t.WARNING]:o.ui.background__warning.rgba},d=(e,t)=>{let n=t?l[t]:void 0;return n??e},f=({$noBottomBorder:e,$state:t,$backgroundColor:n})=>{let r=e?n:d(o.ui.background__medium.rgba,t);return`1px solid ${r}`},p=e=>d(o.text.static_icons__default.rgba,e),m=({$variant:e,$state:r,$backgroundColor:i=o.ui.background__default.rgba})=>e===n.SCRIBBLED_OUT?`repeating-linear-gradient(
+      20deg,
+      ${o.ui.background__light_medium.rgba} 0px,
+      ${o.ui.background__default.rgba} 1px,
+      ${o.ui.background__default.rgba} 10px,
+      ${o.ui.background__light_medium.rgba} 11px,
+      ${o.ui.background__light_medium.rgba} 12px
+    )`:e===n.COLOURED?r===t.DANGER?u[t.DANGER]:r===t.WARNING?u[t.WARNING]:i:`transparent`;export{m as getBackground,f as getBorderBottom,c as getIconCellColor,p as getSelectedBorder,s as renderContent,u as stateBGColor};

package/dist/molecules/InfoElement/InfoElement.js

@@ -1 +1 @@
-import e from"./CopyText.js";import t,{forwardRef as n}from"react";import{Typography as r}from"@equinor/eds-core-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=n(({title:t,content:n,copyableContent:o,capitalizeContent:s},c)=>{if(typeof n!=`string`&&(o||s))throw Error(`copyableContent and capitalizeContent only works when content is string`);let l=typeof n==`string`?i(r,{variant:`h6`,children:s?n.toUpperCase():n}):n;return a(`div`,{ref:c,children:[i(r,{group:`paragraph`,variant:`overline`,children:t?.toUpperCase()}),o&&typeof n==`string`?i(e,{textToCopy:n,children:l}):l]})});o.displayName=`InfoElement`;export{o as InfoElement};
+import e,{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Typography as i}from"@equinor/eds-core-react";import a from"src/molecules/InfoElement/CopyText";const o=t(({title:e,content:t,copyableContent:o,capitalizeContent:s},c)=>{if(typeof t!=`string`&&(o||s))throw Error(`copyableContent and capitalizeContent only works when content is string`);let l=typeof t==`string`?n(i,{variant:`h6`,children:s?t.toUpperCase():t}):t;return r(`div`,{ref:c,children:[n(i,{group:`paragraph`,variant:`overline`,children:e?.toUpperCase()}),o&&typeof t==`string`?n(a,{textToCopy:t,children:l}):l]})});o.displayName=`InfoElement`;export{o as InfoElement};

package/dist/molecules/ListItem/ListItem.js

@@ -1,32 +1,32 @@
-import{animation as e}from"../../atoms/style/animation.js";import{colors as t}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{renderContent as r}from"./ListItem.utils.js";import{forwardRef as i}from"react";import{Typography as a}from"@equinor/eds-core-react";import o,{css as s}from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=o.button`
+import{forwardRef as e}from"react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import r,{css as i}from"styled-components";import{Typography as a}from"@equinor/eds-core-react";import{animation as o,colors as s,spacings as c}from"src/atoms/style";import{renderContent as l}from"src/molecules/ListItem/ListItem.utils";const u=r.button`
   display: flex;
-  gap: ${n.small};
+  gap: ${c.small};
   align-items: center;
   min-width: 210px;
-  padding: ${({$isChild:e,$borderBottom:t})=>{let r=`${n.small} ${n.large} ${n.small}`;return t&&(r=`${n.small} ${n.large} calc(${n.small} - 1px)`),e?`${r} ${n.xx_large}`:`${r} ${n.medium}`}};
-  background: ${({$selected:e})=>e?t.interactive.primary__selected_highlight.rgba:`transparent`};
-  transition: background ${e.transitionMS};
-  ${({$borderBottom:e})=>e?s`
-        border-bottom: 1px solid ${t.ui.background__medium.rgba};
+  padding: ${({$isChild:e,$borderBottom:t})=>{let n=`${c.small} ${c.large} ${c.small}`;return t&&(n=`${c.small} ${c.large} calc(${c.small} - 1px)`),e?`${n} ${c.xx_large}`:`${n} ${c.medium}`}};
+  background: ${({$selected:e})=>e?s.interactive.primary__selected_highlight.rgba:`transparent`};
+  transition: background ${o.transitionMS};
+  ${({$borderBottom:e})=>e?i`
+        border-bottom: 1px solid ${s.ui.background__medium.rgba};
       `:``}
   &:disabled {
       cursor: not-allowed;
       background: transparent;
       > section > p {
-        color: ${t.interactive.disabled__text.rgba};
+        color: ${s.interactive.disabled__text.rgba};
       }
   }
   &:focus:not(:disabled) {
-      outline: 1px dashed ${t.interactive.primary__resting.rgba};
+      outline: 1px dashed ${s.interactive.primary__resting.rgba};
   }
   &:hover:not(:disabled) {
-    background: ${({$selected:e})=>e?t.interactive.primary__selected_hover.rgba:t.interactive.primary__hover_alt.rgba};
+    background: ${({$selected:e})=>e?s.interactive.primary__selected_hover.rgba:s.interactive.primary__hover_alt.rgba};
   }
   > section {
-      padding: ${n.small} 0};
+      padding: ${c.small} 0};
   }
-`,d=o.span`
+`,d=r.span`
   margin-left: auto;
   display: flex;
   align-items: center;
-`,f=i(({label:e,onClick:t,onFocus:n,onBlur:i,className:o,disabled:s=!1,leadingContent:f,trailingContent:p,isChild:m=!1,selected:h=!1,borderBottom:g=!1},_)=>l(u,{ref:_,className:o,$isChild:m,$selected:h,$borderBottom:g,disabled:s,onClick:t,onFocus:n,onBlur:i,children:[f&&r(f),c(`section`,{children:c(a,{variant:`button`,group:`navigation`,children:e})}),p&&c(d,{children:r(p)})]}));f.displayName=`ListItem`;export{f as ListItem};
+`,f=e(({label:e,onClick:r,onFocus:i,onBlur:o,className:s,disabled:c=!1,leadingContent:f,trailingContent:p,isChild:m=!1,selected:h=!1,borderBottom:g=!1},_)=>n(u,{ref:_,className:s,$isChild:m,$selected:h,$borderBottom:g,disabled:c,onClick:r,onFocus:i,onBlur:o,children:[f&&l(f),t(`section`,{children:t(a,{variant:`button`,group:`navigation`,children:e})}),p&&t(d,{children:l(p)})]}));f.displayName=`ListItem`;export{f as ListItem};

package/dist/molecules/OptionDrawer/OptionDrawer.js

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

package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts

@@ -1,4 +1,4 @@
-import * as react26 from "react";
+import * as react15 from "react";
 import { TooltipProps } from "@equinor/eds-core-react";
 import * as _floating_ui_utils0 from "@floating-ui/utils";
 
@@ -6,14 +6,14 @@ import * as _floating_ui_utils0 from "@floating-ui/utils";
 type OptionalTooltipProps = {
   textTransform?: string;
 } & TooltipProps;
-declare const OptionalTooltip: react26.ForwardRefExoticComponent<{
+declare const OptionalTooltip: react15.ForwardRefExoticComponent<{
   textTransform?: string;
 } & {
   placement?: _floating_ui_utils0.Placement;
-  title?: react26.ReactNode;
+  title?: react15.ReactNode;
   children: React.ReactElement & React.RefAttributes<HTMLElement>;
   enterDelay?: number;
   portalContainer?: HTMLElement;
-} & Omit<react26.HTMLAttributes<HTMLDivElement>, "title"> & react26.RefAttributes<HTMLDivElement>>;
+} & Omit<react15.HTMLAttributes<HTMLDivElement>, "title"> & react15.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { OptionalTooltip, OptionalTooltipProps };

package/dist/molecules/OptionalTooltip/OptionalTooltip.js

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

package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts

@@ -1,4 +1,4 @@
-import * as react24 from "react";
+import * as react19 from "react";
 
 //#region src/molecules/ProfileAvatar/ProfileAvatar.d.ts
 interface ProfileAvatarProps {
@@ -7,6 +7,6 @@ interface ProfileAvatarProps {
   size?: 'small' | 'small-medium' | 'medium' | 'large' | 'x-large' | number;
   disabled?: boolean;
 }
-declare const ProfileAvatar: react24.ForwardRefExoticComponent<ProfileAvatarProps & react24.RefAttributes<HTMLDivElement>>;
+declare const ProfileAvatar: react19.ForwardRefExoticComponent<ProfileAvatarProps & react19.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ProfileAvatar, ProfileAvatarProps };

package/dist/molecules/ProfileAvatar/ProfileAvatar.js

@@ -1,12 +1,12 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as t}from"../../atoms/style/colors.js";import{forwardRef as n,useMemo as r}from"react";import{Avatar as i,Icon as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s}from"react/jsx-runtime";import{person as c}from"@equinor/eds-icons";const{shape:l,typography:u}=e,d=[t.infographic.primary__energy_red_55.rgba,t.infographic.primary__moss_green_55.rgba,t.infographic.substitute__green_mint.rgba,t.infographic.substitute__blue_overcast.rgba];function f(e){let t=e.replace(/ *\([^)]*\) */g,``).toUpperCase(),n=t.split(` `),r=t.includes(`,`),i=e=>{let t=e.split(`,`);return t[1].trim().charAt(0)};if(n.length===1&&n[0]!==``)return n[0].charAt(0);if(r)return i(t)+n[0].charAt(0);if(n.length>=2)return n[0].charAt(0)+n[n.length-1].charAt(0)}function p(e){let t=0;if(e)for(let n=0;n<e.length;n++)t+=e.charCodeAt(n);return d[t%d.length]}const m=o.div`
+import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{forwardRef as t,useMemo as n}from"react";import{jsx as r}from"react/jsx-runtime";import{person as i}from"@equinor/eds-icons";import a from"styled-components";import{Avatar as o,Icon as s}from"@equinor/eds-core-react";import{colors as c}from"src/atoms/style";const{shape:l,typography:u}=e,d=[c.infographic.primary__energy_red_55.rgba,c.infographic.primary__moss_green_55.rgba,c.infographic.substitute__green_mint.rgba,c.infographic.substitute__blue_overcast.rgba];function f(e){let t=e.replace(/ *\([^)]*\) */g,``).toUpperCase(),n=t.split(` `),r=t.includes(`,`),i=e=>{let t=e.split(`,`);return t[1].trim().charAt(0)};if(n.length===1&&n[0]!==``)return n[0].charAt(0);if(r)return i(t)+n[0].charAt(0);if(n.length>=2)return n[0].charAt(0)+n[n.length-1].charAt(0)}function p(e){let t=0;if(e)for(let n=0;n<e.length;n++)t+=e.charCodeAt(n);return d[t%d.length]}const m=a.div`
   width: ${e=>e.$size}px;
   height: ${e=>e.$size}px;
   position: relative;
   font-size: ${e=>e.$fontSize}px;
   font-family: ${u.heading.h6.fontFamily};
   border-radius: ${l.circle.borderRadius};
-  background: ${e=>e.disabled?t.interactive.disabled__border.rgba:e.$background};
-  color: ${e=>e.disabled?t.text.static_icons__default.rgba:t.text.static_icons__primary_white.rgba};
+  background: ${e=>e.disabled?c.interactive.disabled__border.rgba:e.$background};
+  color: ${e=>e.disabled?c.text.static_icons__default.rgba:c.text.static_icons__primary_white.rgba};
   display: flex;
   justify-content: center;
   align-items: center;
@@ -14,13 +14,13 @@ import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/ind
     line-height: ${e=>e.$fontSize-4}px;
     height: ${e=>e.$fontSize-4}px;
   }
-`,h=o(a)`
+`,h=a(s)`
   width: 70%;
-`,g=o.div`
+`,g=a.div`
   width: ${({$size:e})=>e}px;
   height: ${({$size:e})=>e}px;
   > div {
     width: inherit;
     height: inherit;
   }
-`,_=n(({url:e,name:t,size:n=`medium`,disabled:a=!1},o)=>{let l=r(()=>!t||t.trim().length===0?s(h,{data:c}):f(t),[t]),u=r(()=>{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]),d=r(()=>{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]),_=r(()=>{if(e)try{if(btoa(atob(e))===e)return`data:image/png;base64, ${e}`}catch{return e}return``},[e]);return _===``?s(m,{$background:p(t),$size:u,$fontSize:d,disabled:a,ref:o,children:s(`span`,{children:l})}):s(g,{$size:u,"data-testid":`avatar-wrapper`,children:s(i,{alt:`user-avatar-${t}`,src:_,disabled:a,ref:o})})});_.displayName=`ProfileAvatar`;export{_ as ProfileAvatar};
+`,_=t(({url:e,name:t,size:a=`medium`,disabled:s=!1},c)=>{let l=n(()=>!t||t.trim().length===0?r(h,{data:i}):f(t),[t]),u=n(()=>{switch(a){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 a}},[a]),d=n(()=>{switch(a){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 a/2}},[a]),_=n(()=>{if(e)try{if(btoa(atob(e))===e)return`data:image/png;base64, ${e}`}catch{return e}return``},[e]);return _===``?r(m,{$background:p(t),$size:u,$fontSize:d,disabled:s,ref:c,children:r(`span`,{children:l})}):r(g,{$size:u,"data-testid":`avatar-wrapper`,children:r(o,{alt:`user-avatar-${t}`,src:_,disabled:s,ref:c})})});_.displayName=`ProfileAvatar`;export{_ as ProfileAvatar};

package/dist/molecules/RichTextDisplay/RichTextDisplay.js

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

package/dist/molecules/RichTextEditor/EditorProvider.js

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

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

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

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

@@ -1,7 +1,7 @@
 import { EditorPanel, ImageExtensionFnProps, RichTextEditorFeatures } from "../RichTextEditor.types.js";
 import { MenuButtonProps } from "./MenuButton.js";
 import { AddImageProps } from "./AddImageButton.js";
-import * as react32 from "react";
+import * as react30 from "react";
 import { FC } from "react";
 import * as styled_components0 from "styled-components";
 import { Editor } from "@tiptap/react";
@@ -14,10 +14,10 @@ interface MenuBarProps extends Pick<ImageExtensionFnProps, 'onImageUpload'> {
 }
 declare const AmplifyBar: FC<MenuBarProps>;
 declare const EditorMenu: {
-  Bar: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react32.DetailedHTMLProps<react32.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-  Bars: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react32.DetailedHTMLProps<react32.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-  Button: react32.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react32.RefAttributes<HTMLButtonElement>>;
-  Section: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react32.DetailedHTMLProps<react32.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+  Bar: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react30.DetailedHTMLProps<react30.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+  Bars: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react30.DetailedHTMLProps<react30.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+  Button: react30.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react30.RefAttributes<HTMLButtonElement>>;
+  Section: styled_components_dist_types3.IStyledComponentBase<"web", styled_components0.FastOmit<react30.DetailedHTMLProps<react30.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
   AddImageButton: FC<AddImageProps>;
 };
 declare const EditorText: {

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

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

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

@@ -1,4 +1,4 @@
-import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as t}from"../../../atoms/style/colors.js";import n from"styled-components";const{spacings:r,shape:i}=e,a=n.section`
+import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import t from"styled-components";import{colors as n}from"src/atoms/style";const{spacings:r,shape:i}=e,a=t.section`
   display: flex;
   > div:not(:first-child):not(:last-child) {
     > button {
@@ -17,7 +17,7 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
       border-top-left-radius: 0;
     }
   }
-`,o=n.button`
+`,o=t.button`
   display: flex;
   align-items: center;
   border-radius: ${i.button.borderRadius};
@@ -43,6 +43,6 @@ import{tokens as e}from"../../../node_modules/@equinor/eds-tokens/dist/esm/base/
   }
 
   &:disabled > svg {
-    fill: ${t.interactive.disabled__text.rgba};
+    fill: ${n.interactive.disabled__text.rgba};
   }
-`,s=e=>e.$active?t.ui.background__light.rgba:t.interactive.primary__resting.rgba,c=e=>e.$active?t.text.static_icons__primary_white.rgba:t.interactive.primary__hover.rgba,l=e=>e.$active?t.interactive.primary__resting.rgba:t.ui.background__light.rgba,u=e=>e.$active?t.interactive.primary__hover.rgba:t.interactive.primary__hover_alt.rgba;export{o as MenuButtonStyle,a as MenuSection};
+`,s=e=>e.$active?n.ui.background__light.rgba:n.interactive.primary__resting.rgba,c=e=>e.$active?n.text.static_icons__primary_white.rgba:n.interactive.primary__hover.rgba,l=e=>e.$active?n.interactive.primary__resting.rgba:n.ui.background__light.rgba,u=e=>e.$active?n.interactive.primary__hover.rgba:n.interactive.primary__hover_alt.rgba;export{o as MenuButtonStyle,a as MenuSection};

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

@@ -1 +1 @@
-import{OptionalTooltip as e}from"../../OptionalTooltip/OptionalTooltip.js";import{MenuButtonStyle as t}from"./MenuBar.styles.js";import{forwardRef as n}from"react";import{Icon as r}from"@equinor/eds-core-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=n(({icon:n,onClick:o,active:s=!1,disabled:c=!1,tooltip:l,children:u,...d},f)=>i(e,{title:l,enterDelay:300,children:i(`div`,{children:a(t,{ref:f,$active:s,onClick:o,disabled:c,type:`button`,...d,children:[i(r,{data:n}),u]})})}));o.displayName=`MenuButton`;export{o as MenuButton};
+import{MenuButtonStyle as e}from"./MenuBar.styles.js";import{forwardRef as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Icon as i}from"@equinor/eds-core-react";import{OptionalTooltip as a}from"src/molecules/OptionalTooltip/OptionalTooltip";const o=t(({icon:t,onClick:o,active:s=!1,disabled:c=!1,tooltip:l,children:u,...d},f)=>n(a,{title:l,enterDelay:300,children:n(`div`,{children:r(e,{ref:f,$active:s,onClick:o,disabled:c,type:`button`,...d,children:[n(i,{data:t}),u]})})}));o.displayName=`MenuButton`;export{o as MenuButton};

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

@@ -1 +1 @@
-import{amplify_table_add_column_left as e,amplify_table_add_column_right as t,amplify_table_remove_column as n}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as r}from"../MenuBar.styles.js";import{MenuButton as i}from"../MenuButton.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>{let c=()=>s.chain().focus().addColumnBefore().run(),l=()=>s.chain().focus().addColumnAfter().run(),u=()=>s.chain().focus().deleteColumn().run();return o(r,{children:[a(i,{tooltip:`Add column left`,icon:e,onClick:c,disabled:!s.can().addColumnBefore()}),a(i,{tooltip:`Add column right`,icon:t,onClick:l,disabled:!s.can().addColumnAfter()}),a(i,{tooltip:`Remove column`,icon:n,onClick:u,disabled:!s.can().deleteColumn()})]})};export{s as TableColumn};
+import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{amplify_table_add_column_left as i,amplify_table_add_column_right as a,amplify_table_remove_column as o}from"src/atoms/icons/wysiwyg";const s=({editor:s})=>{let c=()=>s.chain().focus().addColumnBefore().run(),l=()=>s.chain().focus().addColumnAfter().run(),u=()=>s.chain().focus().deleteColumn().run();return r(e,{children:[n(t,{tooltip:`Add column left`,icon:i,onClick:c,disabled:!s.can().addColumnBefore()}),n(t,{tooltip:`Add column right`,icon:a,onClick:l,disabled:!s.can().addColumnAfter()}),n(t,{tooltip:`Remove column`,icon:o,onClick:u,disabled:!s.can().deleteColumn()})]})};export{s as TableColumn};

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

@@ -1 +1 @@
-import{amplify_table_merge_cells as e,amplify_table_split_cell as t}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as n}from"../MenuBar.styles.js";import{MenuButton as r}from"../MenuButton.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>{let s=()=>o.chain().focus().mergeCells().run(),c=()=>o.chain().focus().splitCell().run();return a(n,{children:[i(r,{tooltip:`Merge selected cells`,icon:e,onClick:s,disabled:!o.can().mergeCells()}),i(r,{tooltip:`Split selected cell`,icon:t,onClick:c,disabled:!o.can().splitCell()})]})};export{o as TableMerge};
+import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{amplify_table_merge_cells as i,amplify_table_split_cell as a}from"src/atoms/icons/wysiwyg";const o=({editor:o})=>{let s=()=>o.chain().focus().mergeCells().run(),c=()=>o.chain().focus().splitCell().run();return r(e,{children:[n(t,{tooltip:`Merge selected cells`,icon:i,onClick:s,disabled:!o.can().mergeCells()}),n(t,{tooltip:`Split selected cell`,icon:a,onClick:c,disabled:!o.can().splitCell()})]})};export{o as TableMerge};

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

@@ -1 +1 @@
-import{amplify_table_add_row_above as e,amplify_table_add_row_below as t,amplify_table_remove_row as n}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as r}from"../MenuBar.styles.js";import{MenuButton as i}from"../MenuButton.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>{let c=()=>s.chain().focus().addRowAfter().run(),l=()=>s.chain().focus().addRowBefore().run(),u=()=>s.chain().focus().deleteRow().run();return o(r,{children:[a(i,{tooltip:`Add row below`,icon:t,onClick:c,disabled:!s.can().addRowAfter()}),a(i,{tooltip:`Add row above`,icon:e,onClick:l,disabled:!s.can().addRowBefore()}),a(i,{tooltip:`Remove row`,icon:n,onClick:u,disabled:!s.can().deleteRow()})]})};export{s as TableRow};
+import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{amplify_table_add_row_above as i,amplify_table_add_row_below as a,amplify_table_remove_row as o}from"src/atoms/icons/wysiwyg";const s=({editor:s})=>{let c=()=>s.chain().focus().addRowAfter().run(),l=()=>s.chain().focus().addRowBefore().run(),u=()=>s.chain().focus().deleteRow().run();return r(e,{children:[n(t,{tooltip:`Add row below`,icon:a,onClick:c,disabled:!s.can().addRowAfter()}),n(t,{tooltip:`Add row above`,icon:i,onClick:l,disabled:!s.can().addRowBefore()}),n(t,{tooltip:`Remove row`,icon:o,onClick:u,disabled:!s.can().deleteRow()})]})};export{s as TableRow};

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

@@ -1 +1 @@
-import{amplify_table_column_heading as e,amplify_table_row_heading as t}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as n}from"../MenuBar.styles.js";import{MenuButton as r}from"../MenuButton.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>{let s=()=>o.chain().focus().toggleHeaderRow().run(),c=()=>o.chain().focus().toggleHeaderColumn().run();return a(n,{children:[i(r,{tooltip:`Toggle header row`,icon:t,onClick:s,disabled:!o.can().toggleHeaderRow()}),i(r,{tooltip:`Toggle header column`,icon:e,onClick:c,disabled:!o.can().toggleHeaderColumn()})]})};export{o as ToggleTable};
+import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{amplify_table_column_heading as i,amplify_table_row_heading as a}from"src/atoms/icons/wysiwyg";const o=({editor:o})=>{let s=()=>o.chain().focus().toggleHeaderRow().run(),c=()=>o.chain().focus().toggleHeaderColumn().run();return r(e,{children:[n(t,{tooltip:`Toggle header row`,icon:a,onClick:s,disabled:!o.can().toggleHeaderRow()}),n(t,{tooltip:`Toggle header column`,icon:i,onClick:c,disabled:!o.can().toggleHeaderColumn()})]})};export{o as ToggleTable};

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

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

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

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

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

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

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

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

package/dist/molecules/RichTextEditor/RichTextEditor.js

@@ -1 +1 @@
-import{VARIANT_COLORS as e,VARIANT_HELPER_TEXT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{getFeatures as r}from"../../atoms/utils/richtext.js";import{getVariantIcon as i}from"../../atoms/utils/forms.js";import{EditorContent as a,EditorStyling as o,HelperWrapper as s,LabelWrapper as c,Wrapper as l}from"./RichTextEditor.styles.js";import{AmplifyBar as u}from"./MenuBar/MenuBar.js";import{EditorProvider as d}from"./EditorProvider.js";import{Icon as f,Typography as p}from"@equinor/eds-core-react";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g=({value:g,onChange:_,onImageUpload:v,onImageRead:y,onImageRemove:b,onRemovedImagesChange:x,placeholder:S,features:C,extendFeatures:w,removeFeatures:T,padding:E=`md`,maxHeight:D,minHeight:O,lightBackground:k,border:A=!0,highlighted:j=!1,variant:M,label:N,meta:P,helperText:F})=>{if(b&&x)throw Error(`onImageRemove and onRemovedImagesChange cannot be used together`);let I=r({features:C,extendFeatures:w,removeFeatures:T,onImageUpload:v}),L=i(M);return m(d,{content:g,onUpdate:_,features:I,placeholder:S,onImageUpload:v,onImageRead:y,onImageRemove:b,onRemovedImagesChange:x,children:r=>h(l,{style:{height:D===void 0?`100%`:void 0},children:[N&&h(c,{children:[m(p,{variant:`label`,group:`input`,children:N}),P&&m(p,{variant:`helper`,group:`input`,children:P})]}),h(o,{"data-testid":`richtext-editor`,$border:A,$padding:E,$lightBackground:k,$highlighted:j,$variant:M,children:[m(u,{editor:r,features:I,onImageUpload:v}),m(a,{editor:r,$maxHeight:D,$minHeight:O})]}),F&&h(s,{children:[L&&M?m(f,{data:L,size:16,color:e[M]}):null,m(p,{variant:`helper`,group:`input`,color:M?t[M]:n.text.static_icons__tertiary.rgba,children:F})]})]})})};export{g as RichTextEditor};
+import{AmplifyBar as e}from"./MenuBar/MenuBar.js";import{EditorProvider as t}from"./EditorProvider.js";import{EditorContent as n,EditorStyling as r,HelperWrapper as i,LabelWrapper as a,Wrapper as o}from"./RichTextEditor.styles.js";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{VARIANT_COLORS as l,VARIANT_HELPER_TEXT_COLORS as u,colors as d}from"src/atoms/style/colors";import{Icon as f,Typography as p}from"@equinor/eds-core-react";import{getVariantIcon as m}from"src/atoms/utils/forms";import{getFeatures as h}from"src/atoms/utils/richtext";const g=({value:g,onChange:_,onImageUpload:v,onImageRead:y,onImageRemove:b,onRemovedImagesChange:x,placeholder:S,features:C,extendFeatures:w,removeFeatures:T,padding:E=`md`,maxHeight:D,minHeight:O,lightBackground:k,border:A=!0,highlighted:j=!1,variant:M,label:N,meta:P,helperText:F})=>{if(b&&x)throw Error(`onImageRemove and onRemovedImagesChange cannot be used together`);let I=h({features:C,extendFeatures:w,removeFeatures:T,onImageUpload:v}),L=m(M);return s(t,{content:g,onUpdate:_,features:I,placeholder:S,onImageUpload:v,onImageRead:y,onImageRemove:b,onRemovedImagesChange:x,children:t=>c(o,{style:{height:D===void 0?`100%`:void 0},children:[N&&c(a,{children:[s(p,{variant:`label`,group:`input`,children:N}),P&&s(p,{variant:`helper`,group:`input`,children:P})]}),c(r,{"data-testid":`richtext-editor`,$border:A,$padding:E,$lightBackground:k,$highlighted:j,$variant:M,children:[s(e,{editor:t,features:I,onImageUpload:v}),s(n,{editor:t,$maxHeight:D,$minHeight:O})]}),F&&c(i,{children:[L&&M?s(f,{data:L,size:16,color:l[M]}):null,s(p,{variant:`helper`,group:`input`,color:M?u[M]:d.text.static_icons__tertiary.rgba,children:F})]})]})})};export{g as RichTextEditor};