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

package/dist/molecules/FileUploadArea/FileUploadArea.js

@@ -1,67 +1 @@
-import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useMemo as r}from"react";import{useDropzone as e}from"react-dropzone";import{Typography as o,Icon as a}from"@equinor/eds-core-react";import{folder as n}from"@equinor/eds-icons";import{animation as s}from"../../atoms/style/animation.js";import{colors as p}from"../../atoms/style/colors.js";import{spacings as l}from"../../atoms/style/spacings.js";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Banner/Banner.styles.js";import{Button as m}from"../Button/Button.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import{BORDER_RADIUS as c}from"../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"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import{OptionalTooltip as d}from"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../Tabs/Tabs.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"../Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../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{UploadIllustration as g}from"./UploadIllustration.js";import u from"styled-components";const h=u.div`
-  display: flex;
-  align-items: center;
-  gap: ${l.small};
-  justify-content: center;
-  flex-direction: column;
-  min-width: 300px;
-  border: 2px dashed ${p.interactive.primary__resting.rgba};
-  border-radius: 15px;
-  margin-top: 10px;
-  padding: ${l.medium_small} ${l.xx_large};
-  /* v8 ignore next */
-  background: ${p.ui.background__light.rgba};
-  transition: background ${s.transitionMS};
-  > section {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: ${l.x_small};
-    margin: calc(${l.medium_small} / 2) 0;
-  }
-`,j=u.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 88px;
-  height: 88px;
-  border: 2px dashed ${p.interactive.primary__resting.rgba};
-  border-radius: ${c};
-  background: ${p.ui.background__light.rgba};
-  transition: background ${s.transitionMS};
-  > svg {
-    width: 48px;
-    height: 48px;
-  }
-  > p {
-    color: ${p.interactive.primary__resting.rgba};
-  }
-  > p:last-child {
-    color: ${p.text.static_icons__tertiary.rgba};
-    max-width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-wrap: nowrap;
-    position: absolute;
-    bottom: calc((1.6em + ${l.small}) * -1);
-  }
-  &:hover {
-    cursor: pointer;
-    background: ${p.interactive.primary__hover_alt.rgba};
-  }
-`,x=u.div`
-  display: grid;
-  grid-template-columns: 1fr auto 1fr;
-  width: 100%;
-  gap: ${l.x_small};
-  align-items: center;
-  > p {
-    color: ${p.text.static_icons__tertiary.rgba};
-  }
-  > hr {
-    width: 100%;
-    height: 2px;
-  }
-`,f=({compact:s,...l})=>{const{getRootProps:c,getInputProps:u,isDragActive:f}=e({...l}),v=r(()=>{if(l.accept)return Object.values(l.accept).join(", ")},[l.accept]);return s?t(j,{...c(),children:[i("input",{"data-testid":"file-upload-area-input",...u()}),i(g,{}),i(o,{variant:"meta",children:"Upload image"}),l.accept&&i(d,{title:`Supported filetypes: ${v}`,children:t(o,{variant:"meta",children:["(",v,")"]})})]}):t(h,{...c(),onClick:void 0,style:{background:f?p.interactive.primary__hover_alt.rgba:void 0},children:[i("input",{"data-testid":"file-upload-area-input",...u()}),i(g,{}),t("section",{children:[i(o,{variant:"button",group:"navigation",children:"Drag files here to upload."}),l.accept&&t(o,{group:"paragraph",variant:"meta",color:p.text.static_icons__tertiary.rgba,children:["Supported filetypes: ",v]})]}),t(x,{children:[i("hr",{}),i(o,{variant:"button",group:"navigation",children:"OR"}),i("hr",{})]}),t(m,{variant:"ghost",onClick:c().onClick,children:[i(a,{data:n}),"Browse files"]})]})};export{f as FileUploadArea};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useEffect as r,useMemo as i}from"react";import{useDropzone as o}from"react-dropzone";import{Typography as n,Icon as a}from"@equinor/eds-core-react";import{folder as s}from"@equinor/eds-icons";import{SmallUploadWrapper as l,MediumUploadWrapper as p,DividerRow as c,UploadWrapper as m}from"./FileUploadArea.styles.js";import{colors as d}from"../../atoms/style/colors.js";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import"../Banner/Banner.styles.js";import{Button as u}from"../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/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import{FILE_UPLOAD_SCRIM_ID as h}from"./FileUploadArea.constants.js";import{UploadIllustration as g}from"./UploadIllustration.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import{OptionalTooltip as v}from"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../Tabs/Tabs.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"../Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../Skeleton/SkeletonField.js";import"../ListItem/ListItem.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import"../Waves/Waves.styles.js";import"framer-motion";const j=({size:j="large",...y})=>{const{getRootProps:f,getInputProps:k,isDragActive:S}=o({...y});r(()=>{const t=()=>{if(!window.document.getElementById(h)){const t=document.createElement("div");t.id=h,t.style.position="fixed",t.style.top="0",t.style.left="0",t.style.width="100%",t.style.height="100%",t.style.backgroundColor=d.ui.background__scrim.rgba,t.style.zIndex="9999",t.style.pointerEvents="none",window.document.body.appendChild(t)}},e=()=>{const t=window.document.getElementById(h);null!==t&&t.remove()};return window.document.addEventListener("dragover",t),window.document.addEventListener("dragend",e),window.document.addEventListener("mouseleave",()=>e),()=>{window.document.removeEventListener("dragover",t),window.document.removeEventListener("dragend",e),window.document.removeEventListener("mouseleave",e)}},[]);const w=i(()=>{if(y.accept)return Object.values(y.accept).join(", ")},[y.accept]);return"small"==j?t(l,{...f(),style:{background:S?d.interactive.primary__hover_alt.rgba:void 0},children:[e("input",{"data-testid":"file-upload-area-input",...k()}),e(g,{}),e(n,{variant:"meta",children:"Upload file"}),y.accept&&e(v,{title:`Supported filetypes: ${w}`,children:t(n,{variant:"meta",children:["(",w,")"]})})]}):"medium"==j?t(p,{...f(),style:{background:S?d.interactive.primary__hover_alt.rgba:void 0},children:[e("input",{"data-testid":"file-upload-area-input",...k()}),e(g,{}),t("section",{children:[e(n,{variant:"button",group:"navigation",children:"Drag files here"}),y.accept&&e(v,{title:`Supported filetypes: ${w}`,children:e(n,{group:"paragraph",variant:"meta",color:d.text.static_icons__tertiary.rgba,children:w})})]}),t(c,{children:[e("hr",{}),e(n,{variant:"meta",children:"OR"}),e("hr",{})]}),t(u,{variant:"ghost",onClick:f().onClick,children:[e(a,{data:s}),"Browse files"]})]}):t(m,{...f(),onClick:void 0,style:{background:S?d.interactive.primary__hover_alt.rgba:void 0},children:[e("input",{"data-testid":"file-upload-area-input",...k()}),e(g,{}),t("section",{children:[e(n,{variant:"button",group:"navigation",children:"Drag files here to upload."}),y.accept&&t(n,{group:"paragraph",variant:"meta",color:d.text.static_icons__tertiary.rgba,children:["Supported filetypes: ",w]})]}),t(c,{children:[e("hr",{}),e(n,{variant:"button",group:"navigation",children:"OR"}),e("hr",{})]}),t(u,{variant:"ghost",onClick:f().onClick,children:[e(a,{data:s}),"Browse files"]})]})};export{j as FileUploadArea};

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

@@ -0,0 +1,4 @@
+export declare const UploadWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SmallUploadWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
+export declare const MediumUploadWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
+export declare const DividerRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

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

package/dist/molecules/InfoElement/InfoElement.js

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

package/dist/molecules/ListItem/ListItem.js

@@ -1,4 +1,4 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import{Typography as i}from"@equinor/eds-core-react";import"../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../Button/Button.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../FileProgress/CompactFileProgress.styles.js";import{animation as r}from"../../atoms/style/animation.js";import{colors as s}from"../../atoms/style/colors.js";import{spacings as a}from"../../atoms/style/spacings.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"../FileUploadArea/FileUploadArea.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../Tabs/Tabs.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"../Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import"../Waves/Waves.styles.js";import"framer-motion";import{renderContent as n}from"./ListItem.utils.js";import l,{css as m}from"styled-components";const p=l.button`
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import"../AnimatedCheckmark/AnimatedCheckmark.styles.js";import"../ApplicationIcon/ApplicationIcon.js";import"../Badge/Badge.styles.js";import{Typography as i}from"@equinor/eds-core-react";import"../Banner/Banner.styles.js";import"@equinor/eds-icons";import"../Button/Button.js";import"../Chip/Chip.js";import"../ContentMenu/ContentMenu.styles.js";import"../DatePicker/DatePicker.js";import"../DateRangePicker/DateRangePicker.js";import"../Dialog/Dialog.js";import"../EquinorLogo/EquinorLogo.js";import"../FileProgress/CompactFileProgress.styles.js";import{animation as r}from"../../atoms/style/animation.js";import{colors as s}from"../../atoms/style/colors.js";import{spacings as a}from"../../atoms/style/spacings.js";import"../../atoms/utils/auth_environment.js";import"html2canvas";import"proj4";import"../RichTextEditor/RichTextEditor.types.js";import"../FileProgress/RegularFileProgress.styles.js";import"react-dropzone";import"../FileUploadArea/FileUploadArea.styles.js";import"../FullPageSpinner/FullPageSpinner.js";import"../InfoElement/InfoElement.js";import"../OptionalTooltip/OptionalTooltip.js";import"../ProfileAvatar/ProfileAvatar.js";import"@tiptap/react";import"../RichTextEditor/custom-extensions/AmplifyKit.js";import"../RichTextEditor/RichTextEditor.styles.js";import"../RichTextEditor/MenuBar/MenuBar.js";import"@tanstack/react-query";import"../Tabs/Tabs.js";import"../RichTextEditor/MenuBar/MenuBar.styles.js";import"../RichTextEditor/MenuBar/MenuButton.js";import"../Search/Search.js";import"../Sieve/Sieve.styles.js";import"../../_virtual/lodash.js";import"../SingleFilterMenu/SingleFilterMenu.js";import"../Skeleton/SkeletonBase/SkeletonBase.js";import"../Skeleton/Skeleton.styles.js";import"../Stepper/Stepper.js";import"../OptionDrawer/OptionDrawer.js";import"../Select/Select.styles.js";import"../Skeleton/SkeletonField.js";import"../SelectionControls/Checkbox/Checkbox.js";import"../SelectionControls/Radio/Radio.js";import"../SelectionControls/Switch/Switch.js";import"../Waves/Waves.styles.js";import"framer-motion";import{renderContent as n}from"./ListItem.utils.js";import l,{css as m}from"styled-components";const p=l.button`
   display: flex;
   gap: ${a.small};
   align-items: center;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/molecules/Select/Select.js

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

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

@@ -8,6 +8,7 @@ export declare const HelperWrapper: import("styled-components/dist/types").IStyl
 interface ContainerProps {
     $lightBackground?: boolean;
     $variant?: Variants;
+    $loading?: boolean;
 }
 declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>> & string;
 declare const Section: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;