@purpur/library 9.9.0 → 9.10.1

package/dist/RichText-2_z57EYi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText-2_z57EYi.mjs","sources":["../../../components/rich-text/src/constants.ts","../../../components/rich-text/src/renderers.tsx","../../../components/rich-text/src/utils.ts","../../../components/rich-text/src/RichText.tsx"],"sourcesContent":["export const INLINE = {\n  HYPERLINK: \"hyperlink\",\n  ENTRY_HYPERLINK: \"entry-hyperlink\",\n  ASSET_HYPERLINK: \"asset-hyperlink\",\n  RESOURCE_HYPERLINK: \"resource-hyperlink\",\n  EMBEDDED_ENTRY: \"embedded-entry-inline\",\n} as const;\n\nexport const BLOCK = {\n  DOCUMENT: \"document\",\n  PARAGRAPH: \"paragraph\",\n  TEXT: \"text\",\n  HYPERLINK: \"hyperlink\",\n  ENTRY_HYPERLINK: \"entry-hyperlink\",\n\n  HEADER_1: \"header-1\",\n  HEADER_2: \"header-2\",\n  HEADER_3: \"header-3\",\n  HEADER_4: \"header-4\",\n  HEADER_5: \"header-5\",\n  HEADER_6: \"header-6\",\n\n  HEADING_1: \"heading-1\",\n  HEADING_2: \"heading-2\",\n  HEADING_3: \"heading-3\",\n  HEADING_4: \"heading-4\",\n  HEADING_5: \"heading-5\",\n  HEADING_6: \"heading-6\",\n\n  TABLE: \"table\",\n  TABLE_ROW: \"table-row\",\n  TABLE_HEADER_CELL: \"table-header-cell\",\n  TABLE_CELL: \"table-cell\",\n  TABLE_BODY: \"table-body\",\n\n  OL_LIST: \"ordered-list\",\n  UL_LIST: \"unordered-list\",\n  LIST_ITEM: \"list-item\",\n\n  HR: \"horizontal-row\",\n  QUOTE: \"blockquote\",\n\n  EMBEDDED_ENTRY: \"embedded-entity\",\n  EMBEDDED_ASSET: \"embedded-asset-block\",\n\n  IMAGE: \"image\",\n  VIDEO: \"video\",\n  RICHTEXTDOCUMENT: \"rich-text-document\",\n  TEASER: \"teaser\",\n} as const;\n\nexport const MARK = {\n  BOLD: \"bold\",\n  ITALIC: \"italic\",\n  UNDERLINE: \"underline\",\n  CODE: \"code\",\n} as const;\n\nexport const ELEMENT = {\n  DIV: \"div\",\n  SPAN: \"span\",\n} as const;\n","import React, { type ReactNode } from \"react\";\n\nimport { BLOCK } from \"./constants\";\nimport { type RichTextNode } from \"./types\";\n\nconst isHeaderRow = (row: RichTextNode): boolean =>\n  row.type === BLOCK.TABLE_ROW &&\n  !!row.content?.every((node) => node.type === BLOCK.TABLE_HEADER_CELL);\n\n/**\n * Wrap the first rows with <thead /> if it consists of only <th> elements.\n * Wrap the rest of the rows with <tbody />.\n */\nexport const tableRenderer = (richTextNode: RichTextNode, children: ReactNode[]) => {\n  if (richTextNode.type !== BLOCK.TABLE) {\n    return children;\n  }\n  const { content: tableContent } = richTextNode;\n  const [headerRows, bodyRows] = (tableContent || []).reduce<[RichTextNode[], RichTextNode[]]>(\n    ([headers, body], row) => {\n      return isHeaderRow(row) ? [[...headers, row], body] : [headers, [...body, row]];\n    },\n    [[], []]\n  );\n  const headerRowChildren = children.slice(0, headerRows.length);\n  const bodyRowChildren = children.slice(headerRows.length, children.length);\n  return (\n    <div className=\"purpur-rich-text-table-scroll-container\">\n      <div className=\"purpur-rich-text-table-inner-scroll-container\">\n        <table>\n          {headerRows.length > 0 && <thead>{headerRowChildren}</thead>}\n          {bodyRows.length > 0 && <tbody>{bodyRowChildren}</tbody>}\n        </table>\n      </div>\n    </div>\n  );\n};\n","import { BLOCK, INLINE } from \"./constants\";\nimport { type Block, type Inline, type Mark, type RichTextNode, type Value } from \"./types\";\n\nexport type MarkNode = {\n  type: Mark;\n};\n\ntype TextNode<T> = RichTextNode<T> & {\n  type: \"text\";\n  value: string;\n  marks: MarkNode[];\n};\n\ntype InlineNode<T> = RichTextNode<T> & {\n  type: Inline;\n  content: Array<Inline | Text>;\n};\n\ntype BlockNode<T> = RichTextNode<T> & {\n  type: Block;\n  content: Array<Block | Inline | Text>;\n};\n\nconst hasValue = (obj: Record<string, unknown>, value: unknown) =>\n  Object.values(obj).includes(value);\n\nconst isText = <T>(node: RichTextNode<T> | undefined): node is TextNode<T> => node?.type === \"text\";\n\nconst isBlock = <T>(node: RichTextNode<T> | undefined): node is BlockNode<T> =>\n  !isInline(node) && !isText(node) && hasValue(BLOCK, node?.type);\n\nconst isInline = <T>(node: RichTextNode<T> | undefined): node is InlineNode<T> =>\n  hasValue(INLINE, node?.type);\n\nexport const safeJsonParse = <T>(jsonString: string): T | null => {\n  try {\n    return JSON.parse(jsonString);\n  } catch {\n    return null;\n  }\n};\n\n// This is equivalent to https://github.com/contentful/rich-text/tree/master/packages/rich-text-plain-text-renderer\nexport const richToPlainText = <T>(data: string, blockDivisor = \" \"): string => {\n  const rootNode = safeJsonParse<RichTextNode<T>>(data);\n\n  if (!rootNode || !rootNode.content) {\n    return \"\";\n  }\n\n  return rootNode.content.reduce((acc: string, node: RichTextNode<T>, i) => {\n    let nodeTextValue = \"\";\n\n    if (isText(node)) {\n      nodeTextValue = node.value;\n    } else if (isBlock(node) || isInline(node)) {\n      nodeTextValue = richToPlainText(JSON.stringify(node), blockDivisor);\n      if (!nodeTextValue.length) {\n        return acc;\n      }\n    }\n\n    const nextNode = rootNode?.content?.[i + 1];\n    const divisor = isBlock(nextNode) ? blockDivisor : \"\";\n\n    return acc + nodeTextValue + divisor;\n  }, \"\");\n};\n\nexport function normalizeNode<T = Value>(node: RichTextNode<T>) {\n  if (\n    node.type === BLOCK.IMAGE &&\n    typeof node.value === \"object\" &&\n    node?.value &&\n    \"image\" in node.value &&\n    node?.value?.image?.url\n  ) {\n    return { ...node, value: { ...node.value, url: node.value.image.url } };\n  }\n\n  if (\n    node.type === BLOCK.VIDEO &&\n    typeof node.value === \"object\" &&\n    node?.value &&\n    \"video\" in node.value &&\n    node.value.video?.url\n  ) {\n    return { ...node, value: { ...node.value, url: node.value.video.url } };\n  }\n\n  return node;\n}\n","import React, { Fragment, type ReactNode } from \"react\";\nimport { Heading } from \"@purpur/heading\";\nimport { Link } from \"@purpur/link\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { TextSpacing } from \"@purpur/text-spacing\";\n\nimport { BLOCK, MARK } from \"./constants\";\nimport { tableRenderer } from \"./renderers\";\nimport type {\n  ImageProp,\n  LinkProp,\n  Mark,\n  NodeTypes,\n  RichTextNode,\n  RichTextProps,\n  Value,\n  VideoPosterProp,\n} from \"./types\";\nimport { normalizeNode } from \"./utils\";\n\n// Inspired by https://github.com/contentful/rich-text/blob/master/packages/rich-text-react-renderer/src/index.tsx\nconst MARK_TYPES = {\n  [MARK.BOLD]: (children: ReactNode) => <b>{children}</b>,\n  [MARK.ITALIC]: (children: ReactNode) => <i>{children}</i>,\n  [MARK.UNDERLINE]: (children: ReactNode) => <u>{children}</u>,\n  [MARK.CODE]: (children: ReactNode) => <code>{children}</code>,\n};\n\nconst getNodeType = (node: RichTextNode) => {\n  const type = node.type ?? node.nodeType!;\n  if (type.startsWith(\"heading-\")) return type.replace(\"heading-\", \"header-\");\n  if (type.startsWith(\"entry-hyperlink\")) return type.replace(\"entry-hyperlink\", \"hyperlink\");\n  return type;\n};\n\nfunction getNodeTypes<T = Value>(\n  link: LinkProp,\n  image: ImageProp,\n  videoPoster: VideoPosterProp\n): NodeTypes<T> {\n  return {\n    [BLOCK.RICHTEXTDOCUMENT]: (_, children) => children,\n    [BLOCK.DOCUMENT]: (_, children) => children,\n    [BLOCK.PARAGRAPH]: (_, children) => <Paragraph variant=\"paragraph-200\">{children}</Paragraph>,\n    [BLOCK.TEXT]: (node) => {\n      const { value: nodeValue, marks } = node;\n      const value = typeof nodeValue === \"string\" ? nodeValue.replace(/\\n/g, \"<br />\") : nodeValue;\n\n      const element = <span dangerouslySetInnerHTML={{ __html: value as string }} />;\n\n      if (!marks) {\n        return element;\n      }\n      return marks.reduce((accumulator: ReactNode, currentValue: Mark | { type: Mark }) => {\n        return MARK_TYPES[typeof currentValue === \"string\" ? currentValue : currentValue.type](\n          accumulator\n        );\n      }, element);\n    },\n    [BLOCK.HYPERLINK]: (node, children) => {\n      const uri = node.uri ?? (node.data?.uri as string);\n\n      if (link) {\n        return <Link variant=\"text\">{link(children, uri)}</Link>;\n      }\n      return (\n        <Link variant=\"text\">\n          <a href={uri}>{children}</a>\n        </Link>\n      );\n    },\n    [BLOCK.HR]: () => <hr />,\n    [BLOCK.HEADER_2]: (_, children) => (\n      <Heading tag=\"h2\" variant=\"title-300\">\n        {children}\n      </Heading>\n    ),\n    [BLOCK.HEADER_3]: (_, children) => (\n      <Heading tag=\"h3\" variant=\"title-200\">\n        {children}\n      </Heading>\n    ),\n    [BLOCK.HEADER_4]: (_, children) => (\n      <Heading tag=\"h4\" variant=\"title-100\">\n        {children}\n      </Heading>\n    ),\n    [BLOCK.HEADER_5]: (_, children) => (\n      <Heading tag=\"h5\" variant=\"title-100\">\n        {children}\n      </Heading>\n    ),\n    [BLOCK.HEADER_6]: (_, children) => (\n      <Heading tag=\"h6\" variant=\"title-100\">\n        {children}\n      </Heading>\n    ),\n    [BLOCK.TABLE]: tableRenderer,\n    [BLOCK.TABLE_ROW]: (_, children) => <tr>{children}</tr>,\n    [BLOCK.TABLE_HEADER_CELL]: (_, children) => <th scope=\"col\">{children}</th>,\n    [BLOCK.TABLE_CELL]: (_, children) => {\n      return <td>{children}</td>;\n    },\n    [BLOCK.TABLE_BODY]: (_, children) => <tbody>{children}</tbody>,\n    [BLOCK.LIST_ITEM]: (_, children) => <li>{children}</li>,\n    [BLOCK.OL_LIST]: (_, children) => <ol>{children}</ol>,\n    [BLOCK.UL_LIST]: (_, children) => <ul>{children}</ul>,\n    [BLOCK.QUOTE]: (_, children) => <blockquote>&#8220;{children}&#8221;</blockquote>,\n    [BLOCK.EMBEDDED_ENTRY]: (_, children) => children,\n    [BLOCK.EMBEDDED_ASSET]: (_, children) => children,\n    [BLOCK.IMAGE]: ({ value }) => {\n      if (typeof value === \"object\" && value && \"url\" in value && value.url) {\n        if (image) {\n          return image(value.url, value.altText, value.image?.contentType);\n        }\n        return <img src={value.url} alt={value.altText ?? \"\"} loading=\"lazy\" />;\n      }\n      return null;\n    },\n    [BLOCK.VIDEO]: ({ value }) => {\n      if (typeof value === \"object\" && value && \"posterImage\" in value) {\n        const posterImage = value.posterImage?.url;\n\n        return (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <video\n            data-testid=\"rich text video\"\n            controls\n            src={value.url}\n            poster={videoPoster && posterImage ? videoPoster(posterImage) : posterImage}\n          />\n        );\n      }\n      return null;\n    },\n  };\n}\n\nconst isValueWhitespaceOnly = (value: string): boolean => {\n  return !value.replace(/\\s+/g, \"\");\n};\n\n/**\n * Strictly checks if a singular node value OR nested node content is an empty element.\n */\n\nconst isNodeOrContentEmpty = <T,>(node: RichTextNode<T>): boolean => {\n  const { content, value } = node;\n\n  if (!content) {\n    return typeof value === \"string\" && isValueWhitespaceOnly(value);\n  }\n\n  for (const item of content) {\n    if (getNodeType(item) === BLOCK.HYPERLINK) {\n      return false;\n    }\n  }\n\n  return (\n    content.length > 0 &&\n    typeof content[0].value === \"string\" &&\n    isValueWhitespaceOnly(content[0].value)\n  );\n};\n\nconst serializeRichText = <T,>(\n  node: RichTextNode<T>,\n  customNodeTypes?: NodeTypes<T>,\n  link?: LinkProp,\n  image?: ImageProp,\n  videoPoster?: VideoPosterProp\n): ReactNode => {\n  let index = 0; // nodes in rich text does not contain ids, we'll use index as keys for react\n\n  const nodes = {\n    ...getNodeTypes(link, image, videoPoster),\n    ...customNodeTypes,\n  };\n\n  const renderNode = (node: RichTextNode<T>): ReactNode => {\n    const renderFunc = nodes[getNodeType(node)];\n\n    // node types that are missing from both default NODE_TYPES and custom are never rendered\n    if (typeof renderFunc === \"undefined\") {\n      return null;\n    }\n\n    if (isNodeOrContentEmpty(node)) {\n      return null;\n    }\n\n    const children = node.content ? node.content.map(renderNode) : [];\n\n    return <Fragment key={index++}>{renderFunc(normalizeNode(node), children)}</Fragment>;\n  };\n\n  return renderNode(node);\n};\n\n/* Not using a arrow function here since the default generic will mess with the highlighting\n  and it still needs a eslint-disable-next-line because it still lints incorrect */\n\nfunction RichText<T = Value>({\n  data,\n  className,\n  customNodeTypes,\n  noTextSpacing = false,\n  link,\n  image,\n  videoPoster,\n  element: ElementTag = \"div\",\n  ...rest\n}: RichTextProps<T>) {\n  return data ? (\n    noTextSpacing ? (\n      <ElementTag className={className} {...rest}>\n        {serializeRichText(data, customNodeTypes, link, image, videoPoster)}\n      </ElementTag>\n    ) : (\n      <TextSpacing className={className} element={ElementTag} {...rest}>\n        {serializeRichText(data, customNodeTypes, link, image, videoPoster)}\n      </TextSpacing>\n    )\n  ) : null;\n}\n\nexport { getNodeTypes, RichText, serializeRichText };\n"],"names":["INLINE","BLOCK","MARK","isHeaderRow","row","node","tableRenderer","richTextNode","children","tableContent","headerRows","bodyRows","headers","body","headerRowChildren","bodyRowChildren","jsx","jsxs","hasValue","obj","value","isText","isBlock","isInline","safeJsonParse","jsonString","richToPlainText","data","blockDivisor","rootNode","acc","i","nodeTextValue","nextNode","divisor","normalizeNode","MARK_TYPES","getNodeType","type","getNodeTypes","link","image","videoPoster","_","Paragraph","nodeValue","marks","element","accumulator","currentValue","uri","Link","Heading","posterImage","isValueWhitespaceOnly","isNodeOrContentEmpty","content","item","serializeRichText","customNodeTypes","index","nodes","renderNode","renderFunc","Fragment","RichText","className","noTextSpacing","ElementTag","rest","TextSpacing"],"mappings":"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"}

