@equinor/amplify-component-lib 9.14.1 → 9.15.0

package/dist/molecules/InfoElement/InfoElement.js

@@ -1 +0,0 @@
-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"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"../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,32 +0,0 @@
-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"../DateRangePicker/DateRangePicker.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"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"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"../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};
-  ${({$borderBottom:t})=>t?m`
-        border-bottom: 1px solid ${s.ui.background__medium.rgba};
-      `:""}
-  &:disabled {
-      cursor: not-allowed;
-      background: transparent;
-      > section > p {
-        color: ${s.interactive.disabled__text.rgba};
-      }
-  }
-  &:focus:not(:disabled) {
-      outline: 1px dashed ${s.interactive.primary__resting.rgba};
-  }
-  &:hover:not(:disabled) {
-    background: ${({$selected:t})=>t?s.interactive.primary__selected_hover.rgba:s.interactive.primary__hover_alt.rgba};
-  }
-  > section {
-      padding: ${a.small} 0};
-  }
-`,c=l.span`
-  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};

package/dist/molecules/ListItem/ListItem.utils.d.ts

@@ -1,3 +0,0 @@
-import { ReactNode } from 'react';
-import { IconData } from '@equinor/eds-icons';
-export declare const renderContent: (content: IconData | ReactNode) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

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

@@ -1 +0,0 @@
-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"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"../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 +0,0 @@
-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.styles.js

@@ -1,36 +0,0 @@
-import{colors as t}from"../../atoms/style/colors.js";import e from"styled-components";const o=e.div`
-  margin-left: ${({$section:t})=>t>0?"22px":""};
-  opacity: 1;
-  color: ${t.text.static_icons__default.rgba};
-`,r=e.button`
-  position: relative;
-  display: flex;
-  flex: 1;
-  align-items: center;
-  cursor: pointer;
-  transition: background-color 0.1s ease-in;
-  font-family: 'Equinor', sans-serif;
-  font-size: 1rem;
-  color: ${t.text.static_icons__default.rgba};
-  &:hover:not(:disabled) {
-    background-color: ${t.interactive.primary__hover_alt.rgba};
-  }
-  &:disabled {
-    cursor: not-allowed;
-    color: ${t.interactive.disabled__text.rgba};
-    > button {
-      cursor: not-allowed;
-    }
-  }
-  > span::before {
-    display: none;
-  }
-
-  svg {
-    fill: ${t.interactive.primary__resting.rgba};
-  }
-`,i=e.div`
-  display: flex;
-  align-items: center;
-  ${({$paddedLeft:t})=>t&&"margin-left: 40px"};
-`;export{r as StyledOption,i as StyledOptionItem,o as StyledOptionWrapper};

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

@@ -1 +0,0 @@
-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 +0,0 @@
-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};

package/dist/molecules/ProfileAvatar/ProfileAvatar.js

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

package/dist/molecules/RichTextDisplay/RichTextDisplay.js

@@ -1 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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.js

