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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,52 @@
+import { ImageExtensionFnProps, RichTextEditorFeatures } from "./RichTextEditor.types.js";
+import { Variants } from "../../atoms/types/variants.js";
+import { FC } from "react";
+
+//#region src/molecules/RichTextEditor/RichTextEditor.d.ts
+interface RichTextEditorProps extends ImageExtensionFnProps {
+  value: string | null | undefined;
+  onChange: (value: string) => void;
+  placeholder?: string;
+  features?: RichTextEditorFeatures[];
+  extendFeatures?: RichTextEditorFeatures[];
+  removeFeatures?: RichTextEditorFeatures[];
+  padding?: 'sm' | 'md' | 'lg' | 'none';
+  maxHeight?: string;
+  minHeight?: string;
+  lightBackground?: boolean;
+  border?: boolean;
+  /**
+   * @deprecated - Use new 'variant' prop instead
+   */
+  highlighted?: boolean;
+  variant?: Variants;
+  label?: string;
+  meta?: string;
+  helperText?: string;
+}
+/**
+ *
+ * @param value - Rich text content
+ * @param onChange - handler for when the content changes
+ * @param onImageUpload - handler for when an image is uploaded
+ * @param onImageRead - handler used when loading images, expects b64 string to be returned
+ * @param onImageRemove - called when an image removed, use when deleting images instantly
+ * @param onRemovedImagesChange - called when the list of removed images change
+ * @param placeholder - placeholder text if there is no content
+ * @param features - which features should be enabled
+ * @param extendFeatures - additional features to be added
+ * @param removeFeatures - features to exclude from default features
+ * @param padding - padding in the editor
+ * @param maxHeight - maxHeight of the text box
+ * @param minHeight - minHeight of the text box
+ * @param lightBackground - if it should have a different BG color
+ * @param border - if it should have a border
+ * @param variant - field variants - for example 'error'
+ * @param highlighted - if it should have a highlighted border
+ * @param label - Label text at top left
+ * @param meta - Meta text at top right
+ * @param helperText - Helper text bottom left
+ */
+declare const RichTextEditor: FC<RichTextEditorProps>;
+//#endregion
+export { RichTextEditor, RichTextEditorProps };

package/dist/molecules/RichTextEditor/RichTextEditor.js

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

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

@@ -0,0 +1,20 @@
+import { Variants } from "../../atoms/types/variants.js";
+import "react";
+import "styled-components";
+import "@tiptap/react";
+
+//#region src/molecules/RichTextEditor/RichTextEditor.styles.d.ts
+interface RichTextContentProps {
+  $minHeight?: string;
+  $maxHeight?: string;
+  className?: string;
+}
+interface EditorStylingProps {
+  $lightBackground?: boolean;
+  $highlighted?: boolean;
+  $padding?: 'sm' | 'md' | 'lg' | 'none';
+  $border?: boolean;
+  $variant?: Variants;
+}
+//#endregion
+export { EditorStylingProps, RichTextContentProps };

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