package/dist/RichText-IejAKqm2.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),I=require("react"),h=require("./heading-drD5ugCC.js"),d=require("./link-Dzqd0QuD.js"),H=require("./paragraph-B8HFdNne.js"),j=require("./text-spacing-CiGPZHuB.js"),f={HYPERLINK:"hyperlink",ENTRY_HYPERLINK:"entry-hyperlink",ASSET_HYPERLINK:"asset-hyperlink",RESOURCE_HYPERLINK:"resource-hyperlink",EMBEDDED_ENTRY:"embedded-entry-inline"},s={DOCUMENT:"document",PARAGRAPH:"paragraph",TEXT:"text",HYPERLINK:"hyperlink",ENTRY_HYPERLINK:"entry-hyperlink",HEADER_1:"header-1",HEADER_2:"header-2",HEADER_3:"header-3",HEADER_4:"header-4",HEADER_5:"header-5",HEADER_6:"header-6",HEADING_1:"heading-1",HEADING_2:"heading-2",HEADING_3:"heading-3",HEADING_4:"heading-4",HEADING_5:"heading-5",HEADING_6:"heading-6",TABLE:"table",TABLE_ROW:"table-row",TABLE_HEADER_CELL:"table-header-cell",TABLE_CELL:"table-cell",TABLE_BODY:"table-body",OL_LIST:"ordered-list",UL_LIST:"unordered-list",LIST_ITEM:"list-item",HR:"horizontal-row",QUOTE:"blockquote",EMBEDDED_ENTRY:"embedded-entity",EMBEDDED_ASSET:"embedded-asset-block",IMAGE:"image",VIDEO:"video",RICHTEXTDOCUMENT:"rich-text-document",TEASER:"teaser"},_={BOLD:"bold",ITALIC:"italic",UNDERLINE:"underline",CODE:"code"},N=e=>e.type===s.TABLE_ROW&&!!e.content?.every(i=>i.type===s.TABLE_HEADER_CELL),b=(e,i)=>{if(e.type!==s.TABLE)return i;const{content:l}=e,[r,t]=(l||[]).reduce(([u,a],o)=>N(o)?[[...u,o],a]:[u,[...a,o]],[[],[]]),E=i.slice(0,r.length),c=i.slice(r.length,i.length);return n.jsx("div",{className:"purpur-rich-text-table-scroll-container",children:n.jsx("div",{className:"purpur-rich-text-table-inner-scroll-container",children:n.jsxs("table",{children:[r.length>0&&n.jsx("thead",{children:E}),t.length>0&&n.jsx("tbody",{children:c})]})})})},x=(e,i)=>Object.values(e).includes(i),L=e=>e?.type==="text",T=e=>!g(e)&&!L(e)&&x(s,e?.type),g=e=>x(f,e?.type),O=e=>{try{return JSON.parse(e)}catch{return null}},A=(e,i=" ")=>{const l=O(e);return!l||!l.content?"":l.content.reduce((r,t,E)=>{let c="";if(L(t))c=t.value;else if((T(t)||g(t))&&(c=A(JSON.stringify(t),i),!c.length))return r;const u=l?.content?.[E+1],a=T(u)?i:"";return r+c+a},"")};function v(e){return e.type===s.IMAGE&&typeof e.value=="object"&&e?.value&&"image"in e.value&&e?.value?.image?.url?{...e,value:{...e.value,url:e.value.image.url}}:e.type===s.VIDEO&&typeof e.value=="object"&&e?.value&&"video"in e.value&&e.value.video?.url?{...e,value:{...e.value,url:e.value.video.url}}:e}const B={[_.BOLD]:e=>n.jsx("b",{children:e}),[_.ITALIC]:e=>n.jsx("i",{children:e}),[_.UNDERLINE]:e=>n.jsx("u",{children:e}),[_.CODE]:e=>n.jsx("code",{children:e})},y=e=>{const i=e.type??e.nodeType;return i.startsWith("heading-")?i.replace("heading-","header-"):i.startsWith("entry-hyperlink")?i.replace("entry-hyperlink","hyperlink"):i};function m(e,i,l){return{[s.RICHTEXTDOCUMENT]:(r,t)=>t,[s.DOCUMENT]:(r,t)=>t,[s.PARAGRAPH]:(r,t)=>n.jsx(H.Paragraph,{variant:"paragraph-200",children:t}),[s.TEXT]:r=>{const{value:t,marks:E}=r,c=typeof t=="string"?t.replace(/\n/g,"<br />"):t,u=n.jsx("span",{dangerouslySetInnerHTML:{__html:c}});return E?E.reduce((a,o)=>B[typeof o=="string"?o:o.type](a),u):u},[s.HYPERLINK]:(r,t)=>{const E=r.uri??r.data?.uri;return e?n.jsx(d.Link,{variant:"text",children:e(t,E)}):n.jsx(d.Link,{variant:"text",children:n.jsx("a",{href:E,children:t})})},[s.HR]:()=>n.jsx("hr",{}),[s.HEADER_2]:(r,t)=>n.jsx(h.Heading,{tag:"h2",variant:"title-300",children:t}),[s.HEADER_3]:(r,t)=>n.jsx(h.Heading,{tag:"h3",variant:"title-200",children:t}),[s.HEADER_4]:(r,t)=>n.jsx(h.Heading,{tag:"h4",variant:"title-100",children:t}),[s.HEADER_5]:(r,t)=>n.jsx(h.Heading,{tag:"h5",variant:"title-100",children:t}),[s.HEADER_6]:(r,t)=>n.jsx(h.Heading,{tag:"h6",variant:"title-100",children:t}),[s.TABLE]:b,[s.TABLE_ROW]:(r,t)=>n.jsx("tr",{children:t}),[s.TABLE_HEADER_CELL]:(r,t)=>n.jsx("th",{scope:"col",children:t}),[s.TABLE_CELL]:(r,t)=>n.jsx("td",{children:t}),[s.TABLE_BODY]:(r,t)=>n.jsx("tbody",{children:t}),[s.LIST_ITEM]:(r,t)=>n.jsx("li",{children:t}),[s.OL_LIST]:(r,t)=>n.jsx("ol",{children:t}),[s.UL_LIST]:(r,t)=>n.jsx("ul",{children:t}),[s.QUOTE]:(r,t)=>n.jsxs("blockquote",{children:["“",t,"”"]}),[s.EMBEDDED_ENTRY]:(r,t)=>t,[s.EMBEDDED_ASSET]:(r,t)=>t,[s.IMAGE]:({value:r})=>typeof r=="object"&&r&&"url"in r&&r.url?i?i(r.url,r.altText,r.image?.contentType):n.jsx("img",{src:r.url,alt:r.altText??"",loading:"lazy"}):null,[s.VIDEO]:({value:r})=>{if(typeof r=="object"&&r&&"posterImage"in r){const t=r.posterImage?.url;return n.jsx("video",{"data-testid":"rich text video",controls:!0,src:r.url,poster:l&&t?l(t):t})}return null}}}const p=e=>!e.replace(/\s+/g,""),C=e=>{const{content:i,value:l}=e;if(!i)return typeof l=="string"&&p(l);for(const r of i)if(y(r)===s.HYPERLINK)return!1;return i.length>0&&typeof i[0].value=="string"&&p(i[0].value)},R=(e,i,l,r,t)=>{let E=0;const c={...m(l,r,t),...i},u=a=>{const o=c[y(a)];if(typeof o>"u"||C(a))return null;const D=a.content?a.content.map(u):[];return n.jsx(I.Fragment,{children:o(v(a),D)},E++)};return u(e)};function S({data:e,className:i,customNodeTypes:l,noTextSpacing:r=!1,link:t,image:E,videoPoster:c,element:u="div",...a}){return e?r?n.jsx(u,{className:i,...a,children:R(e,l,t,E,c)}):n.jsx(j.TextSpacing,{className:i,element:u,...a,children:R(e,l,t,E,c)}):null}exports.RichText=S;exports.richToPlainText=A;
+//# sourceMappingURL=RichText-IejAKqm2.js.map