@@ -1,10 +0,0 @@
-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;
-`,y=b.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: ${x.small};
-  padding: ${x.small};
-  border-bottom: 1px solid ${j.ui.background__medium.rgba};
-`,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,48 +0,0 @@
-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;
-  > div:not(:first-child):not(:last-child) {
-    > button {
-      border-radius: 0;
-    }
-  }
-  > div:first-child {
-    > button {
-      border-bottom-right-radius: 0;
-      border-top-right-radius: 0;
-    }
-  }
-  > div:last-child {
-    > button {
-      border-bottom-left-radius: 0;
-      border-top-left-radius: 0;
-    }
-  }
-`,s=i.button`
-  display: flex;
-  align-items: center;
-  border-radius: ${o.button.borderRadius};
-  padding: ${e.comfortable.x_small};
-  color: ${r=>d(r)};
-  background: ${r=>n(r)};
-  transition: 200ms;
-  > svg {
-    fill: ${r=>d(r)};
-    transition: 200ms fill;
-  }
-
-  &:hover:not(:disabled) {
-    background: ${r=>b(r)};
-    color: ${r=>l(r)};
-    > svg {
-      fill: ${r=>l(r)};
-    }
-  }
-
-  &:hover:disabled {
-    cursor: not-allowed;
-  }
-
-  &:disabled > svg {
-    fill: ${t.interactive.disabled__text.rgba};
-  }
-`,d=r=>r.$active?t.ui.background__light.rgba:t.interactive.primary__resting.rgba,l=r=>r.$active?t.text.static_icons__primary_white.rgba:t.interactive.primary__hover.rgba,n=r=>r.$active?t.interactive.primary__resting.rgba:t.ui.background__light.rgba,b=r=>r.$active?t.interactive.primary__hover.rgba:t.interactive.primary__hover_alt.rgba;export{s as MenuButtonStyle,a as MenuSection};

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

@@ -1 +0,0 @@
-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"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"../../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 +0,0 @@
-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/Table/TableBar.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{EditorMenu as o}from"../MenuBar.js";import{TableColumn as t}from"./TableColumn.js";import{TableDelete as m}from"./TableDelete.js";import{TableMerge as i}from"./TableMerge.js";import{TableRow as l}from"./TableRow.js";import{ToggleTable as a}from"./ToggleTable.js";const s=({editor:s})=>s.isActive("table")?e(o.Bar,{children:[r(m,{editor:s}),r(a,{editor:s}),r(t,{editor:s}),r(l,{editor:s}),r(i,{editor:s})]}):null,d={delete:m,toggle:a,column:t,row:l,merge:i};export{s as TableMenuBar,d as TextTable};

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

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

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

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{table_chart as o}from"@equinor/eds-icons";import{MenuButton as t}from"../MenuButton.js";const i=({editor:i})=>e(t,{active:!0,"data-testid":"remove-table",tooltip:"Remove table",icon:o,onClick:()=>i.chain().focus().deleteTable().run()});export{i as TableDelete};

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-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 +0,0 @@
-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};
-`,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 +0,0 @@
-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,45 +0,0 @@
-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: ${c.comfortable.medium};
-  position: relative;
-  background: ${l.ui.background__light.rgba};
-  border-radius: ${p.button.borderRadius};
-  transition: 200ms background;
-  > input {
-    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;
-    }
-    &::-webkit-color-swatch {
-      border: none;
-    }
-  }
-  svg {
-    fill: ${l.interactive.primary__resting.rgba};
-    transition: 200ms fill;
-  }
-  &:hover {
-    background: ${l.interactive.primary__hover_alt.rgba};
-
-    svg {
-      fill: ${l.interactive.primary__hover.rgba};
-    }
-  }
-`,u=n.span`
-  position: absolute;
-  left: 50%;
-  top: calc(50% + ${c.comfortable.x_small} / 2);
-  transform: translate(-50%, -50%);
-  pointer-events: none;
-`,m=n.span`
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 5px;
-  height: 4px;
-  width: 24px;
-`,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 +0,0 @@
-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 +0,0 @@
-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.js

@@ -1 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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]=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 +0,0 @@
-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.js

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

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

@@ -1,154 +0,0 @@
-import{EditorContent as t}from"@tiptap/react";import{shape as e,typography as o}from"../../atoms/style/index.js";import{colors as r,VARIANT_COLORS as i}from"../../atoms/style/colors.js";import a from"styled-components";import{spacings as n}from"../../atoms/style/spacings.js";const d=a(t)`
-  display: grid;
-  grid-template-rows: 1fr;
-  overflow-y: auto;
-  min-height: ${t=>t.$minHeight||"auto"};
-  max-height: ${t=>t.$maxHeight||"auto"};
-`,l=a.div`
-  display: grid;
-  grid-template-rows: auto 1fr;
-  background: ${r.ui.background__default.rgba};
-  border-radius: ${e.corners.borderRadius} ${e.corners.borderRadius} 0 0;
-  border: ${t=>t.$border?`1px solid ${r.ui.background__medium.rgba}`:"none"};
-  border-bottom: none;
-
-  &:has(div[contenteditable='true']) {
-    height: inherit;
-  }
-
-  & [data-placeholder]::before {
-    color: ${r.text.static_icons__tertiary.rgba} !important;
-  }
-
-  .tiptap {
-    box-sizing: border-box;
-    overflow-y: auto;
-    background: ${t=>t.$lightBackground?`${r.ui.background__default.rgba}`:`${r.ui.background__light.rgba}`};
-
-    &[contenteditable='true'] {
-      box-shadow: ${({$highlighted:t,$variant:e})=>t?`inset 0 -2px ${r.dataviz.darkblue.darker}`:e?`inset 0 -2px ${i[e]}`:`inset 0 -1px ${r.ui.background__medium.rgba}`};
-    }
-
-    padding: ${t=>{switch(t.$padding){case"sm":return n.small;case"md":return n.medium;case"lg":return n.large;default:return 0}}};
-
-    a {
-      color: ${r.interactive.primary__resting.rgba};
-    }
-    a:hover {
-      cursor: pointer;
-      color: ${r.interactive.primary__hover.rgba};
-    }
-    p {
-      font-size: 16px;
-      font-family: 'Equinor', sans-serif;
-      color: ${r.text.static_icons__default.rgba};
-      line-height: ${o.paragraph.body_long.lineHeight};
-      margin: 0;
-    }
-    ul,
-    ol {
-      margin: 0;
-    }
-    img {
-      max-width: 100%;
-      max-height: 100%;
-      border-radius: 5px;
-    }
-    pre {
-      background: #0d0d0d;
-      border-radius: 0.5rem;
-      color: #fff;
-      font-family: 'Equinor Mono', monospace;
-      padding: 0.75rem 1rem;
-      margin: 0;
-
-      code {
-        background: none;
-        color: inherit;
-        font-size: 0.8rem;
-        padding: 0;
-      }
-    }
-
-    table {
-      border-collapse: collapse;
-      overflow: hidden;
-      table-layout: fixed;
-      width: 100%;
-
-      td,
-      th {
-        border: 2px solid #ced4da;
-        box-sizing: border-box;
-        min-width: 1em;
-        padding: 3px 5px;
-        position: relative;
-        vertical-align: top;
-
-        > * {
-          margin-bottom: 0;
-        }
-      }
-
-      th {
-        background-color: ${({$lightBackground:t})=>t?"#f1f3f5":r.ui.background__default.rgba};
-        font-weight: bold;
-        text-align: left;
-      }
-
-      .selectedCell:after {
-        background: rgba(200, 200, 255, 0.4);
-        content: '';
-        left: 0;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        pointer-events: none;
-        position: absolute;
-        z-index: 2;
-      }
-
-      .column-resize-handle {
-        background-color: #adf;
-        bottom: -2px;
-        position: absolute;
-        right: -2px;
-        pointer-events: none;
-        top: 0;
-        width: 4px;
-      }
-
-      p {
-        margin: 0;
-      }
-    }
-
-    &:focus-visible {
-      outline: none;
-      box-shadow: inset 0 -2px ${r.interactive.primary__resting.rgba};
-    }
-  }
-
-  .tiptap p.is-editor-empty:first-child::before {
-    color: ${r.text.static_icons__default.rgba};
-    content: attr(data-placeholder);
-    float: left;
-    height: 0;
-    pointer-events: none;
-  }
-`,s=a.div`
-  display: flex;
-  flex-direction: column;
-`,g=a.div`
-  display: flex;
-  justify-content: space-between;
-  padding: 0 ${n.small};
-  > p {
-    color: ${r.text.static_icons__tertiary.rgba};
-  }
-`,p=a.div`
-  display: flex;
-  gap: ${n.small};
-  padding-left: ${n.small};
-  margin-top: ${n.small};
-`;export{d as EditorContent,l as EditorStyling,p as HelperWrapper,g as LabelWrapper,s as Wrapper};

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

@@ -1 +0,0 @@
-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 +0,0 @@
-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.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@tiptap/react").Node<import("@tiptap/extension-heading").HeadingOptions, any>;
-export default _default;

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

@@ -1 +0,0 @@
-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"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"../../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 +0,0 @@
-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/custom-extensions/mergeDefaults.js

@@ -1 +0,0 @@
-function n({options:n,defaults:t}){if(!n)return t;const o={...t};for(const r in n){const s=r,c=n[s];o[s]=!1===c?c:{...t[s],...n[s]}}return o}export{n as mergeDefaults};

package/dist/molecules/RichTextEditor/index.js

@@ -1 +0,0 @@
-import{AmplifyBar as r}from"./MenuBar/MenuBar.js";import{EditorProvider as o}from"./EditorProvider.js";import{EditorContent as t,EditorStyling as i}from"./RichTextEditor.styles.js";import{RichTextDisplay as e}from"../RichTextDisplay/RichTextDisplay.js";import"react/jsx-runtime";import"@equinor/eds-core-react";import"../../atoms/style/colors.js";import"@equinor/eds-icons";import"./RichTextEditor.types.js";const s={Styling:i,Provider:o,Content:t,Display:e,Bar:r};export{s as RichText};

package/dist/molecules/Search/Search.js

@@ -1,20 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{Search as r}from"@equinor/eds-core-react";import{animation as i}from"../../atoms/style/animation.js";import{colors as a}from"../../atoms/style/colors.js";import e from"styled-components";const n=e(r)`
-  input {
-    color: ${a.text.static_icons__default.rgba};
-    transition:
-      background ${i.transitionMS},
-      box-shadow ${i.transitionMS};
-    &:hover {
-      background: ${a.ui.background__light_medium.rgba};
-      box-shadow: inset 0 -2px 0 0 ${a.text.static_icons__tertiary.rgba};
-    }
-  }
-
-  div:focus-within {
-    outline: none !important;
-
-    input {
-      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};

package/dist/molecules/Select/AddTagItem.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Icon as o}from"@equinor/eds-core-react";import{add_box as t}from"@equinor/eds-icons";import{colors as n}from"../../atoms/style/colors.js";import{MenuItemWrapper as i,StyledMenuItem as m}from"./Select.styles.js";const d=({itemRefs:d,onItemKeyDown:s,index:c,onAddItem:a,addItemSingularWord:l,children:p})=>e(i,{children:r(m,{index:c,ref:e=>{d.current[c]=e},onClick:a,onKeyDownCapture:e=>{e.preventDefault(),"Enter"===e.key?a():s(e)},children:[e(o,{data:t,color:n.interactive.primary__resting.rgba}),r("span",{children:['Add "',p,'" as new ',l]})]})});export{d as AddTagItem};

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

