@payloadcms/ui 4.0.0-internal.ea6e8f8 → 4.0.0-internal.ec73d44

package/dist/elements/Table/GridNavigation/useGridNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGridNavigation.js","names":["c","_c","useLayoutEffect","useRef","controlsSelector","compositeSelector","interactionSelector","useGridNavigation","t0","$","id","isEnabled","ref","position","t1","table","current","originals","Map","assignedTabIndexes","activeCell","isInteracting","isLeaving","hadFocus","focusedElement","rows","Array","from","cells","flatMap","_temp","ownedCell","target","HTMLElement","cell","closest","undefined","isVisible","_temp2","controls","cell_0","querySelectorAll","filter","element_0","popup","element","original","has","get","getAttribute","contains","matches","Number","refreshOriginals","element_1","assigned","original_0","removeAttribute","setAttribute","delete","set","setTabIndex","element_2","value","attribute","String","getCellNavigation","t2","cell_1","items","buttons","_temp3","composite","canFocusControl","length","remember","cell_2","row_0","parentElement","column","dataset","cellIndex","columnIndex","row","rowIndex","synchronize","available","shouldRecoverFocus","document","activeElement","body","isConnected","includes","saved","row_1","find","item_0","item","Math","min","cell_4","_temp4","cell_5","buttons_0","items_0","target_0","isActive","item_1","tabIndex","focus","move","t3","cell_6","shouldFocusLastControl","buttons_1","target_1","focusTarget","onFocus","event","cell_7","buttons_2","target_2","onBlur","event_0","relatedTarget","Node","onKeyDown","event_1","cell_8","defaultPrevented","target_3","popup_0","buttons_3","key","altKey","metaKey","ctrlKey","shiftKey","isRTL","getComputedStyle","direction","isForward","nextButton","indexOf","preventDefault","stopPropagation","items_1","index","items_2","click","allRows","row_2","isRTL_0","bb413","nextRow","max","nextCell","onOutsidePointer","event_2","onWindowBlur","onChange","queueMicrotask","observer","MutationObserver","observe","attributeFilter","attributes","childList","subtree","addEventListener","window","disconnect","removeEventListener","element_3","original_1","cell_3","getClientRects","visibility"],"sources":["../../../../src/elements/Table/GridNavigation/useGridNavigation.ts"],"sourcesContent":["'use client'\n\nimport type { RefObject } from 'react'\n\nimport { useLayoutEffect, useRef } from 'react'\n\nconst controlsSelector =\n  'a[href],button,input:not([type=\"hidden\"]),select,textarea,[tabindex],[contenteditable=\"true\"],summary,audio[controls],video[controls]'\nconst compositeSelector =\n  '[role=\"toolbar\"],[role=\"tablist\"],[role=\"radiogroup\"],[role=\"listbox\"],[role=\"tree\"],[role=\"menu\"],[role=\"menubar\"],[role=\"grid\"],[role=\"treegrid\"]'\nconst interactionSelector =\n  'input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]),textarea,select,[contenteditable=\"true\"],[role=\"combobox\"],[aria-haspopup],[aria-roledescription=\"sortable\"]'\n\ntype Position = { column: string; columnIndex: number; row: string; rowIndex: number }\n\n/** Rove over rendered cells, including opaque server-rendered/custom cell contents. */\nexport function useGridNavigation({\n  id,\n  isEnabled,\n  ref,\n}: {\n  id?: string\n  isEnabled: boolean\n  ref: RefObject<HTMLTableElement | null>\n}) {\n  const position = useRef<null | Position>(null)\n\n  useLayoutEffect(() => {\n    const table = ref.current\n\n    if (!isEnabled || !table) {\n      return\n    }\n\n    const originals = new Map<HTMLElement, null | string>()\n    const assignedTabIndexes = new Map<HTMLElement, null | string>()\n    let activeCell: HTMLTableCellElement | undefined\n    let isInteracting = false\n    let isLeaving = false\n    let hadFocus = false\n    let focusedElement: HTMLElement | undefined\n\n    const rows = () => Array.from(table.rows)\n    const cells = () => rows().flatMap((row) => Array.from(row.cells))\n    const ownedCell = (target: EventTarget | null) => {\n      if (!(target instanceof HTMLElement)) {\n        return undefined\n      }\n\n      const cell = target.closest<HTMLTableCellElement>('th,td')\n\n      return cell?.closest('table') === table ? cell : undefined\n    }\n    const isVisible = (element: HTMLElement) =>\n      !element.closest('[hidden],[inert],[aria-hidden=\"true\"]') &&\n      element.getClientRects().length > 0 &&\n      getComputedStyle(element).visibility !== 'hidden'\n    const controls = (cell: HTMLTableCellElement) =>\n      Array.from(cell.querySelectorAll<HTMLElement>(controlsSelector)).filter((element) => {\n        const popup = element.closest('.popup__content,[role=\"dialog\"]')\n        const original = originals.has(element)\n          ? originals.get(element)\n          : element.getAttribute('tabindex')\n\n        return (\n          ownedCell(element) === cell &&\n          !(popup && cell.contains(popup)) &&\n          !element.matches(':disabled') &&\n          (original === null || Number(original) >= 0) &&\n          isVisible(element)\n        )\n      })\n    const refreshOriginals = () => {\n      for (const [element, assigned] of assignedTabIndexes) {\n        if (!table.contains(element)) {\n          const original = originals.get(element)\n\n          if (original == null) {\n            element.removeAttribute('tabindex')\n          } else {\n            element.setAttribute('tabindex', original)\n          }\n          originals.delete(element)\n          assignedTabIndexes.delete(element)\n          continue\n        }\n        const current = element.getAttribute('tabindex')\n\n        // Preserve changes made by a custom widget instead of treating them as grid writes.\n        if (current !== assigned) {\n          originals.set(element, current)\n          assignedTabIndexes.set(element, current)\n        }\n      }\n    }\n    const setTabIndex = (element: HTMLElement, value: null | number | string) => {\n      if (!originals.has(element)) {\n        originals.set(element, element.getAttribute('tabindex'))\n      }\n      const attribute = value === null ? null : String(value)\n\n      if (element.getAttribute('tabindex') !== attribute) {\n        if (attribute === null) {\n          element.removeAttribute('tabindex')\n        } else {\n          element.setAttribute('tabindex', attribute)\n        }\n      }\n      assignedTabIndexes.set(element, attribute)\n    }\n    const getCellNavigation = ({ cell }: { cell: HTMLTableCellElement }) => {\n      const items = controls(cell)\n      const buttons = cell.matches('th')\n        ? items.filter((item) => item.matches('[data-grid-sort-controls] button'))\n        : []\n      const composite = items[0]?.closest(compositeSelector)\n      const canFocusControl =\n        items.length === 1 &&\n        !(composite && cell.contains(composite)) &&\n        items[0].matches(\n          'button,input[type=\"checkbox\"],[role=\"button\"],[role=\"checkbox\"],[role=\"switch\"]',\n        ) &&\n        !items[0].matches(interactionSelector)\n\n      return { buttons, items, target: buttons[0] ?? (canFocusControl ? items[0] : cell) }\n    }\n    const remember = (cell: HTMLTableCellElement) => {\n      const row = cell.parentElement as HTMLTableRowElement\n\n      position.current = {\n        column: cell.dataset.column ?? String(cell.cellIndex),\n        columnIndex: cell.cellIndex,\n        row: row.dataset.id ?? 'header',\n        rowIndex: row.rowIndex,\n      }\n    }\n    const synchronize = () => {\n      refreshOriginals()\n      const available = cells().filter(isVisible)\n      const shouldRecoverFocus =\n        hadFocus &&\n        focusedElement &&\n        (!table.contains(focusedElement) ||\n          !isVisible(focusedElement) ||\n          focusedElement.matches(':disabled')) &&\n        (document.activeElement === document.body || document.activeElement === focusedElement)\n\n      if (shouldRecoverFocus) {\n        isInteracting = false\n      }\n\n      if (!activeCell?.isConnected || !available.includes(activeCell)) {\n        const saved = position.current\n        const row =\n          saved &&\n          (rows().find((item) => (item.dataset.id ?? 'header') === saved.row) ??\n            rows()[Math.min(saved.rowIndex, rows().length - 1)])\n\n        activeCell =\n          (row &&\n            (Array.from(row.cells).find(\n              (cell) => available.includes(cell) && cell.dataset.column === saved?.column,\n            ) ??\n              Array.from(row.cells).filter(isVisible)[\n                Math.min(saved.columnIndex, Array.from(row.cells).filter(isVisible).length - 1)\n              ])) ||\n          available.find((cell) => cell.matches('tbody .cell--linked')) ||\n          available[0]\n        isInteracting = false\n      }\n      for (const cell of available) {\n        const { buttons, items, target } = getCellNavigation({ cell })\n        const isActive = cell === activeCell && !isLeaving\n\n        setTabIndex(cell, isActive && target === cell && !isInteracting ? 0 : -1)\n        for (const item of items) {\n          let tabIndex: null | number | string = -1\n\n          if (isActive) {\n            if (isInteracting) {\n              tabIndex = originals.has(item) ? originals.get(item) : item.getAttribute('tabindex')\n            } else if (target === item || buttons.includes(item)) {\n              tabIndex = 0\n            }\n          }\n          setTabIndex(item, tabIndex ?? null)\n        }\n      }\n      if (activeCell) {\n        remember(activeCell)\n        if (shouldRecoverFocus) {\n          getCellNavigation({ cell: activeCell }).target.focus()\n        }\n      }\n    }\n    const move = ({\n      cell,\n      shouldFocusLastControl,\n    }: {\n      cell: HTMLTableCellElement\n      shouldFocusLastControl: boolean\n    }) => {\n      activeCell = cell\n      isInteracting = false\n      synchronize()\n      const { buttons, target } = getCellNavigation({ cell })\n      const focusTarget =\n        shouldFocusLastControl && buttons.length ? buttons[buttons.length - 1] : target\n\n      focusTarget.focus()\n    }\n    const onFocus = (event: FocusEvent) => {\n      const cell = ownedCell(event.target)\n\n      if (!cell) {\n        return\n      }\n      refreshOriginals()\n      hadFocus = true\n      isLeaving = false\n      focusedElement = event.target as HTMLElement\n      activeCell = cell\n      const { buttons, target } = getCellNavigation({ cell })\n\n      isInteracting =\n        event.target !== cell &&\n        event.target !== target &&\n        !buttons.includes(event.target as HTMLElement)\n      synchronize()\n    }\n    const onBlur = (event: FocusEvent) => {\n      if (\n        isLeaving ||\n        (event.relatedTarget instanceof Node && !table.contains(event.relatedTarget))\n      ) {\n        hadFocus = false\n        isLeaving = false\n        isInteracting = false\n        synchronize()\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      const cell = ownedCell(event.target)\n\n      if (!cell || event.defaultPrevented) {\n        return\n      }\n      const target = event.target as HTMLElement\n      const popup = target.closest('.popup__content,[role=\"dialog\"]')\n\n      if (popup && cell.contains(popup)) {\n        return\n      }\n      const { buttons } = getCellNavigation({ cell })\n\n      if (buttons.includes(target)) {\n        if (event.key === 'Tab') {\n          isLeaving = true\n          synchronize()\n          return\n        }\n        if (\n          !event.altKey &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.shiftKey &&\n          (event.key === 'ArrowLeft' || event.key === 'ArrowRight')\n        ) {\n          const isRTL = getComputedStyle(table).direction === 'rtl'\n          const isForward = (event.key === 'ArrowRight') !== isRTL\n          const nextButton = buttons[buttons.indexOf(target) + (isForward ? 1 : -1)]\n\n          if (nextButton) {\n            event.preventDefault()\n            nextButton.focus()\n            return\n          }\n        }\n        if (event.key === 'Escape') {\n          event.preventDefault()\n          buttons[0].focus()\n          return\n        }\n      }\n      if (isInteracting) {\n        if (event.key === 'Escape') {\n          event.preventDefault()\n          event.stopPropagation()\n          isInteracting = false\n          getCellNavigation({ cell }).target.focus()\n          synchronize()\n        } else if (event.key === 'Tab') {\n          const items = controls(cell)\n          const index = items.indexOf(target)\n\n          if ((event.shiftKey && index === 0) || (!event.shiftKey && index === items.length - 1)) {\n            isInteracting = false\n            isLeaving = true\n            synchronize()\n          }\n        }\n        return\n      }\n      if ((event.key === 'Enter' || event.key === 'F2') && target === cell) {\n        const items = controls(cell)\n\n        if (event.key === 'Enter' && items.length === 1 && items[0].matches('a[href]')) {\n          event.preventDefault()\n          items[0].click()\n          return\n        }\n        if (items.length) {\n          event.preventDefault()\n          isInteracting = true\n          synchronize()\n          items[0].focus()\n        }\n        return\n      }\n      if (event.altKey || event.metaKey || event.shiftKey) {\n        return\n      }\n      const allRows = rows()\n      const row = cell.parentElement as HTMLTableRowElement\n      let rowIndex = row.rowIndex\n      let columnIndex = cell.cellIndex\n      const isRTL = getComputedStyle(table).direction === 'rtl'\n\n      switch (event.key) {\n        case 'ArrowDown':\n          rowIndex++\n          break\n        case 'ArrowLeft':\n          columnIndex += isRTL ? 1 : -1\n          break\n        case 'ArrowRight':\n          columnIndex += isRTL ? -1 : 1\n          break\n        case 'ArrowUp':\n          rowIndex--\n          break\n        case 'End':\n          columnIndex = row.cells.length - 1\n          if (event.ctrlKey) {\n            rowIndex = allRows.length - 1\n          }\n          break\n        case 'Home':\n          columnIndex = 0\n          if (event.ctrlKey) {\n            rowIndex = 0\n          }\n          break\n        default:\n          return\n      }\n      event.preventDefault()\n      const nextRow = allRows[Math.max(0, Math.min(rowIndex, allRows.length - 1))]\n      const nextCell = nextRow.cells[Math.max(0, Math.min(columnIndex, nextRow.cells.length - 1))]\n\n      if (nextCell && nextCell !== cell && isVisible(nextCell)) {\n        move({\n          cell: nextCell,\n          shouldFocusLastControl:\n            (event.key === 'ArrowLeft' && !isRTL) || (event.key === 'ArrowRight' && isRTL),\n        })\n      }\n    }\n    const onOutsidePointer = (event: PointerEvent) => {\n      if (event.target instanceof Node && !table.contains(event.target)) {\n        hadFocus = false\n      }\n    }\n    const onWindowBlur = () => {\n      hadFocus = false\n    }\n    const onChange = () => queueMicrotask(synchronize)\n    const observer = new MutationObserver(synchronize)\n\n    synchronize()\n    observer.observe(table, {\n      attributeFilter: ['tabindex', 'disabled', 'hidden', 'aria-hidden'],\n      attributes: true,\n      childList: true,\n      subtree: true,\n    })\n    document.addEventListener('pointerdown', onOutsidePointer, true)\n    window.addEventListener('blur', onWindowBlur)\n    table.addEventListener('focusin', onFocus)\n    table.addEventListener('focusout', onBlur)\n    // React cell handlers must be able to consume keys before grid navigation handles them.\n    document.addEventListener('keydown', onKeyDown)\n    table.addEventListener('change', onChange)\n\n    return () => {\n      observer.disconnect()\n      document.removeEventListener('pointerdown', onOutsidePointer, true)\n      window.removeEventListener('blur', onWindowBlur)\n      table.removeEventListener('focusin', onFocus)\n      table.removeEventListener('focusout', onBlur)\n      document.removeEventListener('keydown', onKeyDown)\n      table.removeEventListener('change', onChange)\n      for (const [element, original] of originals) {\n        if (original === null) {\n          element.removeAttribute('tabindex')\n        } else {\n          element.setAttribute('tabindex', original)\n        }\n      }\n    }\n  }, [id, isEnabled, ref])\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useGridNavigation.js","names":["c","_c","useLayoutEffect","useRef","controlsSelector","compositeSelector","interactionSelector","useGridNavigation","t0","$","id","isEnabled","ref","position","t1","table","current","originals","Map","assignedTabIndexes","activeCell","isInteracting","isLeaving","hadFocus","focusedElement","rows","Array","from","cells","flatMap","_temp","ownedCell","target","HTMLElement","cell","closest","undefined","isVisible","_temp2","controls","cell_0","querySelectorAll","filter","element_0","popup","element","original","has","get","getAttribute","contains","matches","Number","refreshOriginals","element_1","assigned","original_0","removeAttribute","setAttribute","delete","set","setTabIndex","element_2","value","attribute","String","getCellNavigation","t2","cell_1","items","buttons","_temp3","composite","canFocusControl","length","remember","cell_2","row_0","parentElement","column","dataset","cellIndex","columnIndex","row","rowIndex","synchronize","available","shouldRecoverFocus","document","activeElement","body","isConnected","includes","saved","row_1","find","item_0","item","Math","min","cell_4","_temp4","cell_5","buttons_0","items_0","target_0","isActive","item_1","tabIndex","focus","move","t3","cell_6","shouldFocusLastControl","buttons_1","target_1","focusTarget","onFocus","event","cell_7","buttons_2","target_2","onBlur","event_0","relatedTarget","Node","onKeyDown","event_1","cell_8","defaultPrevented","target_3","popup_0","buttons_3","key","altKey","metaKey","ctrlKey","shiftKey","isRTL","getComputedStyle","direction","isForward","nextButton","indexOf","preventDefault","stopPropagation","items_1","index","items_2","click","allRows","row_2","isRTL_0","bb413","nextRow","max","nextCell","onOutsidePointer","event_2","onWindowBlur","onChange","queueMicrotask","observer","MutationObserver","observe","attributeFilter","attributes","childList","subtree","addEventListener","window","disconnect","removeEventListener","element_3","original_1","cell_3","getClientRects","visibility"],"sources":["../../../../src/elements/Table/GridNavigation/useGridNavigation.ts"],"sourcesContent":["'use client'\n\nimport type { RefObject } from 'react'\n\nimport { useLayoutEffect, useRef } from 'react'\n\nconst controlsSelector =\n  'a[href],button,input:not([type=\"hidden\"]),select,textarea,[tabindex],[contenteditable=\"true\"],summary,audio[controls],video[controls]'\nconst compositeSelector =\n  '[role=\"toolbar\"],[role=\"tablist\"],[role=\"radiogroup\"],[role=\"listbox\"],[role=\"tree\"],[role=\"menu\"],[role=\"menubar\"],[role=\"grid\"],[role=\"treegrid\"]'\nconst interactionSelector =\n  'input:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"button\"]):not([type=\"submit\"]),textarea,select,[contenteditable=\"true\"],[role=\"combobox\"],[aria-haspopup],[aria-roledescription=\"sortable\"]'\n\ntype Position = { column: string; columnIndex: number; row: string; rowIndex: number }\n\n/** Rove over rendered cells, including opaque server-rendered/custom cell contents. */\nexport function useGridNavigation({\n  id,\n  isEnabled,\n  ref,\n}: {\n  id?: string\n  isEnabled: boolean\n  ref: RefObject<HTMLTableElement | null>\n}) {\n  const position = useRef<null | Position>(null)\n\n  useLayoutEffect(() => {\n    const table = ref.current\n\n    if (!isEnabled || !table) {\n      return\n    }\n\n    const originals = new Map<HTMLElement, null | string>()\n    const assignedTabIndexes = new Map<HTMLElement, null | string>()\n    let activeCell: HTMLTableCellElement | undefined\n    let isInteracting = false\n    let isLeaving = false\n    let hadFocus = false\n    let focusedElement: HTMLElement | undefined\n\n    const rows = () => Array.from(table.rows)\n    const cells = () => rows().flatMap((row) => Array.from(row.cells))\n    const ownedCell = (target: EventTarget | null) => {\n      if (!(target instanceof HTMLElement)) {\n        return undefined\n      }\n\n      const cell = target.closest<HTMLTableCellElement>('th,td')\n\n      return cell?.closest('table') === table ? cell : undefined\n    }\n    const isVisible = (element: HTMLElement) =>\n      !element.closest('[hidden],[inert],[aria-hidden=\"true\"]') &&\n      element.getClientRects().length > 0 &&\n      getComputedStyle(element).visibility !== 'hidden'\n    const controls = (cell: HTMLTableCellElement) =>\n      Array.from(cell.querySelectorAll<HTMLElement>(controlsSelector)).filter((element) => {\n        const popup = element.closest('.popup__content,[role=\"dialog\"]')\n        const original = originals.has(element)\n          ? originals.get(element)\n          : element.getAttribute('tabindex')\n\n        return (\n          ownedCell(element) === cell &&\n          !(popup && cell.contains(popup)) &&\n          !element.matches(':disabled') &&\n          (original === null || Number(original) >= 0) &&\n          isVisible(element)\n        )\n      })\n    const refreshOriginals = () => {\n      for (const [element, assigned] of assignedTabIndexes) {\n        if (!table.contains(element)) {\n          const original = originals.get(element)\n\n          if (original == null) {\n            element.removeAttribute('tabindex')\n          } else {\n            element.setAttribute('tabindex', original)\n          }\n          originals.delete(element)\n          assignedTabIndexes.delete(element)\n          continue\n        }\n        const current = element.getAttribute('tabindex')\n\n        // Preserve changes made by a custom widget instead of treating them as grid writes.\n        if (current !== assigned) {\n          originals.set(element, current)\n          assignedTabIndexes.set(element, current)\n        }\n      }\n    }\n    const setTabIndex = (element: HTMLElement, value: null | number | string) => {\n      if (!originals.has(element)) {\n        originals.set(element, element.getAttribute('tabindex'))\n      }\n      const attribute = value === null ? null : String(value)\n\n      if (element.getAttribute('tabindex') !== attribute) {\n        if (attribute === null) {\n          element.removeAttribute('tabindex')\n        } else {\n          element.setAttribute('tabindex', attribute)\n        }\n      }\n      assignedTabIndexes.set(element, attribute)\n    }\n    const getCellNavigation = ({ cell }: { cell: HTMLTableCellElement }) => {\n      const items = controls(cell)\n      const buttons = cell.matches('th')\n        ? items.filter((item) => item.matches('[data-grid-sort-controls] button'))\n        : []\n      const composite = items[0]?.closest(compositeSelector)\n      const canFocusControl =\n        items.length === 1 &&\n        !(composite && cell.contains(composite)) &&\n        items[0].matches(\n          'button,input[type=\"checkbox\"],[role=\"button\"],[role=\"checkbox\"],[role=\"switch\"]',\n        ) &&\n        !items[0].matches(interactionSelector)\n\n      return { buttons, items, target: buttons[0] ?? (canFocusControl ? items[0] : cell) }\n    }\n    const remember = (cell: HTMLTableCellElement) => {\n      const row = cell.parentElement as HTMLTableRowElement\n\n      position.current = {\n        column: cell.dataset.column ?? String(cell.cellIndex),\n        columnIndex: cell.cellIndex,\n        row: row.dataset.id ?? 'header',\n        rowIndex: row.rowIndex,\n      }\n    }\n    const synchronize = () => {\n      refreshOriginals()\n      const available = cells().filter(isVisible)\n      const shouldRecoverFocus =\n        hadFocus &&\n        focusedElement &&\n        (!table.contains(focusedElement) ||\n          !isVisible(focusedElement) ||\n          focusedElement.matches(':disabled')) &&\n        (document.activeElement === document.body || document.activeElement === focusedElement)\n\n      if (shouldRecoverFocus) {\n        isInteracting = false\n      }\n\n      if (!activeCell?.isConnected || !available.includes(activeCell)) {\n        const saved = position.current\n        const row =\n          saved &&\n          (rows().find((item) => (item.dataset.id ?? 'header') === saved.row) ??\n            rows()[Math.min(saved.rowIndex, rows().length - 1)])\n\n        activeCell =\n          (row &&\n            (Array.from(row.cells).find(\n              (cell) => available.includes(cell) && cell.dataset.column === saved?.column,\n            ) ??\n              Array.from(row.cells).filter(isVisible)[\n                Math.min(saved.columnIndex, Array.from(row.cells).filter(isVisible).length - 1)\n              ])) ||\n          available.find((cell) => cell.matches('tbody .cell--linked')) ||\n          available[0]\n        isInteracting = false\n      }\n      for (const cell of available) {\n        const { buttons, items, target } = getCellNavigation({ cell })\n        const isActive = cell === activeCell && !isLeaving\n\n        setTabIndex(cell, isActive && target === cell && !isInteracting ? 0 : -1)\n        for (const item of items) {\n          let tabIndex: null | number | string = -1\n\n          if (isActive) {\n            if (isInteracting) {\n              tabIndex = originals.has(item) ? originals.get(item) : item.getAttribute('tabindex')\n            } else if (target === item || buttons.includes(item)) {\n              tabIndex = 0\n            }\n          }\n          setTabIndex(item, tabIndex ?? null)\n        }\n      }\n      if (activeCell) {\n        remember(activeCell)\n        if (shouldRecoverFocus) {\n          getCellNavigation({ cell: activeCell }).target.focus()\n        }\n      }\n    }\n    const move = ({\n      cell,\n      shouldFocusLastControl,\n    }: {\n      cell: HTMLTableCellElement\n      shouldFocusLastControl: boolean\n    }) => {\n      activeCell = cell\n      isInteracting = false\n      synchronize()\n      const { buttons, target } = getCellNavigation({ cell })\n      const focusTarget =\n        shouldFocusLastControl && buttons.length ? buttons[buttons.length - 1] : target\n\n      focusTarget.focus()\n    }\n    const onFocus = (event: FocusEvent) => {\n      const cell = ownedCell(event.target)\n\n      if (!cell) {\n        return\n      }\n      refreshOriginals()\n      hadFocus = true\n      isLeaving = false\n      focusedElement = event.target as HTMLElement\n      activeCell = cell\n      const { buttons, target } = getCellNavigation({ cell })\n\n      isInteracting =\n        event.target !== cell &&\n        event.target !== target &&\n        !buttons.includes(event.target as HTMLElement)\n      synchronize()\n    }\n    const onBlur = (event: FocusEvent) => {\n      if (\n        isLeaving ||\n        (event.relatedTarget instanceof Node && !table.contains(event.relatedTarget))\n      ) {\n        hadFocus = false\n        isLeaving = false\n        isInteracting = false\n        synchronize()\n      }\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      const cell = ownedCell(event.target)\n\n      if (!cell || event.defaultPrevented) {\n        return\n      }\n      const target = event.target as HTMLElement\n      const popup = target.closest('.popup__content,[role=\"dialog\"]')\n\n      if (popup && cell.contains(popup)) {\n        return\n      }\n      const { buttons } = getCellNavigation({ cell })\n\n      if (buttons.includes(target)) {\n        if (event.key === 'Tab') {\n          isLeaving = true\n          synchronize()\n          return\n        }\n        if (\n          !event.altKey &&\n          !event.metaKey &&\n          !event.ctrlKey &&\n          !event.shiftKey &&\n          (event.key === 'ArrowLeft' || event.key === 'ArrowRight')\n        ) {\n          const isRTL = getComputedStyle(table).direction === 'rtl'\n          const isForward = (event.key === 'ArrowRight') !== isRTL\n          const nextButton = buttons[buttons.indexOf(target) + (isForward ? 1 : -1)]\n\n          if (nextButton) {\n            event.preventDefault()\n            nextButton.focus()\n            return\n          }\n        }\n        if (event.key === 'Escape') {\n          event.preventDefault()\n          buttons[0].focus()\n          return\n        }\n      }\n      if (isInteracting) {\n        if (event.key === 'Escape') {\n          event.preventDefault()\n          event.stopPropagation()\n          isInteracting = false\n          getCellNavigation({ cell }).target.focus()\n          synchronize()\n        } else if (event.key === 'Tab') {\n          const items = controls(cell)\n          const index = items.indexOf(target)\n\n          if ((event.shiftKey && index === 0) || (!event.shiftKey && index === items.length - 1)) {\n            isInteracting = false\n            isLeaving = true\n            synchronize()\n          }\n        }\n        return\n      }\n      if ((event.key === 'Enter' || event.key === 'F2') && target === cell) {\n        const items = controls(cell)\n\n        if (event.key === 'Enter' && items.length === 1 && items[0].matches('a[href]')) {\n          event.preventDefault()\n          items[0].click()\n          return\n        }\n        if (items.length) {\n          event.preventDefault()\n          isInteracting = true\n          synchronize()\n          items[0].focus()\n        }\n        return\n      }\n      if (event.altKey || event.metaKey || event.shiftKey) {\n        return\n      }\n      const allRows = rows()\n      const row = cell.parentElement as HTMLTableRowElement\n      let rowIndex = row.rowIndex\n      let columnIndex = cell.cellIndex\n      const isRTL = getComputedStyle(table).direction === 'rtl'\n\n      switch (event.key) {\n        case 'ArrowDown':\n          rowIndex++\n          break\n        case 'ArrowLeft':\n          columnIndex += isRTL ? 1 : -1\n          break\n        case 'ArrowRight':\n          columnIndex += isRTL ? -1 : 1\n          break\n        case 'ArrowUp':\n          rowIndex--\n          break\n        case 'End':\n          columnIndex = row.cells.length - 1\n          if (event.ctrlKey) {\n            rowIndex = allRows.length - 1\n          }\n          break\n        case 'Home':\n          columnIndex = 0\n          if (event.ctrlKey) {\n            rowIndex = 0\n          }\n          break\n        default:\n          return\n      }\n      event.preventDefault()\n      const nextRow = allRows[Math.max(0, Math.min(rowIndex, allRows.length - 1))]\n      const nextCell = nextRow.cells[Math.max(0, Math.min(columnIndex, nextRow.cells.length - 1))]\n\n      if (nextCell && nextCell !== cell && isVisible(nextCell)) {\n        move({\n          cell: nextCell,\n          shouldFocusLastControl:\n            (event.key === 'ArrowLeft' && !isRTL) || (event.key === 'ArrowRight' && isRTL),\n        })\n      }\n    }\n    const onOutsidePointer = (event: PointerEvent) => {\n      if (event.target instanceof Node && !table.contains(event.target)) {\n        hadFocus = false\n      }\n    }\n    const onWindowBlur = () => {\n      hadFocus = false\n    }\n    const onChange = () => queueMicrotask(synchronize)\n    const observer = new MutationObserver(synchronize)\n\n    synchronize()\n    observer.observe(table, {\n      attributeFilter: ['tabindex', 'disabled', 'hidden', 'aria-hidden'],\n      attributes: true,\n      childList: true,\n      subtree: true,\n    })\n    document.addEventListener('pointerdown', onOutsidePointer, true)\n    window.addEventListener('blur', onWindowBlur)\n    table.addEventListener('focusin', onFocus)\n    table.addEventListener('focusout', onBlur)\n    // React cell handlers must be able to consume keys before grid navigation handles them.\n    document.addEventListener('keydown', onKeyDown)\n    table.addEventListener('change', onChange)\n\n    return () => {\n      observer.disconnect()\n      document.removeEventListener('pointerdown', onOutsidePointer, true)\n      window.removeEventListener('blur', onWindowBlur)\n      table.removeEventListener('focusin', onFocus)\n      table.removeEventListener('focusout', onBlur)\n      document.removeEventListener('keydown', onKeyDown)\n      table.removeEventListener('change', onChange)\n      for (const [element, original] of originals) {\n        if (original === null) {\n          element.removeAttribute('tabindex')\n        } else {\n          element.setAttribute('tabindex', original)\n        }\n      }\n    }\n  }, [id, isEnabled, ref])\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/RelationshipProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","appendUploadSelectFields","formatAdminURL","qs","React","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useBranchParam","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","branch","t1","_jsx","RelationshipProviderForBranch","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","collections","routes","t3","api","i18n","currentLocale","locale","code","prevLocale","t4","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","apiRoute","path","params","URLSearchParams","select","append","collection","find","fieldToSelect","admin","useAsTitle","upload","collectionConfig","idsToString","map","_temp","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","useListRelationships","id_0","String"],"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields, formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useBranchParam } from '../../../providers/Branch/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: false | null | TypeWithID\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const branch = useBranchParam()\n\n  return (\n    <RelationshipProviderForBranch branch={branch} key={branch ?? 'main'}>\n      {children}\n    </RelationshipProviderForBranch>\n  )\n}\n\nconst RelationshipProviderForBranch: React.FC<{\n  readonly branch?: string\n  readonly children?: React.ReactNode\n}> = ({ branch, children }) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = formatAdminURL({ apiRoute: api, path: `/${slug}` })\n\n          const params = new URLSearchParams()\n          const select: SelectType = {}\n\n          params.append('depth', '0')\n          params.append('draft', 'true')\n          params.append('limit', '250')\n\n          const collection = collections.find((c) => c.slug === slug)\n\n          if (!collection) {\n            return\n          }\n\n          const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n\n          select[fieldToSelect] = true\n\n          if (collection.upload) {\n            appendUploadSelectFields({ collectionConfig: collection, select })\n          }\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          if (branch) {\n            params.append('branch', branch)\n          }\n\n          const idsToString = idsToLoad.map((id) => String(id))\n          params.append('where[id][in]', idsToString.join(','))\n\n          const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, api, branch, i18n, locale, collections],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","appendUploadSelectFields","formatAdminURL","qs","React","createContext","use","useCallback","useEffect","useReducer","useRef","useDebounce","useBranchParam","useConfig","useLocale","useTranslation","reducer","Context","RelationshipProvider","t0","$","children","branch","t1","_jsx","RelationshipProviderForBranch","Symbol","for","documents","dispatchDocuments","debouncedDocuments","config","t2","collections","routes","t3","api","i18n","currentLocale","locale","code","prevLocale","t4","t5","reloadAll","undefined","Object","entries","forEach","t6","slug","docs","idsToLoad","t7","id","value","push","length","url","apiRoute","path","params","URLSearchParams","select","append","collection","find","fieldToSelect","admin","useAsTitle","upload","collectionConfig","idsToString","map","_temp","join","query","toString","stringify","result","fetch","credentials","headers","language","ok","json","type","relationTo","loadRelationshipDocs","current","relationships","getRelationships","t8","useListRelationships","id_0","String"],"sources":["../../../../src/elements/Table/RelationshipProvider/index.tsx"],"sourcesContent":["'use client'\nimport type { SelectType, TypeWithID } from 'payload'\n\nimport { appendUploadSelectFields, formatAdminURL } from 'payload/shared'\nimport * as qs from 'qs-esm'\nimport React, { createContext, use, useCallback, useEffect, useReducer, useRef } from 'react'\n\nimport { useDebounce } from '../../../hooks/useDebounce.js'\nimport { useBranchParam } from '../../../providers/Branch/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useLocale } from '../../../providers/Locale/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { reducer } from './reducer.js'\n\n// documents are first set to null when requested\n// set to false when no doc is returned\n// or set to the document returned\nexport type Documents = {\n  [slug: string]: {\n    [id: number | string]: false | null | TypeWithID\n  }\n}\n\ntype ListRelationshipContext = {\n  documents: Documents\n  getRelationships: (\n    docs: {\n      relationTo: string\n      value: number | string\n    }[],\n  ) => void\n}\n\nconst Context = createContext({} as ListRelationshipContext)\n\nexport const RelationshipProvider: React.FC<{ readonly children?: React.ReactNode }> = ({\n  children,\n}) => {\n  const branch = useBranchParam()\n\n  return (\n    <RelationshipProviderForBranch branch={branch} key={branch ?? 'main'}>\n      {children}\n    </RelationshipProviderForBranch>\n  )\n}\n\nconst RelationshipProviderForBranch: React.FC<{\n  readonly branch?: string\n  readonly children?: React.ReactNode\n}> = ({ branch, children }) => {\n  const [documents, dispatchDocuments] = useReducer(reducer, {})\n  const debouncedDocuments = useDebounce(documents, 100)\n\n  const {\n    config: {\n      collections,\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { i18n } = useTranslation()\n  const currentLocale = useLocale()\n  const locale = currentLocale?.code\n  const prevLocale = useRef(locale)\n\n  const loadRelationshipDocs = useCallback(\n    (reloadAll = false) => {\n      Object.entries(debouncedDocuments).forEach(async ([slug, docs]) => {\n        const idsToLoad: (number | string)[] = []\n\n        Object.entries(docs).forEach(([id, value]) => {\n          if (value === null || reloadAll) {\n            idsToLoad.push(id)\n          }\n        })\n\n        if (idsToLoad.length > 0) {\n          const url = formatAdminURL({ apiRoute: api, path: `/${slug}` })\n\n          const params = new URLSearchParams()\n          const select: SelectType = {}\n\n          params.append('depth', '0')\n          params.append('draft', 'true')\n          params.append('limit', '250')\n\n          const collection = collections.find((c) => c.slug === slug)\n\n          if (!collection) {\n            return\n          }\n\n          const fieldToSelect = collection.admin.useAsTitle ?? 'id'\n\n          select[fieldToSelect] = true\n\n          if (collection.upload) {\n            appendUploadSelectFields({ collectionConfig: collection, select })\n          }\n\n          if (locale) {\n            params.append('locale', locale)\n          }\n\n          if (branch) {\n            params.append('branch', branch)\n          }\n\n          const idsToString = idsToLoad.map((id) => String(id))\n          params.append('where[id][in]', idsToString.join(','))\n\n          const query = `?${params.toString()}&${qs.stringify({ select })}`\n\n          const result = await fetch(`${url}${query}`, {\n            credentials: 'include',\n            headers: {\n              'Accept-Language': i18n.language,\n            },\n          })\n\n          if (result.ok) {\n            const json = await result.json()\n            if (json.docs) {\n              dispatchDocuments({\n                type: 'ADD_LOADED',\n                docs: json.docs,\n                idsToLoad,\n                relationTo: slug,\n              })\n            }\n          } else {\n            dispatchDocuments({ type: 'ADD_LOADED', docs: [], idsToLoad, relationTo: slug })\n          }\n        }\n      })\n    },\n    [debouncedDocuments, api, branch, i18n, locale, collections],\n  )\n\n  useEffect(() => {\n    void loadRelationshipDocs(locale && prevLocale.current !== locale)\n    prevLocale.current = locale\n  }, [locale, loadRelationshipDocs])\n\n  const getRelationships = useCallback(\n    (relationships: { relationTo: string; value: number | string }[]) => {\n      dispatchDocuments({ type: 'REQUEST', docs: relationships })\n    },\n    [],\n  )\n\n  return <Context value={{ documents, getRelationships }}>{children}</Context>\n}\n\nexport const useListRelationships = (): ListRelationshipContext => use(Context)\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Table/TableIdentity.js

@@ -6,34 +6,50 @@ import React, { createContext, use, useId } from 'react';
 export const TableGridContext = /*#__PURE__*/createContext(false);
 const TableIdentityContext = /*#__PURE__*/createContext(null);
 export const TableIdentityProvider = t0 => {
-  const $ = _c(5);
+  const $ = _c(8);
   const {
     children,
     collectionSlug,
     navigationLabel
   } = t0;
-  const instanceID = useId().replace(/:/g, "");
-  const t1 = `payload-table-${collectionSlug}-${instanceID}`;
-  const t2 = `payload-table-${collectionSlug}`;
-  let t3;
-  if ($[0] !== children || $[1] !== navigationLabel || $[2] !== t1 || $[3] !== t2) {
-    t3 = _jsx(TableIdentityContext, {
+  const t1 = useId();
+  let t2;
+  if ($[0] !== t1) {
+    let t3;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = /:/g;
+      $[2] = t3;
+    } else {
+      t3 = $[2];
+    }
+    t2 = t1.replace(t3, "");
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const instanceID = t2;
+  const t3 = `payload-table-${collectionSlug}-${instanceID}`;
+  const t4 = `payload-table-${collectionSlug}`;
+  let t5;
+  if ($[3] !== children || $[4] !== navigationLabel || $[5] !== t3 || $[6] !== t4) {
+    t5 = _jsx(TableIdentityContext, {
       value: {
-        baseID: t1,
-        legacyBaseID: t2,
+        baseID: t3,
+        legacyBaseID: t4,
         navigationLabel
       },
       children
     });
-    $[0] = children;
-    $[1] = navigationLabel;
-    $[2] = t1;
-    $[3] = t2;
-    $[4] = t3;
+    $[3] = children;
+    $[4] = navigationLabel;
+    $[5] = t3;
+    $[6] = t4;
+    $[7] = t5;
   } else {
-    t3 = $[4];
+    t5 = $[7];
   }
-  return t3;
+  return t5;
 };
 export const useTableID = id => {
   const identity = use(TableIdentityContext);

package/dist/elements/Table/TableIdentity.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableIdentity.js","names":["c","_c","React","createContext","use","useId","TableGridContext","TableIdentityContext","TableIdentityProvider","t0","$","children","collectionSlug","navigationLabel","instanceID","replace","t1","t2","t3","_jsx","value","baseID","legacyBaseID","useTableID","id","identity","startsWith","slice","length","useTableNavigationLabel"],"sources":["../../../src/elements/Table/TableIdentity.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use, useId } from 'react'\n\ntype TableIdentity = {\n  baseID: string\n  legacyBaseID: string\n  navigationLabel?: string\n}\n\nexport const TableGridContext = createContext(false)\n\nconst TableIdentityContext = createContext<null | TableIdentity>(null)\n\nexport const TableIdentityProvider: React.FC<{\n  children: React.ReactNode\n  collectionSlug: string\n  navigationLabel?: string\n}> = ({ children, collectionSlug, navigationLabel }) => {\n  const instanceID = useId().replace(/:/g, '')\n\n  return (\n    <TableIdentityContext\n      value={{\n        baseID: `payload-table-${collectionSlug}-${instanceID}`,\n        legacyBaseID: `payload-table-${collectionSlug}`,\n        navigationLabel,\n      }}\n    >\n      {children}\n    </TableIdentityContext>\n  )\n}\n\nexport const useTableID = (id?: string): string | undefined => {\n  const identity = use(TableIdentityContext)\n\n  if (!identity || !id) {\n    return id\n  }\n\n  if (id === identity.legacyBaseID) {\n    return identity.baseID\n  }\n\n  if (id.startsWith(`${identity.legacyBaseID}-`)) {\n    return `${identity.baseID}${id.slice(identity.legacyBaseID.length)}`\n  }\n\n  return id\n}\n\nexport const useTableNavigationLabel = (): string | undefined =>\n  use(TableIdentityContext)?.navigationLabel\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,KAAK,QAAQ;AAQjD,OAAO,MAAMC,gBAAA,gBAAmBH,aAAA,CAAc;AAE9C,MAAMI,oBAAA,gBAAuBJ,aAAA,CAAoC;AAEjE,OAAO,MAAMK,qBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,QAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAJ,EAA6C;EACjD,MAAAK,UAAA,GAAmBT,KAAA,GAAAU,OAAA,OAAsB;EAK3B,MAAAC,EAAA,oBAAiBJ,cAAA,IAAkBE,UAAA,EAAY;EACzC,MAAAG,EAAA,oBAAiBL,cAAA,EAAgB;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,eAAA,IAAAH,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAO,EAAA;IAHnDC,EAAA,GAAAC,IAAA,CAAAZ,oBAAA;MAAAa,KAAA;QAAAC,MAAA,EAEYL,EAA+C;QAAAM,YAAA,EACzCL,EAAiC;QAAAJ;MAAA;MAAAF;IAAA,C;;;;;;;;;SAHnDO,E;CAUJ;AAEA,OAAO,MAAMK,UAAA,GAAcC,EAAA;EACzB,MAAMC,QAAA,GAAWrB,GAAA,CAAIG,oBAAA;EAErB,IAAI,CAACkB,QAAA,IAAY,CAACD,EAAA,EAAI;IACpB,OAAOA,EAAA;EACT;EAEA,IAAIA,EAAA,KAAOC,QAAA,CAASH,YAAY,EAAE;IAChC,OAAOG,QAAA,CAASJ,MAAM;EACxB;EAEA,IAAIG,EAAA,CAAGE,UAAU,CAAC,GAAGD,QAAA,CAASH,YAAY,GAAG,GAAG;IAC9C,OAAO,GAAGG,QAAA,CAASJ,MAAM,GAAGG,EAAA,CAAGG,KAAK,CAACF,QAAA,CAASH,YAAY,CAACM,MAAM,GAAG;EACtE;EAEA,OAAOJ,EAAA;AACT;AAEA,OAAO,MAAMK,uBAAA,GAA0BA,CAAA,KACrCzB,GAAA,CAAIG,oBAAA,GAAuBM,eAAA","ignoreList":[]}
+{"version":3,"file":"TableIdentity.js","names":["c","_c","React","createContext","use","useId","TableGridContext","TableIdentityContext","TableIdentityProvider","t0","$","children","collectionSlug","navigationLabel","t1","t2","t3","Symbol","for","replace","instanceID","t4","t5","_jsx","value","baseID","legacyBaseID","useTableID","id","identity","startsWith","slice","length","useTableNavigationLabel"],"sources":["../../../src/elements/Table/TableIdentity.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use, useId } from 'react'\n\ntype TableIdentity = {\n  baseID: string\n  legacyBaseID: string\n  navigationLabel?: string\n}\n\nexport const TableGridContext = createContext(false)\n\nconst TableIdentityContext = createContext<null | TableIdentity>(null)\n\nexport const TableIdentityProvider: React.FC<{\n  children: React.ReactNode\n  collectionSlug: string\n  navigationLabel?: string\n}> = ({ children, collectionSlug, navigationLabel }) => {\n  const instanceID = useId().replace(/:/g, '')\n\n  return (\n    <TableIdentityContext\n      value={{\n        baseID: `payload-table-${collectionSlug}-${instanceID}`,\n        legacyBaseID: `payload-table-${collectionSlug}`,\n        navigationLabel,\n      }}\n    >\n      {children}\n    </TableIdentityContext>\n  )\n}\n\nexport const useTableID = (id?: string): string | undefined => {\n  const identity = use(TableIdentityContext)\n\n  if (!identity || !id) {\n    return id\n  }\n\n  if (id === identity.legacyBaseID) {\n    return identity.baseID\n  }\n\n  if (id.startsWith(`${identity.legacyBaseID}-`)) {\n    return `${identity.baseID}${id.slice(identity.legacyBaseID.length)}`\n  }\n\n  return id\n}\n\nexport const useTableNavigationLabel = (): string | undefined =>\n  use(TableIdentityContext)?.navigationLabel\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,KAAK,QAAQ;AAQjD,OAAO,MAAMC,gBAAA,gBAAmBH,aAAA,CAAc;AAE9C,MAAMI,oBAAA,gBAAuBJ,aAAA,CAAoC;AAEjE,OAAO,MAAMK,qBAAA,GAIRC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,QAAA;IAAAC,cAAA;IAAAC;EAAA,IAAAJ,EAA6C;EAC9B,MAAAK,EAAA,GAAAT,KAAA;EAAA,IAAAU,EAAA;EAAA,IAAAL,CAAA,QAAAI,EAAA;IAAA,IAAAE,EAAA;IAAA,IAAAN,CAAA,QAAAO,MAAA,CAAAC,GAAA;MAAgBF,EAAA;MAAAN,CAAA,MAAAM,EAAA;IAAA;MAAAA,EAAA,GAAAN,CAAA;IAAA;IAAhBK,EAAA,GAAAD,EAAA,CAAAK,OAAe,CAACH,EAAA,EAAM;IAAAN,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAzC,MAAAU,UAAA,GAAmBL,EAAsB;EAK3B,MAAAC,EAAA,oBAAiBJ,cAAA,IAAkBQ,UAAA,EAAY;EACzC,MAAAC,EAAA,oBAAiBT,cAAA,EAAgB;EAAA,IAAAU,EAAA;EAAA,IAAAZ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,eAAA,IAAAH,CAAA,QAAAM,EAAA,IAAAN,CAAA,QAAAW,EAAA;IAHnDC,EAAA,GAAAC,IAAA,CAAChB,oBAAA;MAAAiB,KAAA,EACQ;QAAAC,MAAA,EACGT,EAA+C;QAAAU,YAAA,EACzCL,EAAiC;QAAAR;MAEjD;MAAAF;;;;;;;;;;SALFW,E;CAUJ;AAEA,OAAO,MAAMK,UAAA,GAAcC,EAAA;EACzB,MAAMC,QAAA,GAAWzB,GAAA,CAAIG,oBAAA;EAErB,IAAI,CAACsB,QAAA,IAAY,CAACD,EAAA,EAAI;IACpB,OAAOA,EAAA;EACT;EAEA,IAAIA,EAAA,KAAOC,QAAA,CAASH,YAAY,EAAE;IAChC,OAAOG,QAAA,CAASJ,MAAM;EACxB;EAEA,IAAIG,EAAA,CAAGE,UAAU,CAAC,GAAGD,QAAA,CAASH,YAAY,GAAG,GAAG;IAC9C,OAAO,GAAGG,QAAA,CAASJ,MAAM,GAAGG,EAAA,CAAGG,KAAK,CAACF,QAAA,CAASH,YAAY,CAACM,MAAM,GAAG;EACtE;EAEA,OAAOJ,EAAA;AACT;AAEA,OAAO,MAAMK,uBAAA,GAA0BA,CAAA,KACrC7B,GAAA,CAAIG,oBAAA,GAAuBM,eAAA","ignoreList":[]}

package/dist/elements/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useAuth","useSelection","useGridNavigation","TableGridContext","useTableID","useTableNavigationLabel","baseClass","Table","id","appearance","ariaLabel","BeforeTable","columns","data","navigationLabel","navigationLabelFromProps","tableID","navigationLabelFromContext","tableRef","isGrid","Boolean","selected","user","activeColumns","filter","col","active","hasRowSelection","some","column","accessor","isEnabled","length","ref","_jsx","_jsxs","className","join","value","undefined","cellPadding","cellSpacing","role","map","replace","scope","Heading","row","rowIndex","userEditing","_userEditing","isLockedByAnotherUser","_isLocked","String","get","isLinkedColumn","renderedCells"],"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Column, User } from 'payload'\n\nimport React, { useRef } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useSelection } from '../../providers/Selection/index.js'\nimport { useGridNavigation } from './GridNavigation/useGridNavigation.js'\nimport { TableGridContext, useTableID, useTableNavigationLabel } from './TableIdentity.js'\nimport './index.css'\n\nconst baseClass = 'table'\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly ariaLabel?: string\n  readonly BeforeTable?: React.ReactNode\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n  readonly id?: string\n  readonly navigationLabel?: string\n}\n\nexport const Table: React.FC<Props> = ({\n  id,\n  appearance,\n  ariaLabel,\n  BeforeTable,\n  columns,\n  data,\n  navigationLabel: navigationLabelFromProps,\n}) => {\n  const tableID = useTableID(id)\n  const navigationLabelFromContext = useTableNavigationLabel()\n  const navigationLabel = navigationLabelFromProps ?? navigationLabelFromContext\n  const tableRef = useRef<HTMLTableElement>(null)\n  const isGrid = Boolean(navigationLabel)\n  const { selected } = useSelection()\n  const { user } = useAuth()\n\n  const activeColumns = columns?.filter((col) => col?.active)\n  const hasRowSelection = isGrid && activeColumns?.some((column) => column.accessor === '_select')\n\n  useGridNavigation({ id, isEnabled: isGrid && Boolean(activeColumns?.length), ref: tableRef })\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <TableGridContext value={isGrid}>\n        <table\n          aria-label={ariaLabel ?? navigationLabel}\n          aria-multiselectable={hasRowSelection || undefined}\n          cellPadding=\"0\"\n          cellSpacing=\"0\"\n          id={tableID}\n          ref={tableRef}\n          role={isGrid ? 'grid' : undefined}\n        >\n          <thead>\n            <tr role={isGrid ? 'row' : undefined}>\n              {activeColumns.map((col) => (\n                <th\n                  data-column={col.accessor}\n                  id={`heading-${col.accessor.replace(/\\./g, '__')}`}\n                  key={col.accessor}\n                  role={isGrid ? 'columnheader' : undefined}\n                  scope=\"col\"\n                >\n                  {col.Heading}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {data &&\n              data?.map((row, rowIndex) => {\n                const userEditing = row._userEditing as undefined | User\n                const isLockedByAnotherUser =\n                  row._isLocked && userEditing && userEditing.id !== user?.id\n\n                return (\n                  <tr\n                    aria-label={isGrid ? String(rowIndex + 1) : undefined}\n                    aria-selected={\n                      hasRowSelection && !isLockedByAnotherUser\n                        ? Boolean(\n                            (typeof row.id === 'string' || typeof row.id === 'number') &&\n                              selected.get(row.id),\n                          )\n                        : undefined\n                    }\n                    className={`row-${rowIndex + 1}`}\n                    data-id={row.id}\n                    key={\n                      typeof row.id === 'string' || typeof row.id === 'number'\n                        ? String(row.id)\n                        : rowIndex\n                    }\n                    role={isGrid ? 'row' : undefined}\n                  >\n                    {activeColumns.map((col) => {\n                      const { accessor } = col\n\n                      return (\n                        <td\n                          className={[\n                            `cell-${accessor.replace(/\\./g, '__')}`,\n                            col.isLinkedColumn && 'cell--linked',\n                          ]\n                            .filter(Boolean)\n                            .join(' ')}\n                          data-column={accessor}\n                          key={accessor}\n                          role={isGrid ? 'gridcell' : undefined}\n                        >\n                          {col.renderedCells[rowIndex]}\n                        </td>\n                      )\n                    })}\n                  </tr>\n                )\n              })}\n          </tbody>\n        </table>\n      </TableGridContext>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useRef","useAuth","useSelection","useGridNavigation","TableGridContext","useTableID","useTableNavigationLabel","baseClass","Table","id","appearance","ariaLabel","BeforeTable","columns","data","navigationLabel","navigationLabelFromProps","tableID","navigationLabelFromContext","tableRef","isGrid","Boolean","selected","user","activeColumns","filter","col","active","hasRowSelection","some","column","accessor","isEnabled","length","ref","_jsx","_jsxs","className","join","value","undefined","cellPadding","cellSpacing","role","map","replace","scope","Heading","row","rowIndex","userEditing","_userEditing","isLockedByAnotherUser","_isLocked","String","get","isLinkedColumn","renderedCells"],"sources":["../../../src/elements/Table/index.tsx"],"sourcesContent":["'use client'\n\nimport type { Column, User } from 'payload'\n\nimport React, { useRef } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useSelection } from '../../providers/Selection/index.js'\nimport { useGridNavigation } from './GridNavigation/useGridNavigation.js'\nimport { TableGridContext, useTableID, useTableNavigationLabel } from './TableIdentity.js'\nimport './index.css'\n\nconst baseClass = 'table'\n\nexport type Props = {\n  readonly appearance?: 'condensed' | 'default'\n  readonly ariaLabel?: string\n  readonly BeforeTable?: React.ReactNode\n  readonly columns?: Column[]\n  readonly data: Record<string, unknown>[]\n  readonly id?: string\n  readonly navigationLabel?: string\n}\n\nexport const Table: React.FC<Props> = ({\n  id,\n  appearance,\n  ariaLabel,\n  BeforeTable,\n  columns,\n  data,\n  navigationLabel: navigationLabelFromProps,\n}) => {\n  const tableID = useTableID(id)\n  const navigationLabelFromContext = useTableNavigationLabel()\n  const navigationLabel = navigationLabelFromProps ?? navigationLabelFromContext\n  const tableRef = useRef<HTMLTableElement>(null)\n  const isGrid = Boolean(navigationLabel)\n  const { selected } = useSelection()\n  const { user } = useAuth()\n\n  const activeColumns = columns?.filter((col) => col?.active)\n  const hasRowSelection = isGrid && activeColumns?.some((column) => column.accessor === '_select')\n\n  useGridNavigation({ id, isEnabled: isGrid && Boolean(activeColumns?.length), ref: tableRef })\n\n  if (!activeColumns || activeColumns.length === 0) {\n    return <div>No columns selected</div>\n  }\n\n  return (\n    <div\n      className={[baseClass, appearance && `${baseClass}--appearance-${appearance}`]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      {BeforeTable}\n      <TableGridContext value={isGrid}>\n        <table\n          aria-label={ariaLabel ?? navigationLabel}\n          aria-multiselectable={hasRowSelection || undefined}\n          cellPadding=\"0\"\n          cellSpacing=\"0\"\n          id={tableID}\n          ref={tableRef}\n          role={isGrid ? 'grid' : undefined}\n        >\n          <thead>\n            <tr role={isGrid ? 'row' : undefined}>\n              {activeColumns.map((col) => (\n                <th\n                  data-column={col.accessor}\n                  id={`heading-${col.accessor.replace(/\\./g, '__')}`}\n                  key={col.accessor}\n                  role={isGrid ? 'columnheader' : undefined}\n                  scope=\"col\"\n                >\n                  {col.Heading}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {data &&\n              data?.map((row, rowIndex) => {\n                const userEditing = row._userEditing as undefined | User\n                const isLockedByAnotherUser =\n                  row._isLocked && userEditing && userEditing.id !== user?.id\n\n                return (\n                  <tr\n                    aria-label={isGrid ? String(rowIndex + 1) : undefined}\n                    aria-selected={\n                      hasRowSelection && !isLockedByAnotherUser\n                        ? Boolean(\n                            (typeof row.id === 'string' || typeof row.id === 'number') &&\n                            selected.get(row.id),\n                          )\n                        : undefined\n                    }\n                    className={`row-${rowIndex + 1}`}\n                    data-id={row.id}\n                    key={\n                      typeof row.id === 'string' || typeof row.id === 'number'\n                        ? String(row.id)\n                        : rowIndex\n                    }\n                    role={isGrid ? 'row' : undefined}\n                  >\n                    {activeColumns.map((col) => {\n                      const { accessor } = col\n\n                      return (\n                        <td\n                          className={[\n                            `cell-${accessor.replace(/\\./g, '__')}`,\n                            col.isLinkedColumn && 'cell--linked',\n                          ]\n                            .filter(Boolean)\n                            .join(' ')}\n                          data-column={accessor}\n                          key={accessor}\n                          role={isGrid ? 'gridcell' : undefined}\n                        >\n                          {col.renderedCells[rowIndex]}\n                        </td>\n                      )\n                    })}\n                  </tr>\n                )\n              })}\n          </tbody>\n        </table>\n      </TableGridContext>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,MAAM,QAAQ;AAE9B,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,iBAAiB,QAAQ;AAClC,SAASC,gBAAgB,EAAEC,UAAU,EAAEC,uBAAuB,QAAQ;AACtE,OAAO;AAEP,MAAMC,SAAA,GAAY;AAYlB,OAAO,MAAMC,KAAA,GAAyBA,CAAC;EACrCC,EAAE;EACFC,UAAU;EACVC,SAAS;EACTC,WAAW;EACXC,OAAO;EACPC,IAAI;EACJC,eAAA,EAAiBC;AAAwB,CAC1C;EACC,MAAMC,OAAA,GAAUZ,UAAA,CAAWI,EAAA;EAC3B,MAAMS,0BAAA,GAA6BZ,uBAAA;EACnC,MAAMS,eAAA,GAAkBC,wBAAA,IAA4BE,0BAAA;EACpD,MAAMC,QAAA,GAAWnB,MAAA,CAAyB;EAC1C,MAAMoB,MAAA,GAASC,OAAA,CAAQN,eAAA;EACvB,MAAM;IAAEO;EAAQ,CAAE,GAAGpB,YAAA;EACrB,MAAM;IAAEqB;EAAI,CAAE,GAAGtB,OAAA;EAEjB,MAAMuB,aAAA,GAAgBX,OAAA,EAASY,MAAA,CAAQC,GAAA,IAAQA,GAAA,EAAKC,MAAA;EACpD,MAAMC,eAAA,GAAkBR,MAAA,IAAUI,aAAA,EAAeK,IAAA,CAAMC,MAAA,IAAWA,MAAA,CAAOC,QAAQ,KAAK;EAEtF5B,iBAAA,CAAkB;IAAEM,EAAA;IAAIuB,SAAA,EAAWZ,MAAA,IAAUC,OAAA,CAAQG,aAAA,EAAeS,MAAA;IAASC,GAAA,EAAKf;EAAS;EAE3F,IAAI,CAACK,aAAA,IAAiBA,aAAA,CAAcS,MAAM,KAAK,GAAG;IAChD,oBAAOE,IAAA,CAAC;gBAAI;;EACd;EAEA,oBACEC,KAAA,CAAC;IACCC,SAAA,EAAW,CAAC9B,SAAA,EAAWG,UAAA,IAAc,GAAGH,SAAA,gBAAyBG,UAAA,EAAY,CAAC,CAC3Ee,MAAM,CAACJ,OAAA,EACPiB,IAAI,CAAC;eAEP1B,WAAA,E,aACDuB,IAAA,CAAC/B,gBAAA;MAAiBmC,KAAA,EAAOnB,MAAA;gBACvB,aAAAgB,KAAA,CAAC;QACC,cAAYzB,SAAA,IAAaI,eAAA;QACzB,wBAAsBa,eAAA,IAAmBY,SAAA;QACzCC,WAAA,EAAY;QACZC,WAAA,EAAY;QACZjC,EAAA,EAAIQ,OAAA;QACJiB,GAAA,EAAKf,QAAA;QACLwB,IAAA,EAAMvB,MAAA,GAAS,SAASoB,SAAA;gCAExBL,IAAA,CAAC;oBACC,aAAAA,IAAA,CAAC;YAAGQ,IAAA,EAAMvB,MAAA,GAAS,QAAQoB,SAAA;sBACxBhB,aAAA,CAAcoB,GAAG,CAAElB,KAAA,iBAClBS,IAAA,CAAC;cACC,eAAaT,KAAA,CAAIK,QAAQ;cACzBtB,EAAA,EAAI,WAAWiB,KAAA,CAAIK,QAAQ,CAACc,OAAO,CAAC,OAAO,OAAO;cAElDF,IAAA,EAAMvB,MAAA,GAAS,iBAAiBoB,SAAA;cAChCM,KAAA,EAAM;wBAELpB,KAAA,CAAIqB;eAJArB,KAAA,CAAIK,QAAQ;;yBASzBI,IAAA,CAAC;oBACErB,IAAA,IACCA,IAAA,EAAM8B,GAAA,CAAI,CAACI,GAAA,EAAKC,QAAA;YACd,MAAMC,WAAA,GAAcF,GAAA,CAAIG,YAAY;YACpC,MAAMC,qBAAA,GACJJ,GAAA,CAAIK,SAAS,IAAIH,WAAA,IAAeA,WAAA,CAAYzC,EAAE,KAAKc,IAAA,EAAMd,EAAA;YAE3D,oBACE0B,IAAA,CAAC;cACC,cAAYf,MAAA,GAASkC,MAAA,CAAOL,QAAA,GAAW,KAAKT,SAAA;cAC5C,iBACEZ,eAAA,IAAmB,CAACwB,qBAAA,GAChB/B,OAAA,CACE,CAAC,OAAO2B,GAAA,CAAIvC,EAAE,KAAK,YAAY,OAAOuC,GAAA,CAAIvC,EAAE,KAAK,QAAO,KACxDa,QAAA,CAASiC,GAAG,CAACP,GAAA,CAAIvC,EAAE,KAErB+B,SAAA;cAENH,SAAA,EAAW,OAAOY,QAAA,GAAW,GAAG;cAChC,WAASD,GAAA,CAAIvC,EAAE;cAMfkC,IAAA,EAAMvB,MAAA,GAAS,QAAQoB,SAAA;wBAEtBhB,aAAA,CAAcoB,GAAG,CAAElB,KAAA;gBAClB,MAAM;kBAAEK;gBAAQ,CAAE,GAAGL,KAAA;gBAErB,oBACES,IAAA,CAAC;kBACCE,SAAA,EAAW,CACT,QAAQN,QAAA,CAASc,OAAO,CAAC,OAAO,OAAO,EACvCnB,KAAA,CAAI8B,cAAc,IAAI,eACvB,CACE/B,MAAM,CAACJ,OAAA,EACPiB,IAAI,CAAC;kBACR,eAAaP,QAAA;kBAEbY,IAAA,EAAMvB,MAAA,GAAS,aAAaoB,SAAA;4BAE3Bd,KAAA,CAAI+B,aAAa,CAACR,QAAA;mBAHdlB,QAAA;cAMX;eAxBE,OAAOiB,GAAA,CAAIvC,EAAE,KAAK,YAAY,OAAOuC,GAAA,CAAIvC,EAAE,KAAK,WAC5C6C,MAAA,CAAON,GAAA,CAAIvC,EAAE,IACbwC,QAAA;UAyBZ;;;;;AAMd","ignoreList":[]}

package/dist/elements/Table/useAriaSort.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAriaSort.js","names":["c","_c","useEffect","useId","useAriaSort","t0","$","labelledBy","ref","value","owner","t1","t2","header","current","closest","dataset","ariaSortOwner","setAttribute","removeAttribute"],"sources":["../../../src/elements/Table/useAriaSort.ts"],"sourcesContent":["'use client'\n\nimport type { AriaAttributes, RefObject } from 'react'\n\nimport { useEffect, useId } from 'react'\n\nexport const useAriaSort = <TElement extends HTMLElement>({\n  labelledBy,\n  ref,\n  value,\n}: {\n  labelledBy?: string\n  ref: RefObject<null | TElement>\n  value?: AriaAttributes['aria-sort']\n}) => {\n  const owner = useId()\n\n  useEffect(() => {\n    const header = ref.current?.closest('th')\n\n    if (!header) {\n      return\n    }\n\n    header.dataset.ariaSortOwner = owner\n    if (value) {\n      header.setAttribute('aria-sort', value)\n    } else {\n      header.removeAttribute('aria-sort')\n    }\n    if (labelledBy) {\n      header.setAttribute('aria-labelledby', labelledBy)\n    }\n\n    return () => {\n      if (header.dataset.ariaSortOwner === owner) {\n        delete header.dataset.ariaSortOwner\n        header.removeAttribute('aria-sort')\n        if (labelledBy) {\n          header.removeAttribute('aria-labelledby')\n        }\n      }\n    }\n  }, [labelledBy, owner, ref, value])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,EAAEC,KAAK,QAAQ;AAEjC,OAAO,MAAMC,WAAA,GAAcC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAA+B;IAAAM,UAAA;IAAAC,GAAA;IAAAC;EAAA,IAAAJ,EAQzD;EACC,MAAAK,KAAA,GAAcP,KAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAE,GAAA,IAAAF,CAAA,QAAAG,KAAA;IAEJE,EAAA,GAAAA,CAAA;MACR,MAAAE,MAAA,GAAeL,GAAA,CAAAM,OAAA,EAAAC,OAAA,CAAqB;MAAA,KAE/BF,MAAA;QAAA;MAAA;MAILA,MAAA,CAAAG,OAAA,CAAAC,aAAA,GAA+BP,KAAA;MAAA,IAC3BD,KAAA;QACFI,MAAA,CAAAK,YAAA,CAAoB,aAAaT,KAAA;MAAA;QAEjCI,MAAA,CAAAM,eAAA,CAAuB;MAAA;MAAA,IAErBZ,UAAA;QACFM,MAAA,CAAAK,YAAA,CAAoB,mBAAmBX,UAAA;MAAA;MAAA;QAAA,IAInCM,MAAA,CAAAG,OAAA,CAAAC,aAAA,KAAiCP,KAAA;UAAA,OAC5BG,MAAA,CAAAG,OAAA,CAAAC,aAAA;UACPJ,MAAA,CAAAM,eAAA,CAAuB;UAAA,IACnBZ,UAAA;YACFM,MAAA,CAAAM,eAAA,CAAuB;UAAA;QAAA;MAAA;IAAA;IAI5BP,EAAA,IAACL,UAAA,EAAYG,KAAA,EAAOF,GAAA,EAAKC,KAAA;IAAMH,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAI,KAAA;IAAAJ,CAAA,MAAAE,GAAA;IAAAF,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAD,EAAA,GAAAL,CAAA;IAAAM,EAAA,GAAAN,CAAA;EAAA;EA1BlCJ,SAAA,CAAUS,EA0BV,EAAGC,EAA+B;AAAA,CACpC","ignoreList":[]}
+{"version":3,"file":"useAriaSort.js","names":["c","_c","useEffect","useId","useAriaSort","t0","$","labelledBy","ref","value","owner","t1","t2","header","current","closest","dataset","ariaSortOwner","setAttribute","removeAttribute"],"sources":["../../../src/elements/Table/useAriaSort.ts"],"sourcesContent":["'use client'\n\nimport type { AriaAttributes, RefObject } from 'react'\n\nimport { useEffect, useId } from 'react'\n\nexport const useAriaSort = <TElement extends HTMLElement>({\n  labelledBy,\n  ref,\n  value,\n}: {\n  labelledBy?: string\n  ref: RefObject<null | TElement>\n  value?: AriaAttributes['aria-sort']\n}) => {\n  const owner = useId()\n\n  useEffect(() => {\n    const header = ref.current?.closest('th')\n\n    if (!header) {\n      return\n    }\n\n    header.dataset.ariaSortOwner = owner\n    if (value) {\n      header.setAttribute('aria-sort', value)\n    } else {\n      header.removeAttribute('aria-sort')\n    }\n    if (labelledBy) {\n      header.setAttribute('aria-labelledby', labelledBy)\n    }\n\n    return () => {\n      if (header.dataset.ariaSortOwner === owner) {\n        delete header.dataset.ariaSortOwner\n        header.removeAttribute('aria-sort')\n        if (labelledBy) {\n          header.removeAttribute('aria-labelledby')\n        }\n      }\n    }\n  }, [labelledBy, owner, ref, value])\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,EAAEC,KAAK,QAAQ;AAEjC,OAAO,MAAMC,WAAA,GAAcC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAA+B;IAAAM,UAAA;IAAAC,GAAA;IAAAC;EAAA,IAAAJ,EAQzD;EACC,MAAAK,KAAA,GAAcP,KAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAN,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAI,KAAA,IAAAJ,CAAA,QAAAE,GAAA,IAAAF,CAAA,QAAAG,KAAA;IAEJE,EAAA,GAAAA,CAAA;MACR,MAAAE,MAAA,GAAeL,GAAA,CAAAM,OAAa,EAAAC,OAAQ;MAEpC,IAAI,CAACF,MAAA;QAAA;MAAA;MAILA,MAAA,CAAAG,OAAc,CAAAC,aAAA,GAAiBP,KAAH;MAC5B,IAAID,KAAA;QACFI,MAAA,CAAAK,YAAmB,CAAC,aAAaT,KAAA;MAAA;QAEjCI,MAAA,CAAAM,eAAsB,CAAC;MAAA;MAEzB,IAAIZ,UAAA;QACFM,MAAA,CAAAK,YAAmB,CAAC,mBAAmBX,UAAA;MAAA;MACzC,OAEO;QACL,IAAIM,MAAA,CAAAG,OAAc,CAAAC,aAAc,KAAKP,KAAA;UACnC,OAAOG,MAAA,CAAAG,OAAc,CAAAC,aAAc;UACnCJ,MAAA,CAAAM,eAAsB,CAAC;UACvB,IAAIZ,UAAA;YACFM,MAAA,CAAAM,eAAsB,CAAC;UAAA;QACzB;MACF,CACF;IAAA,CACF;IAAGP,EAAA,IAACL,UAAA,EAAYG,KAAA,EAAOF,GAAA,EAAKC,KAAA,CAAM;IAAAH,CAAA,MAAAC,UAAA;IAAAD,CAAA,MAAAI,KAAA;IAAAJ,CAAA,MAAAE,GAAA;IAAAF,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAK,EAAA;IAAAL,CAAA,MAAAM,EAAA;EAAA;IAAAD,EAAA,GAAAL,CAAA;IAAAM,EAAA,GAAAN,CAAA;EAAA;EA1BlCJ,SAAA,CAAUS,EA0BV,EAAGC,EAA+B;AAAA,CACpC","ignoreList":[]}

package/dist/elements/Tabs/index.css

@@ -9,6 +9,7 @@
 
   .tabs__tabs {
     display: inline-flex;
+    gap: var(--spacer-3);
     min-width: 100%;
     vertical-align: bottom;
     position: relative;
@@ -24,7 +25,7 @@
     align-items: center;
     justify-content: center;
     gap: var(--spacer-1);
-    padding: var(--spacer-1) var(--spacer-2);
+    padding: var(--spacer-1) 0;
     margin: 0;
     margin-bottom: var(--spacer-2);
     cursor: pointer;
@@ -41,8 +42,8 @@
   .tabs__tab-button:after {
     content: '';
     position: absolute;
-    left: var(--spacer-2);
-    right: var(--spacer-2);
+    left: 0;
+    right: 0;
     bottom: calc(-1 * var(--spacer-2) - 1px);
     height: 3px;
     background: var(--color-icon-brand);

package/dist/elements/Thumbnail/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.css';
@@ -8,82 +9,161 @@ import { File } from '../../graphics/File/index.js';
 import { appendCacheTag } from '../../utilities/appendCacheTag.js';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
 export const Thumbnail = props => {
+  const $ = _c(9);
   const {
-    className = '',
-    doc: {
-      filename
-    } = {},
+    className: t0,
+    doc: t1,
     fileSrc,
     height,
     imageCacheTag,
     size,
     width
   } = props;
+  const className = t0 === undefined ? "" : t0;
+  const {
+    filename
+  } = t1 === undefined ? {} : t1;
   const [fileExists, setFileExists] = React.useState(undefined);
-  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ');
-  const src = React.useMemo(() => fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null, [fileSrc, imageCacheTag]);
-  React.useEffect(() => {
-    if (!src) {
-      setFileExists(false);
-      return;
-    }
-    setFileExists(undefined);
-    const img = new Image();
-    img.src = src;
-    img.onload = () => {
-      setFileExists(true);
-    };
-    img.onerror = () => {
-      setFileExists(false);
+  const t2 = `${baseClass}--size-${size || "medium"}`;
+  let t3;
+  if ($[0] !== className || $[1] !== t2) {
+    t3 = [baseClass, t2, className];
+    $[0] = className;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const classNames = t3.join(" ");
+  let t4;
+  if ($[3] !== fileSrc || $[4] !== imageCacheTag) {
+    t4 = fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null;
+    $[3] = fileSrc;
+    $[4] = imageCacheTag;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const src = t4;
+  let t5;
+  let t6;
+  if ($[6] !== src) {
+    t5 = () => {
+      if (!src) {
+        setFileExists(false);
+        return;
+      }
+      setFileExists(undefined);
+      const img = new Image();
+      img.src = src;
+      img.onload = () => {
+        setFileExists(true);
+      };
+      img.onerror = () => {
+        setFileExists(false);
+      };
     };
-  }, [src]);
-  return /*#__PURE__*/_jsxs("div", {
+    t6 = [src];
+    $[6] = src;
+    $[7] = t5;
+    $[8] = t6;
+  } else {
+    t5 = $[7];
+    t6 = $[8];
+  }
+  React.useEffect(t5, t6);
+  return _jsxs("div", {
     className: classNames,
-    children: [fileExists === undefined && /*#__PURE__*/_jsx(ShimmerEffect, {
+    children: [fileExists === undefined && _jsx(ShimmerEffect, {
       height: "100%"
-    }), fileExists && /*#__PURE__*/_jsx("img", {
+    }), fileExists && _jsx("img", {
       alt: filename,
-      height: height,
-      src: src,
-      width: width
-    }), fileExists === false && /*#__PURE__*/_jsx(File, {})]
+      height,
+      src,
+      width
+    }), fileExists === false && _jsx(File, {})]
   });
 };
 export function ThumbnailComponent(props) {
+  const $ = _c(15);
   const {
     alt,
-    className = '',
+    className: t0,
     filename,
     fileSrc,
     imageCacheTag,
     size
   } = props;
+  const className = t0 === undefined ? "" : t0;
   const [fileExists, setFileExists] = React.useState(undefined);
-  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ');
-  const src = React.useMemo(() => fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null, [fileSrc, imageCacheTag]);
-  React.useEffect(() => {
-    if (!src) {
-      setFileExists(false);
-      return;
-    }
-    setFileExists(undefined);
-    const img = new Image();
-    img.src = src;
-    img.onload = () => {
-      setFileExists(true);
-    };
-    img.onerror = () => {
-      setFileExists(false);
+  const t1 = `${baseClass}--size-${size || "medium"}`;
+  let t2;
+  if ($[0] !== className || $[1] !== t1) {
+    t2 = [baseClass, t1, className];
+    $[0] = className;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const classNames = t2.join(" ");
+  let t3;
+  if ($[3] !== fileSrc || $[4] !== imageCacheTag) {
+    t3 = fileSrc ? appendCacheTag(fileSrc, imageCacheTag) : null;
+    $[3] = fileSrc;
+    $[4] = imageCacheTag;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  const src = t3;
+  let t4;
+  let t5;
+  if ($[6] !== src) {
+    t4 = () => {
+      if (!src) {
+        setFileExists(false);
+        return;
+      }
+      setFileExists(undefined);
+      const img = new Image();
+      img.src = src;
+      img.onload = () => {
+        setFileExists(true);
+      };
+      img.onerror = () => {
+        setFileExists(false);
+      };
     };
-  }, [src]);
-  return /*#__PURE__*/_jsxs("div", {
-    className: classNames,
-    children: [fileExists === undefined && /*#__PURE__*/_jsx(ShimmerEffect, {
-      height: "100%"
-    }), fileExists && /*#__PURE__*/_jsx("img", {
-      alt: alt || filename,
-      src: src
-    }), fileExists === false && /*#__PURE__*/_jsx(File, {})]
-  });
+    t5 = [src];
+    $[6] = src;
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t4 = $[7];
+    t5 = $[8];
+  }
+  React.useEffect(t4, t5);
+  let t6;
+  if ($[9] !== alt || $[10] !== classNames || $[11] !== fileExists || $[12] !== filename || $[13] !== src) {
+    t6 = _jsxs("div", {
+      className: classNames,
+      children: [fileExists === undefined && _jsx(ShimmerEffect, {
+        height: "100%"
+      }), fileExists && _jsx("img", {
+        alt: alt || filename,
+        src
+      }), fileExists === false && _jsx(File, {})]
+    });
+    $[9] = alt;
+    $[10] = classNames;
+    $[11] = fileExists;
+    $[12] = filename;
+    $[13] = src;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  return t6;
 }
 //# sourceMappingURL=index.js.map