package/dist/RichText-IejAKqm2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichText-IejAKqm2.js","sources":["../../../components/rich-text/src/constants.ts","../../../components/rich-text/src/renderers.tsx","../../../components/rich-text/src/utils.ts","../../../components/rich-text/src/RichText.tsx"],"sourcesContent":["export const INLINE = {\n  HYPERLINK: \"hyperlink\",\n  ENTRY_HYPERLINK: \"entry-hyperlink\",\n  ASSET_HYPERLINK: \"asset-hyperlink\",\n  RESOURCE_HYPERLINK: \"resource-hyperlink\",\n  EMBEDDED_ENTRY: \"embedded-entry-inline\",\n} as const;\n\nexport const BLOCK = {\n  DOCUMENT: \"document\",\n  PARAGRAPH: \"paragraph\",\n  TEXT: \"text\",\n  HYPERLINK: \"hyperlink\",\n  ENTRY_HYPERLINK: \"entry-hyperlink\",\n\n  HEADER_1: \"header-1\",\n  HEADER_2: \"header-2\",\n  HEADER_3: \"header-3\",\n  HEADER_4: \"header-4\",\n  HEADER_5: \"header-5\",\n  HEADER_6: \"header-6\",\n\n  HEADING_1: \"heading-1\",\n  HEADING_2: \"heading-2\",\n  HEADING_3: \"heading-3\",\n  HEADING_4: \"heading-4\",\n  HEADING_5: \"heading-5\",\n  HEADING_6: \"heading-6\",\n\n  TABLE: \"table\",\n  TABLE_ROW: \"table-row\",\n  TABLE_HEADER_CELL: \"table-header-cell\",\n  TABLE_CELL: \"table-cell\",\n  TABLE_BODY: \"table-body\",\n\n  OL_LIST: \"ordered-list\",\n  UL_LIST: \"unordered-list\",\n  LIST_ITEM: \"list-item\",\n\n  HR: \"horizontal-row\",\n  QUOTE: \"blockquote\",\n\n  EMBEDDED_ENTRY: \"embedded-entity\",\n  EMBEDDED_ASSET: \"embedded-asset-block\",\n\n  IMAGE: \"image\",\n  VIDEO: \"video\",\n  RICHTEXTDOCUMENT: \"rich-text-document\",\n  TEASER: \"teaser\",\n} as const;\n\nexport const MARK = {\n  BOLD: \"bold\",\n  ITALIC: \"italic\",\n  UNDERLINE: \"underline\",\n  CODE: \"code\",\n} as const;\n\nexport const ELEMENT = {\n  DIV: \"div\",\n  SPAN: \"span\",\n} as const;\n","import React, { type ReactNode } from \"react\";\n\nimport { BLOCK } from \"./constants\";\nimport { type RichTextNode } from \"./types\";\n\nconst isHeaderRow = (row: RichTextNode): boolean =>\n  row.type === BLOCK.TABLE_ROW &&\n  !!row.content?.every((node) => node.type === BLOCK.TABLE_HEADER_CELL);\n\n/**\n * Wrap the first rows with <thead /> if it consists of only <th> elements.\n * Wrap the rest of the rows with <tbody />.\n */\nexport const tableRenderer = (richTextNode: RichTextNode, children: ReactNode[]) => {\n  if (richTextNode.type !== BLOCK.TABLE) {\n    return children;\n  }\n  const { content: tableContent } = richTextNode;\n  const [headerRows, bodyRows] = (tableContent || []).reduce<[RichTextNode[], RichTextNode[]]>(\n    ([headers, body], row) => {\n      return isHeaderRow(row) ? [[...headers, row], body] : [headers, [...body, row]];\n    },\n    [[], []]\n  );\n  const headerRowChildren = children.slice(0, headerRows.length);\n  const bodyRowChildren = children.slice(headerRows.length, children.length);\n  return (\n    <div className=\"purpur-rich-text-table-scroll-container\">\n      <div className=\"purpur-rich-text-table-inner-scroll-container\">\n        <table>\n          {headerRows.length > 0 && <thead>{headerRowChildren}</thead>}\n          {bodyRows.length > 0 && <tbody>{bodyRowChildren}</tbody>}\n        </table>\n      </div>\n    </div>\n  );\n};\n","import { BLOCK, INLINE } from \"./constants\";\nimport { type Block, type Inline, type Mark, type RichTextNode, type Value } from \"./types\";\n\nexport type MarkNode = {\n  type: Mark;\n};\n\ntype TextNode<T> = RichTextNode<T> & {\n  type: \"text\";\n  value: string;\n  marks: MarkNode[];\n};\n\ntype InlineNode<T> = RichTextNode<T> & {\n  type: Inline;\n  content: Array<Inline | Text>;\n};\n\ntype BlockNode<T> = RichTextNode<T> & {\n  type: Block;\n  content: Array<Block | Inline | Text>;\n};\n\nconst hasValue = (obj: Record<string, unknown>, value: unknown) =>\n  Object.values(obj).includes(value);\n\nconst isText = <T>(node: RichTextNode<T> | undefined): node is TextNode<T> => node?.type === \"text\";\n\nconst isBlock = <T>(node: RichTextNode<T> | undefined): node is BlockNode<T> =>\n  !isInline(node) && !isText(node) && hasValue(BLOCK, node?.type);\n\nconst isInline = <T>(node: RichTextNode<T> | undefined): node is InlineNode<T> =>\n  hasValue(INLINE, node?.type);\n\nexport const safeJsonParse = <T>(jsonString: string): T | null => {\n  try {\n    return JSON.parse(jsonString);\n  } catch {\n    return null;\n  }\n};\n\n// This is equivalent to https://github.com/contentful/rich-text/tree/master/packages/rich-text-plain-text-renderer\nexport const richToPlainText = <T>(data: string, blockDivisor = \" \"): string => {\n  const rootNode = safeJsonParse<RichTextNode<T>>(data);\n\n  if (!rootNode || !rootNode.content) {\n    return \"\";\n  }\n\n  return rootNode.content.reduce((acc: string, node: RichTextNode<T>, i) => {\n    let nodeTextValue = \"\";\n\n    if (isText(node)) {\n      nodeTextValue = node.value;\n    } else if (isBlock(node) || isInline(node)) {\n      nodeTextValue = richToPlainText(JSON.stringify(node), blockDivisor);\n      if (!nodeTextValue.length) {\n        return acc;\n      }\n    }\n\n    const nextNode = rootNode?.content?.[i + 1];\n    const divisor = isBlock(nextNode) ? blockDivisor : \"\";\n\n    return acc + nodeTextValue + divisor;\n  }, \"\");\n};\n\nexport function normalizeNode<T = Value>(node: RichTextNode<T>) {\n  if (\n    node.type === BLOCK.IMAGE &&\n    typeof node.value === \"object\" &&\n    node?.value &&\n    \"image\" in node.value &&\n    node?.value?.image?.url\n  ) {\n    return { ...node, value: { ...node.value, url: node.value.image.url } };\n  }\n\n  if (\n    node.type === BLOCK.VIDEO &&\n    typeof node.value === \"object\" &&\n    node?.value &&\n    \"video\" in node.value &&\n    node.value.video?.url\n  ) {\n    return { ...node, value: { ...node.value, url: node.value.video.url } };\n  }\n\n  return node;\n}\n","import React, { Fragment, type ReactNode } from \"react\";\nimport { Heading } from \"@purpur/heading\";\nimport { Link } from \"@purpur/link\";\nimport { Paragraph } from \"@purpur/paragraph\";\nimport { TextSpacing } from \"@purpur/text-spacing\";\n\nimport { BLOCK, MARK } from \"./constants\";\nimport { tableRenderer } from \"./renderers\";\nimport type {\n  ImageProp,\n  LinkProp,\n  Mark,\n  NodeTypes,\n  RichTextNode,\n  RichTextProps,\n  Value,\n  VideoPosterProp,\n} from \"./types\";\nimport { normalizeNode } from \"./utils\";\n\n// Inspired by https://github.com/contentful/rich-text/blob/master/packages/rich-text-react-renderer/src/index.tsx\nconst MARK_TYPES = {\n  [MARK.BOLD]: (children: ReactNode) => <b>{children}</b>,\n  [MARK.ITALIC]: (children: ReactNode) => <i>{children}</i>,\n  [MARK.UNDERLINE]: (children: ReactNode) => <u>{children}</u>,\n  [MARK.CODE]: (children: ReactNode) => <code>{children}</code>,\n};\n\nconst getNodeType = (node: RichTextNode) => {\n  const type = node.type ?? node.nodeType!;\n  if (type.startsWith(\"heading-\")) return type.replace(\"heading-\", \"header-\");\n  if (type.startsWith(\"entry-hyperlink\")) return type.replace(\"entry-hyperlink\", \"hyperlink\");\n  return type;\n};\n\nfunction getNodeTypes<T = Value>(\n  link: LinkProp,\n  image: ImageProp,\n  videoPoster: VideoPosterProp\n): NodeTypes<T> {\n  return {\n    [BLOCK.RICHTEXTDOCUMENT]: (_, children) => children,\n    [BLOCK.DOCUMENT]: (_, children) => children,\n    [BLOCK.PARAGRAPH]: (_, children) => <Paragraph variant=\"paragraph-200\">{children}</Paragraph>,\n    [BLOCK.TEXT]: (node) => {\n      const { value: nodeValue, marks } = node;\n      const value = typeof nodeValue === \"string\" ? nodeValue.replace(/\\n/g, \"<br />\") : nodeValue;\n\n      const element = <span dangerouslySetInnerHTML={{ __html: value as string }} />;\n\n      if (!marks) {\n        return element;\n      }\n      return marks.reduce((accumulator: ReactNode, currentValue: Mark | { type: Mark }) => {\n        return MARK_TYPES[typeof currentValue === \"string\" ? currentValue : currentValue.type](\n          accumulator\n        );\n      }, element);\n    },\n    [BLOCK.HYPERLINK]: (node, children) => {\n      const uri = node.uri ?? (node.data?.uri as string);\n\n      if (link) {\n        return <Link variant=\"text\">{link(children, uri)}</Link>;\n      }\n      return (\n        <Link variant=\"text\">\n          <a href={uri}>{children}</a>\n        </Link>\n      );\n    },\n    [BLOCK.HR]: () => <hr />,\n    [BLOCK.HEADER_2]: (_, children) => (\n      <Heading tag=\"h2\" variant=\"title-300\">\n        {children}\n      </Heading>\n    ),\n    [BLOCK.HEADER_3]: (_, children) => (\n      <Heading tag=\"h3\" variant=\"title-200\">\n        {children}\n      </Heading>\n    ),\n    [BLOCK.HEADER_4]: (_, children) => (\n      <Heading tag=\"h4\" variant=\"title-100\">\n        {children}\n      </Heading>\n    ),\n    [BLOCK.HEADER_5]: (_, children) => (\n      <Heading tag=\"h5\" variant=\"title-100\">\n        {children}\n      </Heading>\n    ),\n    [BLOCK.HEADER_6]: (_, children) => (\n      <Heading tag=\"h6\" variant=\"title-100\">\n        {children}\n      </Heading>\n    ),\n    [BLOCK.TABLE]: tableRenderer,\n    [BLOCK.TABLE_ROW]: (_, children) => <tr>{children}</tr>,\n    [BLOCK.TABLE_HEADER_CELL]: (_, children) => <th scope=\"col\">{children}</th>,\n    [BLOCK.TABLE_CELL]: (_, children) => {\n      return <td>{children}</td>;\n    },\n    [BLOCK.TABLE_BODY]: (_, children) => <tbody>{children}</tbody>,\n    [BLOCK.LIST_ITEM]: (_, children) => <li>{children}</li>,\n    [BLOCK.OL_LIST]: (_, children) => <ol>{children}</ol>,\n    [BLOCK.UL_LIST]: (_, children) => <ul>{children}</ul>,\n    [BLOCK.QUOTE]: (_, children) => <blockquote>&#8220;{children}&#8221;</blockquote>,\n    [BLOCK.EMBEDDED_ENTRY]: (_, children) => children,\n    [BLOCK.EMBEDDED_ASSET]: (_, children) => children,\n    [BLOCK.IMAGE]: ({ value }) => {\n      if (typeof value === \"object\" && value && \"url\" in value && value.url) {\n        if (image) {\n          return image(value.url, value.altText, value.image?.contentType);\n        }\n        return <img src={value.url} alt={value.altText ?? \"\"} loading=\"lazy\" />;\n      }\n      return null;\n    },\n    [BLOCK.VIDEO]: ({ value }) => {\n      if (typeof value === \"object\" && value && \"posterImage\" in value) {\n        const posterImage = value.posterImage?.url;\n\n        return (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <video\n            data-testid=\"rich text video\"\n            controls\n            src={value.url}\n            poster={videoPoster && posterImage ? videoPoster(posterImage) : posterImage}\n          />\n        );\n      }\n      return null;\n    },\n  };\n}\n\nconst isValueWhitespaceOnly = (value: string): boolean => {\n  return !value.replace(/\\s+/g, \"\");\n};\n\n/**\n * Strictly checks if a singular node value OR nested node content is an empty element.\n */\n\nconst isNodeOrContentEmpty = <T,>(node: RichTextNode<T>): boolean => {\n  const { content, value } = node;\n\n  if (!content) {\n    return typeof value === \"string\" && isValueWhitespaceOnly(value);\n  }\n\n  for (const item of content) {\n    if (getNodeType(item) === BLOCK.HYPERLINK) {\n      return false;\n    }\n  }\n\n  return (\n    content.length > 0 &&\n    typeof content[0].value === \"string\" &&\n    isValueWhitespaceOnly(content[0].value)\n  );\n};\n\nconst serializeRichText = <T,>(\n  node: RichTextNode<T>,\n  customNodeTypes?: NodeTypes<T>,\n  link?: LinkProp,\n  image?: ImageProp,\n  videoPoster?: VideoPosterProp\n): ReactNode => {\n  let index = 0; // nodes in rich text does not contain ids, we'll use index as keys for react\n\n  const nodes = {\n    ...getNodeTypes(link, image, videoPoster),\n    ...customNodeTypes,\n  };\n\n  const renderNode = (node: RichTextNode<T>): ReactNode => {\n    const renderFunc = nodes[getNodeType(node)];\n\n    // node types that are missing from both default NODE_TYPES and custom are never rendered\n    if (typeof renderFunc === \"undefined\") {\n      return null;\n    }\n\n    if (isNodeOrContentEmpty(node)) {\n      return null;\n    }\n\n    const children = node.content ? node.content.map(renderNode) : [];\n\n    return <Fragment key={index++}>{renderFunc(normalizeNode(node), children)}</Fragment>;\n  };\n\n  return renderNode(node);\n};\n\n/* Not using a arrow function here since the default generic will mess with the highlighting\n  and it still needs a eslint-disable-next-line because it still lints incorrect */\n\nfunction RichText<T = Value>({\n  data,\n  className,\n  customNodeTypes,\n  noTextSpacing = false,\n  link,\n  image,\n  videoPoster,\n  element: ElementTag = \"div\",\n  ...rest\n}: RichTextProps<T>) {\n  return data ? (\n    noTextSpacing ? (\n      <ElementTag className={className} {...rest}>\n        {serializeRichText(data, customNodeTypes, link, image, videoPoster)}\n      </ElementTag>\n    ) : (\n      <TextSpacing className={className} element={ElementTag} {...rest}>\n        {serializeRichText(data, customNodeTypes, link, image, videoPoster)}\n      </TextSpacing>\n    )\n  ) : null;\n}\n\nexport { getNodeTypes, RichText, serializeRichText };\n"],"names":["INLINE","BLOCK","MARK","isHeaderRow","row","node","tableRenderer","richTextNode","children","tableContent","headerRows","bodyRows","headers","body","headerRowChildren","bodyRowChildren","jsx","jsxs","hasValue","obj","value","isText","isBlock","isInline","safeJsonParse","jsonString","richToPlainText","data","blockDivisor","rootNode","acc","i","nodeTextValue","nextNode","divisor","normalizeNode","MARK_TYPES","getNodeType","type","getNodeTypes","link","image","videoPoster","_","Paragraph","nodeValue","marks","element","accumulator","currentValue","uri","Link","Heading","posterImage","isValueWhitespaceOnly","isNodeOrContentEmpty","content","item","serializeRichText","customNodeTypes","index","nodes","renderNode","renderFunc","Fragment","RichText","className","noTextSpacing","ElementTag","rest","TextSpacing"],"mappings":"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"}

package/dist/autocomplete-C6AqdYaZ.mjs