@@ -1 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{Select as t}from"../Select.js";function e(e){return r(t,{...e})}export{e as ComboBox};

package/dist/molecules/Select/GroupedSelectMenu.js

@@ -1 +0,0 @@
-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};

package/dist/molecules/Select/ListSelectMenu.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useMemo as i}from"react";import{Menu as n}from"@equinor/eds-core-react";import{AddTagItem as o}from"./AddTagItem.js";import{capitalize as m}from"../../atoms/utils/string.js";import{NoItemsFoundText as d,NoTagFoundText as l}from"./Select.styles.js";import{flattenOptions as s,getChildOffset as a}from"./Select.utils.js";import{SelectMenuItem as c}from"./SelectMenuItem.js";const u=u=>{const{search:f,items:h,itemRefs:p,onItemKeyDown:g,onSearchFilter:I}=u,x=i((()=>{if(""===f)return h;const e=new RegExp(f.trim(),"i");return s(h).filter((t=>void 0!==I?I(f,t):t.label.match(e)))}),[h,I,f]);if(0===x.length&&(!u.onAddItem||""===f))return e(d,{children:"No items found"});const S=x.some((e=>e.children&&e.children.length>0)),A=x.map(((e,t)=>({childOffset:a(x,t),index:t,item:e,itemValue:e.value,parentHasNestedItems:S,...u})));if("onAddItem"in u&&u.onAddItem&&""!==f&&(1===x.length&&x.at(0)?.label.toLowerCase()!==f.trim().toLowerCase()||1!==x.length)){const i=u.itemSingularWord?u.itemSingularWord:"tag";return t(r,{children:[e(n.Section,{title:`Add ${i}`,index:0,children:e(o,{index:0,itemRefs:p,onItemKeyDown:g,onAddItem:u.onAddItem,addItemSingularWord:i,children:f})}),e(n.Section,{title:`${m(i)} search results`,index:1,children:A.length>0?A.map(((t,r)=>e(c,{...t,index:r+1},`menu-item-${r}-${t.item.value}`))):t(l,{children:["No ",i,' for "',f,'" found.']})})]})}return A.map(((t,r)=>e(c,{...t,index:r},`menu-item-${r}-${t.item.value}`)))};export{u as ListSelectMenu};