@uva-glass/component-library 3.55.7 → 3.55.8

package/dist/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"CourseCatalogueNode.js","names":[],"sources":["../../../../../src/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  COMMAND_PRIORITY_NORMAL,\r\n  createCommand,\r\n  ElementNode,\r\n  $insertNodes,\r\n  $createTextNode,\r\n  $isRangeSelection,\r\n  $getSelection,\r\n  $isTextNode,\r\n} from 'lexical';\r\nimport { useEffect } from 'react';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\n\r\nimport type { DOMConversionMap, EditorConfig, LexicalNode, NodeKey, SerializedElementNode, Spread } from 'lexical';\r\n\r\nexport type SerializedCourseCatalogueNode = Spread<\r\n  {\r\n    linkType: 'course' | 'programme';\r\n    code: string;\r\n    label: string;\r\n  },\r\n  SerializedElementNode\r\n>;\r\n\r\nexport class CourseCatalogueNode extends ElementNode {\r\n  __linkType: 'course' | 'programme';\r\n  __code: string;\r\n  __label: string;\r\n\r\n  constructor(linkType: 'course' | 'programme', code: string, label: string, key?: NodeKey) {\r\n    super(key);\r\n    this.__linkType = linkType;\r\n    this.__code = code;\r\n    this.__label = label;\r\n  }\r\n\r\n  isInline(): boolean {\r\n    return true;\r\n  }\r\n\r\n  canBeEmpty(): boolean {\r\n    return false;\r\n  }\r\n\r\n  canInsertTextBefore(): boolean {\r\n    return false;\r\n  }\r\n\r\n  canInsertTextAfter(): boolean {\r\n    return true;\r\n  }\r\n\r\n  static clone(node: CourseCatalogueNode): CourseCatalogueNode {\r\n    return new CourseCatalogueNode(node.__linkType, node.__code, node.__label, node.__key);\r\n  }\r\n\r\n  static getType(): string {\r\n    return 'courseCatalogueLink';\r\n  }\r\n\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const element = document.createElement('a');\r\n    element.className = config.theme.courseCatalogueLink;\r\n    // eslint-disable-next-line no-script-url\r\n    element.href = 'javascript:void(0);';\r\n    element.setAttribute('data-linktype', this.__linkType);\r\n    element.setAttribute('data-code', this.__code);\r\n    return element;\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false;\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap<HTMLAnchorElement> | null {\r\n    return {\r\n      // eslint-disable-next-line id-length\r\n      a: (domNode: HTMLAnchorElement) => {\r\n        const linkTypeAttr = domNode.getAttribute('data-linktype');\r\n        if (linkTypeAttr !== 'course' && linkTypeAttr !== 'programme') {\r\n          return null;\r\n        }\r\n        const linkType = linkTypeAttr;\r\n        const code = domNode.getAttribute('data-code');\r\n        if (!code) {\r\n          return null;\r\n        }\r\n        const label = domNode.textContent || '';\r\n        if (!label) {\r\n          return null;\r\n        }\r\n        return {\r\n          conversion: () => {\r\n            const node = $createCourseCatalogueNode(linkType, code, label);\r\n            return { node };\r\n          },\r\n          priority: 2,\r\n        };\r\n      },\r\n    };\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedCourseCatalogueNode): CourseCatalogueNode {\r\n    const catalogueNode = $createCourseCatalogueNode(\r\n      serializedNode.linkType,\r\n      serializedNode.code,\r\n      serializedNode.label\r\n    );\r\n    catalogueNode.setFormat(serializedNode.format);\r\n    return catalogueNode;\r\n  }\r\n\r\n  exportJSON(): SerializedCourseCatalogueNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: 'courseCatalogueLink',\r\n      version: 1,\r\n      linkType: this.__linkType,\r\n      code: this.__code,\r\n      label: this.__label,\r\n    };\r\n  }\r\n}\r\n\r\nexport function $createCourseCatalogueNode(\r\n  linkType: 'course' | 'programme',\r\n  code: string,\r\n  label: string = ''\r\n): CourseCatalogueNode {\r\n  return new CourseCatalogueNode(linkType, code, label);\r\n}\r\n\r\nexport function $isCourseCatalogueNode(node: LexicalNode): node is CourseCatalogueNode {\r\n  return node instanceof CourseCatalogueNode;\r\n}\r\n\r\nexport function $getLinkTypeFromNode(node: LexicalNode): 'course' | 'programme' | null {\r\n  if ($isCourseCatalogueNode(node)) {\r\n    return node.__linkType;\r\n  }\r\n  return null;\r\n}\r\n\r\nexport const INSERT_COURSE_CATALOGUE_LINK = createCommand('insertCourseCatalogueLink');\r\n\r\nexport const REMOVE_COURSE_CATALOGUE_LINK = createCommand('removeCourseCatalogueLink');\r\n\r\nexport function CourseCatalogueLinkPlugin(): null {\r\n  const [editor] = useLexicalComposerContext();\r\n  if (!editor.hasNodes([CourseCatalogueNode])) {\r\n    throw new Error('CourseCataloguePlugin: CourseCatalogueNode is not registered on editor');\r\n  }\r\n  useEffect(() => {\r\n    const insertCourseCatalogueLink = editor.registerCommand(\r\n      INSERT_COURSE_CATALOGUE_LINK,\r\n      (payload: { linkType: 'course' | 'programme'; code: string; label: string }) => {\r\n        const courseCatalogueNode = $createCourseCatalogueNode(payload.linkType, payload.code, payload.label);\r\n        const textNode = $createTextNode(payload.label);\r\n        courseCatalogueNode.append(textNode);\r\n        $insertNodes([courseCatalogueNode]);\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n    const removeCourseCatalogueLink = editor.registerCommand(\r\n      REMOVE_COURSE_CATALOGUE_LINK,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const node = selection.anchor.getNode();\r\n          const offset = selection.anchor.offset;\r\n          let courseCatalogueNode = $getNearestNodeOfType(node, CourseCatalogueNode);\r\n\r\n          if (\r\n            $isTextNode(node) &&\r\n            offset === node.getTextContentSize() &&\r\n            node.getNextSibling() instanceof CourseCatalogueNode\r\n          ) {\r\n            courseCatalogueNode = node.getNextSibling();\r\n          }\r\n\r\n          if (courseCatalogueNode) {\r\n            const parent = courseCatalogueNode.getParent();\r\n            courseCatalogueNode.remove();\r\n            if (parent) {\r\n              parent.append($createTextNode(' '));\r\n            }\r\n          }\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    return () => {\r\n      insertCourseCatalogueLink();\r\n      removeCourseCatalogueLink();\r\n    };\r\n  }, [editor]);\r\n\r\n  return null;\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"CourseCatalogueNode.js","names":[],"sources":["../../../../../src/components/RteEditor/nodes/CourseCatalogueNode/CourseCatalogueNode.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  COMMAND_PRIORITY_NORMAL,\r\n  createCommand,\r\n  ElementNode,\r\n  $insertNodes,\r\n  $createTextNode,\r\n  $isRangeSelection,\r\n  $getSelection,\r\n  $isTextNode,\r\n} from 'lexical';\r\nimport { useEffect } from 'react';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\n\r\nimport type { DOMConversionMap, EditorConfig, LexicalNode, NodeKey, SerializedElementNode, Spread } from 'lexical';\r\n\r\nexport type SerializedCourseCatalogueNode = Spread<\r\n  {\r\n    linkType: 'course' | 'programme';\r\n    code: string;\r\n    label: string;\r\n  },\r\n  SerializedElementNode\r\n>;\r\n\r\nexport class CourseCatalogueNode extends ElementNode {\r\n  __linkType: 'course' | 'programme';\r\n  __code: string;\r\n  __label: string;\r\n\r\n  constructor(linkType: 'course' | 'programme', code: string, label: string, key?: NodeKey) {\r\n    super(key);\r\n    this.__linkType = linkType;\r\n    this.__code = code;\r\n    this.__label = label;\r\n  }\r\n\r\n  isInline(): boolean {\r\n    return true;\r\n  }\r\n\r\n  canBeEmpty(): boolean {\r\n    return false;\r\n  }\r\n\r\n  canInsertTextBefore(): boolean {\r\n    return false;\r\n  }\r\n\r\n  canInsertTextAfter(): boolean {\r\n    return true;\r\n  }\r\n\r\n  static clone(node: CourseCatalogueNode): CourseCatalogueNode {\r\n    return new CourseCatalogueNode(node.__linkType, node.__code, node.__label, node.__key);\r\n  }\r\n\r\n  static getType(): string {\r\n    return 'courseCatalogueLink';\r\n  }\r\n\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const element = document.createElement('a');\r\n    element.className = config.theme.courseCatalogueLink;\r\n    // eslint-disable-next-line no-script-url\r\n    element.href = 'javascript:void(0);';\r\n    element.setAttribute('data-linktype', this.__linkType);\r\n    element.setAttribute('data-code', this.__code);\r\n    return element;\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false;\r\n  }\r\n\r\n  static importDOM(): DOMConversionMap<HTMLAnchorElement> | null {\r\n    return {\r\n      // eslint-disable-next-line id-length\r\n      a: (domNode: HTMLAnchorElement) => {\r\n        const linkTypeAttr = domNode.getAttribute('data-linktype');\r\n        if (linkTypeAttr !== 'course' && linkTypeAttr !== 'programme') {\r\n          return null;\r\n        }\r\n        const linkType = linkTypeAttr;\r\n        const code = domNode.getAttribute('data-code');\r\n        if (!code) {\r\n          return null;\r\n        }\r\n        const label = domNode.textContent || '';\r\n        if (!label) {\r\n          return null;\r\n        }\r\n        return {\r\n          conversion: () => {\r\n            const node = $createCourseCatalogueNode(linkType, code, label);\r\n            return { node };\r\n          },\r\n          priority: 2,\r\n        };\r\n      },\r\n    };\r\n  }\r\n\r\n  static importJSON(serializedNode: SerializedCourseCatalogueNode): CourseCatalogueNode {\r\n    const catalogueNode = $createCourseCatalogueNode(\r\n      serializedNode.linkType,\r\n      serializedNode.code,\r\n      serializedNode.label\r\n    );\r\n    catalogueNode.setFormat(serializedNode.format);\r\n    return catalogueNode;\r\n  }\r\n\r\n  exportJSON(): SerializedCourseCatalogueNode {\r\n    return {\r\n      ...super.exportJSON(),\r\n      type: 'courseCatalogueLink',\r\n      version: 1,\r\n      linkType: this.__linkType,\r\n      code: this.__code,\r\n      label: this.__label,\r\n    };\r\n  }\r\n}\r\n\r\nexport function $createCourseCatalogueNode(\r\n  linkType: 'course' | 'programme',\r\n  code: string,\r\n  label: string = ''\r\n): CourseCatalogueNode {\r\n  return new CourseCatalogueNode(linkType, code, label);\r\n}\r\n\r\nexport function $isCourseCatalogueNode(node: LexicalNode): node is CourseCatalogueNode {\r\n  return node instanceof CourseCatalogueNode;\r\n}\r\n\r\nexport function $getLinkTypeFromNode(node: LexicalNode): 'course' | 'programme' | null {\r\n  if ($isCourseCatalogueNode(node)) {\r\n    return node.__linkType;\r\n  }\r\n  return null;\r\n}\r\n\r\nexport const INSERT_COURSE_CATALOGUE_LINK = createCommand('insertCourseCatalogueLink');\r\n\r\nexport const REMOVE_COURSE_CATALOGUE_LINK = createCommand('removeCourseCatalogueLink');\r\n\r\nexport function CourseCatalogueLinkPlugin(): null {\r\n  const [editor] = useLexicalComposerContext();\r\n  if (!editor.hasNodes([CourseCatalogueNode])) {\r\n    throw new Error('CourseCataloguePlugin: CourseCatalogueNode is not registered on editor');\r\n  }\r\n  useEffect(() => {\r\n    const insertCourseCatalogueLink = editor.registerCommand(\r\n      INSERT_COURSE_CATALOGUE_LINK,\r\n      (payload: { linkType: 'course' | 'programme'; code: string; label: string }) => {\r\n        const courseCatalogueNode = $createCourseCatalogueNode(payload.linkType, payload.code, payload.label);\r\n        const textNode = $createTextNode(payload.label);\r\n        courseCatalogueNode.append(textNode);\r\n        $insertNodes([courseCatalogueNode]);\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n    const removeCourseCatalogueLink = editor.registerCommand(\r\n      REMOVE_COURSE_CATALOGUE_LINK,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const node = selection.anchor.getNode();\r\n          const offset = selection.anchor.offset;\r\n          let courseCatalogueNode = $getNearestNodeOfType(node, CourseCatalogueNode);\r\n\r\n          if (\r\n            $isTextNode(node) &&\r\n            offset === node.getTextContentSize() &&\r\n            node.getNextSibling() instanceof CourseCatalogueNode\r\n          ) {\r\n            courseCatalogueNode = node.getNextSibling();\r\n          }\r\n\r\n          if (courseCatalogueNode) {\r\n            const parent = courseCatalogueNode.getParent();\r\n            courseCatalogueNode.remove();\r\n            if (parent) {\r\n              parent.append($createTextNode(' '));\r\n            }\r\n          }\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    return () => {\r\n      insertCourseCatalogueLink();\r\n      removeCourseCatalogueLink();\r\n    };\r\n  }, [editor]);\r\n\r\n  return null;\r\n}\r\n"],"mappings":"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"}

package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js

@@ -1,6 +1,6 @@
-import { t as e } from "../../../../LexicalComposerContext.prod-Ca-YN_fj.js";
-import { An as t, Gt as n, St as r, a as i, ot as a, v as o } from "../../../../Lexical.prod-CqPLSi0R.js";
-import { n as s, p as c } from "../../../../LexicalUtils.prod-BqcriFWV.js";
+import { t as e } from "../../../../LexicalComposerContext.prod-y_BRxu3Z.js";
+import { An as t, Gt as n, St as r, a as i, ot as a, v as o } from "../../../../Lexical.prod-8zZnpGo4.js";
+import { n as s, p as c } from "../../../../LexicalUtils.prod-BWhWP8es.js";
 import { useEffect as l } from "react";
 //#region src/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.tsx
 var u = class e extends i {

package/dist/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableWrapperNode.js","names":[],"sources":["../../../../../src/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  $createParagraphNode,\r\n  $getSelection,\r\n  $isElementNode,\r\n  $isRangeSelection,\r\n  COMMAND_PRIORITY_NORMAL,\r\n  createCommand,\r\n  ElementNode,\r\n} from 'lexical';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\nimport { $setBlocksType } from '@lexical/selection';\r\nimport { useEffect } from 'react';\r\n\r\nimport type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';\r\nimport type { EditorConfig, LexicalNode, RangeSelection } from 'lexical';\r\n\r\nexport type SerializedTableWrapperNode = SerializedDecoratorBlockNode;\r\n\r\nexport class TableWrapperNode extends ElementNode {\r\n  static getType(): string {\r\n    return 'tableWrapper';\r\n  }\r\n\r\n  static clone(node: TableWrapperNode): TableWrapperNode {\r\n    return new TableWrapperNode(node.__key);\r\n  }\r\n\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const element = document.createElement('div');\r\n    element.className = config.theme.tableWrapper;\r\n    return element;\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false;\r\n  }\r\n\r\n  insertNewAfter(_selection: RangeSelection, restoreSelection?: boolean | undefined): LexicalNode | null {\r\n    const newBlock = $createParagraphNode();\r\n    const direction = this.getDirection();\r\n    newBlock.setDirection(direction);\r\n    this.insertAfter(newBlock, restoreSelection);\r\n    return newBlock;\r\n  }\r\n}\r\n\r\nexport function $createTableWrapperNode(): TableWrapperNode {\r\n  return new TableWrapperNode();\r\n}\r\n\r\nexport function $isTableWrapperNode(node: LexicalNode): node is TableWrapperNode {\r\n  return node instanceof TableWrapperNode;\r\n}\r\n\r\nexport const INSERT_TABLE_WRAPPER = createCommand('insertTableWrapperNode');\r\n\r\nexport const REMOVE_TABLE_WRAPPER = createCommand('removeTableWrapperNode');\r\n\r\nexport function TableWrapperPlugin(): null {\r\n  const [editor] = useLexicalComposerContext();\r\n  if (!editor.hasNodes([TableWrapperNode])) {\r\n    throw new Error('TableWrapperPlugin: TableWrapperNode is not registered on editor');\r\n  }\r\n  useEffect(() => {\r\n    const insertTableWrapper = editor.registerCommand(\r\n      INSERT_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          $setBlocksType(selection, $createTableWrapperNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    const removeTableWrapper = editor.registerCommand(\r\n      REMOVE_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const node = selection.anchor.getNode();\r\n          if (!$isElementNode(node)) return false;\r\n          const tableWrapperNode = $getNearestNodeOfType(node, TableWrapperNode);\r\n          if (!tableWrapperNode) return false;\r\n          const childrenNodes = tableWrapperNode?.getChildren();\r\n          if (!childrenNodes) return false;\r\n          const paragraphNode = $createParagraphNode();\r\n          childrenNodes.forEach((child) => paragraphNode.append(child));\r\n          tableWrapperNode.replace(paragraphNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    return () => {\r\n      insertTableWrapper();\r\n      removeTableWrapper();\r\n    };\r\n  }, [editor]);\r\n  return null;\r\n}\r\n"],"mappings":";;;;;AAmBA,IAAa,IAAb,MAAa,UAAyB,EAAY;CAChD,OAAO,UAAkB;EACvB,OAAO;;CAGT,OAAO,MAAM,GAA0C;EACrD,OAAO,IAAI,EAAiB,EAAK,MAAM;;CAGzC,UAAU,GAAmC;EAC3C,IAAM,IAAU,SAAS,cAAc,MAAM;EAE7C,OADA,EAAQ,YAAY,EAAO,MAAM,cAC1B;;CAGT,YAAmB;EACjB,OAAO;;CAGT,eAAe,GAA4B,GAA4D;EACrG,IAAM,IAAW,GAAsB,EACjC,IAAY,KAAK,cAAc;EAGrC,OAFA,EAAS,aAAa,EAAU,EAChC,KAAK,YAAY,GAAU,EAAiB,EACrC;;;AAIX,SAAgB,IAA4C;CAC1D,OAAO,IAAI,GAAkB;;AAG/B,SAAgB,EAAoB,GAA6C;CAC/E,OAAO,aAAgB;;AAGzB,IAAa,IAAuB,EAAc,yBAAyB,EAE9D,IAAuB,EAAc,yBAAyB;AAE3E,SAAgB,IAA2B;CACzC,IAAM,CAAC,KAAU,GAA2B;CAC5C,IAAI,CAAC,EAAO,SAAS,CAAC,EAAiB,CAAC,EACtC,MAAU,MAAM,mEAAmE;CAwCrF,OAtCA,QAAgB;EACd,IAAM,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,GAAe;GAIjC,OAHI,EAAkB,EAAU,IAC9B,EAAe,GAAW,EAAwB,EAE7C;OAGV,EAEK,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,GAAe;GACjC,IAAI,EAAkB,EAAU,EAAE;IAChC,IAAM,IAAO,EAAU,OAAO,SAAS;IACvC,IAAI,CAAC,EAAe,EAAK,EAAE,OAAO;IAClC,IAAM,IAAmB,EAAsB,GAAM,EAAiB;IACtE,IAAI,CAAC,GAAkB,OAAO;IAC9B,IAAM,IAAgB,GAAkB,aAAa;IACrD,IAAI,CAAC,GAAe,OAAO;IAC3B,IAAM,IAAgB,GAAsB;IAE5C,AADA,EAAc,SAAS,MAAU,EAAc,OAAO,EAAM,CAAC,EAC7D,EAAiB,QAAQ,EAAc;;GAEzC,OAAO;OAGV;EAED,aAAa;GAEX,AADA,GAAoB,EACpB,GAAoB;;IAErB,CAAC,EAAO,CAAC,EACL"}
+{"version":3,"file":"TableWrapperNode.js","names":[],"sources":["../../../../../src/components/RteEditor/nodes/TableWrapperNode/TableWrapperNode.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\r\nimport {\r\n  $createParagraphNode,\r\n  $getSelection,\r\n  $isElementNode,\r\n  $isRangeSelection,\r\n  COMMAND_PRIORITY_NORMAL,\r\n  createCommand,\r\n  ElementNode,\r\n} from 'lexical';\r\nimport { $getNearestNodeOfType } from '@lexical/utils';\r\nimport { $setBlocksType } from '@lexical/selection';\r\nimport { useEffect } from 'react';\r\n\r\nimport type { SerializedDecoratorBlockNode } from '@lexical/react/LexicalDecoratorBlockNode';\r\nimport type { EditorConfig, LexicalNode, RangeSelection } from 'lexical';\r\n\r\nexport type SerializedTableWrapperNode = SerializedDecoratorBlockNode;\r\n\r\nexport class TableWrapperNode extends ElementNode {\r\n  static getType(): string {\r\n    return 'tableWrapper';\r\n  }\r\n\r\n  static clone(node: TableWrapperNode): TableWrapperNode {\r\n    return new TableWrapperNode(node.__key);\r\n  }\r\n\r\n  createDOM(config: EditorConfig): HTMLElement {\r\n    const element = document.createElement('div');\r\n    element.className = config.theme.tableWrapper;\r\n    return element;\r\n  }\r\n\r\n  updateDOM(): false {\r\n    return false;\r\n  }\r\n\r\n  insertNewAfter(_selection: RangeSelection, restoreSelection?: boolean | undefined): LexicalNode | null {\r\n    const newBlock = $createParagraphNode();\r\n    const direction = this.getDirection();\r\n    newBlock.setDirection(direction);\r\n    this.insertAfter(newBlock, restoreSelection);\r\n    return newBlock;\r\n  }\r\n}\r\n\r\nexport function $createTableWrapperNode(): TableWrapperNode {\r\n  return new TableWrapperNode();\r\n}\r\n\r\nexport function $isTableWrapperNode(node: LexicalNode): node is TableWrapperNode {\r\n  return node instanceof TableWrapperNode;\r\n}\r\n\r\nexport const INSERT_TABLE_WRAPPER = createCommand('insertTableWrapperNode');\r\n\r\nexport const REMOVE_TABLE_WRAPPER = createCommand('removeTableWrapperNode');\r\n\r\nexport function TableWrapperPlugin(): null {\r\n  const [editor] = useLexicalComposerContext();\r\n  if (!editor.hasNodes([TableWrapperNode])) {\r\n    throw new Error('TableWrapperPlugin: TableWrapperNode is not registered on editor');\r\n  }\r\n  useEffect(() => {\r\n    const insertTableWrapper = editor.registerCommand(\r\n      INSERT_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          $setBlocksType(selection, $createTableWrapperNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    const removeTableWrapper = editor.registerCommand(\r\n      REMOVE_TABLE_WRAPPER,\r\n      () => {\r\n        const selection = $getSelection();\r\n        if ($isRangeSelection(selection)) {\r\n          const node = selection.anchor.getNode();\r\n          if (!$isElementNode(node)) return false;\r\n          const tableWrapperNode = $getNearestNodeOfType(node, TableWrapperNode);\r\n          if (!tableWrapperNode) return false;\r\n          const childrenNodes = tableWrapperNode?.getChildren();\r\n          if (!childrenNodes) return false;\r\n          const paragraphNode = $createParagraphNode();\r\n          childrenNodes.forEach((child) => paragraphNode.append(child));\r\n          tableWrapperNode.replace(paragraphNode);\r\n        }\r\n        return true;\r\n      },\r\n      COMMAND_PRIORITY_NORMAL\r\n    );\r\n\r\n    return () => {\r\n      insertTableWrapper();\r\n      removeTableWrapper();\r\n    };\r\n  }, [editor]);\r\n  return null;\r\n}\r\n"],"mappings":";;;;;AAmBA,IAAa,IAAb,MAAa,UAAyB,EAAY;CAChD,OAAO,UAAkB;EACvB,OAAO;CACT;CAEA,OAAO,MAAM,GAA0C;EACrD,OAAO,IAAI,EAAiB,EAAK,KAAK;CACxC;CAEA,UAAU,GAAmC;EAC3C,IAAM,IAAU,SAAS,cAAc,KAAK;EAE5C,OADA,EAAQ,YAAY,EAAO,MAAM,cAC1B;CACT;CAEA,YAAmB;EACjB,OAAO;CACT;CAEA,eAAe,GAA4B,GAA4D;EACrG,IAAM,IAAW,EAAqB,GAChC,IAAY,KAAK,aAAa;EAGpC,OAFA,EAAS,aAAa,CAAS,GAC/B,KAAK,YAAY,GAAU,CAAgB,GACpC;CACT;AACF;AAEA,SAAgB,IAA4C;CAC1D,OAAO,IAAI,EAAiB;AAC9B;AAEA,SAAgB,EAAoB,GAA6C;CAC/E,OAAO,aAAgB;AACzB;AAEA,IAAa,IAAuB,EAAc,wBAAwB,GAE7D,IAAuB,EAAc,wBAAwB;AAE1E,SAAgB,IAA2B;CACzC,IAAM,CAAC,KAAU,EAA0B;CAC3C,IAAI,CAAC,EAAO,SAAS,CAAC,CAAgB,CAAC,GACrC,MAAU,MAAM,kEAAkE;CAwCpF,OAtCA,QAAgB;EACd,IAAM,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,EAAc;GAIhC,OAHI,EAAkB,CAAS,KAC7B,EAAe,GAAW,CAAuB,GAE5C;EACT,GAAA,CAEF,GAEM,IAAqB,EAAO,gBAChC,SACM;GACJ,IAAM,IAAY,EAAc;GAChC,IAAI,EAAkB,CAAS,GAAG;IAChC,IAAM,IAAO,EAAU,OAAO,QAAQ;IACtC,IAAI,CAAC,EAAe,CAAI,GAAG,OAAO;IAClC,IAAM,IAAmB,EAAsB,GAAM,CAAgB;IACrE,IAAI,CAAC,GAAkB,OAAO;IAC9B,IAAM,IAAgB,GAAkB,YAAY;IACpD,IAAI,CAAC,GAAe,OAAO;IAC3B,IAAM,IAAgB,EAAqB;IAE3C,AADA,EAAc,SAAS,MAAU,EAAc,OAAO,CAAK,CAAC,GAC5D,EAAiB,QAAQ,CAAa;GACxC;GACA,OAAO;EACT,GAAA,CAEF;EAEA,aAAa;GAEX,AADA,EAAmB,GACnB,EAAmB;EACrB;CACF,GAAG,CAAC,CAAM,CAAC,GACJ;AACT"}

package/dist/components/RteEditor/translations.js.map

@@ -1 +1 @@
-{"version":3,"file":"translations.js","names":[],"sources":["../../../src/components/RteEditor/translations.ts"],"sourcesContent":["export const translations = {\n  NL: {\n    common: {\n      cancel: 'Annuleren',\n      add: 'Voeg toe',\n      rteAriaLabel: 'Inhoud van Rich text editor',\n      rteTitle: 'Inhoud van Rich text editor',\n    },\n    errortext: {\n      urlNotValid: 'Geen geldige url',\n      linkTextNotValid: 'Geen geldige link tekst',\n    },\n    format: {\n      boldTooltip: 'Vet (Ctrl + B)',\n      italicTooltip: 'Cursief (Ctrl + I)',\n      numberTooltip: 'Genummerde lijst (Ctrl + Shift + 7)',\n      bulletTooltip: 'Ongenummerde lijst (Ctrl + Shift + 8)',\n      undoTooltip: 'Ongedaan maken (Ctrl + Z)',\n      redoTooltip: 'Opnieuw uitvoeren (Ctrl + Y)',\n    },\n    aria: {\n      labels: {\n        bold: 'Maak de selectie vet',\n        italic: 'Maak de selectie cursief',\n        number: 'Maak van de selectie een genummerde lijst',\n        bullet: 'Maak van de selectie een lijst',\n        undo: 'Ongedaan maken',\n        redo: 'Opnieuw uitvoeren',\n        link: 'Maak van de selectie een link',\n        table: 'Voeg een tabel in op de cursor positie',\n        linkField: 'Voer een url in',\n        linkTextfield: 'Voer een link tekst in',\n        linkOkButton: 'Pas link en link tekst toe',\n        linkEditButton: 'Bewerk de link (Ctrl + Shift + L)',\n        linkTestButton: 'Test de link (Ctrl + Shift + 1)',\n        linkDeleteButton: 'Verwijder de link (Ctrl + Shift + Q)',\n        tableRowfield: 'Voer het aantal rijen in',\n        tableColumnfield: 'Voer het aantal kolommen in',\n        tableOkButton: 'Voeg tabel toe',\n        tableInsertRowAbove: 'Voeg rij in boven',\n        tableInsertRowBelow: 'Voeg rij in onder',\n        tableDeleteRow: 'Verwijder rij',\n        tableInsertColumnLeft: 'Voeg kolom links in',\n        tableInsertColumnRight: 'Voeg kolom rechts in',\n        tableDeleteColumn: 'Verwijder kolom',\n        tableDeleteTable: 'Verwijder tabel',\n        cancelButton: 'Annuleren',\n        courselink: 'Voeg link naar vak toe',\n        programmelink: 'Voeg link naar opleiding toe',\n        searchField: 'Voer zoekterm in',\n      },\n      keyshortcuts: {\n        bold: 'Control+B',\n        italic: 'Control+I',\n        number: 'Control+Shift+7',\n        bullet: 'Control+Shift+8',\n        undo: 'Control+Z',\n        redo: 'Control+Y',\n        link: 'Control+Shift+L',\n        editlink: 'Control+Shift+L',\n        deletelink: 'Control+Shift+Q',\n        testlink: 'Control+Shift+T',\n        table: 'Control+Shift+9',\n        courselink: 'Control+Shift+Alt+C',\n        programmelink: 'Control+Shift+Alt+P',\n      },\n    },\n    table: {\n      nrofRows: 'Aantal rijen',\n      nrofRowsPlaceholder: 'aantal rijen',\n      nrofColumns: 'Aantal kolommen',\n      nrofColumnsPlaceholder: 'aantal kolommen',\n      insertRowAbove: 'Voeg rij boven toe',\n      insertRowBelow: 'Voeg rij onder toe',\n      deleteRow: 'Verwijder rij',\n      insertColumnLeft: 'Voeg kolom links toe',\n      insertColumnRight: 'Voeg kolom rechts toe',\n      deleteColumn: 'Verwijder kolom',\n      deleteTable: 'Verwijder tabel',\n      tableTooltip: 'Voeg tabel toe (Ctrl + Shift + 9)',\n    },\n    links: {\n      linkLabel: 'Externe link',\n      addLink: 'Pas toe',\n      linkText: 'Link tekst',\n      linkPlaceholder: 'www.voorbeeld.nl',\n      linkTooltip: 'Voeg link toe (Ctrl + Shift + U)',\n      linkEdittip: 'Bewerk link (Ctrl + Shift + L)',\n      linkTesttip: 'Test link (Ctrl + Shift + 1)',\n      linkDeletetip: 'Verwijder link (Ctrl + Shift + Q)',\n    },\n    cataloguelinks: {\n      courseButtonLabel: 'Link naar vak',\n      courseTooltip: 'Link naar vak toevoegen (Ctrl + Shift + Alt + C)',\n      programmeTooltip: 'Link naar opleiding toevoegen (Ctrl + Shift + Alt + P)',\n      programmeButtonLabel: 'Link naar opleiding',\n      searchCourseFieldLabel: 'Zoek op naam of studiegidsnummer. Voer ten minste 4 karakters in.',\n      searchProgrammeFieldLabel: 'Zoek op naam of opleidingscode. Voer ten minste 4 karakters in.',\n      searchFieldPlaceholder: 'Voer zoekterm in',\n      resultCourseListCatalogNumber: 'Studiegidsnummer',\n      resultProgrammeListCatalogNumber: 'Opleidingscode',\n      resultListName: 'Naam',\n      loading: 'Bezig met laden...',\n      noResults: 'Geen resultaten gevonden',\n    },\n  },\n  EN: {\n    common: {\n      cancel: 'Cancel',\n      add: 'Add',\n      rteAriaLabel: 'Rich text editor content',\n      rteTitle: 'Rich text editor content',\n    },\n    errortext: {\n      urlNotValid: 'No valid url',\n      linkTextNotValid: 'No valid link text',\n    },\n    format: {\n      boldTooltip: 'Bold (Ctrl + B)',\n      italicTooltip: 'Italic (Ctrl + I)',\n      numberTooltip: 'Ordered list (Ctrl + Shift + O)',\n      bulletTooltip: 'Unordered list (Ctrl + Shift + U)',\n      undoTooltip: 'Undo (Ctrl + Z)',\n      redoTooltip: 'Redo (Ctrl + Y)',\n    },\n    aria: {\n      labels: {\n        bold: 'Make the selection bold',\n        italic: 'Make the selection italic',\n        number: 'Make the selection an ordered list',\n        bullet: 'Make the selection an unordered list',\n        undo: 'Undo',\n        redo: 'Redo',\n        link: 'Turn the selection into a link',\n        table: 'Insert a table at the cursor position',\n        linkField: 'Enter a url',\n        linkTextfield: 'Enter a link text',\n        linkOkButton: 'Apply link and link text',\n        linkEditButton: 'Edit the link (Ctrl + Shift + L)',\n        linkTestButton: 'Test the link (Ctrl + Shift + 1)',\n        linkDeleteButton: 'Delete the link (Ctrl + Shift + Q)',\n        tableRowfield: 'Enter the number of rows',\n        tableColumnfield: 'Enter the number of columns',\n        tableOkButton: 'Add table',\n        tableInsertRowAbove: 'Insert row above',\n        tableInsertRowBelow: 'Insert row below',\n        tableDeleteRow: 'Delete row',\n        tableInsertColumnLeft: 'Insert column left',\n        tableInsertColumnRight: 'Insert column right',\n        tableDeleteColumn: 'Delete column',\n        tableDeleteTable: 'Delete table',\n        cancelButton: 'Cancel',\n        courselink: 'Add link to course',\n        programmelink: 'Add link to programme',\n        searchField: 'Enter search term',\n      },\n      keyshortcuts: {\n        bold: 'Control+B',\n        italic: 'Control+I',\n        number: 'Control+Shift+7',\n        bullet: 'Control+Shift+8',\n        undo: 'Control+Z',\n        redo: 'Control+Y',\n        link: 'Control+Shift+U',\n        editlink: 'Control+Shift+L',\n        deletelink: 'Control+Shift+Q',\n        testlink: 'Control+Shift+1',\n        table: 'Control+Shift+9',\n        courselink: 'Control+Shift+Alt+C',\n        programmelink: 'Control+Shift+Alt+P',\n      },\n    },\n    table: {\n      nrofRows: 'Number of rows',\n      nrofRowsPlaceholder: 'number of rows',\n      nrofColumns: 'Number of columns',\n      nrofColumnsPlaceholder: 'number of columns',\n      insertRowAbove: 'Insert row above',\n      insertRowBelow: 'Insert row below',\n      deleteRow: 'Delete row',\n      insertColumnLeft: 'Insert column left',\n      insertColumnRight: 'Insert column right',\n      deleteColumn: 'Delete column',\n      deleteTable: 'Delete table',\n      tableTooltip: 'Add table (Ctrl + Shift + 9)',\n    },\n    links: {\n      linkLabel: 'External link',\n      addLink: 'Apply',\n      linkText: 'Link text',\n      linkPlaceholder: 'www.example.com',\n      linkTooltip: 'Add link (Ctrl + Shift + U)',\n      linkEdittip: 'Edit link (Ctrl + Shift + L)',\n      linkTesttip: 'Test link (Ctrl + Shift + 1)',\n      linkDeletetip: 'Delete link (Ctrl + Shift + Q)',\n    },\n    cataloguelinks: {\n      courseButtonLabel: 'Link to course',\n      courseTooltip: 'Add link to course (Ctrl + Shift + Alt + C)',\n      programmeTooltip: 'Add link to programme (Ctrl + Shift + Alt + P)',\n      programmeButtonLabel: 'Link to programme',\n      searchCourseFieldLabel: 'Search by name or catalogue number. Enter at least 4 characters.',\n      searchProgrammeFieldLabel: 'Search by name or programme code. Enter at least 4 characters.',\n      searchFieldPlaceholder: 'Enter search term',\n      resultCourseListCatalogNumber: 'Catalogue number',\n      resultProgrammeListCatalogNumber: 'Programme code',\n      resultListName: 'Name',\n      loading: 'Loading...',\n      noResults: 'No results found',\n    },\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"translations.js","names":[],"sources":["../../../src/components/RteEditor/translations.ts"],"sourcesContent":["export const translations = {\n  NL: {\n    common: {\n      cancel: 'Annuleren',\n      add: 'Voeg toe',\n      rteAriaLabel: 'Inhoud van Rich text editor',\n      rteTitle: 'Inhoud van Rich text editor',\n    },\n    errortext: {\n      urlNotValid: 'Geen geldige url',\n      linkTextNotValid: 'Geen geldige link tekst',\n    },\n    format: {\n      boldTooltip: 'Vet (Ctrl + B)',\n      italicTooltip: 'Cursief (Ctrl + I)',\n      numberTooltip: 'Genummerde lijst (Ctrl + Shift + 7)',\n      bulletTooltip: 'Ongenummerde lijst (Ctrl + Shift + 8)',\n      undoTooltip: 'Ongedaan maken (Ctrl + Z)',\n      redoTooltip: 'Opnieuw uitvoeren (Ctrl + Y)',\n    },\n    aria: {\n      labels: {\n        bold: 'Maak de selectie vet',\n        italic: 'Maak de selectie cursief',\n        number: 'Maak van de selectie een genummerde lijst',\n        bullet: 'Maak van de selectie een lijst',\n        undo: 'Ongedaan maken',\n        redo: 'Opnieuw uitvoeren',\n        link: 'Maak van de selectie een link',\n        table: 'Voeg een tabel in op de cursor positie',\n        linkField: 'Voer een url in',\n        linkTextfield: 'Voer een link tekst in',\n        linkOkButton: 'Pas link en link tekst toe',\n        linkEditButton: 'Bewerk de link (Ctrl + Shift + L)',\n        linkTestButton: 'Test de link (Ctrl + Shift + 1)',\n        linkDeleteButton: 'Verwijder de link (Ctrl + Shift + Q)',\n        tableRowfield: 'Voer het aantal rijen in',\n        tableColumnfield: 'Voer het aantal kolommen in',\n        tableOkButton: 'Voeg tabel toe',\n        tableInsertRowAbove: 'Voeg rij in boven',\n        tableInsertRowBelow: 'Voeg rij in onder',\n        tableDeleteRow: 'Verwijder rij',\n        tableInsertColumnLeft: 'Voeg kolom links in',\n        tableInsertColumnRight: 'Voeg kolom rechts in',\n        tableDeleteColumn: 'Verwijder kolom',\n        tableDeleteTable: 'Verwijder tabel',\n        cancelButton: 'Annuleren',\n        courselink: 'Voeg link naar vak toe',\n        programmelink: 'Voeg link naar opleiding toe',\n        searchField: 'Voer zoekterm in',\n      },\n      keyshortcuts: {\n        bold: 'Control+B',\n        italic: 'Control+I',\n        number: 'Control+Shift+7',\n        bullet: 'Control+Shift+8',\n        undo: 'Control+Z',\n        redo: 'Control+Y',\n        link: 'Control+Shift+L',\n        editlink: 'Control+Shift+L',\n        deletelink: 'Control+Shift+Q',\n        testlink: 'Control+Shift+T',\n        table: 'Control+Shift+9',\n        courselink: 'Control+Shift+Alt+C',\n        programmelink: 'Control+Shift+Alt+P',\n      },\n    },\n    table: {\n      nrofRows: 'Aantal rijen',\n      nrofRowsPlaceholder: 'aantal rijen',\n      nrofColumns: 'Aantal kolommen',\n      nrofColumnsPlaceholder: 'aantal kolommen',\n      insertRowAbove: 'Voeg rij boven toe',\n      insertRowBelow: 'Voeg rij onder toe',\n      deleteRow: 'Verwijder rij',\n      insertColumnLeft: 'Voeg kolom links toe',\n      insertColumnRight: 'Voeg kolom rechts toe',\n      deleteColumn: 'Verwijder kolom',\n      deleteTable: 'Verwijder tabel',\n      tableTooltip: 'Voeg tabel toe (Ctrl + Shift + 9)',\n    },\n    links: {\n      linkLabel: 'Externe link',\n      addLink: 'Pas toe',\n      linkText: 'Link tekst',\n      linkPlaceholder: 'www.voorbeeld.nl',\n      linkTooltip: 'Voeg link toe (Ctrl + Shift + U)',\n      linkEdittip: 'Bewerk link (Ctrl + Shift + L)',\n      linkTesttip: 'Test link (Ctrl + Shift + 1)',\n      linkDeletetip: 'Verwijder link (Ctrl + Shift + Q)',\n    },\n    cataloguelinks: {\n      courseButtonLabel: 'Link naar vak',\n      courseTooltip: 'Link naar vak toevoegen (Ctrl + Shift + Alt + C)',\n      programmeTooltip: 'Link naar opleiding toevoegen (Ctrl + Shift + Alt + P)',\n      programmeButtonLabel: 'Link naar opleiding',\n      searchCourseFieldLabel: 'Zoek op naam of studiegidsnummer. Voer ten minste 4 karakters in.',\n      searchProgrammeFieldLabel: 'Zoek op naam of opleidingscode. Voer ten minste 4 karakters in.',\n      searchFieldPlaceholder: 'Voer zoekterm in',\n      resultCourseListCatalogNumber: 'Studiegidsnummer',\n      resultProgrammeListCatalogNumber: 'Opleidingscode',\n      resultListName: 'Naam',\n      loading: 'Bezig met laden...',\n      noResults: 'Geen resultaten gevonden',\n    },\n  },\n  EN: {\n    common: {\n      cancel: 'Cancel',\n      add: 'Add',\n      rteAriaLabel: 'Rich text editor content',\n      rteTitle: 'Rich text editor content',\n    },\n    errortext: {\n      urlNotValid: 'No valid url',\n      linkTextNotValid: 'No valid link text',\n    },\n    format: {\n      boldTooltip: 'Bold (Ctrl + B)',\n      italicTooltip: 'Italic (Ctrl + I)',\n      numberTooltip: 'Ordered list (Ctrl + Shift + O)',\n      bulletTooltip: 'Unordered list (Ctrl + Shift + U)',\n      undoTooltip: 'Undo (Ctrl + Z)',\n      redoTooltip: 'Redo (Ctrl + Y)',\n    },\n    aria: {\n      labels: {\n        bold: 'Make the selection bold',\n        italic: 'Make the selection italic',\n        number: 'Make the selection an ordered list',\n        bullet: 'Make the selection an unordered list',\n        undo: 'Undo',\n        redo: 'Redo',\n        link: 'Turn the selection into a link',\n        table: 'Insert a table at the cursor position',\n        linkField: 'Enter a url',\n        linkTextfield: 'Enter a link text',\n        linkOkButton: 'Apply link and link text',\n        linkEditButton: 'Edit the link (Ctrl + Shift + L)',\n        linkTestButton: 'Test the link (Ctrl + Shift + 1)',\n        linkDeleteButton: 'Delete the link (Ctrl + Shift + Q)',\n        tableRowfield: 'Enter the number of rows',\n        tableColumnfield: 'Enter the number of columns',\n        tableOkButton: 'Add table',\n        tableInsertRowAbove: 'Insert row above',\n        tableInsertRowBelow: 'Insert row below',\n        tableDeleteRow: 'Delete row',\n        tableInsertColumnLeft: 'Insert column left',\n        tableInsertColumnRight: 'Insert column right',\n        tableDeleteColumn: 'Delete column',\n        tableDeleteTable: 'Delete table',\n        cancelButton: 'Cancel',\n        courselink: 'Add link to course',\n        programmelink: 'Add link to programme',\n        searchField: 'Enter search term',\n      },\n      keyshortcuts: {\n        bold: 'Control+B',\n        italic: 'Control+I',\n        number: 'Control+Shift+7',\n        bullet: 'Control+Shift+8',\n        undo: 'Control+Z',\n        redo: 'Control+Y',\n        link: 'Control+Shift+U',\n        editlink: 'Control+Shift+L',\n        deletelink: 'Control+Shift+Q',\n        testlink: 'Control+Shift+1',\n        table: 'Control+Shift+9',\n        courselink: 'Control+Shift+Alt+C',\n        programmelink: 'Control+Shift+Alt+P',\n      },\n    },\n    table: {\n      nrofRows: 'Number of rows',\n      nrofRowsPlaceholder: 'number of rows',\n      nrofColumns: 'Number of columns',\n      nrofColumnsPlaceholder: 'number of columns',\n      insertRowAbove: 'Insert row above',\n      insertRowBelow: 'Insert row below',\n      deleteRow: 'Delete row',\n      insertColumnLeft: 'Insert column left',\n      insertColumnRight: 'Insert column right',\n      deleteColumn: 'Delete column',\n      deleteTable: 'Delete table',\n      tableTooltip: 'Add table (Ctrl + Shift + 9)',\n    },\n    links: {\n      linkLabel: 'External link',\n      addLink: 'Apply',\n      linkText: 'Link text',\n      linkPlaceholder: 'www.example.com',\n      linkTooltip: 'Add link (Ctrl + Shift + U)',\n      linkEdittip: 'Edit link (Ctrl + Shift + L)',\n      linkTesttip: 'Test link (Ctrl + Shift + 1)',\n      linkDeletetip: 'Delete link (Ctrl + Shift + Q)',\n    },\n    cataloguelinks: {\n      courseButtonLabel: 'Link to course',\n      courseTooltip: 'Add link to course (Ctrl + Shift + Alt + C)',\n      programmeTooltip: 'Add link to programme (Ctrl + Shift + Alt + P)',\n      programmeButtonLabel: 'Link to programme',\n      searchCourseFieldLabel: 'Search by name or catalogue number. Enter at least 4 characters.',\n      searchProgrammeFieldLabel: 'Search by name or programme code. Enter at least 4 characters.',\n      searchFieldPlaceholder: 'Enter search term',\n      resultCourseListCatalogNumber: 'Catalogue number',\n      resultProgrammeListCatalogNumber: 'Programme code',\n      resultListName: 'Name',\n      loading: 'Loading...',\n      noResults: 'No results found',\n    },\n  },\n};\n"],"mappings":";AAAA,IAAa,IAAe;CAC1B,IAAI;EACF,QAAQ;GACN,QAAQ;GACR,KAAK;GACL,cAAc;GACd,UAAU;EACZ;EACA,WAAW;GACT,aAAa;GACb,kBAAkB;EACpB;EACA,QAAQ;GACN,aAAa;GACb,eAAe;GACf,eAAe;GACf,eAAe;GACf,aAAa;GACb,aAAa;EACf;EACA,MAAM;GACJ,QAAQ;IACN,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,WAAW;IACX,eAAe;IACf,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,kBAAkB;IAClB,eAAe;IACf,qBAAqB;IACrB,qBAAqB;IACrB,gBAAgB;IAChB,uBAAuB;IACvB,wBAAwB;IACxB,mBAAmB;IACnB,kBAAkB;IAClB,cAAc;IACd,YAAY;IACZ,eAAe;IACf,aAAa;GACf;GACA,cAAc;IACZ,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,UAAU;IACV,YAAY;IACZ,UAAU;IACV,OAAO;IACP,YAAY;IACZ,eAAe;GACjB;EACF;EACA,OAAO;GACL,UAAU;GACV,qBAAqB;GACrB,aAAa;GACb,wBAAwB;GACxB,gBAAgB;GAChB,gBAAgB;GAChB,WAAW;GACX,kBAAkB;GAClB,mBAAmB;GACnB,cAAc;GACd,aAAa;GACb,cAAc;EAChB;EACA,OAAO;GACL,WAAW;GACX,SAAS;GACT,UAAU;GACV,iBAAiB;GACjB,aAAa;GACb,aAAa;GACb,aAAa;GACb,eAAe;EACjB;EACA,gBAAgB;GACd,mBAAmB;GACnB,eAAe;GACf,kBAAkB;GAClB,sBAAsB;GACtB,wBAAwB;GACxB,2BAA2B;GAC3B,wBAAwB;GACxB,+BAA+B;GAC/B,kCAAkC;GAClC,gBAAgB;GAChB,SAAS;GACT,WAAW;EACb;CACF;CACA,IAAI;EACF,QAAQ;GACN,QAAQ;GACR,KAAK;GACL,cAAc;GACd,UAAU;EACZ;EACA,WAAW;GACT,aAAa;GACb,kBAAkB;EACpB;EACA,QAAQ;GACN,aAAa;GACb,eAAe;GACf,eAAe;GACf,eAAe;GACf,aAAa;GACb,aAAa;EACf;EACA,MAAM;GACJ,QAAQ;IACN,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,WAAW;IACX,eAAe;IACf,cAAc;IACd,gBAAgB;IAChB,gBAAgB;IAChB,kBAAkB;IAClB,eAAe;IACf,kBAAkB;IAClB,eAAe;IACf,qBAAqB;IACrB,qBAAqB;IACrB,gBAAgB;IAChB,uBAAuB;IACvB,wBAAwB;IACxB,mBAAmB;IACnB,kBAAkB;IAClB,cAAc;IACd,YAAY;IACZ,eAAe;IACf,aAAa;GACf;GACA,cAAc;IACZ,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,UAAU;IACV,YAAY;IACZ,UAAU;IACV,OAAO;IACP,YAAY;IACZ,eAAe;GACjB;EACF;EACA,OAAO;GACL,UAAU;GACV,qBAAqB;GACrB,aAAa;GACb,wBAAwB;GACxB,gBAAgB;GAChB,gBAAgB;GAChB,WAAW;GACX,kBAAkB;GAClB,mBAAmB;GACnB,cAAc;GACd,aAAa;GACb,cAAc;EAChB;EACA,OAAO;GACL,WAAW;GACX,SAAS;GACT,UAAU;GACV,iBAAiB;GACjB,aAAa;GACb,aAAa;GACb,aAAa;GACb,eAAe;EACjB;EACA,gBAAgB;GACd,mBAAmB;GACnB,eAAe;GACf,kBAAkB;GAClB,sBAAsB;GACtB,wBAAwB;GACxB,2BAA2B;GAC3B,wBAAwB;GACxB,+BAA+B;GAC/B,kCAAkC;GAClC,gBAAgB;GAChB,SAAS;GACT,WAAW;EACb;CACF;AACF"}

package/dist/components/SearchField/SearchField.d.ts

@@ -17,6 +17,6 @@ export interface SearchFieldProps {
     resultCountRow?: ReactNode;
 }
 export declare const SearchField: {
-    ({ id, placeholder, isLoading, isCompact, onChange, children, resultCountRow, }: SearchFieldProps): import("react/jsx-runtime").JSX.Element;
-    ResultOption: ({ value, key, ariaLabel, children, onSelect, onReset, onEscape }: ResultOptionProps) => import("react/jsx-runtime").JSX.Element;
+    ({ id, placeholder, isLoading, isCompact, onChange, children, resultCountRow, }: SearchFieldProps): import("react").JSX.Element;
+    ResultOption: ({ value, key, ariaLabel, children, onSelect, onReset, onEscape }: ResultOptionProps) => import("react").JSX.Element;
 };

package/dist/components/SearchField/SearchField.js

@@ -1,7 +1,7 @@
-import { t as e } from "../../clsx-BD2qMUU1.js";
+import { t as e } from "../../clsx-BWCAbrjV.js";
 import { Icon as t } from "../Icon/Icon.js";
 import { useOnClickOutside as n } from "../hooks/useOnClickOutside.js";
-import { t as r } from "../../SearchField.module-BgxjHaPG.js";
+import { t as r } from "../../SearchField.module-Bn9xQD-f.js";
 import { ResultOption as i } from "./components/ResultsOption.js";
 import { ResultOptionBox as a } from "./components/ResultOptionBox.js";
 import { Children as o, cloneElement as s, isValidElement as c, useEffect as l, useRef as u, useState as d } from "react";

package/dist/components/SearchField/SearchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.js","names":[],"sources":["../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, useEffect, useRef, useState } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { KeyboardEvent, ReactNode, RefObject } from 'react';\r\nimport type { ResultOptionProps } from './components/ResultsOption';\r\n\r\nimport { ResultOption } from './components/ResultsOption';\r\nimport styles from './SearchField.module.css';\r\nimport { ResultOptionBox } from './components/ResultOptionBox';\r\n\r\nimport { Icon } from 'components/Icon';\r\nimport { useOnClickOutside } from 'components/hooks/useOnClickOutside';\r\n\r\nexport interface SearchFieldProps {\r\n  /** Unique identifier for the search field. */\r\n  id: string;\r\n  /** Placeholder text for the search input. */\r\n  placeholder: string;\r\n  /** Indicates if the search field is in a loading state. */\r\n  isLoading?: boolean;\r\n  /** If true, the search field is displayed in a compact style. */\r\n  isCompact?: boolean;\r\n  /** Callback function triggered when the input value changes. */\r\n  onChange: (query: string) => void;\r\n  /** The children elements, typically ResultOption components. */\r\n  children: ReactNode;\r\n  /** Optional row to display the count of results. */\r\n  resultCountRow?: ReactNode;\r\n}\r\n\r\nexport const SearchField = ({\r\n  id,\r\n  placeholder,\r\n  isLoading = false,\r\n  isCompact,\r\n  onChange,\r\n  children,\r\n  resultCountRow,\r\n}: SearchFieldProps) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [showField, setShowField] = useState<boolean>(false);\r\n  const optionListRef = useRef<HTMLDivElement>(null);\r\n\r\n  const handleReset = () => {\r\n    if (inputRef.current) {\r\n      inputRef.current.value = '';\r\n      inputRef.current.focus();\r\n    }\r\n  };\r\n\r\n  const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    const target = event.target;\r\n    const value = target.value;\r\n    target.setSelectionRange(value.length, value.length);\r\n    if (value) {\r\n      onChange(value);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n    switch (event.key) {\r\n      case 'Escape':\r\n        event.preventDefault();\r\n        onChange('');\r\n        if (inputRef.current) {\r\n          inputRef.current.value = '';\r\n        }\r\n        if (isCompact) {\r\n          setShowField(false);\r\n          inputRef.current?.blur();\r\n        }\r\n        break;\r\n      case 'ArrowDown': {\r\n        event.preventDefault();\r\n        const container = optionListRef.current;\r\n        const firstFocusable = container?.querySelector<HTMLElement>('li[role=\"option\"]:not([tabindex=\"-1\"])');\r\n        if (firstFocusable) {\r\n          let currentOption: HTMLElement | null = firstFocusable;\r\n          while (currentOption && currentOption.getAttribute('tabindex') === '-1') {\r\n            currentOption = currentOption.nextElementSibling as HTMLElement;\r\n          }\r\n          currentOption?.focus();\r\n        }\r\n        break;\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!Children.count(children) && inputRef.current?.value.length === 0 && isCompact && resultCountRow === null) {\r\n      setShowField(false);\r\n    }\r\n  }, [children, isCompact, resultCountRow]);\r\n\r\n  useEffect(() => {\r\n    if (inputRef.current === null) return;\r\n\r\n    const handleBlur = () => {\r\n      if (isCompact && !Children.count(children)) {\r\n        setShowField(false);\r\n      }\r\n    };\r\n\r\n    const currentInput = inputRef.current;\r\n    currentInput.addEventListener('blur', handleBlur);\r\n\r\n    return () => {\r\n      currentInput.removeEventListener('blur', handleBlur);\r\n    };\r\n  }, [isCompact, children]);\r\n\r\n  useEffect(() => {\r\n    if (isCompact && showField && inputRef.current) {\r\n      inputRef.current.focus();\r\n    }\r\n  }, [isCompact, showField]);\r\n\r\n  useOnClickOutside(optionListRef as RefObject<HTMLElement>, onChange.bind(null, ''));\r\n\r\n  return (\r\n    <div className={styles['search-field__input-wrapper']}>\r\n      {isCompact && (\r\n        <button\r\n          type=\"button\"\r\n          className={styles['search-field__compact-button']}\r\n          onClick={() => setShowField(true)}\r\n          aria-label={placeholder}\r\n        >\r\n          <Icon name=\"Magnify\" className={styles['search-field__compact-icon']} aria-hidden=\"true\" />\r\n        </button>\r\n      )}\r\n      <div\r\n        className={clsx(styles['search-field__input-container'], {\r\n          [styles['search-field__input-container--hidden']]: isCompact && !showField,\r\n          [styles['search-field__input-container--visible']]: isCompact && showField,\r\n        })}\r\n      >\r\n        <Icon name=\"Magnify\" className={styles['search-field__icon']} aria-hidden=\"true\" />\r\n        <input\r\n          type=\"text\"\r\n          className={styles['search-field__input-field']}\r\n          placeholder={placeholder}\r\n          id={id}\r\n          onChange={(event) => onChange(event.target.value)}\r\n          onFocus={handleFocus}\r\n          onKeyDown={handleKeyDown}\r\n          role=\"combobox\"\r\n          aria-expanded={Boolean(Children.count(children)) || isLoading}\r\n          aria-controls={`${id}-results`}\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-label={placeholder}\r\n          autoComplete=\"off\"\r\n          ref={inputRef}\r\n        />\r\n      </div>\r\n      {(children || isLoading) && (\r\n        <ResultOptionBox resultCountRow={resultCountRow ? resultCountRow : null} ref={optionListRef}>\r\n          {Children.map(children, (child, index) => {\r\n            if (isValidElement<ResultOptionProps>(child)) {\r\n              return cloneElement(child, {\r\n                key: index,\r\n                onReset: handleReset,\r\n              });\r\n            }\r\n            return child;\r\n          })}\r\n        </ResultOptionBox>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSearchField.ResultOption = ResultOption;\r\n"],"mappings":";;;;;;;;;AA8BA,IAAa,KAAe,EAC1B,OACA,gBACA,eAAY,IACZ,cACA,aACA,aACA,wBACsB;CACtB,IAAM,IAAW,EAAyB,KAAK,EACzC,CAAC,GAAW,KAAgB,EAAkB,GAAM,EACpD,IAAgB,EAAuB,KAAK,EAE5C,UAAoB;EACxB,AAAI,EAAS,YACX,EAAS,QAAQ,QAAQ,IACzB,EAAS,QAAQ,OAAO;IAItB,KAAe,MAA8C;EACjE,IAAM,IAAS,EAAM,QACf,IAAQ,EAAO;EAErB,AADA,EAAO,kBAAkB,EAAM,QAAQ,EAAM,OAAO,EAChD,KACF,EAAS,EAAM;IAIb,KAAiB,MAA2C;EAChE,QAAQ,EAAM,KAAd;GACE,KAAK;IAMH,AALA,EAAM,gBAAgB,EACtB,EAAS,GAAG,EACR,EAAS,YACX,EAAS,QAAQ,QAAQ,KAEvB,MACF,EAAa,GAAM,EACnB,EAAS,SAAS,MAAM;IAE1B;GACF,KAAK,aAAa;IAChB,EAAM,gBAAgB;IAEtB,IAAM,IADY,EAAc,SACE,cAA2B,6CAAyC;IACtG,IAAI,GAAgB;KAClB,IAAI,IAAoC;KACxC,OAAO,KAAiB,EAAc,aAAa,WAAW,KAAK,OACjE,IAAgB,EAAc;KAEhC,GAAe,OAAO;;IAExB;;;;CAoCN,OA/BA,QAAgB;EACd,AAAI,CAAC,EAAS,MAAM,EAAS,IAAI,EAAS,SAAS,MAAM,WAAW,KAAK,KAAa,MAAmB,QACvG,EAAa,GAAM;IAEpB;EAAC;EAAU;EAAW;EAAe,CAAC,EAEzC,QAAgB;EACd,IAAI,EAAS,YAAY,MAAM;EAE/B,IAAM,UAAmB;GACvB,AAAI,KAAa,CAAC,EAAS,MAAM,EAAS,IACxC,EAAa,GAAM;KAIjB,IAAe,EAAS;EAG9B,OAFA,EAAa,iBAAiB,QAAQ,EAAW,QAEpC;GACX,EAAa,oBAAoB,QAAQ,EAAW;;IAErD,CAAC,GAAW,EAAS,CAAC,EAEzB,QAAgB;EACd,AAAI,KAAa,KAAa,EAAS,WACrC,EAAS,QAAQ,OAAO;IAEzB,CAAC,GAAW,EAAU,CAAC,EAE1B,EAAkB,GAAyC,EAAS,KAAK,MAAM,GAAG,CAAC,EAGjF,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB;GACG,KACC,kBAAC,UAAD;IACE,MAAK;IACL,WAAW,EAAO;IAClB,eAAe,EAAa,GAAK;IACjC,cAAY;cAEZ,kBAAC,GAAD;KAAM,MAAK;KAAU,WAAW,EAAO;KAA+B,eAAY;KAAS,CAAA;IACpF,CAAA;GAEX,kBAAC,OAAD;IACE,WAAW,EAAK,EAAO,kCAAkC;MACtD,EAAO,2CAA2C,KAAa,CAAC;MAChE,EAAO,4CAA4C,KAAa;KAClE,CAAC;cAJJ,CAME,kBAAC,GAAD;KAAM,MAAK;KAAU,WAAW,EAAO;KAAuB,eAAY;KAAS,CAAA,EACnF,kBAAC,SAAD;KACE,MAAK;KACL,WAAW,EAAO;KACL;KACT;KACJ,WAAW,MAAU,EAAS,EAAM,OAAO,MAAM;KACjD,SAAS;KACT,WAAW;KACX,MAAK;KACL,iBAAe,EAAQ,EAAS,MAAM,EAAS,IAAK;KACpD,iBAAe,GAAG,EAAG;KACrB,qBAAkB;KAClB,iBAAc;KACd,cAAY;KACZ,cAAa;KACb,KAAK;KACL,CAAA,CACE;;IACJ,KAAY,MACZ,kBAAC,GAAD;IAAiB,gBAAgB,KAAkC;IAAM,KAAK;cAC3E,EAAS,IAAI,IAAW,GAAO,MAC1B,EAAkC,EAAM,GACnC,EAAa,GAAO;KACzB,KAAK;KACL,SAAS;KACV,CAAC,GAEG,EACP;IACc,CAAA;GAEhB;;;AAIV,EAAY,eAAe"}
+{"version":3,"file":"SearchField.js","names":[],"sources":["../../../src/components/SearchField/SearchField.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, useEffect, useRef, useState } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { KeyboardEvent, ReactNode, RefObject } from 'react';\r\nimport type { ResultOptionProps } from './components/ResultsOption';\r\n\r\nimport { ResultOption } from './components/ResultsOption';\r\nimport styles from './SearchField.module.css';\r\nimport { ResultOptionBox } from './components/ResultOptionBox';\r\n\r\nimport { Icon } from 'components/Icon';\r\nimport { useOnClickOutside } from 'components/hooks/useOnClickOutside';\r\n\r\nexport interface SearchFieldProps {\r\n  /** Unique identifier for the search field. */\r\n  id: string;\r\n  /** Placeholder text for the search input. */\r\n  placeholder: string;\r\n  /** Indicates if the search field is in a loading state. */\r\n  isLoading?: boolean;\r\n  /** If true, the search field is displayed in a compact style. */\r\n  isCompact?: boolean;\r\n  /** Callback function triggered when the input value changes. */\r\n  onChange: (query: string) => void;\r\n  /** The children elements, typically ResultOption components. */\r\n  children: ReactNode;\r\n  /** Optional row to display the count of results. */\r\n  resultCountRow?: ReactNode;\r\n}\r\n\r\nexport const SearchField = ({\r\n  id,\r\n  placeholder,\r\n  isLoading = false,\r\n  isCompact,\r\n  onChange,\r\n  children,\r\n  resultCountRow,\r\n}: SearchFieldProps) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [showField, setShowField] = useState<boolean>(false);\r\n  const optionListRef = useRef<HTMLDivElement>(null);\r\n\r\n  const handleReset = () => {\r\n    if (inputRef.current) {\r\n      inputRef.current.value = '';\r\n      inputRef.current.focus();\r\n    }\r\n  };\r\n\r\n  const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => {\r\n    const target = event.target;\r\n    const value = target.value;\r\n    target.setSelectionRange(value.length, value.length);\r\n    if (value) {\r\n      onChange(value);\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\r\n    switch (event.key) {\r\n      case 'Escape':\r\n        event.preventDefault();\r\n        onChange('');\r\n        if (inputRef.current) {\r\n          inputRef.current.value = '';\r\n        }\r\n        if (isCompact) {\r\n          setShowField(false);\r\n          inputRef.current?.blur();\r\n        }\r\n        break;\r\n      case 'ArrowDown': {\r\n        event.preventDefault();\r\n        const container = optionListRef.current;\r\n        const firstFocusable = container?.querySelector<HTMLElement>('li[role=\"option\"]:not([tabindex=\"-1\"])');\r\n        if (firstFocusable) {\r\n          let currentOption: HTMLElement | null = firstFocusable;\r\n          while (currentOption && currentOption.getAttribute('tabindex') === '-1') {\r\n            currentOption = currentOption.nextElementSibling as HTMLElement;\r\n          }\r\n          currentOption?.focus();\r\n        }\r\n        break;\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!Children.count(children) && inputRef.current?.value.length === 0 && isCompact && resultCountRow === null) {\r\n      setShowField(false);\r\n    }\r\n  }, [children, isCompact, resultCountRow]);\r\n\r\n  useEffect(() => {\r\n    if (inputRef.current === null) return;\r\n\r\n    const handleBlur = () => {\r\n      if (isCompact && !Children.count(children)) {\r\n        setShowField(false);\r\n      }\r\n    };\r\n\r\n    const currentInput = inputRef.current;\r\n    currentInput.addEventListener('blur', handleBlur);\r\n\r\n    return () => {\r\n      currentInput.removeEventListener('blur', handleBlur);\r\n    };\r\n  }, [isCompact, children]);\r\n\r\n  useEffect(() => {\r\n    if (isCompact && showField && inputRef.current) {\r\n      inputRef.current.focus();\r\n    }\r\n  }, [isCompact, showField]);\r\n\r\n  useOnClickOutside(optionListRef as RefObject<HTMLElement>, onChange.bind(null, ''));\r\n\r\n  return (\r\n    <div className={styles['search-field__input-wrapper']}>\r\n      {isCompact && (\r\n        <button\r\n          type=\"button\"\r\n          className={styles['search-field__compact-button']}\r\n          onClick={() => setShowField(true)}\r\n          aria-label={placeholder}\r\n        >\r\n          <Icon name=\"Magnify\" className={styles['search-field__compact-icon']} aria-hidden=\"true\" />\r\n        </button>\r\n      )}\r\n      <div\r\n        className={clsx(styles['search-field__input-container'], {\r\n          [styles['search-field__input-container--hidden']]: isCompact && !showField,\r\n          [styles['search-field__input-container--visible']]: isCompact && showField,\r\n        })}\r\n      >\r\n        <Icon name=\"Magnify\" className={styles['search-field__icon']} aria-hidden=\"true\" />\r\n        <input\r\n          type=\"text\"\r\n          className={styles['search-field__input-field']}\r\n          placeholder={placeholder}\r\n          id={id}\r\n          onChange={(event) => onChange(event.target.value)}\r\n          onFocus={handleFocus}\r\n          onKeyDown={handleKeyDown}\r\n          role=\"combobox\"\r\n          aria-expanded={Boolean(Children.count(children)) || isLoading}\r\n          aria-controls={`${id}-results`}\r\n          aria-autocomplete=\"list\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-label={placeholder}\r\n          autoComplete=\"off\"\r\n          ref={inputRef}\r\n        />\r\n      </div>\r\n      {(children || isLoading) && (\r\n        <ResultOptionBox resultCountRow={resultCountRow ? resultCountRow : null} ref={optionListRef}>\r\n          {Children.map(children, (child, index) => {\r\n            if (isValidElement<ResultOptionProps>(child)) {\r\n              return cloneElement(child, {\r\n                key: index,\r\n                onReset: handleReset,\r\n              });\r\n            }\r\n            return child;\r\n          })}\r\n        </ResultOptionBox>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nSearchField.ResultOption = ResultOption;\r\n"],"mappings":"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"}

package/dist/components/SearchField/SearcheField.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearcheField.stories.js","names":[],"sources":["../../../src/components/SearchField/SearcheField.stories.tsx"],"sourcesContent":["import { useState } from 'react';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { SearchFieldProps } from './SearchField';\r\n\r\nimport { SearchField } from './SearchField';\r\nimport { MOCK_DATA } from './mockData';\r\n\r\nconst codeString = `\r\n// Has all HTMLInputElement props available except \"className\" and \"style\" \r\n<SearchField \r\n  id={string} \r\n  queryLength?={number}\r\n  placeholder?={string} \r\n  isLoading?={boolean} \r\n  isCompact?={boolean} \r\n  onChange={function}\r\n  children={ReactNode}\r\n  resultCountRow?={ReactNode}\r\n>\r\n  <SearchField.ResultOption \r\n    onSelect={function} \r\n    onEscape={function} \r\n    value={string|number} \r\n    key={string|number} \r\n    ariaLabel={string}>\r\n   {loop custom options here}\r\n  </SearchField.ResultOption>\r\n</SearchField>`;\r\n\r\nconst MIN_QUERY_LENGTH = 4;\r\nconst MAX_RESULTS = 12;\r\nconst QUERY_SPEED = 1000; // ms\r\n\r\nenum ProgrammeType {\r\n  DEGREE = 'degree-programme',\r\n  CERTIFICATE = 'certificate-programme',\r\n  ADMINISTRATIVE = 'administrative-programme',\r\n}\r\n\r\ninterface SearchResult {\r\n  __typename: string;\r\n  id: string;\r\n  code: string;\r\n  name: {\r\n    EN: string;\r\n    NL: string;\r\n  };\r\n  programmeType: string;\r\n  programmeCode?: string;\r\n}\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/SearchField',\r\n  component: SearchField,\r\n  args: {},\r\n  argTypes: {\r\n    onSelect: {\r\n      action: 'selected url',\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    onChange: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    children: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    id: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    resultCountRow: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    isCompact: {\r\n      control: 'boolean',\r\n      default: false,\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: SearchField,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<SearchFieldProps & { onSelect: (value: string | number) => void }>;\r\n\r\nconst Template: StoryFn<SearchFieldProps & { onSelect: (value: string | number) => void }> = (args) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [searchResults, setSearchResults] = useState<SearchResult[] | null>();\r\n  const academicYear = '2026';\r\n  const currentLanguage = 'NL';\r\n\r\n  const createUrl = (\r\n    academicYear: string,\r\n    programmeType: keyof typeof ProgrammeType,\r\n    programmeCode: string,\r\n    code: string\r\n  ) => `education-preparation/${ProgrammeType[programmeType]}/${academicYear}/${programmeCode}/${code}`;\r\n\r\n  const searchInMockData = (query: string) => {\r\n    if (query.length < MIN_QUERY_LENGTH) {\r\n      setSearchResults(null);\r\n      return;\r\n    }\r\n    setLoading(true);\r\n\r\n    const lowerCaseQuery = query.toLowerCase();\r\n\r\n    const mockResults = MOCK_DATA.filter(\r\n      (item) => item.name.NL.toLowerCase().includes(lowerCaseQuery) || item.code.toLowerCase().includes(lowerCaseQuery)\r\n    );\r\n\r\n    setTimeout(() => {\r\n      setSearchResults(mockResults);\r\n      setLoading(false);\r\n    }, QUERY_SPEED);\r\n  };\r\n\r\n  const getResultMessage = (results: SearchResult[]) => {\r\n    if (results.length > MAX_RESULTS) {\r\n      return `${results.length} resultaten gevonden, alleen de ${MAX_RESULTS} beste resultaten worden weergegeven.`;\r\n    } else if (results.length > 0 && results.length <= MAX_RESULTS) {\r\n      return `${results.length} resultaten gevonden.`;\r\n    } else if (loading) {\r\n      return 'Zoeken...';\r\n    } else {\r\n      return 'Geen resultaten gevonden.';\r\n    }\r\n  };\r\n\r\n  const resultBar = (results: SearchResult[]) =>\r\n    results ? (\r\n      <div key={'result-count'} style={{ padding: '0.5rem 1rem', fontWeight: '600' }}>\r\n        {getResultMessage(results)}\r\n      </div>\r\n    ) : null;\r\n\r\n  const handleSelect = (value: string | number) => {\r\n    setSearchResults(null);\r\n    args.onSelect(value);\r\n  };\r\n\r\n  return (\r\n    <div style={{ width: '20rem', display: 'flex', justifyContent: 'flex-end' }}>\r\n      <SearchField\r\n        placeholder=\"Zoek...\"\r\n        id=\"search-field-1\"\r\n        isLoading={loading}\r\n        isCompact={args.isCompact}\r\n        onChange={(event) => searchInMockData(event)}\r\n        resultCountRow={resultBar(searchResults || [])}\r\n      >\r\n        {searchResults?.map((result) => (\r\n          <SearchField.ResultOption\r\n            key={result.id}\r\n            ariaLabel={`${result.code}, ${result.name[currentLanguage]}`}\r\n            value={createUrl(\r\n              academicYear,\r\n              result.programmeType as keyof typeof ProgrammeType,\r\n              result.programmeCode || '',\r\n              result.code\r\n            )}\r\n            onSelect={handleSelect}\r\n            onEscape={() => setSearchResults(null)}\r\n          >\r\n            <div style={{ display: 'flex', gap: '1rem' }}>\r\n              <span>{result.code}</span>\r\n              <span style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>\r\n                {result.name[currentLanguage]}\r\n              </span>\r\n            </div>\r\n          </SearchField.ResultOption>\r\n        ))}\r\n      </SearchField>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const InputExample = Template.bind({});\r\n"],"mappings":";;;;;AAQA,IAAM,IAAa,yhBAsBb,IAAmB,GACnB,IAAc,IACd,IAAc,KAEf,IAAL,yBAAA,GAAA;QACE,EAAA,SAAS,oBACT,EAAA,cAAc,yBACd,EAAA,iBAAiB;EAHd,KAAA,EAAA,CAIJ,EAeD,IAAe;CACb,OAAO;CACP,WAAW;CACX,MAAM,EAAE;CACR,UAAU;EACR,UAAU;GACR,QAAQ;GACR,OAAO,EACL,SAAS,IACV;GACF;EACD,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;EACD,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;EACD,IAAI,EACF,OAAO,EACL,SAAS,IACV,EACF;EACD,gBAAgB,EACd,OAAO,EACL,SAAS,IACV,EACF;EACD,WAAW;GACT,SAAS;GACT,SAAS;GACV;EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EA8FY,MA5FiF,MAAS;CACrG,IAAM,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,CAAC,GAAe,KAAoB,GAAiC,EAIrE,KACJ,GACA,GACA,GACA,MACG,yBAAyB,EAAc,GAAe,GAAG,EAAa,GAAG,EAAc,GAAG,KAEzF,KAAoB,MAAkB;EAC1C,IAAI,EAAM,SAAS,GAAkB;GACnC,EAAiB,KAAK;GACtB;;EAEF,EAAW,GAAK;EAEhB,IAAM,IAAiB,EAAM,aAAa,EAEpC,IAAc,EAAU,QAC3B,MAAS,EAAK,KAAK,GAAG,aAAa,CAAC,SAAS,EAAe,IAAI,EAAK,KAAK,aAAa,CAAC,SAAS,EAAe,CAClH;EAED,iBAAiB;GAEf,AADA,EAAiB,EAAY,EAC7B,EAAW,GAAM;KAChB,EAAY;IAGX,KAAoB,MACpB,EAAQ,SAAS,IACZ,GAAG,EAAQ,OAAO,kCAAkC,EAAY,yCAC9D,EAAQ,SAAS,KAAK,EAAQ,UAAU,IAC1C,GAAG,EAAQ,OAAO,yBAChB,IACF,cAEA,6BAIL,KAAa,MACjB,IACE,kBAAC,OAAD;EAA0B,OAAO;GAAE,SAAS;GAAe,YAAY;GAAO;YAC3E,EAAiB,EAAQ;EACtB,EAFI,eAEJ,GACJ,MAEA,KAAgB,MAA2B;EAE/C,AADA,EAAiB,KAAK,EACtB,EAAK,SAAS,EAAM;;CAGtB,OACE,kBAAC,OAAD;EAAK,OAAO;GAAE,OAAO;GAAS,SAAS;GAAQ,gBAAgB;GAAY;YACzE,kBAAC,GAAD;GACE,aAAY;GACZ,IAAG;GACH,WAAW;GACX,WAAW,EAAK;GAChB,WAAW,MAAU,EAAiB,EAAM;GAC5C,gBAAgB,EAAU,KAAiB,EAAE,CAAC;aAE7C,GAAe,KAAK,MACnB,kBAAC,EAAY,cAAb;IAEE,WAAW,GAAG,EAAO,KAAK,IAAI,EAAO,KAAK;IAC1C,OAAO,EACL,QACA,EAAO,eACP,EAAO,iBAAiB,IACxB,EAAO,KACR;IACD,UAAU;IACV,gBAAgB,EAAiB,KAAK;cAEtC,kBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,KAAK;MAAQ;eAA5C,CACE,kBAAC,QAAD,EAAA,UAAO,EAAO,MAAY,CAAA,EAC1B,kBAAC,QAAD;MAAM,OAAO;OAAE,YAAY;OAAU,UAAU;OAAU,cAAc;OAAY;gBAChF,EAAO,KAAK;MACR,CAAA,CACH;;IACmB,EAjBpB,EAAO,GAiBa,CAC3B;GACU,CAAA;EACV,CAAA;GAI2B,KAAK,EAAE,CAAC"}
+{"version":3,"file":"SearcheField.stories.js","names":[],"sources":["../../../src/components/SearchField/SearcheField.stories.tsx"],"sourcesContent":["import { useState } from 'react';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { SearchFieldProps } from './SearchField';\r\n\r\nimport { SearchField } from './SearchField';\r\nimport { MOCK_DATA } from './mockData';\r\n\r\nconst codeString = `\r\n// Has all HTMLInputElement props available except \"className\" and \"style\" \r\n<SearchField \r\n  id={string} \r\n  queryLength?={number}\r\n  placeholder?={string} \r\n  isLoading?={boolean} \r\n  isCompact?={boolean} \r\n  onChange={function}\r\n  children={ReactNode}\r\n  resultCountRow?={ReactNode}\r\n>\r\n  <SearchField.ResultOption \r\n    onSelect={function} \r\n    onEscape={function} \r\n    value={string|number} \r\n    key={string|number} \r\n    ariaLabel={string}>\r\n   {loop custom options here}\r\n  </SearchField.ResultOption>\r\n</SearchField>`;\r\n\r\nconst MIN_QUERY_LENGTH = 4;\r\nconst MAX_RESULTS = 12;\r\nconst QUERY_SPEED = 1000; // ms\r\n\r\nenum ProgrammeType {\r\n  DEGREE = 'degree-programme',\r\n  CERTIFICATE = 'certificate-programme',\r\n  ADMINISTRATIVE = 'administrative-programme',\r\n}\r\n\r\ninterface SearchResult {\r\n  __typename: string;\r\n  id: string;\r\n  code: string;\r\n  name: {\r\n    EN: string;\r\n    NL: string;\r\n  };\r\n  programmeType: string;\r\n  programmeCode?: string;\r\n}\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Molecules/SearchField',\r\n  component: SearchField,\r\n  args: {},\r\n  argTypes: {\r\n    onSelect: {\r\n      action: 'selected url',\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    onChange: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    children: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    id: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    resultCountRow: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n    isCompact: {\r\n      control: 'boolean',\r\n      default: false,\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: SearchField,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<SearchFieldProps & { onSelect: (value: string | number) => void }>;\r\n\r\nconst Template: StoryFn<SearchFieldProps & { onSelect: (value: string | number) => void }> = (args) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [searchResults, setSearchResults] = useState<SearchResult[] | null>();\r\n  const academicYear = '2026';\r\n  const currentLanguage = 'NL';\r\n\r\n  const createUrl = (\r\n    academicYear: string,\r\n    programmeType: keyof typeof ProgrammeType,\r\n    programmeCode: string,\r\n    code: string\r\n  ) => `education-preparation/${ProgrammeType[programmeType]}/${academicYear}/${programmeCode}/${code}`;\r\n\r\n  const searchInMockData = (query: string) => {\r\n    if (query.length < MIN_QUERY_LENGTH) {\r\n      setSearchResults(null);\r\n      return;\r\n    }\r\n    setLoading(true);\r\n\r\n    const lowerCaseQuery = query.toLowerCase();\r\n\r\n    const mockResults = MOCK_DATA.filter(\r\n      (item) => item.name.NL.toLowerCase().includes(lowerCaseQuery) || item.code.toLowerCase().includes(lowerCaseQuery)\r\n    );\r\n\r\n    setTimeout(() => {\r\n      setSearchResults(mockResults);\r\n      setLoading(false);\r\n    }, QUERY_SPEED);\r\n  };\r\n\r\n  const getResultMessage = (results: SearchResult[]) => {\r\n    if (results.length > MAX_RESULTS) {\r\n      return `${results.length} resultaten gevonden, alleen de ${MAX_RESULTS} beste resultaten worden weergegeven.`;\r\n    } else if (results.length > 0 && results.length <= MAX_RESULTS) {\r\n      return `${results.length} resultaten gevonden.`;\r\n    } else if (loading) {\r\n      return 'Zoeken...';\r\n    } else {\r\n      return 'Geen resultaten gevonden.';\r\n    }\r\n  };\r\n\r\n  const resultBar = (results: SearchResult[]) =>\r\n    results ? (\r\n      <div key={'result-count'} style={{ padding: '0.5rem 1rem', fontWeight: '600' }}>\r\n        {getResultMessage(results)}\r\n      </div>\r\n    ) : null;\r\n\r\n  const handleSelect = (value: string | number) => {\r\n    setSearchResults(null);\r\n    args.onSelect(value);\r\n  };\r\n\r\n  return (\r\n    <div style={{ width: '20rem', display: 'flex', justifyContent: 'flex-end' }}>\r\n      <SearchField\r\n        placeholder=\"Zoek...\"\r\n        id=\"search-field-1\"\r\n        isLoading={loading}\r\n        isCompact={args.isCompact}\r\n        onChange={(event) => searchInMockData(event)}\r\n        resultCountRow={resultBar(searchResults || [])}\r\n      >\r\n        {searchResults?.map((result) => (\r\n          <SearchField.ResultOption\r\n            key={result.id}\r\n            ariaLabel={`${result.code}, ${result.name[currentLanguage]}`}\r\n            value={createUrl(\r\n              academicYear,\r\n              result.programmeType as keyof typeof ProgrammeType,\r\n              result.programmeCode || '',\r\n              result.code\r\n            )}\r\n            onSelect={handleSelect}\r\n            onEscape={() => setSearchResults(null)}\r\n          >\r\n            <div style={{ display: 'flex', gap: '1rem' }}>\r\n              <span>{result.code}</span>\r\n              <span style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>\r\n                {result.name[currentLanguage]}\r\n              </span>\r\n            </div>\r\n          </SearchField.ResultOption>\r\n        ))}\r\n      </SearchField>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const InputExample = Template.bind({});\r\n"],"mappings":";;;;;AAQA,IAAM,IAAa,yhBAsBb,IAAmB,GACnB,IAAc,IACd,IAAc,KAEf,IAAL,yBAAA,GAAA;QACE,EAAA,SAAA,oBACA,EAAA,cAAA,yBACA,EAAA,iBAAA;AACF,EAJK,KAAA,CAAA,CAIL,GAeA,IAAe;CACb,OAAO;CACP,WAAW;CACX,MAAM,CAAC;CACP,UAAU;EACR,UAAU;GACR,QAAQ;GACR,OAAO,EACL,SAAS,GACX;EACF;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;EACA,UAAU,EACR,OAAO,EACL,SAAS,GACX,EACF;EACA,IAAI,EACF,OAAO,EACL,SAAS,GACX,EACF;EACA,gBAAgB,EACd,OAAO,EACL,SAAS,GACX,EACF;EACA,WAAW;GACT,SAAS;GACT,SAAS;EACX;CACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GA8Fa,MA5FiF,MAAS;CACrG,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,CAAC,GAAe,KAAoB,EAAgC,GAIpE,KACJ,GACA,GACA,GACA,MACG,yBAAyB,EAAc,GAAe,GAAG,EAAa,GAAG,EAAc,GAAG,KAEzF,KAAoB,MAAkB;EAC1C,IAAI,EAAM,SAAS,GAAkB;GACnC,EAAiB,IAAI;GACrB;EACF;EACA,EAAW,EAAI;EAEf,IAAM,IAAiB,EAAM,YAAY,GAEnC,IAAc,EAAU,QAC3B,MAAS,EAAK,KAAK,GAAG,YAAY,EAAE,SAAS,CAAc,KAAK,EAAK,KAAK,YAAY,EAAE,SAAS,CAAc,CAClH;EAEA,iBAAiB;GAEf,AADA,EAAiB,CAAW,GAC5B,EAAW,EAAK;EAClB,GAAG,CAAW;CAChB,GAEM,KAAoB,MACpB,EAAQ,SAAS,IACZ,GAAG,EAAQ,OAAO,kCAAkC,EAAY,yCAC9D,EAAQ,SAAS,KAAK,EAAQ,UAAU,IAC1C,GAAG,EAAQ,OAAO,yBAChB,IACF,cAEA,6BAIL,KAAa,MACjB,IACE,kBAAC,OAAD;EAA0B,OAAO;GAAE,SAAS;GAAe,YAAY;EAAM;YAC1E,EAAiB,CAAO;CACtB,GAFK,cAEL,IACH,MAEA,KAAgB,MAA2B;EAE/C,AADA,EAAiB,IAAI,GACrB,EAAK,SAAS,CAAK;CACrB;CAEA,OACE,kBAAC,OAAD;EAAK,OAAO;GAAE,OAAO;GAAS,SAAS;GAAQ,gBAAgB;EAAW;YACxE,kBAAC,GAAD;GACE,aAAY;GACZ,IAAG;GACH,WAAW;GACX,WAAW,EAAK;GAChB,WAAW,MAAU,EAAiB,CAAK;GAC3C,gBAAgB,EAAU,KAAiB,CAAC,CAAC;aAE5C,GAAe,KAAK,MACnB,kBAAC,EAAY,cAAb;IAEE,WAAW,GAAG,EAAO,KAAK,IAAI,EAAO,KAAK;IAC1C,OAAO,EACL,QACA,EAAO,eACP,EAAO,iBAAiB,IACxB,EAAO,IACT;IACA,UAAU;IACV,gBAAgB,EAAiB,IAAI;cAErC,kBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,KAAK;KAAO;eAA3C,CACE,kBAAC,QAAD,EAAA,UAAO,EAAO,KAAW,CAAA,GACzB,kBAAC,QAAD;MAAM,OAAO;OAAE,YAAY;OAAU,UAAU;OAAU,cAAc;MAAW;gBAC/E,EAAO,KAAK;KACT,CAAA,CACH;;GACmB,GAjBnB,EAAO,EAiBY,CAC3B;EACU,CAAA;CACV,CAAA;AAET,GAEqC,KAAK,CAAC,CAAC"}

package/dist/components/SearchField/components/ResultOptionBox.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../SearchField.module-BgxjHaPG.js";
+import { t as e } from "../../../SearchField.module-Bn9xQD-f.js";
 import { Fragment as t, forwardRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/SearchField/components/ResultOptionBox.tsx

package/dist/components/SearchField/components/ResultOptionBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultOptionBox.js","names":[],"sources":["../../../../src/components/SearchField/components/ResultOptionBox.tsx"],"sourcesContent":["import { Fragment, forwardRef } from 'react';\r\n\r\nimport type { ReactNode } from 'react';\r\n\r\nimport styles from 'components/SearchField/SearchField.module.css';\r\nexport interface ResultOptionBoxProps {\r\n  children: ReactNode;\r\n  resultCountRow?: ReactNode;\r\n}\r\n\r\nexport const ResultOptionBox = forwardRef<HTMLDivElement, ResultOptionBoxProps>(({ children, resultCountRow }, ref) => {\r\n  return (\r\n    <div className={styles['search-field__result-wrapper']} ref={ref}>\r\n      <ul className={styles['search-field__result-list']} role=\"listbox\" tabIndex={-1}>\r\n        {children}\r\n      </ul>\r\n      {resultCountRow && <Fragment key=\"result-count\">{resultCountRow}</Fragment>}\r\n    </div>\r\n  );\r\n});\r\n\r\nResultOptionBox.displayName = 'ResultOptionBox';\r\n"],"mappings":";;;;AAUA,IAAa,IAAkB,GAAkD,EAAE,aAAU,qBAAkB,MAE3G,kBAAC,OAAD;CAAK,WAAW,EAAO;CAAsC;WAA7D,CACE,kBAAC,MAAD;EAAI,WAAW,EAAO;EAA8B,MAAK;EAAU,UAAU;EAC1E;EACE,CAAA,EACJ,KAAkB,kBAAC,GAAD,EAAA,UAA8B,GAA0B,EAA1C,eAA0C,CACvE;GAER;AAEF,EAAgB,cAAc"}
+{"version":3,"file":"ResultOptionBox.js","names":[],"sources":["../../../../src/components/SearchField/components/ResultOptionBox.tsx"],"sourcesContent":["import { Fragment, forwardRef } from 'react';\r\n\r\nimport type { ReactNode } from 'react';\r\n\r\nimport styles from 'components/SearchField/SearchField.module.css';\r\nexport interface ResultOptionBoxProps {\r\n  children: ReactNode;\r\n  resultCountRow?: ReactNode;\r\n}\r\n\r\nexport const ResultOptionBox = forwardRef<HTMLDivElement, ResultOptionBoxProps>(({ children, resultCountRow }, ref) => {\r\n  return (\r\n    <div className={styles['search-field__result-wrapper']} ref={ref}>\r\n      <ul className={styles['search-field__result-list']} role=\"listbox\" tabIndex={-1}>\r\n        {children}\r\n      </ul>\r\n      {resultCountRow && <Fragment key=\"result-count\">{resultCountRow}</Fragment>}\r\n    </div>\r\n  );\r\n});\r\n\r\nResultOptionBox.displayName = 'ResultOptionBox';\r\n"],"mappings":";;;;AAUA,IAAa,IAAkB,GAAkD,EAAE,aAAU,qBAAkB,MAE3G,kBAAC,OAAD;CAAK,WAAW,EAAO;CAAsC;WAA7D,CACE,kBAAC,MAAD;EAAI,WAAW,EAAO;EAA8B,MAAK;EAAU,UAAU;EAC1E;CACC,CAAA,GACH,KAAkB,kBAAC,GAAD,EAAA,UAA8B,EAAyB,GAAzC,cAAyC,CACvE;EAER;AAED,EAAgB,cAAc"}

package/dist/components/SearchField/components/ResultsOption.d.ts

@@ -8,4 +8,4 @@ export interface ResultOptionProps {
     onReset?: () => void;
     onSelect: (value: string | number) => void;
 }
-export declare const ResultOption: ({ value, key, ariaLabel, children, onSelect, onReset, onEscape }: ResultOptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ResultOption: ({ value, key, ariaLabel, children, onSelect, onReset, onEscape }: ResultOptionProps) => import("react").JSX.Element;

package/dist/components/SearchField/components/ResultsOption.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../SearchField.module-BgxjHaPG.js";
+import { t as e } from "../../../SearchField.module-Bn9xQD-f.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/SearchField/components/ResultsOption.tsx
 var n = ({ value: n, key: r, ariaLabel: i, children: a, onSelect: o, onReset: s, onEscape: c }) => {

package/dist/components/SearchField/components/ResultsOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResultsOption.js","names":[],"sources":["../../../../src/components/SearchField/components/ResultsOption.tsx"],"sourcesContent":["import type { ReactNode, KeyboardEvent } from 'react';\r\n\r\nimport styles from 'components/SearchField/SearchField.module.css';\r\n\r\nexport interface ResultOptionProps {\r\n  value: string | number;\r\n  key: string | number;\r\n  ariaLabel: string;\r\n  children: ReactNode;\r\n  onEscape: () => void;\r\n  onReset?: () => void;\r\n  onSelect: (value: string | number) => void;\r\n}\r\n\r\nexport const ResultOption = ({ value, key, ariaLabel, children, onSelect, onReset, onEscape }: ResultOptionProps) => {\r\n  const handleSelect = (event: React.MouseEvent | React.KeyboardEvent) => {\r\n    event.stopPropagation();\r\n    onEscape();\r\n    if (onReset) onReset();\r\n    onSelect(value);\r\n  };\r\n\r\n  const onOptionKeyDown = (event: KeyboardEvent<HTMLLIElement>) => {\r\n    switch (event.key) {\r\n      case 'Escape':\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        onEscape();\r\n        if (onReset) onReset();\r\n        break;\r\n      case 'Enter':\r\n        event.preventDefault();\r\n        handleSelect(event);\r\n        break;\r\n      case 'ArrowDown': {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        let nextElement = event.currentTarget.nextElementSibling;\r\n        while (nextElement?.getAttribute('tabindex') === '-1') {\r\n          nextElement = nextElement.nextElementSibling;\r\n        }\r\n        (nextElement as HTMLLIElement)?.focus();\r\n        break;\r\n      }\r\n      case 'ArrowUp': {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        let previousElement = event.currentTarget.previousElementSibling;\r\n        while (previousElement?.getAttribute('tabindex') === '-1') {\r\n          previousElement = previousElement.previousElementSibling;\r\n        }\r\n        (previousElement as HTMLLIElement)?.focus();\r\n        break;\r\n      }\r\n      case 'Tab':\r\n        event.preventDefault();\r\n        onEscape();\r\n        break;\r\n      default:\r\n        event.preventDefault();\r\n        break;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <li\r\n      className={styles['search-field__result-item']}\r\n      key={key}\r\n      onClick={handleSelect}\r\n      onKeyDown={onOptionKeyDown}\r\n      role=\"option\"\r\n      aria-selected=\"false\"\r\n      tabIndex={0}\r\n      aria-label={ariaLabel}\r\n    >\r\n      {children}\r\n    </li>\r\n  );\r\n};\r\n"],"mappings":";;;AAcA,IAAa,KAAgB,EAAE,UAAO,QAAK,cAAW,aAAU,aAAU,YAAS,kBAAkC;CACnH,IAAM,KAAgB,MAAkD;EAItE,AAHA,EAAM,iBAAiB,EACvB,GAAU,EACN,KAAS,GAAS,EACtB,EAAS,EAAM;;CA6CjB,OACE,kBAAC,MAAD;EACE,WAAW,EAAO;EAElB,SAAS;EACT,YA/CqB,MAAwC;GAC/D,QAAQ,EAAM,KAAd;IACE,KAAK;KAIH,AAHA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,GAAU,EACN,KAAS,GAAS;KACtB;IACF,KAAK;KAEH,AADA,EAAM,gBAAgB,EACtB,EAAa,EAAM;KACnB;IACF,KAAK,aAAa;KAEhB,AADA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB;KACvB,IAAI,IAAc,EAAM,cAAc;KACtC,OAAO,GAAa,aAAa,WAAW,KAAK,OAC/C,IAAc,EAAY;KAE5B,GAAgC,OAAO;KACvC;;IAEF,KAAK,WAAW;KAEd,AADA,EAAM,gBAAgB,EACtB,EAAM,iBAAiB;KACvB,IAAI,IAAkB,EAAM,cAAc;KAC1C,OAAO,GAAiB,aAAa,WAAW,KAAK,OACnD,IAAkB,EAAgB;KAEpC,GAAoC,OAAO;KAC3C;;IAEF,KAAK;KAEH,AADA,EAAM,gBAAgB,EACtB,GAAU;KACV;IACF;KACE,EAAM,gBAAgB;KACtB;;;EAUF,MAAK;EACL,iBAAc;EACd,UAAU;EACV,cAAY;EAEX;EACE,EATE,EASF"}
+{"version":3,"file":"ResultsOption.js","names":[],"sources":["../../../../src/components/SearchField/components/ResultsOption.tsx"],"sourcesContent":["import type { ReactNode, KeyboardEvent } from 'react';\r\n\r\nimport styles from 'components/SearchField/SearchField.module.css';\r\n\r\nexport interface ResultOptionProps {\r\n  value: string | number;\r\n  key: string | number;\r\n  ariaLabel: string;\r\n  children: ReactNode;\r\n  onEscape: () => void;\r\n  onReset?: () => void;\r\n  onSelect: (value: string | number) => void;\r\n}\r\n\r\nexport const ResultOption = ({ value, key, ariaLabel, children, onSelect, onReset, onEscape }: ResultOptionProps) => {\r\n  const handleSelect = (event: React.MouseEvent | React.KeyboardEvent) => {\r\n    event.stopPropagation();\r\n    onEscape();\r\n    if (onReset) onReset();\r\n    onSelect(value);\r\n  };\r\n\r\n  const onOptionKeyDown = (event: KeyboardEvent<HTMLLIElement>) => {\r\n    switch (event.key) {\r\n      case 'Escape':\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        onEscape();\r\n        if (onReset) onReset();\r\n        break;\r\n      case 'Enter':\r\n        event.preventDefault();\r\n        handleSelect(event);\r\n        break;\r\n      case 'ArrowDown': {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        let nextElement = event.currentTarget.nextElementSibling;\r\n        while (nextElement?.getAttribute('tabindex') === '-1') {\r\n          nextElement = nextElement.nextElementSibling;\r\n        }\r\n        (nextElement as HTMLLIElement)?.focus();\r\n        break;\r\n      }\r\n      case 'ArrowUp': {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        let previousElement = event.currentTarget.previousElementSibling;\r\n        while (previousElement?.getAttribute('tabindex') === '-1') {\r\n          previousElement = previousElement.previousElementSibling;\r\n        }\r\n        (previousElement as HTMLLIElement)?.focus();\r\n        break;\r\n      }\r\n      case 'Tab':\r\n        event.preventDefault();\r\n        onEscape();\r\n        break;\r\n      default:\r\n        event.preventDefault();\r\n        break;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <li\r\n      className={styles['search-field__result-item']}\r\n      key={key}\r\n      onClick={handleSelect}\r\n      onKeyDown={onOptionKeyDown}\r\n      role=\"option\"\r\n      aria-selected=\"false\"\r\n      tabIndex={0}\r\n      aria-label={ariaLabel}\r\n    >\r\n      {children}\r\n    </li>\r\n  );\r\n};\r\n"],"mappings":";;;AAcA,IAAa,KAAgB,EAAE,UAAO,QAAK,cAAW,aAAU,aAAU,YAAS,kBAAkC;CACnH,IAAM,KAAgB,MAAkD;EAItE,AAHA,EAAM,gBAAgB,GACtB,EAAS,GACL,KAAS,EAAQ,GACrB,EAAS,CAAK;CAChB;CA4CA,OACE,kBAAC,MAAD;EACE,WAAW,EAAO;EAElB,SAAS;EACT,YA/CqB,MAAwC;GAC/D,QAAQ,EAAM,KAAd;IACE,KAAK;KAIH,AAHA,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACtB,EAAS,GACL,KAAS,EAAQ;KACrB;IACF,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAa,CAAK;KAClB;IACF,KAAK,aAAa;KAEhB,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;KACtB,IAAI,IAAc,EAAM,cAAc;KACtC,OAAO,GAAa,aAAa,UAAU,MAAM,OAC/C,IAAc,EAAY;KAE5B,GAAgC,MAAM;KACtC;IACF;IACA,KAAK,WAAW;KAEd,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;KACtB,IAAI,IAAkB,EAAM,cAAc;KAC1C,OAAO,GAAiB,aAAa,UAAU,MAAM,OACnD,IAAkB,EAAgB;KAEpC,GAAoC,MAAM;KAC1C;IACF;IACA,KAAK;KAEH,AADA,EAAM,eAAe,GACrB,EAAS;KACT;IACF;KACE,EAAM,eAAe;KACrB;GACJ;EACF;EAQI,MAAK;EACL,iBAAc;EACd,UAAU;EACV,cAAY;EAEX;CACC,GATG,CASH;AAER"}

package/dist/components/SearchField/mockData.js.map

@@ -1 +1 @@
-{"version":3,"file":"mockData.js","names":[],"sources":["../../../src/components/SearchField/mockData.ts"],"sourcesContent":["export const MOCK_DATA = [\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6614ZM038Y',\r\n    id: 'oh:course:6614ZM038Y',\r\n    name: {\r\n      EN: 'Digital Business',\r\n      NL: 'Digital Business',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BA',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6013B0522Y',\r\n    id: 'oh:course:6013B0522Y',\r\n    name: {\r\n      EN: 'Business Analytics',\r\n      NL: 'Business Analytics',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EBA_BUSAD',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6314M0573Y',\r\n    id: 'oh:course:6314M0573Y',\r\n    name: {\r\n      EN: 'Business Seminar 1',\r\n      NL: 'Business Seminar 1',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BAD',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6314M0574Y',\r\n    id: 'oh:course:6314M0574Y',\r\n    name: {\r\n      EN: 'Business Seminar 2',\r\n      NL: 'Business Seminar 2',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BAD',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6614ZB008Y',\r\n    id: 'oh:course:6614ZB008Y',\r\n    name: {\r\n      EN: 'New Business Models',\r\n      NL: 'New Business Models',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_EPMS',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '5394QUIB3Y',\r\n    id: 'oh:course:5394QUIB3Y',\r\n    name: {\r\n      EN: 'Quantum in Business',\r\n      NL: 'Quantum in Business',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'NMA_QCS',\r\n  },\r\n  {\r\n    __typename: 'EduPrepProgrammeSearchHit',\r\n    code: 'EBA_ANALY',\r\n    id: 'oh:programme:EBA_ANALY',\r\n    name: {\r\n      EN: 'B Business Analytics',\r\n      NL: 'B Business Analytics',\r\n    },\r\n    programmeType: 'DEGREE',\r\n  },\r\n  {\r\n    __typename: 'EduPrepProgrammeSearchHit',\r\n    code: 'EMA_BE',\r\n    id: 'oh:programme:EMA_BE',\r\n    name: {\r\n      EN: 'M Business Economics',\r\n      NL: 'M Business Economics',\r\n    },\r\n    programmeType: 'DEGREE',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6314M0341Y',\r\n    id: 'oh:course:6314M0341Y',\r\n    name: {\r\n      EN: 'Business Negotiations',\r\n      NL: 'Business Negotiations',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BAD',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6614ZB043Y',\r\n    id: 'oh:course:6614ZB043Y',\r\n    name: {\r\n      EN: 'Business Negotiations',\r\n      NL: 'Business Negotiations',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_EPMS',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6614ZM051Y',\r\n    id: 'oh:course:6614ZM051Y',\r\n    name: {\r\n      EN: 'Business Negotiations',\r\n      NL: 'Business Negotiations',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BA',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6614ZM044Y',\r\n    id: 'oh:course:6614ZM044Y',\r\n    name: {\r\n      EN: 'Scaling-up Businesses',\r\n      NL: 'Scaling-up Businesses',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BA',\r\n  },\r\n];\r\n"],"mappings":";AAAA,IAAa,IAAY;CACvB;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EACf,eAAe;EAChB;CACD;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EACf,eAAe;EAChB;CACD;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EACf,eAAe;EAChB;CACD;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EACf,eAAe;EAChB;CACD;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EACf,eAAe;EAChB;CACD;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EACf,eAAe;EAChB;CACD;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EAChB;CACD;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EAChB;CACD;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EACf,eAAe;EAChB;CACD;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EACf,eAAe;EAChB;CACD;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EACf,eAAe;EAChB;CACD;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,eAAe;EACf,eAAe;EAChB;CACF"}
+{"version":3,"file":"mockData.js","names":[],"sources":["../../../src/components/SearchField/mockData.ts"],"sourcesContent":["export const MOCK_DATA = [\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6614ZM038Y',\r\n    id: 'oh:course:6614ZM038Y',\r\n    name: {\r\n      EN: 'Digital Business',\r\n      NL: 'Digital Business',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BA',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6013B0522Y',\r\n    id: 'oh:course:6013B0522Y',\r\n    name: {\r\n      EN: 'Business Analytics',\r\n      NL: 'Business Analytics',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EBA_BUSAD',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6314M0573Y',\r\n    id: 'oh:course:6314M0573Y',\r\n    name: {\r\n      EN: 'Business Seminar 1',\r\n      NL: 'Business Seminar 1',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BAD',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6314M0574Y',\r\n    id: 'oh:course:6314M0574Y',\r\n    name: {\r\n      EN: 'Business Seminar 2',\r\n      NL: 'Business Seminar 2',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BAD',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6614ZB008Y',\r\n    id: 'oh:course:6614ZB008Y',\r\n    name: {\r\n      EN: 'New Business Models',\r\n      NL: 'New Business Models',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_EPMS',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '5394QUIB3Y',\r\n    id: 'oh:course:5394QUIB3Y',\r\n    name: {\r\n      EN: 'Quantum in Business',\r\n      NL: 'Quantum in Business',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'NMA_QCS',\r\n  },\r\n  {\r\n    __typename: 'EduPrepProgrammeSearchHit',\r\n    code: 'EBA_ANALY',\r\n    id: 'oh:programme:EBA_ANALY',\r\n    name: {\r\n      EN: 'B Business Analytics',\r\n      NL: 'B Business Analytics',\r\n    },\r\n    programmeType: 'DEGREE',\r\n  },\r\n  {\r\n    __typename: 'EduPrepProgrammeSearchHit',\r\n    code: 'EMA_BE',\r\n    id: 'oh:programme:EMA_BE',\r\n    name: {\r\n      EN: 'M Business Economics',\r\n      NL: 'M Business Economics',\r\n    },\r\n    programmeType: 'DEGREE',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6314M0341Y',\r\n    id: 'oh:course:6314M0341Y',\r\n    name: {\r\n      EN: 'Business Negotiations',\r\n      NL: 'Business Negotiations',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BAD',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6614ZB043Y',\r\n    id: 'oh:course:6614ZB043Y',\r\n    name: {\r\n      EN: 'Business Negotiations',\r\n      NL: 'Business Negotiations',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_EPMS',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6614ZM051Y',\r\n    id: 'oh:course:6614ZM051Y',\r\n    name: {\r\n      EN: 'Business Negotiations',\r\n      NL: 'Business Negotiations',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BA',\r\n  },\r\n  {\r\n    __typename: 'EduPrepCourseSearchHit',\r\n    code: '6614ZM044Y',\r\n    id: 'oh:course:6614ZM044Y',\r\n    name: {\r\n      EN: 'Scaling-up Businesses',\r\n      NL: 'Scaling-up Businesses',\r\n    },\r\n    programmeType: 'DEGREE',\r\n    programmeCode: 'EMA_BA',\r\n  },\r\n];\r\n"],"mappings":";AAAA,IAAa,IAAY;CACvB;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;EACf,eAAe;CACjB;CACA;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;EACf,eAAe;CACjB;CACA;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;EACf,eAAe;CACjB;CACA;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;EACf,eAAe;CACjB;CACA;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;EACf,eAAe;CACjB;CACA;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;EACf,eAAe;CACjB;CACA;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;CACjB;CACA;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;CACjB;CACA;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;EACf,eAAe;CACjB;CACA;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;EACf,eAAe;CACjB;CACA;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;EACf,eAAe;CACjB;CACA;EACE,YAAY;EACZ,MAAM;EACN,IAAI;EACJ,MAAM;GACJ,IAAI;GACJ,IAAI;EACN;EACA,eAAe;EACf,eAAe;CACjB;AACF"}

package/dist/components/SectionNotification/SectionNotification.d.ts

@@ -4,4 +4,4 @@ export interface SectionNotificationProps {
     fullWidth?: boolean;
 }
 /** Represents a component to show notifications within a [Card](/story/atoms-card--card-example). */
-export declare const SectionNotification: ({ fullWidth, children }: PropsWithChildren<SectionNotificationProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionNotification: ({ fullWidth, children }: PropsWithChildren<SectionNotificationProps>) => import("react").JSX.Element;

package/dist/components/SectionNotification/SectionNotification.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../SectionNotification-CQqwPTqP.js";
+import { t as e } from "../../SectionNotification-BT0Z2edJ.js";
 export { e as SectionNotification };

package/dist/components/SectionNotification/SectionNotification.stories.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../SectionNotification-CQqwPTqP.js";
+import { t as e } from "../../SectionNotification-BT0Z2edJ.js";
 import { jsx as t } from "react/jsx-runtime";
 var n = {
 	title: "Atoms/SectionNotification",

package/dist/components/SectionNotification/SectionNotification.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionNotification.stories.js","names":[],"sources":["../../../src/components/SectionNotification/SectionNotification.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { SectionNotificationProps } from 'components/SectionNotification';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nconst codeString = '<SectionNotification fullWidth={fullWidth}>{children}</SectionNotification>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/SectionNotification',\n  component: SectionNotification,\n  argTypes: {\n    fullWidth: {\n      control: 'boolean',\n      default: false,\n    },\n  },\n  parameters: {\n    inspectComponent: SectionNotification,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<SectionNotificationProps>>;\n\nconst Template: StoryFn<PropsWithChildren<SectionNotificationProps>> = (args) => <SectionNotification {...args} />;\n\nexport const SectionNotificationExample = Template.bind({});\nSectionNotificationExample.args = {\n  fullWidth: true,\n  children: 'This is an example notification',\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,WAAW;EACT,SAAS;EACT,SAAS;EACV,EACF;CACD,YAAY;EACV,kBAAkB;EACN;EACb;CACF,EAIY,MAF2D,MAAS,kBAAC,GAAD,EAAqB,GAAI,GAAQ,CAAA,EAE/D,KAAK,EAAE,CAAC;AAC3D,EAA2B,OAAO;CAChC,WAAW;CACX,UAAU;CACX"}
+{"version":3,"file":"SectionNotification.stories.js","names":[],"sources":["../../../src/components/SectionNotification/SectionNotification.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { SectionNotificationProps } from 'components/SectionNotification';\n\nimport { SectionNotification } from 'components/SectionNotification';\n\nconst codeString = '<SectionNotification fullWidth={fullWidth}>{children}</SectionNotification>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/SectionNotification',\n  component: SectionNotification,\n  argTypes: {\n    fullWidth: {\n      control: 'boolean',\n      default: false,\n    },\n  },\n  parameters: {\n    inspectComponent: SectionNotification,\n    codeString: codeString,\n  },\n} as Meta<PropsWithChildren<SectionNotificationProps>>;\n\nconst Template: StoryFn<PropsWithChildren<SectionNotificationProps>> = (args) => <SectionNotification {...args} />;\n\nexport const SectionNotificationExample = Template.bind({});\nSectionNotificationExample.args = {\n  fullWidth: true,\n  children: 'This is an example notification',\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU,EACR,WAAW;EACT,SAAS;EACT,SAAS;CACX,EACF;CACA,YAAY;EACV,kBAAkB;EACN;CACd;AACF,GAIa,MAF2D,MAAS,kBAAC,GAAD,EAAqB,GAAI,EAAO,CAAA,GAE9D,KAAK,CAAC,CAAC;AAC1D,EAA2B,OAAO;CAChC,WAAW;CACX,UAAU;AACZ"}

package/dist/components/SectionNotification/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../SectionNotification-CQqwPTqP.js";
+import { t as e } from "../../SectionNotification-BT0Z2edJ.js";
 export { e as SectionNotification };

package/dist/components/SelectListbox/SelectListBox.stories.js

@@ -1,4 +1,4 @@
-import { r as e } from "../../test-Pa9Lwbsq.js";
+import { r as e } from "../../test-CpW02epT.js";
 import { SelectListbox as t } from "./SelectListbox.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";