@@ -0,0 +1,228 @@
+import { jsxs as H, jsx as g, Fragment as de } from "react/jsx-runtime";
+import { useRef as D, useCallback as pe, useEffect as me, useState as U, forwardRef as be, cloneElement as fe } from "react";
+import { l as ve } from "./chevron-down.es-PCIIj6oG.mjs";
+import { L as V } from "./listbox-CtV-Vcmy.mjs";
+import { i as _e } from "./text-field-C9LX7LBf.mjs";
+import { c as xe } from "./bind-CU-R61T-.mjs";
+const he = {
+  "purpur-autocomplete": "_purpur-autocomplete_dgjyz_1",
+  "purpur-autocomplete__listbox": "_purpur-autocomplete__listbox_dgjyz_4",
+  "purpur-autocomplete__chevron-button": "_purpur-autocomplete__chevron-button_dgjyz_9",
+  "purpur-autocomplete__chevron-icon": "_purpur-autocomplete__chevron-icon_dgjyz_15",
+  "purpur-autocomplete__chevron-icon--up": "_purpur-autocomplete__chevron-icon--up_dgjyz_20"
+}, ye = (c) => D(c), Ce = (c, b) => {
+  const n = pe(
+    (v) => {
+      c && !c.contains(v.target) && b();
+    },
+    [b, c]
+  );
+  me(() => (document.addEventListener("mousedown", n), () => {
+    document.removeEventListener("mousedown", n);
+  }), [n]);
+}, ge = ({
+  combobox: c,
+  comboboxButtonAriaLabel: b,
+  highlightFirstOption: n,
+  defaultInputValue: v,
+  inputValue: i,
+  filterOption: I,
+  id: u,
+  listboxLabel: S,
+  listboxMaxHeight: d,
+  onInputBlur: _,
+  onInputChange: L,
+  onInputFocus: $,
+  onInputKeyDown: R,
+  onInputMouseDown: T,
+  openOnFocus: k,
+  noOptionsText: E,
+  onSelect: j,
+  options: a,
+  selectedOption: t,
+  ["data-testid"]: x
+}) => {
+  const [h, K] = U(
+    ((typeof i == "string" ? i : v) || t?.label) ?? ""
+  ), Y = typeof i == "string" ? i : h, [r, f] = U(n ? a[0] : void 0), A = D(null), F = ye(null), N = D(null), B = D({}), [q, G] = U(!1);
+  function P(e) {
+    return x ? `${x}-${e}` : void 0;
+  }
+  const y = () => {
+    G(!1), f(void 0);
+  };
+  Ce(F.current, y);
+  const C = ({ eventType: e }) => {
+    G(!0), t && requestAnimationFrame(() => {
+      f({ ...t, isSetByClickEvent: e === "CLICK" }), M(B.current[t.id]);
+    });
+  }, ee = (e) => {
+    if (I)
+      return a.filter((s) => I(e, s));
+    if (!e)
+      return a;
+    const o = e.toUpperCase().split(" ") || [];
+    return a.filter(
+      (s) => o.every(
+        (m) => (s.value || s.label).toUpperCase().includes(m)
+      )
+    );
+  }, J = (e) => t && t?.label === e ? a : ee(e), l = J(Y), z = (e) => {
+    L?.(e), K(e);
+  }, M = (e) => {
+    if (e) {
+      const o = e.getBoundingClientRect(), s = N.current?.getBoundingClientRect() || { top: 0, bottom: 0 };
+      (o.top < s.top || o.bottom > s.bottom) && e.scrollIntoView({ block: "nearest" });
+    }
+  }, Q = (e) => {
+    e && (A.current?.focus(), z(e.label), j?.(e)), y();
+  }, te = (e) => {
+    const o = n && !r ? 0 : l.findIndex((m) => m && r?.id === m.id), s = l.length;
+    return e === "ArrowDown" ? l[(o ?? -1) + 1] || l[0] : l[(o ?? s) - 1] || l[s - 1];
+  }, p = q && (!!l.length || !!E), oe = (e) => {
+    !p && C({ eventType: "KEYBOARD" });
+    const o = te(e);
+    f(o), o && M(B.current[o.id]);
+  }, ne = (e) => {
+    switch (R?.(e), e.key) {
+      case "ArrowUp":
+      case "ArrowDown":
+        e.preventDefault(), oe(e.key);
+        break;
+      case "Enter": {
+        const o = r || (n ? a[0] : void 0);
+        p && Q(o), !p && C({ eventType: "KEYBOARD" });
+        break;
+      }
+      case "Escape":
+      case "Tab":
+        y();
+        break;
+    }
+  }, se = (e) => {
+    const o = J(e.target.value);
+    z(e.target.value), f(void 0), !p && C({ eventType: "KEYBOARD" }), n && o[0] && M(B.current[o[0].id]);
+  }, re = (e) => {
+    T?.(e), p ? y() : C({ eventType: "CLICK" });
+  }, ce = (e) => {
+    $?.(e), !q && k && C({ eventType: "KEYBOARD" }), A.current?.select();
+  }, ie = (e) => {
+    _?.(e), setTimeout(() => {
+      !A.current?.contains(document.activeElement) && !N.current?.contains(document.activeElement) && (y(), c && z(t ? t.label : ""));
+    });
+  }, ue = {
+    maxHeight: typeof d == "number" ? `${d}px` : d
+  }, W = {
+    "aria-label": S,
+    "aria-expanded": p,
+    "data-testid": P("listbox"),
+    id: `${u}-listbox`,
+    ref: N,
+    onMouseLeave: () => f(void 0),
+    style: d ? ue : void 0
+  }, X = (e) => `${u}-listbox-item-${e.id}`, ae = (e, o) => {
+    const s = () => e.id !== r?.id && f({ ...e, isSetByClickEvent: !0 }), m = (e.id === r?.id || !!n && !r && o === 0) && !r?.isSetByClickEvent;
+    return {
+      "data-testid": P(`listbox-item-${e.id}`),
+      id: X(e),
+      key: e.id,
+      onMouseMove: s,
+      onMouseUp: () => Q(e),
+      ref: (Z) => {
+        Z && (B.current[e.id] = Z);
+      },
+      tabIndex: -1,
+      selected: e.id === t?.id,
+      disabled: e.disabled,
+      highlighted: m,
+      hovered: e.id === r?.id && !!r?.isSetByClickEvent
+    };
+  }, le = {
+    "aria-activedescendant": r ? X(r) : void 0,
+    "aria-autocomplete": "list",
+    "aria-controls": W.id,
+    "data-testid": P("input"),
+    autoComplete: "off",
+    id: `${u}-input`,
+    onChange: se,
+    onMouseDown: re,
+    onFocus: ce,
+    onKeyDown: ne,
+    onBlur: ie,
+    ref: A,
+    role: "combobox",
+    value: Y
+  };
+  return {
+    id: u,
+    inputProps: le,
+    internalRef: F,
+    optionsToShow: l,
+    showListbox: p,
+    noOptionsText: E,
+    combobox: c,
+    comboboxButtonAriaLabel: b,
+    getListBoxItemProps: ae,
+    listboxProps: W
+  };
+}, O = xe.bind(he), w = "purpur-autocomplete", we = ({ className: c, renderInput: b, renderOption: n, ...v }, i) => {
+  const {
+    id: I,
+    inputProps: u,
+    internalRef: S,
+    optionsToShow: d,
+    showListbox: _,
+    noOptionsText: L,
+    combobox: $,
+    comboboxButtonAriaLabel: R,
+    getListBoxItemProps: T,
+    listboxProps: k
+  } = ge(v), E = (t, x) => {
+    const { key: h, ...K } = T(t, x);
+    return /* @__PURE__ */ g(V.Item, { ...K, children: n ? n?.(t) : t.label }, h);
+  }, j = (t) => {
+    S.current = t, typeof i == "function" ? i(t) : i && (i.current = t);
+  }, a = () => {
+    const t = b(u);
+    if ($ && R && L && t && _e(t)) {
+      const h = /* @__PURE__ */ H(de, { children: [
+        t.props.endAdornment,
+        /* @__PURE__ */ g(
+          "button",
+          {
+            "data-testid": "chevron button",
+            type: "button",
+            className: O(`${w}__chevron-button`),
+            onClick: () => {
+              u.onFocus(void 0), u.onMouseDown(void 0);
+            },
+            "aria-label": R,
+            "aria-expanded": _,
+            "aria-controls": k.id,
+            children: /* @__PURE__ */ g(
+              ve,
+              {
+                size: "sm",
+                className: O(`${w}__chevron-icon`, {
+                  [`${w}__chevron-icon--up`]: _
+                })
+              }
+            )
+          }
+        )
+      ] });
+      return fe(t, { endAdornment: h });
+    }
+    return t;
+  };
+  return /* @__PURE__ */ H("div", { id: I, ref: j, className: O([w, c]), children: [
+    a(),
+    _ && /* @__PURE__ */ g(V, { ...k, className: O(`${w}__listbox`), children: d.length ? d.filter((t) => !!t).map(E) : /* @__PURE__ */ g(V.Item, { noninteractive: !0, children: L }) })
+  ] });
+}, Ie = be(we);
+Ie.displayName = "Autocomplete";
+export {
+  Ie as A,
+  ge as u
+};
+//# sourceMappingURL=autocomplete-C6AqdYaZ.mjs.map