@@ -0,0 +1,154 @@
+import{VARIANT_COLORS as e,colors as t}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import{shape as r,typography as i}from"../../atoms/style/index.js";import a from"styled-components";import{EditorContent as o}from"@tiptap/react";const s=a(o)`
+  display: grid;
+  grid-template-rows: 1fr;
+  overflow-y: auto;
+  min-height: ${e=>e.$minHeight||`auto`};
+  max-height: ${e=>e.$maxHeight||`auto`};
+`,c=a.div`
+  display: grid;
+  grid-template-rows: auto 1fr;
+  background: ${t.ui.background__default.rgba};
+  border-radius: ${r.corners.borderRadius} ${r.corners.borderRadius} 0 0;
+  border: ${e=>e.$border?`1px solid ${t.ui.background__medium.rgba}`:`none`};
+  border-bottom: none;
+
+  &:has(div[contenteditable='true']) {
+    height: inherit;
+  }
+
+  & [data-placeholder]::before {
+    color: ${t.text.static_icons__tertiary.rgba} !important;
+  }
+
+  .tiptap {
+    box-sizing: border-box;
+    overflow-y: auto;
+    background: ${e=>e.$lightBackground?`${t.ui.background__default.rgba}`:`${t.ui.background__light.rgba}`};
+
+    &[contenteditable='true'] {
+      box-shadow: ${({$highlighted:n,$variant:r})=>n?`inset 0 -2px ${t.dataviz.darkblue.darker}`:r?`inset 0 -2px ${e[r]}`:`inset 0 -1px ${t.ui.background__medium.rgba}`};
+    }
+
+    padding: ${e=>{switch(e.$padding){case`sm`:return n.small;case`md`:return n.medium;case`lg`:return n.large;case`none`:default:return 0}}};
+
+    a {
+      color: ${t.interactive.primary__resting.rgba};
+    }
+    a:hover {
+      cursor: pointer;
+      color: ${t.interactive.primary__hover.rgba};
+    }
+    p {
+      font-size: 16px;
+      font-family: 'Equinor', sans-serif;
+      color: ${t.text.static_icons__default.rgba};
+      line-height: ${i.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:e})=>e?`#f1f3f5`:t.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 ${t.interactive.primary__resting.rgba};
+    }
+  }
+
+  .tiptap p.is-editor-empty:first-child::before {
+    color: ${t.text.static_icons__default.rgba};
+    content: attr(data-placeholder);
+    float: left;
+    height: 0;
+    pointer-events: none;
+  }
+`,l=a.div`
+  display: flex;
+  flex-direction: column;
+`,u=a.div`
+  display: flex;
+  justify-content: space-between;
+  padding: 0 ${n.small};
+  > p {
+    color: ${t.text.static_icons__tertiary.rgba};
+  }
+`,d=a.div`
+  display: flex;
+  gap: ${n.small};
+  padding-left: ${n.small};
+  margin-top: ${n.small};
+`;export{s as EditorContent,c as EditorStyling,d as HelperWrapper,u as LabelWrapper,l as Wrapper};

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

@@ -0,0 +1,34 @@
+import { Editor } from "@tiptap/react";
+
+//#region src/molecules/RichTextEditor/RichTextEditor.types.d.ts
+declare enum RichTextEditorFeatures {
+  UNDO_REDO = "undoRedo",
+  FORMATTING = "formatting",
+  HEADERS = "headers",
+  LISTS = "lists",
+  TEXT_COLOR = "text-color",
+  CODE = "code",
+  ALIGNMENT = "alignment",
+  LINKS = "links",
+  IMAGES = "images",
+  CLEAR_FORMATTING = "clear-formatting",
+  TABLE = "table",
+  HIGHLIGHT = "highlight",
+}
+declare const DEFAULT_FEATURES: RichTextEditorFeatures[];
+type OnImageUploadFn = (file: File) => Promise<{
+  src: string;
+  alt: string;
+} | undefined>;
+interface ImageExtensionFnProps {
+  onImageUpload?: OnImageUploadFn;
+  onImageRead?: (src: string) => Promise<string>;
+  onImageRemove?: (src: string) => Promise<void>;
+  onRemovedImagesChange?: (images: string[]) => void;
+}
+interface EditorPanel {
+  editor: Editor;
+  features?: RichTextEditorFeatures[];
+}
+//#endregion
+export { DEFAULT_FEATURES, EditorPanel, ImageExtensionFnProps, RichTextEditorFeatures };

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

@@ -0,0 +1 @@
+let e=function(e){return e.UNDO_REDO=`undoRedo`,e.FORMATTING=`formatting`,e.HEADERS=`headers`,e.LISTS=`lists`,e.TEXT_COLOR=`text-color`,e.CODE=`code`,e.ALIGNMENT=`alignment`,e.LINKS=`links`,e.IMAGES=`images`,e.CLEAR_FORMATTING=`clear-formatting`,e.TABLE=`table`,e.HIGHLIGHT=`highlight`,e}({});const t=[e.UNDO_REDO,e.FORMATTING,e.HEADERS,e.LISTS,e.TEXT_COLOR,e.CODE,e.ALIGNMENT,e.LINKS,e.IMAGES,e.TABLE,e.CLEAR_FORMATTING];export{t as DEFAULT_FEATURES,e as RichTextEditorFeatures};

package/dist/molecules/RichTextEditor/custom-extensions/AmplifyKit.d.ts

@@ -0,0 +1,50 @@
+import { ExtendedImageOptions } from "./ExtendedImage.js";
+import { Extension } from "@tiptap/core";
+import { BoldOptions } from "@tiptap/extension-bold";
+import { CodeBlockLowlightOptions } from "@tiptap/extension-code-block-lowlight";
+import { ColorOptions } from "@tiptap/extension-color";
+import { HardBreakOptions } from "@tiptap/extension-hard-break";
+import { HighlightOptions } from "@tiptap/extension-highlight";
+import { ItalicOptions } from "@tiptap/extension-italic";
+import { LinkOptions } from "@tiptap/extension-link";
+import { BulletListOptions, ListItemOptions, OrderedListOptions } from "@tiptap/extension-list";
+import { ParagraphOptions } from "@tiptap/extension-paragraph";
+import { TableCellOptions, TableHeaderOptions, TableOptions, TableRowOptions } from "@tiptap/extension-table";
+import { TextAlignOptions } from "@tiptap/extension-text-align";
+import { TextStyleOptions } from "@tiptap/extension-text-style";
+import { TypographyOptions } from "@tiptap/extension-typography";
+import { DropcursorOptions, PlaceholderOptions, UndoRedoOptions } from "@tiptap/extensions";
+import { HeadingOptions } from "@tiptap/extension-heading";
+
+//#region src/molecules/RichTextEditor/custom-extensions/AmplifyKit.d.ts
+interface AmplifyKitOptions {
+  bold: Partial<BoldOptions> | false;
+  bulletList: Partial<BulletListOptions> | false;
+  hardBreak: Partial<HardBreakOptions> | false;
+  heading: Partial<HeadingOptions> | false;
+  undoRedo: Partial<UndoRedoOptions> | false;
+  italic: Partial<ItalicOptions> | false;
+  listItem: Partial<ListItemOptions> | false;
+  orderedList: Partial<OrderedListOptions> | false;
+  paragraph: Partial<ParagraphOptions> | false;
+  codeBlockLowlight: Partial<CodeBlockLowlightOptions> | false;
+  color: Partial<ColorOptions> | false;
+  image: Partial<ExtendedImageOptions> | false;
+  highlight: Partial<HighlightOptions> | false;
+  link: Partial<LinkOptions> | false;
+  placeholder: Partial<PlaceholderOptions> | false;
+  table: Partial<TableOptions> | false;
+  tableCell: Partial<TableCellOptions> | false;
+  tableHeader: Partial<TableHeaderOptions> | false;
+  tableRow: Partial<TableRowOptions> | false;
+  typography: Partial<TypographyOptions> | false;
+  textStyle: Partial<TextStyleOptions> | false;
+  textAlign: Partial<TextAlignOptions> | false;
+  dropCursor: Partial<DropcursorOptions> | false;
+  gapCursor: false;
+  document: false;
+  text: false;
+}
+declare const AmplifyKit: Extension<AmplifyKitOptions, any>;
+//#endregion
+export { AmplifyKit, AmplifyKitOptions };

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

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

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

@@ -0,0 +1 @@
+import{Typography as e}from"@equinor/eds-core-react";import{jsx as t}from"react/jsx-runtime";import n from"@tiptap/extension-heading";import{NodeViewContent as r,NodeViewWrapper as i,ReactNodeViewRenderer as a}from"@tiptap/react";const o=n=>{let a=n.node.attrs.level,o=`h1`;return a===2&&(o=`h2`),a===3&&(o=`h3`),a===4&&(o=`h4`),a===5&&(o=`h5`),a===6&&(o=`h6`),t(i,{children:t(e,{variant:o,children:t(r,{className:`content is-editable`})})})};var s=n.extend({content:`inline*`,addNodeView(){return a(o)}});export{s as default};

package/dist/molecules/RichTextEditor/custom-extensions/ExtendedImage.d.ts

@@ -0,0 +1,17 @@
+import { ImageExtensionFnProps } from "../RichTextEditor.types.js";
+import "@tiptap/core";
+import "@tiptap/extension-image";
+
+//#region src/molecules/RichTextEditor/custom-extensions/ExtendedImage.d.ts
+interface ExtendedImageOptions extends ImageExtensionFnProps {
+  inline: boolean;
+  allowBase64: boolean;
+}
+declare module '@tiptap/extension-image' {
+  interface ImageOptions extends ImageExtensionFnProps {
+    inline: boolean;
+    allowBase64: boolean;
+  }
+}
+//#endregion
+export { ExtendedImageOptions };

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

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

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

@@ -0,0 +1 @@
+function e({options:e,defaults:t}){if(!e)return t;let n={...t};for(let r in e){let i=r,a=e[i];a===!1?n[i]=a:n[i]={...t[i],...e[i]}}return n}export{e as mergeDefaults};

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

@@ -0,0 +1,17 @@
+import { EditorStylingProps, RichTextContentProps } from "./RichTextEditor.styles.js";
+import { EditorProviderProps } from "./EditorProvider.js";
+import { MenuBarProps } from "./MenuBar/MenuBar.js";
+import { RichTextEditor } from "./RichTextEditor.js";
+import * as react15 from "react";
+import * as _tiptap_react0 from "@tiptap/react";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
+
+//#region src/molecules/RichTextEditor/index.d.ts
+declare const RichText: {
+  Styling: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<react15.DetailedHTMLProps<react15.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, EditorStylingProps>> & string;
+  Provider: react15.FC<EditorProviderProps>;
+  Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<Omit<_tiptap_react0.EditorContentProps, "ref"> & react15.RefAttributes<HTMLDivElement>, RichTextContentProps>> & string & Omit<react15.MemoExoticComponent<react15.ForwardRefExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react15.RefAttributes<HTMLDivElement>>>, keyof react15.Component<any, {}, any>>;
+  Bar: react15.FC<MenuBarProps>;
+};
+//#endregion
+export { RichText };

package/dist/molecules/RichTextEditor/index.js

@@ -0,0 +1 @@
+import{EditorContent as e,EditorStyling as t}from"./RichTextEditor.styles.js";import{AmplifyBar as n}from"./MenuBar/MenuBar.js";import{EditorProvider as r}from"./EditorProvider.js";import{RichTextEditor as i}from"./RichTextEditor.js";const a={Styling:t,Provider:r,Content:e,Bar:n};export{a as RichText};

package/dist/molecules/Search/Search.d.ts

@@ -0,0 +1,7 @@
+import * as react30 from "react";
+import { SearchProps } from "@equinor/eds-core-react";
+
+//#region src/molecules/Search/Search.d.ts
+declare const Search$1: react30.ForwardRefExoticComponent<SearchProps & react30.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Search$1 as Search };

package/dist/molecules/Search/Search.js

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

package/dist/molecules/Select/AddTagItem.js

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

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

@@ -0,0 +1,23 @@
+import { CommonSelectProps, GroupedSelectProps, ListSelectProps, MultiSelectCommon, SelectOptionRequired } from "../Select.types.js";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+
+//#region src/molecules/Select/ComboBox/ComboBox.d.ts
+type ListComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T> & MultiSelectCommon<T> & ListSelectProps<T>;
+type GroupedComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T> & MultiSelectCommon<T> & GroupedSelectProps<T>;
+/**
+ * @param clearable - If users should be able to clear the input, defaults to true
+ * @param loading - Show loader, defaults to false
+ * @param lightBackground - If the input should have white background, defaults to false
+ * @param sortValues - Sort the provided values, defaults to true
+ * @param inDialog - Fixes weird issue that EDS menus has when it's used in dialogs, defaults to false
+ * @param showHelperIcon - Show helper variant icon, defaults to true
+ * @param syncParentChildSelection - Syncs parents/child selections, default is true
+ * @param onAddItem - Enables the possibility to add extra tags and is called when submitting a new item, either via menu click 'add' or {Enter}. Not supported with groups prop.
+ * @param addItemSingularWord - Word to use when adding a new item, default is "tag"
+ * @param onSearchFilter - Custom filter function for search, default is "item.label.match(new RegExp(searchValue, 'i'))"
+ * @param showSelectedAsText - If values should be shown as "5/10 Selected", defaults to false
+ * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
+ */
+declare function ComboBox<T extends SelectOptionRequired>(props: ListComboBoxProps<T> | GroupedComboBoxProps<T>): react_jsx_runtime2.JSX.Element;
+//#endregion
+export { ComboBox, GroupedComboBoxProps, ListComboBoxProps };

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

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

package/dist/molecules/Select/GroupedSelectMenu.js

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

package/dist/molecules/Select/ListSelectMenu.js

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

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

@@ -0,0 +1,7 @@
+import { CommonSelectProps, GroupedSelectProps, ListSelectProps, MultiSelectCommon, SelectOptionRequired, SingleSelectCommon } from "./Select.types.js";
+import "react/jsx-runtime";
+
+//#region src/molecules/Select/Select.d.ts
+type SelectComponentProps<T extends SelectOptionRequired> = CommonSelectProps<T> & (SingleSelectCommon<T> | MultiSelectCommon<T>) & (ListSelectProps<T> | GroupedSelectProps<T>);
+//#endregion
+export { SelectComponentProps };

package/dist/molecules/Select/Select.js

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

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

@@ -0,0 +1,22 @@
+import { BaseChipProps, ClickableChipProps, DeletableChipProps } from "../Chip/Chip.js";
+import * as react42 from "react";
+import "@equinor/eds-core-react";
+import "styled-components";
+import * as styled_components_dist_types8 from "styled-components/dist/types";
+
+//#region src/molecules/Select/Select.styles.d.ts
+
+interface ComboBoxChipProps {
+  $tryingToRemove: boolean;
+  $lightBackground?: boolean;
+  className: string;
+}
+declare const ComboBoxChip: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<((Omit<react42.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
+  onClick?: undefined;
+  onDelete?: undefined;
+}) | ClickableChipProps | DeletableChipProps)) & react42.RefAttributes<HTMLButtonElement | HTMLDivElement>) & styled_components_dist_types8.BaseObject, ComboBoxChipProps>> & string & Omit<react42.ForwardRefExoticComponent<(Omit<react42.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
+  onClick?: undefined;
+  onDelete?: undefined;
+}) | ClickableChipProps | DeletableChipProps)) & react42.RefAttributes<HTMLButtonElement | HTMLDivElement>>, keyof react42.Component<any, {}, any>>;
+//#endregion
+export { ComboBoxChip };