package/dist/autocomplete-C6AqdYaZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-C6AqdYaZ.mjs","sources":["../../../components/autocomplete/src/utils.ts","../../../components/autocomplete/src/useAutocomplete.ts","../../../components/autocomplete/src/autocomplete.tsx"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from \"react\";\n\n// Used to \"merge\" \"intersection types\". Used to get comments on the props to the docs.\nexport type Prettify<T> = {\n  [K in keyof T]: T[K];\n} & {};\n\nexport const useRefObject = <T>(value: T): RefObject<T> => {\n  return useRef<T>(value) as RefObject<T>;\n};\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (element && !element.contains(event.target as Node)) {\n        callback();\n      }\n    },\n    [callback, element]\n  );\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [handleClickOutside]);\n};\n","import type { CSSProperties, ReactNode } from \"react\";\nimport { useRef, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport { useOnClickOutside, useRefObject } from \"./utils\";\n\nexport type AutocompleteOption = {\n  label: string;\n  id: string;\n  value?: string;\n  disabled?: boolean;\n};\n\nexport type InputProps = Omit<BaseProps<\"input\">, \"onFocus\" | \"onMouseDown\"> & {\n  onFocus: (event: React.FocusEvent<HTMLInputElement> | undefined) => void;\n  onMouseDown: (event: React.MouseEvent<HTMLInputElement> | undefined) => void;\n};\n\ntype ComboboxProps = {\n  /*\n   * Set to get combobox features. Use in combination with `noOptionsText`, `comboboxButtonAriaLabel` and Purpur TextField.\n   */\n  combobox: true;\n  /**\n   * An accessible label for the button that toggles the list of options for a combobox.\n   * */\n  comboboxButtonAriaLabel: string;\n  /*\n   * Shown when there are no options to show. Will be displayed inside a listbox item.\n   */\n  noOptionsText: ReactNode;\n};\n\ntype NoComboboxProps = {\n  combobox?: never;\n  comboboxButtonAriaLabel?: never;\n  /*\n   * Shown when there are no options to show. Will be displayed inside a listbox item.\n   */\n  noOptionsText?: ReactNode;\n};\n\nexport type UseAutocompleteResult<T extends AutocompleteOption> = {\n  /*\n   * Set to highlight the first option in the listbox when the input is focused.\n   */\n  highlightFirstOption?: boolean;\n  /*\n   * The default input value. Only to use when the input is uncontrolled.\n   */\n  defaultInputValue?: string;\n  /*\n   * The input value. Use this to control the input value.\n   */\n  inputValue?: string;\n  /*\n   * Invoked for each option. Use to control which options are shown.\n   */\n  filterOption?: (inputValue: string | undefined, option: T) => boolean;\n  /*\n   * Id will be used to prefix id:s of all elements.\n   */\n  id: string;\n  /*\n   * The label of the listbox (dropdown) displaying the options.\n   */\n  listboxLabel: string;\n  /*\n   * The height of the listbox. Number will be interpreted as px value. defaults to `calc(2 * var(--purpur-spacing-1200))`.\n   */\n  listboxMaxHeight?: string | number;\n  /*\n   * NOTE! Always use this instead of onBlur directly on the input element. Event handler invoked on input blur.\n   */\n  onInputBlur?: React.FocusEventHandler<HTMLInputElement>;\n  /*\n   * NOTE! Always use this instead of onChange directly on the input element. Event handler invoked when the input value changes.\n   */\n  onInputChange?: (value: string) => void;\n  /*\n   * NOTE! Always use this instead of onFocus directly on the input element. Event handler invoked on input focus.\n   */\n  onInputFocus?: (event: React.FocusEvent<HTMLInputElement> | undefined) => undefined;\n  /*\n   * NOTE! Always use this instead of onKeyDown directly on the input element. Event handler invoked on input key down.\n   */\n  onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  /*\n   * NOTE! Always use this instead of onMouseDown directly on the input element. Event handler invoked on input mouse down.\n   */\n  onInputMouseDown?: (event: React.MouseEvent<HTMLInputElement> | undefined) => undefined;\n  /*\n   * Set to open the listbox when input gets focus.\n   */\n  openOnFocus?: boolean;\n  /*\n   * Event handler invoked when an option is selected.\n   */\n  onSelect?: (option: T | undefined) => void;\n  /*\n   * The list of options. Could include custom props.\n   */\n  options: T[];\n  /*\n   * The selected option.\n   */\n  selectedOption?: T;\n  [\"data-testid\"]?: string;\n} & (ComboboxProps | NoComboboxProps);\n\nexport const useAutocomplete = <T extends AutocompleteOption>({\n  combobox,\n  comboboxButtonAriaLabel,\n  highlightFirstOption,\n  defaultInputValue,\n  inputValue,\n  filterOption,\n  id,\n  listboxLabel,\n  listboxMaxHeight,\n  onInputBlur,\n  onInputChange,\n  onInputFocus,\n  onInputKeyDown,\n  onInputMouseDown,\n  openOnFocus,\n  noOptionsText,\n  onSelect,\n  options,\n  selectedOption,\n  [\"data-testid\"]: dataTestid,\n}: UseAutocompleteResult<T>) => {\n  const [internalInputValue, setInternalInputValue] = useState(\n    ((typeof inputValue === \"string\" ? inputValue : defaultInputValue) || selectedOption?.label) ??\n      \"\"\n  );\n  const definiteInputValue = typeof inputValue === \"string\" ? inputValue : internalInputValue;\n  const [highlightedOption, setHighlightedOption] = useState<\n    (T & { isSetByClickEvent?: false }) | undefined\n  >(highlightFirstOption ? options[0] : undefined);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const internalRef = useRefObject<HTMLDivElement | null>(null);\n  const listboxRef = useRef<HTMLUListElement>(null);\n  const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n  const [listboxIsOpen, setListboxIsOpen] = useState(false);\n\n  function getTestId(name: string) {\n    return dataTestid ? `${dataTestid}-${name}` : undefined;\n  }\n\n  const closeListbox = () => {\n    setListboxIsOpen(false);\n    setHighlightedOption(undefined);\n  };\n\n  useOnClickOutside(internalRef.current, closeListbox);\n\n  const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n    setListboxIsOpen(true);\n    if (selectedOption) {\n      requestAnimationFrame(() => {\n        const isSetByClickEvent = eventType === \"CLICK\";\n        setHighlightedOption({ ...selectedOption, isSetByClickEvent });\n        scrollOptionIntoView(optionRefs.current[selectedOption.id]);\n      });\n    }\n  };\n\n  const filterOptions = (searchTerm: string | undefined) => {\n    if (filterOption) {\n      return options.filter((option) => filterOption(searchTerm, option));\n    }\n\n    if (!searchTerm) {\n      return options;\n    }\n\n    const searchTermChunks = searchTerm.toUpperCase().split(\" \") || [];\n    return options.filter((option) =>\n      searchTermChunks.every((chunk) =>\n        (option.value || option.label).toUpperCase().includes(chunk)\n      )\n    );\n  };\n\n  const getOptionsToShow = (searchTerm: string | undefined): (T | undefined)[] => {\n    return selectedOption && selectedOption?.label === searchTerm\n      ? options\n      : filterOptions(searchTerm);\n  };\n\n  const optionsToShow = getOptionsToShow(definiteInputValue);\n\n  const populateInputField = (value: string) => {\n    onInputChange?.(value);\n    setInternalInputValue(value);\n  };\n\n  const scrollOptionIntoView = (option: HTMLLIElement | undefined) => {\n    if (option) {\n      const optionRect = option.getBoundingClientRect();\n      const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n      const isOptionOutsideView =\n        optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n      if (isOptionOutsideView) {\n        option.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  };\n\n  const selectOption = (option: T | undefined) => {\n    if (option) {\n      inputRef.current?.focus();\n      populateInputField(option.label);\n      onSelect?.(option);\n    }\n    closeListbox();\n  };\n\n  const findNextOption = (key: \"ArrowUp\" | \"ArrowDown\"): T | undefined => {\n    const index =\n      highlightFirstOption && !highlightedOption\n        ? 0\n        : optionsToShow.findIndex((option) => option && highlightedOption?.id === option.id);\n\n    const optionsLength = optionsToShow.length;\n\n    return key === \"ArrowDown\"\n      ? optionsToShow[(index ?? -1) + 1] || optionsToShow[0]\n      : optionsToShow[(index ?? optionsLength) - 1] || optionsToShow[optionsLength - 1];\n  };\n\n  const showListbox = listboxIsOpen && (!!optionsToShow.length || !!noOptionsText);\n\n  const highlightNextOption = (key: \"ArrowUp\" | \"ArrowDown\") => {\n    !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n    const nextOption = findNextOption(key);\n\n    setHighlightedOption(nextOption);\n    nextOption && scrollOptionIntoView(optionRefs.current[nextOption.id]);\n  };\n\n  const handleOnKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    onInputKeyDown?.(event);\n    switch (event.key) {\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n        event.preventDefault(); // Preventing default to not move cursor in input\n        highlightNextOption(event.key);\n        break;\n      case \"Enter\": {\n        const optionToSelect = highlightedOption || (highlightFirstOption ? options[0] : undefined);\n        showListbox && selectOption(optionToSelect);\n        !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n        break;\n      }\n      case \"Escape\":\n      case \"Tab\":\n        closeListbox();\n        break;\n    }\n  };\n\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const nextOptionsToShow = getOptionsToShow(e.target.value);\n    populateInputField(e.target.value);\n    setHighlightedOption(undefined);\n    !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n    highlightFirstOption &&\n      nextOptionsToShow[0] &&\n      scrollOptionIntoView(optionRefs.current[nextOptionsToShow[0].id]);\n  };\n\n  const handleOnMouseDown = (event: React.MouseEvent<HTMLInputElement> | undefined) => {\n    onInputMouseDown?.(event);\n    showListbox ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleOnFocus = (event: React.FocusEvent<HTMLInputElement> | undefined) => {\n    onInputFocus?.(event);\n    !listboxIsOpen && openOnFocus && openListbox({ eventType: \"KEYBOARD\" });\n    inputRef.current?.select();\n  };\n\n  const handleOnBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n    onInputBlur?.(event);\n    // Use a timeout to allow click events on the listbox to fire before this check\n    setTimeout(() => {\n      if (\n        !inputRef.current?.contains(document.activeElement) &&\n        !listboxRef.current?.contains(document.activeElement)\n      ) {\n        closeListbox();\n\n        // If the blur happened due to a click inside the listbox for a combobox, don't reset the value\n        if (combobox) {\n          populateInputField(selectedOption ? selectedOption.label : \"\");\n        }\n      }\n    });\n  };\n\n  const listboxStyle: CSSProperties = {\n    maxHeight: typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n  };\n\n  const listboxProps: ListboxProps = {\n    \"aria-label\": listboxLabel,\n    \"aria-expanded\": showListbox,\n    \"data-testid\": getTestId(\"listbox\"),\n    id: `${id}-listbox`,\n    ref: listboxRef,\n    onMouseLeave: () => setHighlightedOption(undefined),\n    style: listboxMaxHeight ? listboxStyle : undefined,\n  };\n\n  const createListboxItemId = (option: T) => `${id}-listbox-item-${option.id}`;\n\n  const getListBoxItemProps = (option: T, index: number): ListboxItemProps => {\n    const handleOnMouseMove = () =>\n      option.id !== highlightedOption?.id &&\n      setHighlightedOption({ ...option, isSetByClickEvent: true });\n\n    const highlighted =\n      (option.id === highlightedOption?.id ||\n        (!!highlightFirstOption && !highlightedOption && index === 0)) &&\n      !highlightedOption?.isSetByClickEvent;\n\n    return {\n      \"data-testid\": getTestId(`listbox-item-${option.id}`),\n      id: createListboxItemId(option),\n      key: option.id,\n      onMouseMove: handleOnMouseMove,\n      onMouseUp: () => selectOption(option),\n      ref: (el) => {\n        if (el) {\n          optionRefs.current[option.id] = el;\n        }\n      },\n      tabIndex: -1,\n      selected: option.id === selectedOption?.id,\n      disabled: option.disabled,\n      highlighted,\n      hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n    };\n  };\n\n  const inputProps: InputProps = {\n    \"aria-activedescendant\": highlightedOption ? createListboxItemId(highlightedOption) : undefined,\n    \"aria-autocomplete\": \"list\",\n    \"aria-controls\": listboxProps.id,\n    \"data-testid\": getTestId(\"input\"),\n    autoComplete: \"off\",\n    id: `${id}-input`,\n    onChange: handleOnChange,\n    onMouseDown: handleOnMouseDown,\n    onFocus: handleOnFocus,\n    onKeyDown: handleOnKeyDown,\n    onBlur: handleOnBlur,\n    ref: inputRef,\n    role: \"combobox\",\n    value: definiteInputValue,\n  };\n\n  return {\n    id,\n    inputProps,\n    internalRef,\n    optionsToShow,\n    showListbox,\n    noOptionsText,\n    combobox,\n    comboboxButtonAriaLabel,\n    getListBoxItemProps,\n    listboxProps,\n  };\n};\n","import type { ComponentPropsWithRef, ForwardedRef, ReactNode } from \"react\";\nimport React, { cloneElement, forwardRef } from \"react\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { isTextField } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./autocomplete.module.scss\";\nimport type { AutocompleteOption, UseAutocompleteResult } from \"./useAutocomplete\";\nimport { useAutocomplete } from \"./useAutocomplete\";\nimport type { Prettify } from \"./utils\";\n\nconst cx = c.bind(styles);\n\ntype AutocompleteProps<T extends AutocompleteOption> = Prettify<\n  UseAutocompleteResult<T> & {\n    className?: string;\n    /**\n     * Render the input. `props` are native input props\n     */\n    renderInput: (props: ComponentPropsWithRef<\"input\">) => ReactNode;\n    /**\n     * Invoked for each given option. Use to customize the rendering of the options\n     */\n    renderOption?: (option: T) => ReactNode;\n  }\n>;\n\nconst rootClassName = \"purpur-autocomplete\";\n\nconst AutocompleteComponent = <T extends AutocompleteOption>(\n  { className, renderInput, renderOption, ...useAutocompleteProps }: AutocompleteProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n) => {\n  const {\n    id,\n    inputProps,\n    internalRef,\n    optionsToShow,\n    showListbox,\n    noOptionsText,\n    combobox,\n    comboboxButtonAriaLabel,\n    getListBoxItemProps,\n    listboxProps,\n  } = useAutocomplete(useAutocompleteProps);\n\n  const renderListboxItem = (option: T, index: number) => {\n    const { key, ...listboxItemProps } = getListBoxItemProps(option, index);\n\n    return (\n      <Listbox.Item key={key} {...listboxItemProps}>\n        {renderOption ? renderOption?.(option) : option.label}\n      </Listbox.Item>\n    );\n  };\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    internalRef.current = node;\n    if (typeof ref === \"function\") {\n      ref(node);\n    } else if (ref) {\n      ref.current = node;\n    }\n  };\n\n  const getInputComponent = () => {\n    const input = renderInput(inputProps);\n    const isCombobox =\n      combobox && comboboxButtonAriaLabel && noOptionsText && input && isTextField(input);\n\n    if (isCombobox) {\n      const endAdornment = (\n        <>\n          {input.props.endAdornment}\n          <button\n            data-testid=\"chevron button\"\n            type=\"button\"\n            className={cx(`${rootClassName}__chevron-button`)}\n            onClick={() => {\n              inputProps.onFocus(undefined);\n              inputProps.onMouseDown(undefined);\n            }}\n            aria-label={comboboxButtonAriaLabel}\n            aria-expanded={showListbox}\n            aria-controls={listboxProps.id}\n          >\n            <IconChevronDown\n              size=\"sm\"\n              className={cx(`${rootClassName}__chevron-icon`, {\n                [`${rootClassName}__chevron-icon--up`]: showListbox,\n              })}\n            />\n          </button>\n        </>\n      );\n\n      return cloneElement(input, { endAdornment });\n    }\n\n    return input;\n  };\n\n  return (\n    <div id={id} ref={setRootRef} className={cx([rootClassName, className])}>\n      {getInputComponent()}\n      {showListbox && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {!optionsToShow.length ? (\n            <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>\n          ) : (\n            optionsToShow.filter((option): option is T => !!option).map(renderListboxItem)\n          )}\n        </Listbox>\n      )}\n    </div>\n  );\n};\n\n/* @deprecated use `Dropdown` or `SearchField` instead, this is only exported for backwards compatibility and will be removed in a future release */\nexport const Autocomplete = forwardRef(AutocompleteComponent);\nAutocomplete.displayName = \"Autocomplete\";\n\nexport type {\n  AutocompleteOption,\n  UseAutocompleteResult as UseAutocompleteOptions,\n} from \"./useAutocomplete\";\nexport { useAutocomplete } from \"./useAutocomplete\";\n"],"names":["useRefObject","value","useRef","useOnClickOutside","element","callback","handleClickOutside","useCallback","event","useEffect","useAutocomplete","combobox","comboboxButtonAriaLabel","highlightFirstOption","defaultInputValue","inputValue","filterOption","id","listboxLabel","listboxMaxHeight","onInputBlur","onInputChange","onInputFocus","onInputKeyDown","onInputMouseDown","openOnFocus","noOptionsText","onSelect","options","selectedOption","dataTestid","internalInputValue","setInternalInputValue","useState","definiteInputValue","highlightedOption","setHighlightedOption","inputRef","internalRef","listboxRef","optionRefs","listboxIsOpen","setListboxIsOpen","getTestId","name","closeListbox","openListbox","eventType","scrollOptionIntoView","filterOptions","searchTerm","option","searchTermChunks","chunk","getOptionsToShow","optionsToShow","populateInputField","optionRect","listboxRect","selectOption","findNextOption","key","index","optionsLength","showListbox","highlightNextOption","nextOption","handleOnKeyDown","optionToSelect","handleOnChange","nextOptionsToShow","handleOnMouseDown","handleOnFocus","handleOnBlur","listboxStyle","listboxProps","createListboxItemId","getListBoxItemProps","handleOnMouseMove","highlighted","el","inputProps","cx","c","styles","rootClassName","AutocompleteComponent","className","renderInput","renderOption","useAutocompleteProps","ref","renderListboxItem","listboxItemProps","jsx","Listbox","setRootRef","node","getInputComponent","input","isTextField","endAdornment","jsxs","Fragment","IconChevronDown","cloneElement","Autocomplete","forwardRef"],"mappings":"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"}

package/dist/autocomplete-yrPbF5gq.js

@@ -0,0 +1,2 @@
+"use strict";const p=require("react/jsx-runtime"),r=require("react"),de=require("./chevron-down.es-BMjgiS3F.js"),M=require("./listbox-lXO21cJV.js"),pe=require("./text-field-CS0PT5T6.js"),be=require("./bind-DeUYJ6m9.js"),me={"purpur-autocomplete":"_purpur-autocomplete_dgjyz_1","purpur-autocomplete__listbox":"_purpur-autocomplete__listbox_dgjyz_4","purpur-autocomplete__chevron-button":"_purpur-autocomplete__chevron-button_dgjyz_9","purpur-autocomplete__chevron-icon":"_purpur-autocomplete__chevron-icon_dgjyz_15","purpur-autocomplete__chevron-icon--up":"_purpur-autocomplete__chevron-icon--up_dgjyz_20"},fe=i=>r.useRef(i),xe=(i,x)=>{const n=r.useCallback(_=>{i&&!i.contains(_.target)&&x()},[x,i]);r.useEffect(()=>(document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}),[n])},Z=({combobox:i,comboboxButtonAriaLabel:x,highlightFirstOption:n,defaultInputValue:_,inputValue:u,filterOption:R,id:l,listboxLabel:S,listboxMaxHeight:b,onInputBlur:h,onInputChange:L,onInputFocus:D,onInputKeyDown:k,onInputMouseDown:$,openOnFocus:A,noOptionsText:E,onSelect:T,options:a,selectedOption:t,["data-testid"]:y})=>{const[C,K]=r.useState(((typeof u=="string"?u:_)||t?.label)??""),F=typeof u=="string"?u:C,[c,v]=r.useState(n?a[0]:void 0),B=r.useRef(null),U=fe(null),N=r.useRef(null),O=r.useRef({}),[V,Y]=r.useState(!1);function q(e){return y?`${y}-${e}`:void 0}const w=()=>{Y(!1),v(void 0)};xe(U.current,w);const g=({eventType:e})=>{Y(!0),t&&requestAnimationFrame(()=>{v({...t,isSetByClickEvent:e==="CLICK"}),z(O.current[t.id])})},ee=e=>{if(R)return a.filter(s=>R(e,s));if(!e)return a;const o=e.toUpperCase().split(" ")||[];return a.filter(s=>o.every(f=>(s.value||s.label).toUpperCase().includes(f)))},G=e=>t&&t?.label===e?a:ee(e),d=G(F),P=e=>{L?.(e),K(e)},z=e=>{if(e){const o=e.getBoundingClientRect(),s=N.current?.getBoundingClientRect()||{top:0,bottom:0};(o.top<s.top||o.bottom>s.bottom)&&e.scrollIntoView({block:"nearest"})}},J=e=>{e&&(B.current?.focus(),P(e.label),T?.(e)),w()},te=e=>{const o=n&&!c?0:d.findIndex(f=>f&&c?.id===f.id),s=d.length;return e==="ArrowDown"?d[(o??-1)+1]||d[0]:d[(o??s)-1]||d[s-1]},m=V&&(!!d.length||!!E),oe=e=>{!m&&g({eventType:"KEYBOARD"});const o=te(e);v(o),o&&z(O.current[o.id])},ne=e=>{switch(k?.(e),e.key){case"ArrowUp":case"ArrowDown":e.preventDefault(),oe(e.key);break;case"Enter":{const o=c||(n?a[0]:void 0);m&&J(o),!m&&g({eventType:"KEYBOARD"});break}case"Escape":case"Tab":w();break}},se=e=>{const o=G(e.target.value);P(e.target.value),v(void 0),!m&&g({eventType:"KEYBOARD"}),n&&o[0]&&z(O.current[o[0].id])},ce=e=>{$?.(e),m?w():g({eventType:"CLICK"})},re=e=>{D?.(e),!V&&A&&g({eventType:"KEYBOARD"}),B.current?.select()},ie=e=>{h?.(e),setTimeout(()=>{!B.current?.contains(document.activeElement)&&!N.current?.contains(document.activeElement)&&(w(),i&&P(t?t.label:""))})},ue={maxHeight:typeof b=="number"?`${b}px`:b},Q={"aria-label":S,"aria-expanded":m,"data-testid":q("listbox"),id:`${l}-listbox`,ref:N,onMouseLeave:()=>v(void 0),style:b?ue:void 0},W=e=>`${l}-listbox-item-${e.id}`,le=(e,o)=>{const s=()=>e.id!==c?.id&&v({...e,isSetByClickEvent:!0}),f=(e.id===c?.id||!!n&&!c&&o===0)&&!c?.isSetByClickEvent;return{"data-testid":q(`listbox-item-${e.id}`),id:W(e),key:e.id,onMouseMove:s,onMouseUp:()=>J(e),ref:X=>{X&&(O.current[e.id]=X)},tabIndex:-1,selected:e.id===t?.id,disabled:e.disabled,highlighted:f,hovered:e.id===c?.id&&!!c?.isSetByClickEvent}},ae={"aria-activedescendant":c?W(c):void 0,"aria-autocomplete":"list","aria-controls":Q.id,"data-testid":q("input"),autoComplete:"off",id:`${l}-input`,onChange:se,onMouseDown:ce,onFocus:re,onKeyDown:ne,onBlur:ie,ref:B,role:"combobox",value:F};return{id:l,inputProps:ae,internalRef:U,optionsToShow:d,showListbox:m,noOptionsText:E,combobox:i,comboboxButtonAriaLabel:x,getListBoxItemProps:le,listboxProps:Q}},j=be.c.bind(me),I="purpur-autocomplete",ve=({className:i,renderInput:x,renderOption:n,..._},u)=>{const{id:R,inputProps:l,internalRef:S,optionsToShow:b,showListbox:h,noOptionsText:L,combobox:D,comboboxButtonAriaLabel:k,getListBoxItemProps:$,listboxProps:A}=Z(_),E=(t,y)=>{const{key:C,...K}=$(t,y);return p.jsx(M.Listbox.Item,{...K,children:n?n?.(t):t.label},C)},T=t=>{S.current=t,typeof u=="function"?u(t):u&&(u.current=t)},a=()=>{const t=x(l);if(D&&k&&L&&t&&pe.isTextField(t)){const C=p.jsxs(p.Fragment,{children:[t.props.endAdornment,p.jsx("button",{"data-testid":"chevron button",type:"button",className:j(`${I}__chevron-button`),onClick:()=>{l.onFocus(void 0),l.onMouseDown(void 0)},"aria-label":k,"aria-expanded":h,"aria-controls":A.id,children:p.jsx(de.l,{size:"sm",className:j(`${I}__chevron-icon`,{[`${I}__chevron-icon--up`]:h})})})]});return r.cloneElement(t,{endAdornment:C})}return t};return p.jsxs("div",{id:R,ref:T,className:j([I,i]),children:[a(),h&&p.jsx(M.Listbox,{...A,className:j(`${I}__listbox`),children:b.length?b.filter(t=>!!t).map(E):p.jsx(M.Listbox.Item,{noninteractive:!0,children:L})})]})},H=r.forwardRef(ve);H.displayName="Autocomplete";exports.Autocomplete=H;exports.useAutocomplete=Z;
+//# sourceMappingURL=autocomplete-yrPbF5gq.js.map

package/dist/autocomplete-yrPbF5gq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete-yrPbF5gq.js","sources":["../../../components/autocomplete/src/utils.ts","../../../components/autocomplete/src/useAutocomplete.ts","../../../components/autocomplete/src/autocomplete.tsx"],"sourcesContent":["import { type RefObject, useCallback, useEffect, useRef } from \"react\";\n\n// Used to \"merge\" \"intersection types\". Used to get comments on the props to the docs.\nexport type Prettify<T> = {\n  [K in keyof T]: T[K];\n} & {};\n\nexport const useRefObject = <T>(value: T): RefObject<T> => {\n  return useRef<T>(value) as RefObject<T>;\n};\n\nexport const useOnClickOutside = (element: HTMLElement | null, callback: () => void) => {\n  const handleClickOutside = useCallback(\n    (event: MouseEvent) => {\n      if (element && !element.contains(event.target as Node)) {\n        callback();\n      }\n    },\n    [callback, element]\n  );\n\n  useEffect(() => {\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [handleClickOutside]);\n};\n","import type { CSSProperties, ReactNode } from \"react\";\nimport { useRef, useState } from \"react\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport type { ListboxItemProps, ListboxProps } from \"@purpur/listbox\";\n\nimport { useOnClickOutside, useRefObject } from \"./utils\";\n\nexport type AutocompleteOption = {\n  label: string;\n  id: string;\n  value?: string;\n  disabled?: boolean;\n};\n\nexport type InputProps = Omit<BaseProps<\"input\">, \"onFocus\" | \"onMouseDown\"> & {\n  onFocus: (event: React.FocusEvent<HTMLInputElement> | undefined) => void;\n  onMouseDown: (event: React.MouseEvent<HTMLInputElement> | undefined) => void;\n};\n\ntype ComboboxProps = {\n  /*\n   * Set to get combobox features. Use in combination with `noOptionsText`, `comboboxButtonAriaLabel` and Purpur TextField.\n   */\n  combobox: true;\n  /**\n   * An accessible label for the button that toggles the list of options for a combobox.\n   * */\n  comboboxButtonAriaLabel: string;\n  /*\n   * Shown when there are no options to show. Will be displayed inside a listbox item.\n   */\n  noOptionsText: ReactNode;\n};\n\ntype NoComboboxProps = {\n  combobox?: never;\n  comboboxButtonAriaLabel?: never;\n  /*\n   * Shown when there are no options to show. Will be displayed inside a listbox item.\n   */\n  noOptionsText?: ReactNode;\n};\n\nexport type UseAutocompleteResult<T extends AutocompleteOption> = {\n  /*\n   * Set to highlight the first option in the listbox when the input is focused.\n   */\n  highlightFirstOption?: boolean;\n  /*\n   * The default input value. Only to use when the input is uncontrolled.\n   */\n  defaultInputValue?: string;\n  /*\n   * The input value. Use this to control the input value.\n   */\n  inputValue?: string;\n  /*\n   * Invoked for each option. Use to control which options are shown.\n   */\n  filterOption?: (inputValue: string | undefined, option: T) => boolean;\n  /*\n   * Id will be used to prefix id:s of all elements.\n   */\n  id: string;\n  /*\n   * The label of the listbox (dropdown) displaying the options.\n   */\n  listboxLabel: string;\n  /*\n   * The height of the listbox. Number will be interpreted as px value. defaults to `calc(2 * var(--purpur-spacing-1200))`.\n   */\n  listboxMaxHeight?: string | number;\n  /*\n   * NOTE! Always use this instead of onBlur directly on the input element. Event handler invoked on input blur.\n   */\n  onInputBlur?: React.FocusEventHandler<HTMLInputElement>;\n  /*\n   * NOTE! Always use this instead of onChange directly on the input element. Event handler invoked when the input value changes.\n   */\n  onInputChange?: (value: string) => void;\n  /*\n   * NOTE! Always use this instead of onFocus directly on the input element. Event handler invoked on input focus.\n   */\n  onInputFocus?: (event: React.FocusEvent<HTMLInputElement> | undefined) => undefined;\n  /*\n   * NOTE! Always use this instead of onKeyDown directly on the input element. Event handler invoked on input key down.\n   */\n  onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n  /*\n   * NOTE! Always use this instead of onMouseDown directly on the input element. Event handler invoked on input mouse down.\n   */\n  onInputMouseDown?: (event: React.MouseEvent<HTMLInputElement> | undefined) => undefined;\n  /*\n   * Set to open the listbox when input gets focus.\n   */\n  openOnFocus?: boolean;\n  /*\n   * Event handler invoked when an option is selected.\n   */\n  onSelect?: (option: T | undefined) => void;\n  /*\n   * The list of options. Could include custom props.\n   */\n  options: T[];\n  /*\n   * The selected option.\n   */\n  selectedOption?: T;\n  [\"data-testid\"]?: string;\n} & (ComboboxProps | NoComboboxProps);\n\nexport const useAutocomplete = <T extends AutocompleteOption>({\n  combobox,\n  comboboxButtonAriaLabel,\n  highlightFirstOption,\n  defaultInputValue,\n  inputValue,\n  filterOption,\n  id,\n  listboxLabel,\n  listboxMaxHeight,\n  onInputBlur,\n  onInputChange,\n  onInputFocus,\n  onInputKeyDown,\n  onInputMouseDown,\n  openOnFocus,\n  noOptionsText,\n  onSelect,\n  options,\n  selectedOption,\n  [\"data-testid\"]: dataTestid,\n}: UseAutocompleteResult<T>) => {\n  const [internalInputValue, setInternalInputValue] = useState(\n    ((typeof inputValue === \"string\" ? inputValue : defaultInputValue) || selectedOption?.label) ??\n      \"\"\n  );\n  const definiteInputValue = typeof inputValue === \"string\" ? inputValue : internalInputValue;\n  const [highlightedOption, setHighlightedOption] = useState<\n    (T & { isSetByClickEvent?: false }) | undefined\n  >(highlightFirstOption ? options[0] : undefined);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const internalRef = useRefObject<HTMLDivElement | null>(null);\n  const listboxRef = useRef<HTMLUListElement>(null);\n  const optionRefs = useRef<Record<string, HTMLLIElement>>({});\n  const [listboxIsOpen, setListboxIsOpen] = useState(false);\n\n  function getTestId(name: string) {\n    return dataTestid ? `${dataTestid}-${name}` : undefined;\n  }\n\n  const closeListbox = () => {\n    setListboxIsOpen(false);\n    setHighlightedOption(undefined);\n  };\n\n  useOnClickOutside(internalRef.current, closeListbox);\n\n  const openListbox = ({ eventType }: { eventType: \"CLICK\" | \"KEYBOARD\" }) => {\n    setListboxIsOpen(true);\n    if (selectedOption) {\n      requestAnimationFrame(() => {\n        const isSetByClickEvent = eventType === \"CLICK\";\n        setHighlightedOption({ ...selectedOption, isSetByClickEvent });\n        scrollOptionIntoView(optionRefs.current[selectedOption.id]);\n      });\n    }\n  };\n\n  const filterOptions = (searchTerm: string | undefined) => {\n    if (filterOption) {\n      return options.filter((option) => filterOption(searchTerm, option));\n    }\n\n    if (!searchTerm) {\n      return options;\n    }\n\n    const searchTermChunks = searchTerm.toUpperCase().split(\" \") || [];\n    return options.filter((option) =>\n      searchTermChunks.every((chunk) =>\n        (option.value || option.label).toUpperCase().includes(chunk)\n      )\n    );\n  };\n\n  const getOptionsToShow = (searchTerm: string | undefined): (T | undefined)[] => {\n    return selectedOption && selectedOption?.label === searchTerm\n      ? options\n      : filterOptions(searchTerm);\n  };\n\n  const optionsToShow = getOptionsToShow(definiteInputValue);\n\n  const populateInputField = (value: string) => {\n    onInputChange?.(value);\n    setInternalInputValue(value);\n  };\n\n  const scrollOptionIntoView = (option: HTMLLIElement | undefined) => {\n    if (option) {\n      const optionRect = option.getBoundingClientRect();\n      const listboxRect = listboxRef.current?.getBoundingClientRect() || { top: 0, bottom: 0 };\n      const isOptionOutsideView =\n        optionRect.top < listboxRect.top || optionRect.bottom > listboxRect.bottom;\n      if (isOptionOutsideView) {\n        option.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  };\n\n  const selectOption = (option: T | undefined) => {\n    if (option) {\n      inputRef.current?.focus();\n      populateInputField(option.label);\n      onSelect?.(option);\n    }\n    closeListbox();\n  };\n\n  const findNextOption = (key: \"ArrowUp\" | \"ArrowDown\"): T | undefined => {\n    const index =\n      highlightFirstOption && !highlightedOption\n        ? 0\n        : optionsToShow.findIndex((option) => option && highlightedOption?.id === option.id);\n\n    const optionsLength = optionsToShow.length;\n\n    return key === \"ArrowDown\"\n      ? optionsToShow[(index ?? -1) + 1] || optionsToShow[0]\n      : optionsToShow[(index ?? optionsLength) - 1] || optionsToShow[optionsLength - 1];\n  };\n\n  const showListbox = listboxIsOpen && (!!optionsToShow.length || !!noOptionsText);\n\n  const highlightNextOption = (key: \"ArrowUp\" | \"ArrowDown\") => {\n    !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n    const nextOption = findNextOption(key);\n\n    setHighlightedOption(nextOption);\n    nextOption && scrollOptionIntoView(optionRefs.current[nextOption.id]);\n  };\n\n  const handleOnKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    onInputKeyDown?.(event);\n    switch (event.key) {\n      case \"ArrowUp\":\n      case \"ArrowDown\":\n        event.preventDefault(); // Preventing default to not move cursor in input\n        highlightNextOption(event.key);\n        break;\n      case \"Enter\": {\n        const optionToSelect = highlightedOption || (highlightFirstOption ? options[0] : undefined);\n        showListbox && selectOption(optionToSelect);\n        !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n        break;\n      }\n      case \"Escape\":\n      case \"Tab\":\n        closeListbox();\n        break;\n    }\n  };\n\n  const handleOnChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {\n    const nextOptionsToShow = getOptionsToShow(e.target.value);\n    populateInputField(e.target.value);\n    setHighlightedOption(undefined);\n    !showListbox && openListbox({ eventType: \"KEYBOARD\" });\n    highlightFirstOption &&\n      nextOptionsToShow[0] &&\n      scrollOptionIntoView(optionRefs.current[nextOptionsToShow[0].id]);\n  };\n\n  const handleOnMouseDown = (event: React.MouseEvent<HTMLInputElement> | undefined) => {\n    onInputMouseDown?.(event);\n    showListbox ? closeListbox() : openListbox({ eventType: \"CLICK\" });\n  };\n\n  const handleOnFocus = (event: React.FocusEvent<HTMLInputElement> | undefined) => {\n    onInputFocus?.(event);\n    !listboxIsOpen && openOnFocus && openListbox({ eventType: \"KEYBOARD\" });\n    inputRef.current?.select();\n  };\n\n  const handleOnBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n    onInputBlur?.(event);\n    // Use a timeout to allow click events on the listbox to fire before this check\n    setTimeout(() => {\n      if (\n        !inputRef.current?.contains(document.activeElement) &&\n        !listboxRef.current?.contains(document.activeElement)\n      ) {\n        closeListbox();\n\n        // If the blur happened due to a click inside the listbox for a combobox, don't reset the value\n        if (combobox) {\n          populateInputField(selectedOption ? selectedOption.label : \"\");\n        }\n      }\n    });\n  };\n\n  const listboxStyle: CSSProperties = {\n    maxHeight: typeof listboxMaxHeight === \"number\" ? `${listboxMaxHeight}px` : listboxMaxHeight,\n  };\n\n  const listboxProps: ListboxProps = {\n    \"aria-label\": listboxLabel,\n    \"aria-expanded\": showListbox,\n    \"data-testid\": getTestId(\"listbox\"),\n    id: `${id}-listbox`,\n    ref: listboxRef,\n    onMouseLeave: () => setHighlightedOption(undefined),\n    style: listboxMaxHeight ? listboxStyle : undefined,\n  };\n\n  const createListboxItemId = (option: T) => `${id}-listbox-item-${option.id}`;\n\n  const getListBoxItemProps = (option: T, index: number): ListboxItemProps => {\n    const handleOnMouseMove = () =>\n      option.id !== highlightedOption?.id &&\n      setHighlightedOption({ ...option, isSetByClickEvent: true });\n\n    const highlighted =\n      (option.id === highlightedOption?.id ||\n        (!!highlightFirstOption && !highlightedOption && index === 0)) &&\n      !highlightedOption?.isSetByClickEvent;\n\n    return {\n      \"data-testid\": getTestId(`listbox-item-${option.id}`),\n      id: createListboxItemId(option),\n      key: option.id,\n      onMouseMove: handleOnMouseMove,\n      onMouseUp: () => selectOption(option),\n      ref: (el) => {\n        if (el) {\n          optionRefs.current[option.id] = el;\n        }\n      },\n      tabIndex: -1,\n      selected: option.id === selectedOption?.id,\n      disabled: option.disabled,\n      highlighted,\n      hovered: option.id === highlightedOption?.id && !!highlightedOption?.isSetByClickEvent,\n    };\n  };\n\n  const inputProps: InputProps = {\n    \"aria-activedescendant\": highlightedOption ? createListboxItemId(highlightedOption) : undefined,\n    \"aria-autocomplete\": \"list\",\n    \"aria-controls\": listboxProps.id,\n    \"data-testid\": getTestId(\"input\"),\n    autoComplete: \"off\",\n    id: `${id}-input`,\n    onChange: handleOnChange,\n    onMouseDown: handleOnMouseDown,\n    onFocus: handleOnFocus,\n    onKeyDown: handleOnKeyDown,\n    onBlur: handleOnBlur,\n    ref: inputRef,\n    role: \"combobox\",\n    value: definiteInputValue,\n  };\n\n  return {\n    id,\n    inputProps,\n    internalRef,\n    optionsToShow,\n    showListbox,\n    noOptionsText,\n    combobox,\n    comboboxButtonAriaLabel,\n    getListBoxItemProps,\n    listboxProps,\n  };\n};\n","import type { ComponentPropsWithRef, ForwardedRef, ReactNode } from \"react\";\nimport React, { cloneElement, forwardRef } from \"react\";\nimport { IconChevronDown } from \"@purpur/icon/chevron-down\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { isTextField } from \"@purpur/text-field\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./autocomplete.module.scss\";\nimport type { AutocompleteOption, UseAutocompleteResult } from \"./useAutocomplete\";\nimport { useAutocomplete } from \"./useAutocomplete\";\nimport type { Prettify } from \"./utils\";\n\nconst cx = c.bind(styles);\n\ntype AutocompleteProps<T extends AutocompleteOption> = Prettify<\n  UseAutocompleteResult<T> & {\n    className?: string;\n    /**\n     * Render the input. `props` are native input props\n     */\n    renderInput: (props: ComponentPropsWithRef<\"input\">) => ReactNode;\n    /**\n     * Invoked for each given option. Use to customize the rendering of the options\n     */\n    renderOption?: (option: T) => ReactNode;\n  }\n>;\n\nconst rootClassName = \"purpur-autocomplete\";\n\nconst AutocompleteComponent = <T extends AutocompleteOption>(\n  { className, renderInput, renderOption, ...useAutocompleteProps }: AutocompleteProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n) => {\n  const {\n    id,\n    inputProps,\n    internalRef,\n    optionsToShow,\n    showListbox,\n    noOptionsText,\n    combobox,\n    comboboxButtonAriaLabel,\n    getListBoxItemProps,\n    listboxProps,\n  } = useAutocomplete(useAutocompleteProps);\n\n  const renderListboxItem = (option: T, index: number) => {\n    const { key, ...listboxItemProps } = getListBoxItemProps(option, index);\n\n    return (\n      <Listbox.Item key={key} {...listboxItemProps}>\n        {renderOption ? renderOption?.(option) : option.label}\n      </Listbox.Item>\n    );\n  };\n\n  const setRootRef = (node: HTMLDivElement | null) => {\n    internalRef.current = node;\n    if (typeof ref === \"function\") {\n      ref(node);\n    } else if (ref) {\n      ref.current = node;\n    }\n  };\n\n  const getInputComponent = () => {\n    const input = renderInput(inputProps);\n    const isCombobox =\n      combobox && comboboxButtonAriaLabel && noOptionsText && input && isTextField(input);\n\n    if (isCombobox) {\n      const endAdornment = (\n        <>\n          {input.props.endAdornment}\n          <button\n            data-testid=\"chevron button\"\n            type=\"button\"\n            className={cx(`${rootClassName}__chevron-button`)}\n            onClick={() => {\n              inputProps.onFocus(undefined);\n              inputProps.onMouseDown(undefined);\n            }}\n            aria-label={comboboxButtonAriaLabel}\n            aria-expanded={showListbox}\n            aria-controls={listboxProps.id}\n          >\n            <IconChevronDown\n              size=\"sm\"\n              className={cx(`${rootClassName}__chevron-icon`, {\n                [`${rootClassName}__chevron-icon--up`]: showListbox,\n              })}\n            />\n          </button>\n        </>\n      );\n\n      return cloneElement(input, { endAdornment });\n    }\n\n    return input;\n  };\n\n  return (\n    <div id={id} ref={setRootRef} className={cx([rootClassName, className])}>\n      {getInputComponent()}\n      {showListbox && (\n        <Listbox {...listboxProps} className={cx(`${rootClassName}__listbox`)}>\n          {!optionsToShow.length ? (\n            <Listbox.Item noninteractive>{noOptionsText}</Listbox.Item>\n          ) : (\n            optionsToShow.filter((option): option is T => !!option).map(renderListboxItem)\n          )}\n        </Listbox>\n      )}\n    </div>\n  );\n};\n\n/* @deprecated use `Dropdown` or `SearchField` instead, this is only exported for backwards compatibility and will be removed in a future release */\nexport const Autocomplete = forwardRef(AutocompleteComponent);\nAutocomplete.displayName = \"Autocomplete\";\n\nexport type {\n  AutocompleteOption,\n  UseAutocompleteResult as UseAutocompleteOptions,\n} from \"./useAutocomplete\";\nexport { useAutocomplete } from \"./useAutocomplete\";\n"],"names":["useRefObject","value","useRef","useOnClickOutside","element","callback","handleClickOutside","useCallback","event","useEffect","useAutocomplete","combobox","comboboxButtonAriaLabel","highlightFirstOption","defaultInputValue","inputValue","filterOption","id","listboxLabel","listboxMaxHeight","onInputBlur","onInputChange","onInputFocus","onInputKeyDown","onInputMouseDown","openOnFocus","noOptionsText","onSelect","options","selectedOption","dataTestid","internalInputValue","setInternalInputValue","useState","definiteInputValue","highlightedOption","setHighlightedOption","inputRef","internalRef","listboxRef","optionRefs","listboxIsOpen","setListboxIsOpen","getTestId","name","closeListbox","openListbox","eventType","scrollOptionIntoView","filterOptions","searchTerm","option","searchTermChunks","chunk","getOptionsToShow","optionsToShow","populateInputField","optionRect","listboxRect","selectOption","findNextOption","key","index","optionsLength","showListbox","highlightNextOption","nextOption","handleOnKeyDown","optionToSelect","handleOnChange","nextOptionsToShow","handleOnMouseDown","handleOnFocus","handleOnBlur","listboxStyle","listboxProps","createListboxItemId","getListBoxItemProps","handleOnMouseMove","highlighted","el","inputProps","cx","c","styles","rootClassName","AutocompleteComponent","className","renderInput","renderOption","useAutocompleteProps","ref","renderListboxItem","listboxItemProps","jsx","Listbox","setRootRef","node","getInputComponent","input","isTextField","endAdornment","jsxs","Fragment","IconChevronDown","cloneElement","Autocomplete","forwardRef"],"mappings":"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"}

package/dist/autocomplete.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./autocomplete-C6FXaaAT.js");exports.Autocomplete=e.Autocomplete;exports.useAutocomplete=e.useAutocomplete;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./autocomplete-yrPbF5gq.js");exports.Autocomplete=e.Autocomplete;exports.useAutocomplete=e.useAutocomplete;
 //# sourceMappingURL=autocomplete.cjs.js.map

package/dist/autocomplete.es.js

@@ -1,4 +1,4 @@
-import { A as t, u } from "./autocomplete-q4ObPRfM.mjs";
+import { A as t, u } from "./autocomplete-C6AqdYaZ.mjs";
 export {
   t as Autocomplete,
   u as useAutocomplete

package/dist/button-DZgtrGqN.js

@@ -0,0 +1,2 @@
+"use strict";const l=require("react/jsx-runtime"),N=require("react"),$=require("./spinner-tKunS_o-.js"),A=require("./bind-DeUYJ6m9.js"),B={PRIMARY:"primary",SECONDARY:"secondary",EXPRESSIVE:"expressive"},I={LG:"lg"},S={"purpur-button":"_purpur-button_p7hn7_1","purpur-button--xs":"_purpur-button--xs_p7hn7_23","purpur-button--icon-only":"_purpur-button--icon-only_p7hn7_26","purpur-button--sm":"_purpur-button--sm_p7hn7_29","purpur-button--md":"_purpur-button--md_p7hn7_35","purpur-button--lg":"_purpur-button--lg_p7hn7_41","purpur-button--full-width":"_purpur-button--full-width_p7hn7_47","purpur-button--primary":"_purpur-button--primary_p7hn7_65","purpur-button--disabled":"_purpur-button--disabled_p7hn7_69","purpur-button--primary-negative":"_purpur-button--primary-negative_p7hn7_75","purpur-button--secondary":"_purpur-button--secondary_p7hn7_87","purpur-button--secondary-negative":"_purpur-button--secondary-negative_p7hn7_98","purpur-button--expressive":"_purpur-button--expressive_p7hn7_109","purpur-button--expressive-negative":"_purpur-button--expressive-negative_p7hn7_119","purpur-button--negative":"_purpur-button--negative_p7hn7_131","purpur-button--destructive":"_purpur-button--destructive_p7hn7_138","purpur-button--destructive-negative":"_purpur-button--destructive-negative_p7hn7_148","purpur-button--tertiary-purple":"_purpur-button--tertiary-purple_p7hn7_158","purpur-button--tertiary-purple-negative":"_purpur-button--tertiary-purple-negative_p7hn7_171","purpur-button--text":"_purpur-button--text_p7hn7_186","purpur-button--text-negative":"_purpur-button--text-negative_p7hn7_213","purpur-button--primary-ai":"_purpur-button--primary-ai_p7hn7_241","purpur-button--primary-ai-negative":"_purpur-button--primary-ai-negative_p7hn7_287","purpur-button--secondary-ai":"_purpur-button--secondary-ai_p7hn7_334","purpur-button__spinner":"_purpur-button__spinner_p7hn7_359","purpur-button--secondary-ai-negative":"_purpur-button--secondary-ai-negative_p7hn7_427","purpur-button--expressive-ai":"_purpur-button--expressive-ai_p7hn7_520","purpur-button--expressive-ai-negative":"_purpur-button--expressive-ai-negative_p7hn7_567","purpur-button--text-ai":"_purpur-button--text-ai_p7hn7_617","purpur-button--text-ai-negative":"_purpur-button--text-ai-negative_p7hn7_690"},d={...B,DESTRUCTIVE:"destructive",TERTIARY_PURPLE:"tertiary-purple",TEXT:"text"},C=Object.values(d),v=A.c.bind(S),t="purpur-button",V=["button","submit","reset"],P=({iconOnly:r,loading:p})=>!(r&&p),h=N.forwardRef(({ai:r=!1,children:p,className:x,disabled:n=!1,fullWidth:y=!1,iconOnly:e,loading:u=!1,negative:o=!1,onClick:_,size:i="md",variant:s,type:g="button",...a},m)=>{if(e&&s==="destructive")return null;const T=`${s}${r?"-ai":""}${o?"-negative":""}`,R=v([t,`${t}--${T}`,`${t}--${i}`],{[`${t}--icon-only`]:e,[`${t}--negative`]:o,[`${t}--full-width`]:y,[`${t}--disabled`]:n||u},x),f=c=>{n||u?c.preventDefault():_&&_(c)},b=!!a["aria-disabled"]||n||u,E=P({iconOnly:e,loading:u});return l.jsxs("button",{className:R,type:g,ref:m,"aria-disabled":b,onClick:f,...a,children:[u&&l.jsx($.Spinner,{size:i===I.LG?"xs":"xxs",negative:o,disabled:b,className:v(`${t}__spinner`)}),E?p:null]})});h.displayName="Button";exports.BUTTON_TYPES=V;exports.BUTTON_VARIANT=d;exports.Button=h;exports.buttonVariants=C;
+//# sourceMappingURL=button-DZgtrGqN.js.map

package/dist/button-DZgtrGqN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-DZgtrGqN.js","sources":["../../action/src/action.tsx","../../../components/button/src/button.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\n\nexport const VARIANT = {\n  PRIMARY: \"primary\",\n  SECONDARY: \"secondary\",\n  EXPRESSIVE: \"expressive\",\n} as const;\n\nexport const variants = Object.values(VARIANT);\nexport type Variant = (typeof VARIANT)[keyof typeof VARIANT];\n\nexport const SIZE = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const sizes = Object.values(SIZE);\nexport type Size = (typeof SIZE)[keyof typeof SIZE];\n\ntype DefaultProps<TVariant, T = object> = {\n  [\"data-testid\"]?: string;\n  children?: ReactNode;\n  className?: string;\n  fullWidth?: boolean;\n  negative?: boolean;\n  size?: Size;\n  variant: TVariant | Variant;\n} & T;\n\nexport type UnionParams<TVariant> =\n  | DefaultProps<TVariant, { iconOnly: true; [\"aria-label\"]: string }>\n  | DefaultProps<TVariant, { iconOnly?: false; [\"aria-label\"]?: string }>;\n\ntype UnionKeys<T> = T extends T ? keyof T : never;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype StrictUnionHelper<T, TAll> = T extends any\n  ? T & Partial<Record<Exclude<UnionKeys<TAll>, keyof T>, never>>\n  : never;\n\ntype StrictUnion<T> = StrictUnionHelper<T, T>;\n\nexport type ActionProps<TVariant extends string = Variant> = StrictUnion<UnionParams<TVariant>>;\n","import React, { type ButtonHTMLAttributes, forwardRef, type MouseEvent } from \"react\";\nimport { type ActionProps, SIZE, VARIANT } from \"@purpur/action\";\nimport type { BaseProps } from \"@purpur/common-types\";\nimport { Spinner } from \"@purpur/spinner\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./button.module.scss\";\n\nexport const BUTTON_VARIANT = {\n  ...VARIANT,\n  DESTRUCTIVE: \"destructive\",\n  TERTIARY_PURPLE: \"tertiary-purple\",\n  TEXT: \"text\",\n} as const;\n\nexport const buttonVariants = Object.values(BUTTON_VARIANT);\nexport type ButtonVariant = (typeof BUTTON_VARIANT)[keyof typeof BUTTON_VARIANT];\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-button\";\n\ntype ButtonType = Pick<ButtonHTMLAttributes<HTMLButtonElement>, \"type\">[\"type\"];\nexport const BUTTON_TYPES: ButtonType[] = [\"button\", \"submit\", \"reset\"] as const;\n\ntype ButtonBaseProps = BaseProps<\"button\"> & { ai?: boolean; loading?: boolean };\n\nexport type ButtonProps =\n  | (ActionProps<ButtonVariant> & ButtonBaseProps & { iconOnly?: false | undefined })\n  | (ActionProps<Exclude<ButtonVariant, \"destructive\">> & ButtonBaseProps & { iconOnly: true });\n\ntype DistributiveOmit<T, K extends keyof never> = T extends unknown ? Omit<T, K> : never;\n\nconst shouldRenderChildren = ({ iconOnly, loading }: Pick<ButtonProps, \"iconOnly\" | \"loading\">) =>\n  !(iconOnly && loading);\n\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  DistributiveOmit<ButtonProps, \"type\"> & { type?: ButtonType }\n>(\n  (\n    {\n      ai = false,\n      children,\n      className,\n      disabled = false,\n      fullWidth = false,\n      iconOnly,\n      loading = false,\n      negative = false,\n      onClick,\n      size = \"md\",\n      variant,\n      type = \"button\",\n      ...props\n    },\n    ref\n  ) => {\n    if (iconOnly && variant === (\"destructive\" as string)) {\n      return null;\n    }\n\n    const variantClass = `${variant}${ai ? \"-ai\" : \"\"}${negative ? \"-negative\" : \"\"}`;\n\n    const classes = cx(\n      [rootClassName, `${rootClassName}--${variantClass}`, `${rootClassName}--${size}`],\n      {\n        [`${rootClassName}--icon-only`]: iconOnly,\n        [`${rootClassName}--negative`]: negative,\n        [`${rootClassName}--full-width`]: fullWidth,\n        [`${rootClassName}--disabled`]: disabled || loading,\n      },\n      className\n    );\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      if (disabled || loading) {\n        e.preventDefault();\n      } else if (onClick) {\n        onClick(e);\n      }\n    };\n\n    const _disabled = Boolean(props[\"aria-disabled\"]) || disabled || loading;\n    const renderChildren = shouldRenderChildren({ iconOnly, loading });\n\n    return (\n      <button\n        className={classes}\n        type={type}\n        ref={ref}\n        aria-disabled={_disabled}\n        onClick={handleClick}\n        {...props}\n      >\n        {loading && (\n          <Spinner\n            size={size === SIZE.LG ? \"xs\" : \"xxs\"}\n            negative={negative}\n            disabled={_disabled}\n            className={cx(`${rootClassName}__spinner`)}\n          />\n        )}\n        {renderChildren ? children : null}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":["VARIANT","SIZE","BUTTON_VARIANT","buttonVariants","cx","c","styles","rootClassName","BUTTON_TYPES","shouldRenderChildren","iconOnly","loading","Button","forwardRef","ai","children","className","disabled","fullWidth","negative","onClick","size","variant","type","props","ref","variantClass","classes","handleClick","e","_disabled","renderChildren","jsxs","jsx","Spinner"],"mappings":"wIAEaA,EAAU,CACrB,QAAS,UACT,UAAW,YACX,WAAY,YACd,EAKaC,EAAO,CAIlB,GAAI,IACN,uhECRaC,EAAiB,CAC5B,GAAGF,EACH,YAAa,cACb,gBAAiB,kBACjB,KAAM,MACR,EAEaG,EAAiB,OAAO,OAAOD,CAAc,EAGpDE,EAAKC,EAAAA,EAAE,KAAKC,CAAM,EAClBC,EAAgB,gBAGTC,EAA6B,CAAC,SAAU,SAAU,OAAO,EAUhEC,EAAuB,CAAC,CAAE,SAAAC,EAAU,QAAAC,CAAA,IACxC,EAAED,GAAYC,GAEHC,EAASC,EAAAA,WAIpB,CACE,CACE,GAAAC,EAAK,GACL,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,SAAAR,EACA,QAAAC,EAAU,GACV,SAAAQ,EAAW,GACX,QAAAC,EACA,KAAAC,EAAO,KACP,QAAAC,EACA,KAAAC,EAAO,SACP,GAAGC,CAAA,EAELC,IACG,CACH,GAAIf,GAAYY,IAAa,cAC3B,OAAO,KAGT,MAAMI,EAAe,GAAGJ,CAAO,GAAGR,EAAK,MAAQ,EAAE,GAAGK,EAAW,YAAc,EAAE,GAEzEQ,EAAUvB,EACd,CAACG,EAAe,GAAGA,CAAa,KAAKmB,CAAY,GAAI,GAAGnB,CAAa,KAAKc,CAAI,EAAE,EAChF,CACE,CAAC,GAAGd,CAAa,aAAa,EAAGG,EACjC,CAAC,GAAGH,CAAa,YAAY,EAAGY,EAChC,CAAC,GAAGZ,CAAa,cAAc,EAAGW,EAClC,CAAC,GAAGX,CAAa,YAAY,EAAGU,GAAYN,CAAA,EAE9CK,CAAA,EAGIY,EAAeC,GAAqC,CACpDZ,GAAYN,EACdkB,EAAE,eAAA,EACOT,GACTA,EAAQS,CAAC,CAEb,EAEMC,EAAY,EAAQN,EAAM,eAAe,GAAMP,GAAYN,EAC3DoB,EAAiBtB,EAAqB,CAAE,SAAAC,EAAU,QAAAC,EAAS,EAEjE,OACEqB,EAAAA,KAAC,SAAA,CACC,UAAWL,EACX,KAAAJ,EACA,IAAAE,EACA,gBAAeK,EACf,QAASF,EACR,GAAGJ,EAEH,SAAA,CAAAb,GACCsB,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAMb,IAASpB,EAAK,GAAK,KAAO,MAChC,SAAAkB,EACA,SAAUW,EACV,UAAW1B,EAAG,GAAGG,CAAa,WAAW,CAAA,CAAA,EAG5CwB,EAAiBhB,EAAW,IAAA,CAAA,CAAA,CAGnC,CACF,EAEAH,EAAO,YAAc"}