@payloadcms/ui 3.0.0-canary.23fcb9e → 3.0.0-canary.28c161d

package/dist/elements/TableColumns/index.js

@@ -13,14 +13,16 @@ export const useTableColumns = () => {
   return useContext(TableColumnContext);
 };
 export const TableColumnsProvider = t0 => {
-  const $ = _c(53);
+  const $ = _c(63);
   const {
+    beforeRows,
     cellProps,
     children,
     collectionSlug,
     enableRowSelections: t1,
     listPreferences,
-    preferenceKey
+    preferenceKey,
+    sortColumnProps
   } = t0;
   const enableRowSelections = t1 === undefined ? false : t1;
   const {
@@ -33,7 +35,7 @@ export const TableColumnsProvider = t0 => {
   if ($[0] !== collectionSlug || $[1] !== collections) {
     let t4;
     if ($[3] !== collectionSlug) {
-      t4 = collectionConfig => collectionConfig.slug === collectionSlug;
+      t4 = c => c.slug === collectionSlug;
       $[3] = collectionSlug;
       $[4] = t4;
     } else {
@@ -46,11 +48,11 @@ export const TableColumnsProvider = t0 => {
   } else {
     t3 = $[2];
   }
-  const collectionConfig_0 = t3;
+  const collectionConfig = t3;
   const {
     admin: t4,
     fields
-  } = collectionConfig_0;
+  } = collectionConfig;
   const {
     defaultColumns,
     useAsTitle
@@ -72,47 +74,48 @@ export const TableColumnsProvider = t0 => {
   }
   const [initialColumns] = useState(t5);
   let t6;
-  if ($[9] !== cellProps || $[10] !== listPreferences || $[11] !== initialColumns || $[12] !== enableRowSelections || $[13] !== fields || $[14] !== useAsTitle) {
+  if ($[9] !== beforeRows || $[10] !== listPreferences || $[11] !== initialColumns || $[12] !== enableRowSelections || $[13] !== fields || $[14] !== sortColumnProps || $[15] !== useAsTitle) {
     t6 = () => buildColumnState({
-      cellProps,
+      beforeRows,
       columnPreferences: listPreferences?.columns,
       columns: initialColumns,
       enableRowSelections,
       fields,
+      sortColumnProps,
       useAsTitle
     });
-    $[9] = cellProps;
+    $[9] = beforeRows;
     $[10] = listPreferences;
     $[11] = initialColumns;
     $[12] = enableRowSelections;
     $[13] = fields;
-    $[14] = useAsTitle;
-    $[15] = t6;
+    $[14] = sortColumnProps;
+    $[15] = useAsTitle;
+    $[16] = t6;
   } else {
-    t6 = $[15];
+    t6 = $[16];
   }
   const [tableColumns, setTableColumns] = React.useState(t6);
   let t7;
-  if ($[16] !== setPreference || $[17] !== preferenceKey) {
+  if ($[17] !== setPreference || $[18] !== preferenceKey) {
     t7 = newColumns => {
-      const columns = newColumns.map(c => ({
-        accessor: c?.accessor,
-        active: c?.active
+      const columns = newColumns.map(c_0 => ({
+        accessor: c_0?.accessor,
+        active: c_0?.active
       }));
       setPreference(preferenceKey, {
         columns
       }, true);
     };
-    $[16] = setPreference;
-    $[17] = preferenceKey;
-    $[18] = t7;
+    $[17] = setPreference;
+    $[18] = preferenceKey;
+    $[19] = t7;
   } else {
-    t7 = $[18];
+    t7 = $[19];
   }
   const updateColumnPreferences = t7;
-  const reassignLinkColumn = _temp;
   let t8;
-  if ($[19] !== tableColumns || $[20] !== updateColumnPreferences) {
+  if ($[20] !== tableColumns || $[21] !== updateColumnPreferences) {
     t8 = args => {
       const {
         fromIndex,
@@ -121,55 +124,72 @@ export const TableColumnsProvider = t0 => {
       const withMovedColumn = [...tableColumns];
       const [columnToMove] = withMovedColumn.splice(fromIndex, 1);
       withMovedColumn.splice(toIndex, 0, columnToMove);
-      const newColumns_1 = reassignLinkColumn(withMovedColumn);
-      setTableColumns(newColumns_1);
-      updateColumnPreferences(newColumns_1);
+      setTableColumns(withMovedColumn);
+      updateColumnPreferences(withMovedColumn);
     };
-    $[19] = tableColumns;
-    $[20] = updateColumnPreferences;
-    $[21] = t8;
+    $[20] = tableColumns;
+    $[21] = updateColumnPreferences;
+    $[22] = t8;
   } else {
-    t8 = $[21];
+    t8 = $[22];
   }
   const moveColumn = t8;
   let t9;
-  if ($[22] !== tableColumns || $[23] !== updateColumnPreferences) {
+  if ($[23] !== tableColumns || $[24] !== updateColumnPreferences) {
     t9 = column => {
-      const toggledColumns = tableColumns.map(col_0 => ({
-        ...col_0,
-        active: col_0?.cellProps?.field && "name" in col_0.cellProps.field && col_0?.cellProps?.field?.name === column ? !col_0.active : col_0.active
+      const toggledColumns = tableColumns.map(col => ({
+        ...col,
+        active: col?.cellProps?.field && "name" in col.cellProps.field && col?.cellProps?.field?.name === column ? !col.active : col.active
       }));
-      const newColumns_2 = reassignLinkColumn(toggledColumns);
-      setTableColumns(newColumns_2);
-      updateColumnPreferences(newColumns_2);
+      setTableColumns(toggledColumns);
+      updateColumnPreferences(toggledColumns);
     };
-    $[22] = tableColumns;
-    $[23] = updateColumnPreferences;
-    $[24] = t9;
+    $[23] = tableColumns;
+    $[24] = updateColumnPreferences;
+    $[25] = t9;
   } else {
-    t9 = $[24];
+    t9 = $[25];
   }
   const toggleColumn = t9;
   let t10;
-  if ($[25] !== tableColumns || $[26] !== updateColumnPreferences) {
+  if ($[26] !== tableColumns || $[27] !== updateColumnPreferences) {
     t10 = activeColumnAccessors => {
-      const activeColumns = tableColumns.map(col_1 => ({
-        ...col_1,
-        active: activeColumnAccessors.includes(col_1.accessor)
-      }));
-      const newColumns_3 = reassignLinkColumn(activeColumns);
-      updateColumnPreferences(newColumns_3);
+      const activeColumns = tableColumns.map(col_0 => ({
+        ...col_0,
+        active: activeColumnAccessors.includes(col_0.accessor)
+      })).toSorted((first, second) => {
+        const indexOfFirst = activeColumnAccessors.indexOf(first.accessor);
+        const indexOfSecond = activeColumnAccessors.indexOf(second.accessor);
+        if (indexOfFirst === -1 || indexOfSecond === -1) {
+          return 0;
+        }
+        return indexOfFirst > indexOfSecond ? 1 : -1;
+      });
+      setTableColumns(activeColumns);
+      updateColumnPreferences(activeColumns);
     };
-    $[25] = tableColumns;
-    $[26] = updateColumnPreferences;
-    $[27] = t10;
+    $[26] = tableColumns;
+    $[27] = updateColumnPreferences;
+    $[28] = t10;
   } else {
-    t10 = $[27];
+    t10 = $[28];
   }
   const setActiveColumns = t10;
   let t11;
-  if ($[28] !== collectionSlug || $[29] !== listPreferences || $[30] !== getPreference || $[31] !== preferenceKey || $[32] !== cellProps || $[33] !== initialColumns || $[34] !== fields || $[35] !== useAsTitle) {
+  if ($[29] !== setActiveColumns || $[30] !== defaultColumns) {
     t11 = () => {
+      setActiveColumns(defaultColumns);
+    };
+    $[29] = setActiveColumns;
+    $[30] = defaultColumns;
+    $[31] = t11;
+  } else {
+    t11 = $[31];
+  }
+  const resetColumnsState = t11;
+  let t12;
+  if ($[32] !== collectionSlug || $[33] !== listPreferences || $[34] !== getPreference || $[35] !== preferenceKey || $[36] !== beforeRows || $[37] !== initialColumns || $[38] !== enableRowSelections || $[39] !== fields || $[40] !== sortColumnProps || $[41] !== useAsTitle) {
+    t12 = () => {
       const sync = async () => {
         const collectionHasChanged = prevCollection.current !== collectionSlug;
         if (collectionHasChanged || !listPreferences) {
@@ -177,11 +197,12 @@ export const TableColumnsProvider = t0 => {
           prevCollection.current = collectionSlug;
           if (currentPreferences?.columns) {
             setTableColumns(buildColumnState({
-              cellProps,
+              beforeRows,
               columnPreferences: currentPreferences?.columns,
               columns: initialColumns,
-              enableRowSelections: true,
+              enableRowSelections,
               fields,
+              sortColumnProps,
               useAsTitle
             }));
           }
@@ -189,73 +210,63 @@ export const TableColumnsProvider = t0 => {
       };
       sync();
     };
-    $[28] = collectionSlug;
-    $[29] = listPreferences;
-    $[30] = getPreference;
-    $[31] = preferenceKey;
-    $[32] = cellProps;
-    $[33] = initialColumns;
-    $[34] = fields;
-    $[35] = useAsTitle;
-    $[36] = t11;
+    $[32] = collectionSlug;
+    $[33] = listPreferences;
+    $[34] = getPreference;
+    $[35] = preferenceKey;
+    $[36] = beforeRows;
+    $[37] = initialColumns;
+    $[38] = enableRowSelections;
+    $[39] = fields;
+    $[40] = sortColumnProps;
+    $[41] = useAsTitle;
+    $[42] = t12;
   } else {
-    t11 = $[36];
+    t12 = $[42];
   }
-  let t12;
-  if ($[37] !== preferenceKey || $[38] !== getPreference || $[39] !== collectionSlug || $[40] !== fields || $[41] !== cellProps || $[42] !== defaultColumns || $[43] !== useAsTitle || $[44] !== listPreferences || $[45] !== initialColumns) {
-    t12 = [preferenceKey, getPreference, collectionSlug, fields, cellProps, defaultColumns, useAsTitle, listPreferences, initialColumns];
-    $[37] = preferenceKey;
-    $[38] = getPreference;
-    $[39] = collectionSlug;
-    $[40] = fields;
-    $[41] = cellProps;
-    $[42] = defaultColumns;
-    $[43] = useAsTitle;
-    $[44] = listPreferences;
-    $[45] = initialColumns;
-    $[46] = t12;
+  let t13;
+  if ($[43] !== preferenceKey || $[44] !== getPreference || $[45] !== collectionSlug || $[46] !== fields || $[47] !== defaultColumns || $[48] !== useAsTitle || $[49] !== listPreferences || $[50] !== initialColumns || $[51] !== beforeRows || $[52] !== enableRowSelections || $[53] !== sortColumnProps) {
+    t13 = [preferenceKey, getPreference, collectionSlug, fields, defaultColumns, useAsTitle, listPreferences, initialColumns, beforeRows, enableRowSelections, sortColumnProps];
+    $[43] = preferenceKey;
+    $[44] = getPreference;
+    $[45] = collectionSlug;
+    $[46] = fields;
+    $[47] = defaultColumns;
+    $[48] = useAsTitle;
+    $[49] = listPreferences;
+    $[50] = initialColumns;
+    $[51] = beforeRows;
+    $[52] = enableRowSelections;
+    $[53] = sortColumnProps;
+    $[54] = t13;
   } else {
-    t12 = $[46];
+    t13 = $[54];
   }
-  React.useEffect(t11, t12);
-  let t13;
-  if ($[47] !== tableColumns || $[48] !== moveColumn || $[49] !== setActiveColumns || $[50] !== toggleColumn || $[51] !== children) {
-    t13 = _jsx(TableColumnContext.Provider, {
+  React.useEffect(t12, t13);
+  let t14;
+  if ($[55] !== cellProps || $[56] !== tableColumns || $[57] !== moveColumn || $[58] !== resetColumnsState || $[59] !== setActiveColumns || $[60] !== toggleColumn || $[61] !== children) {
+    t14 = _jsx(TableColumnContext.Provider, {
       value: {
+        cellProps,
         columns: tableColumns,
         moveColumn,
+        resetColumnsState,
         setActiveColumns,
         toggleColumn
       },
       children
     });
-    $[47] = tableColumns;
-    $[48] = moveColumn;
-    $[49] = setActiveColumns;
-    $[50] = toggleColumn;
-    $[51] = children;
-    $[52] = t13;
+    $[55] = cellProps;
+    $[56] = tableColumns;
+    $[57] = moveColumn;
+    $[58] = resetColumnsState;
+    $[59] = setActiveColumns;
+    $[60] = toggleColumn;
+    $[61] = children;
+    $[62] = t14;
   } else {
-    t13 = $[52];
+    t14 = $[62];
   }
-  return t13;
+  return t14;
 };
-function _temp(columns_0) {
-  let foundFirstActive;
-  foundFirstActive = false;
-  const newColumns_0 = columns_0.map(col => {
-    const linkColumn = col.active && !foundFirstActive && col.accessor !== "_select";
-    if (linkColumn) {
-      foundFirstActive = true;
-    }
-    return {
-      ...col,
-      cellProps: {
-        ...col.cellProps,
-        link: linkColumn
-      }
-    };
-  });
-  return newColumns_0;
-}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useState","useConfig","usePreferences","buildColumnState","filterFields","getInitialColumns","TableColumnContext","useTableColumns","TableColumnsProvider","t0","$","cellProps","children","collectionSlug","enableRowSelections","t1","listPreferences","preferenceKey","undefined","config","t2","collections","t3","t4","collectionConfig","slug","find","collectionConfig_0","admin","fields","defaultColumns","useAsTitle","prevCollection","useRef","getPreference","setPreference","t5","initialColumns","t6","columnPreferences","columns","tableColumns","setTableColumns","t7","newColumns","map","accessor","active","updateColumnPreferences","reassignLinkColumn","_temp","t8","args","fromIndex","toIndex","withMovedColumn","columnToMove","splice","newColumns_1","moveColumn","t9","column","toggledColumns","col_0","col","field","name","newColumns_2","toggleColumn","t10","activeColumnAccessors","activeColumns","col_1","includes","newColumns_3","setActiveColumns","t11","sync","collectionHasChanged","current","currentPreferences","t12","useEffect","t13","_jsx","Provider","value","columns_0","foundFirstActive","newColumns_0","linkColumn","link"],"sources":["../../../src/elements/TableColumns/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, SanitizedCollectionConfig } from 'payload'\n\nimport React, { createContext, useCallback, useContext, useState } from 'react'\n\nimport type { ColumnPreferences } from '../../providers/ListInfo/index.js'\nimport type { Column } from '../Table/index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { buildColumnState } from './buildColumnState.js'\nimport { filterFields } from './filterFields.js'\nimport { getInitialColumns } from './getInitialColumns.js'\n\nexport interface ITableColumns {\n  columns: Column[]\n  moveColumn: (args: { fromIndex: number; toIndex: number }) => void\n  setActiveColumns: (columns: string[]) => void\n  toggleColumn: (column: string) => void\n}\n\nexport const TableColumnContext = createContext<ITableColumns>({} as ITableColumns)\n\nexport const useTableColumns = (): ITableColumns => useContext(TableColumnContext)\n\nexport type ListPreferences = {\n  columns: ColumnPreferences\n}\n\ntype Props = {\n  readonly cellProps?: Partial<CellComponentProps>[]\n  readonly children: React.ReactNode\n  readonly collectionSlug: string\n  readonly enableRowSelections?: boolean\n  readonly listPreferences?: ListPreferences\n  readonly preferenceKey: string\n}\n\nexport const TableColumnsProvider: React.FC<Props> = ({\n  cellProps,\n  children,\n  collectionSlug,\n  enableRowSelections = false,\n  listPreferences,\n  preferenceKey,\n}) => {\n  const {\n    config: { collections },\n  } = useConfig()\n\n  const collectionConfig = collections.find(\n    (collectionConfig) => collectionConfig.slug === collectionSlug,\n  )\n\n  const {\n    admin: { defaultColumns, useAsTitle },\n    fields,\n  } = collectionConfig\n\n  const prevCollection = React.useRef<SanitizedCollectionConfig['slug']>(collectionSlug)\n  const { getPreference, setPreference } = usePreferences()\n\n  const [initialColumns] = useState<ColumnPreferences>(() =>\n    getInitialColumns(filterFields(fields), useAsTitle, defaultColumns),\n  )\n\n  const [tableColumns, setTableColumns] = React.useState(() =>\n    buildColumnState({\n      cellProps,\n      columnPreferences: listPreferences?.columns,\n      columns: initialColumns,\n      enableRowSelections,\n      fields,\n      useAsTitle,\n    }),\n  )\n\n  const updateColumnPreferences = React.useCallback(\n    (newColumns: Column[]) => {\n      const columns = newColumns.map((c) => ({\n        accessor: c?.accessor,\n        active: c?.active,\n      }))\n\n      void setPreference(preferenceKey, { columns }, true)\n    },\n    [preferenceKey, setPreference],\n  )\n\n  const reassignLinkColumn = (columns: Column[]): Column[] => {\n    let foundFirstActive = false\n    const newColumns = columns.map((col) => {\n      const linkColumn = col.active && !foundFirstActive && col.accessor !== '_select'\n      if (linkColumn) foundFirstActive = true\n\n      return {\n        ...col,\n        cellProps: {\n          ...col.cellProps,\n          link: linkColumn,\n        },\n      }\n    })\n\n    return newColumns\n  }\n\n  const moveColumn = useCallback(\n    (args: { fromIndex: number; toIndex: number }) => {\n      const { fromIndex, toIndex } = args\n\n      const withMovedColumn = [...tableColumns]\n      const [columnToMove] = withMovedColumn.splice(fromIndex, 1)\n      withMovedColumn.splice(toIndex, 0, columnToMove)\n\n      const newColumns = reassignLinkColumn(withMovedColumn)\n      setTableColumns(newColumns)\n      updateColumnPreferences(newColumns)\n    },\n    [tableColumns, updateColumnPreferences],\n  )\n\n  const toggleColumn = useCallback(\n    (column: string) => {\n      const toggledColumns = tableColumns.map((col) => {\n        return {\n          ...col,\n          active:\n            col?.cellProps?.field &&\n            'name' in col.cellProps.field &&\n            col?.cellProps?.field?.name === column\n              ? !col.active\n              : col.active,\n        }\n      })\n\n      const newColumns = reassignLinkColumn(toggledColumns)\n      setTableColumns(newColumns)\n      updateColumnPreferences(newColumns)\n    },\n    [tableColumns, updateColumnPreferences],\n  )\n\n  const setActiveColumns = React.useCallback(\n    (activeColumnAccessors) => {\n      const activeColumns = tableColumns.map((col) => {\n        return {\n          ...col,\n          active: activeColumnAccessors.includes(col.accessor),\n        }\n      })\n\n      const newColumns = reassignLinkColumn(activeColumns)\n      updateColumnPreferences(newColumns)\n    },\n    [tableColumns, updateColumnPreferences],\n  )\n\n  // //////////////////////////////////////////////\n  // Get preferences on collection change (drawers)\n  // //////////////////////////////////////////////\n\n  React.useEffect(() => {\n    const sync = async () => {\n      const collectionHasChanged = prevCollection.current !== collectionSlug\n\n      if (collectionHasChanged || !listPreferences) {\n        const currentPreferences = await getPreference<{\n          columns: ColumnPreferences\n        }>(preferenceKey)\n        prevCollection.current = collectionSlug\n\n        if (currentPreferences?.columns) {\n          setTableColumns(\n            buildColumnState({\n              cellProps,\n              columnPreferences: currentPreferences?.columns,\n              columns: initialColumns,\n              enableRowSelections: true,\n              fields,\n              useAsTitle,\n            }),\n          )\n        }\n      }\n    }\n\n    void sync()\n  }, [\n    preferenceKey,\n    getPreference,\n    collectionSlug,\n    fields,\n    cellProps,\n    defaultColumns,\n    useAsTitle,\n    listPreferences,\n    initialColumns,\n  ])\n\n  return (\n    <TableColumnContext.Provider\n      value={{\n        columns: tableColumns,\n        moveColumn,\n        setActiveColumns,\n        toggleColumn,\n      }}\n    >\n      {children}\n    </TableColumnContext.Provider>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","createContext","useCallback","useContext","useState","useConfig","usePreferences","buildColumnState","filterFields","getInitialColumns","TableColumnContext","useTableColumns","TableColumnsProvider","t0","$","beforeRows","cellProps","children","collectionSlug","enableRowSelections","t1","listPreferences","preferenceKey","sortColumnProps","undefined","config","t2","collections","t3","t4","slug","find","collectionConfig","admin","fields","defaultColumns","useAsTitle","prevCollection","useRef","getPreference","setPreference","t5","initialColumns","t6","columnPreferences","columns","tableColumns","setTableColumns","t7","newColumns","map","c_0","accessor","active","updateColumnPreferences","t8","args","fromIndex","toIndex","withMovedColumn","columnToMove","splice","moveColumn","t9","column","toggledColumns","col","field","name","toggleColumn","t10","activeColumnAccessors","activeColumns","col_0","includes","toSorted","first","second","indexOfFirst","indexOf","indexOfSecond","setActiveColumns","t11","resetColumnsState","t12","sync","collectionHasChanged","current","currentPreferences","t13","useEffect","t14","_jsx","Provider","value"],"sources":["../../../src/elements/TableColumns/index.tsx"],"sourcesContent":["'use client'\nimport type { CellComponentProps, SanitizedCollectionConfig } from 'payload'\n\nimport React, { createContext, useCallback, useContext, useState } from 'react'\n\nimport type { ColumnPreferences } from '../../providers/ListInfo/index.js'\nimport type { SortColumnProps } from '../SortColumn/index.js'\nimport type { Column } from '../Table/index.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { buildColumnState } from './buildColumnState.js'\nimport { filterFields } from './filterFields.js'\nimport { getInitialColumns } from './getInitialColumns.js'\n\nexport interface ITableColumns {\n  cellProps?: Partial<CellComponentProps>[]\n  columns: Column[]\n  moveColumn: (args: { fromIndex: number; toIndex: number }) => void\n  resetColumnsState: () => void\n  setActiveColumns: (columns: string[]) => void\n  toggleColumn: (column: string) => void\n}\n\nexport const TableColumnContext = createContext<ITableColumns>({} as ITableColumns)\n\nexport const useTableColumns = (): ITableColumns => useContext(TableColumnContext)\n\nexport type ListPreferences = {\n  columns: ColumnPreferences\n}\n\ntype Props = {\n  readonly beforeRows?: Column[]\n  readonly cellProps?: Partial<CellComponentProps>[]\n  readonly children: React.ReactNode\n  readonly collectionSlug: string\n  readonly enableRowSelections?: boolean\n  readonly listPreferences?: ListPreferences\n  readonly preferenceKey: string\n  readonly sortColumnProps?: Partial<SortColumnProps>\n}\n\nexport const TableColumnsProvider: React.FC<Props> = ({\n  beforeRows,\n  cellProps,\n  children,\n  collectionSlug,\n  enableRowSelections = false,\n  listPreferences,\n  preferenceKey,\n  sortColumnProps,\n}) => {\n  const {\n    config: { collections },\n  } = useConfig()\n\n  const collectionConfig = collections.find((c) => c.slug === collectionSlug)\n\n  const {\n    admin: { defaultColumns, useAsTitle },\n    fields,\n  } = collectionConfig\n\n  const prevCollection = React.useRef<SanitizedCollectionConfig['slug']>(collectionSlug)\n  const { getPreference, setPreference } = usePreferences()\n\n  const [initialColumns] = useState<ColumnPreferences>(() =>\n    getInitialColumns(filterFields(fields), useAsTitle, defaultColumns),\n  )\n\n  const [tableColumns, setTableColumns] = React.useState(() =>\n    buildColumnState({\n      beforeRows,\n      columnPreferences: listPreferences?.columns,\n      columns: initialColumns,\n      enableRowSelections,\n      fields,\n      sortColumnProps,\n      useAsTitle,\n    }),\n  )\n\n  const updateColumnPreferences = React.useCallback(\n    (newColumns: Column[]) => {\n      const columns = newColumns.map((c) => ({\n        accessor: c?.accessor,\n        active: c?.active,\n      }))\n\n      void setPreference(preferenceKey, { columns }, true)\n    },\n    [preferenceKey, setPreference],\n  )\n\n  const moveColumn = useCallback(\n    (args: { fromIndex: number; toIndex: number }) => {\n      const { fromIndex, toIndex } = args\n      const withMovedColumn = [...tableColumns]\n      const [columnToMove] = withMovedColumn.splice(fromIndex, 1)\n      withMovedColumn.splice(toIndex, 0, columnToMove)\n      setTableColumns(withMovedColumn)\n      updateColumnPreferences(withMovedColumn)\n    },\n    [tableColumns, updateColumnPreferences],\n  )\n\n  const toggleColumn = useCallback(\n    (column: string) => {\n      const toggledColumns = tableColumns.map((col) => {\n        return {\n          ...col,\n          active:\n            col?.cellProps?.field &&\n            'name' in col.cellProps.field &&\n            col?.cellProps?.field?.name === column\n              ? !col.active\n              : col.active,\n        }\n      })\n\n      setTableColumns(toggledColumns)\n      updateColumnPreferences(toggledColumns)\n    },\n    [tableColumns, updateColumnPreferences],\n  )\n\n  const setActiveColumns = React.useCallback(\n    (activeColumnAccessors: string[]) => {\n      const activeColumns = tableColumns\n        .map((col) => {\n          return {\n            ...col,\n            active: activeColumnAccessors.includes(col.accessor),\n          }\n        })\n        .toSorted((first, second) => {\n          const indexOfFirst = activeColumnAccessors.indexOf(first.accessor)\n          const indexOfSecond = activeColumnAccessors.indexOf(second.accessor)\n\n          if (indexOfFirst === -1 || indexOfSecond === -1) {\n            return 0\n          }\n\n          return indexOfFirst > indexOfSecond ? 1 : -1\n        })\n\n      setTableColumns(activeColumns)\n      updateColumnPreferences(activeColumns)\n    },\n    [tableColumns, updateColumnPreferences],\n  )\n\n  const resetColumnsState = React.useCallback(() => {\n    setActiveColumns(defaultColumns)\n  }, [defaultColumns, setActiveColumns])\n\n  // //////////////////////////////////////////////\n  // Get preferences on collection change (drawers)\n  // //////////////////////////////////////////////\n\n  React.useEffect(() => {\n    const sync = async () => {\n      const collectionHasChanged = prevCollection.current !== collectionSlug\n\n      if (collectionHasChanged || !listPreferences) {\n        const currentPreferences = await getPreference<{\n          columns: ColumnPreferences\n        }>(preferenceKey)\n        prevCollection.current = collectionSlug\n\n        if (currentPreferences?.columns) {\n          setTableColumns(\n            buildColumnState({\n              beforeRows,\n              columnPreferences: currentPreferences?.columns,\n              columns: initialColumns,\n              enableRowSelections,\n              fields,\n              sortColumnProps,\n              useAsTitle,\n            }),\n          )\n        }\n      }\n    }\n\n    void sync()\n  }, [\n    preferenceKey,\n    getPreference,\n    collectionSlug,\n    fields,\n    defaultColumns,\n    useAsTitle,\n    listPreferences,\n    initialColumns,\n    beforeRows,\n    enableRowSelections,\n    sortColumnProps,\n  ])\n\n  return (\n    <TableColumnContext.Provider\n      value={{\n        cellProps,\n        columns: tableColumns,\n        moveColumn,\n        resetColumnsState,\n        setActiveColumns,\n        toggleColumn,\n      }}\n    >\n      {children}\n    </TableColumnContext.Provider>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,IAASC,aAAa,EAAEC,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ;AAMxE,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ;AACjC,SAASC,YAAY,QAAQ;AAC7B,SAASC,iBAAiB,QAAQ;AAWlC,OAAO,MAAMC,kBAAA,gBAAqBT,aAAA,CAA6B,CAAC;AAEhE,OAAO,MAAMU,eAAA,GAAkBA,CAAA;EAAA,OAAqBR,UAAA,CAAAO,kBAAW;AAAA;AAiB/D,OAAO,MAAME,oBAAA,GAAwCC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB,UAAA;IAAAC,SAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,mBAAA,EAAAC,EAAA;IAAAC,eAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAV,EASrD;EAJC,MAAAM,mBAAA,GAAAC,EAA2B,KAAAI,SAAA,WAA3BJ,EAA2B;EAK3B;IAAAK,MAAA,EAAAC;EAAA,IAEIrB,SAAA;EADM;IAAAsB;EAAA,IAAAD,EAAe;EAAA,IAAAE,EAAA;EAAA,IAAAd,CAAA,QAAAI,cAAA,IAAAJ,CAAA,QAAAa,WAAA;IAAA,IAAAE,EAAA;IAAA,IAAAf,CAAA,QAAAI,cAAA;MAGiBW,EAAA,GAAA/B,CAAA,IAAOA,CAAA,CAAAgC,IAAA,KAAWZ,cAAA;MAAAJ,CAAA,MAAAI,cAAA;MAAAJ,CAAA,MAAAe,EAAA;IAAA;MAAAA,EAAA,GAAAf,CAAA;IAAA;IAAnCc,EAAA,GAAAD,WAAA,CAAAI,IAAA,CAAiBF,EAAkB;IAAAf,CAAA,MAAAI,cAAA;IAAAJ,CAAA,MAAAa,WAAA;IAAAb,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAA5D,MAAAkB,gBAAA,GAAyBJ,EAAmC;EAE5D;IAAAK,KAAA,EAAAJ,EAAA;IAAAK;EAAA,IAGIF,gBAAA;EAFK;IAAAG,cAAA;IAAAC;EAAA,IAAAP,EAA8B;EAIvC,MAAAQ,cAAA,GAAuBrC,KAAA,CAAAsC,MAAA,CAAgDpB,cAAA;EACvE;IAAAqB,aAAA;IAAAC;EAAA,IAAyClC,cAAA;EAAA,IAAAmC,EAAA;EAAA,IAAA3B,CAAA,QAAAoB,MAAA,IAAApB,CAAA,QAAAsB,UAAA,IAAAtB,CAAA,QAAAqB,cAAA;IAEYM,EAAA,GAAAA,CAAA,KACnDhC,iBAAA,CAAkBD,YAAA,CAAa0B,MAAA,GAASE,UAAA,EAAYD,cAAA;IAAArB,CAAA,MAAAoB,MAAA;IAAApB,CAAA,MAAAsB,UAAA;IAAAtB,CAAA,MAAAqB,cAAA;IAAArB,CAAA,MAAA2B,EAAA;EAAA;IAAAA,EAAA,GAAA3B,CAAA;EAAA;EADtD,OAAA4B,cAAA,IAAyBtC,QAAA,CAA4BqC,EACC;EAAA,IAAAE,EAAA;EAAA,IAAA7B,CAAA,QAAAC,UAAA,IAAAD,CAAA,SAAAO,eAAA,IAAAP,CAAA,SAAA4B,cAAA,IAAA5B,CAAA,SAAAK,mBAAA,IAAAL,CAAA,SAAAoB,MAAA,IAAApB,CAAA,SAAAS,eAAA,IAAAT,CAAA,SAAAsB,UAAA;IAGCO,EAAA,GAAAA,CAAA,KACrDpC,gBAAA;MAAAQ,UAAA;MAAA6B,iBAAA,EAEqBvB,eAAA,EAAAwB,OAAA;MAAAA,OAAA,EACVH,cAAA;MAAAvB,mBAAA;MAAAe,MAAA;MAAAX,eAAA;MAAAa;IAAA,CAKX;IAAAtB,CAAA,MAAAC,UAAA;IAAAD,CAAA,OAAAO,eAAA;IAAAP,CAAA,OAAA4B,cAAA;IAAA5B,CAAA,OAAAK,mBAAA;IAAAL,CAAA,OAAAoB,MAAA;IAAApB,CAAA,OAAAS,eAAA;IAAAT,CAAA,OAAAsB,UAAA;IAAAtB,CAAA,OAAA6B,EAAA;EAAA;IAAAA,EAAA,GAAA7B,CAAA;EAAA;EATF,OAAAgC,YAAA,EAAAC,eAAA,IAAwC/C,KAAA,CAAAI,QAAA,CAAeuC,EASrD;EAAA,IAAAK,EAAA;EAAA,IAAAlC,CAAA,SAAA0B,aAAA,IAAA1B,CAAA,SAAAQ,aAAA;IAIA0B,EAAA,GAAAC,UAAA;MACE,MAAAJ,OAAA,GAAgBI,UAAA,CAAAC,GAAA,CAAAC,GAAA;QAAAC,QAAA,EACJtD,GAAA,EAAAsD,QAAA;QAAAC,MAAA,EACFvD,GAAA,EAAAuD;MAAA,EACV;MAEKb,aAAA,CAAclB,aAAA;QAAAuB;MAAA,OAA4B;IAAA;IACjD/B,CAAA,OAAA0B,aAAA;IAAA1B,CAAA,OAAAQ,aAAA;IAAAR,CAAA,OAAAkC,EAAA;EAAA;IAAAA,EAAA,GAAAlC,CAAA;EAAA;EARF,MAAAwC,uBAAA,GAAgCN,EASA;EAAA,IAAAO,EAAA;EAAA,IAAAzC,CAAA,SAAAgC,YAAA,IAAAhC,CAAA,SAAAwC,uBAAA;IAI9BC,EAAA,GAAAC,IAAA;MACE;QAAAC,SAAA;QAAAC;MAAA,IAA+BF,IAAA;MAC/B,MAAAG,eAAA,OAA4Bb,YAAA;MAC5B,OAAAc,YAAA,IAAuBD,eAAA,CAAAE,MAAA,CAAuBJ,SAAA,GAAW;MACzDE,eAAA,CAAAE,MAAA,CAAuBH,OAAA,KAAYE,YAAA;MACnCb,eAAA,CAAgBY,eAAA;MAChBL,uBAAA,CAAwBK,eAAA;IAAA;IAC1B7C,CAAA,OAAAgC,YAAA;IAAAhC,CAAA,OAAAwC,uBAAA;IAAAxC,CAAA,OAAAyC,EAAA;EAAA;IAAAA,EAAA,GAAAzC,CAAA;EAAA;EARF,MAAAgD,UAAA,GAAmBP,EASsB;EAAA,IAAAQ,EAAA;EAAA,IAAAjD,CAAA,SAAAgC,YAAA,IAAAhC,CAAA,SAAAwC,uBAAA;IAIvCS,EAAA,GAAAC,MAAA;MACE,MAAAC,cAAA,GAAuBnB,YAAA,CAAAI,GAAA,CAAAgB,GAAA;QAAA,GAEhBA,GAAG;QAAAb,MAAA,EAEJa,GAAA,EAAAlD,SAAA,EAAAmD,KAAA,IACA,UAAUD,GAAA,CAAAlD,SAAA,CAAAmD,KAAmB,IAC7BD,GAAA,EAAAlD,SAAA,EAAAmD,KAAA,EAAAC,IAAA,KAAgCJ,MAAA,IAC3BE,GAAA,CAAAb,MAAA,GACDa,GAAA,CAAAb;MAAU,EAEpB;MAEAN,eAAA,CAAgBkB,cAAA;MAChBX,uBAAA,CAAwBW,cAAA;IAAA;IAC1BnD,CAAA,OAAAgC,YAAA;IAAAhC,CAAA,OAAAwC,uBAAA;IAAAxC,CAAA,OAAAiD,EAAA;EAAA;IAAAA,EAAA,GAAAjD,CAAA;EAAA;EAhBF,MAAAuD,YAAA,GAAqBN,EAiBoB;EAAA,IAAAO,GAAA;EAAA,IAAAxD,CAAA,SAAAgC,YAAA,IAAAhC,CAAA,SAAAwC,uBAAA;IAIvCgB,GAAA,GAAAC,qBAAA;MACE,MAAAC,aAAA,GAAsB1B,YAAA,CAAAI,GAAA,CAAAuB,KAAA;QAAA,GAGbP,KAAG;QAAAb,MAAA,EACEkB,qBAAA,CAAAG,QAAA,CAA+BR,KAAA,CAAAd,QAAY;MAAA,EAEvD,EAAAuB,QAAA,EAAAC,KAAA,EAAAC,MAAA;QAEE,MAAAC,YAAA,GAAqBP,qBAAA,CAAAQ,OAAA,CAA8BH,KAAA,CAAAxB,QAAc;QACjE,MAAA4B,aAAA,GAAsBT,qBAAA,CAAAQ,OAAA,CAA8BF,MAAA,CAAAzB,QAAe;QAAA,IAE/D0B,YAAA,OAAkB,IAAKE,aAAA,OAAmB;UAAA;QAAA;QAAA,OAIvCF,YAAA,GAAeE,aAAA,SAAqB;MAAA,CAC7C;MAEFjC,eAAA,CAAgByB,aAAA;MAChBlB,uBAAA,CAAwBkB,aAAA;IAAA;IAC1B1D,CAAA,OAAAgC,YAAA;IAAAhC,CAAA,OAAAwC,uBAAA;IAAAxC,CAAA,OAAAwD,GAAA;EAAA;IAAAA,GAAA,GAAAxD,CAAA;EAAA;EAtBF,MAAAmE,gBAAA,GAAyBX,GAuBgB;EAAA,IAAAY,GAAA;EAAA,IAAApE,CAAA,SAAAmE,gBAAA,IAAAnE,CAAA,SAAAqB,cAAA;IAGG+C,GAAA,GAAAA,CAAA;MAC1CD,gBAAA,CAAiB9C,cAAA;IAAA;IACnBrB,CAAA,OAAAmE,gBAAA;IAAAnE,CAAA,OAAAqB,cAAA;IAAArB,CAAA,OAAAoE,GAAA;EAAA;IAAAA,GAAA,GAAApE,CAAA;EAAA;EAFA,MAAAqE,iBAAA,GAA0BD,GAEW;EAAA,IAAAE,GAAA;EAAA,IAAAtE,CAAA,SAAAI,cAAA,IAAAJ,CAAA,SAAAO,eAAA,IAAAP,CAAA,SAAAyB,aAAA,IAAAzB,CAAA,SAAAQ,aAAA,IAAAR,CAAA,SAAAC,UAAA,IAAAD,CAAA,SAAA4B,cAAA,IAAA5B,CAAA,SAAAK,mBAAA,IAAAL,CAAA,SAAAoB,MAAA,IAAApB,CAAA,SAAAS,eAAA,IAAAT,CAAA,SAAAsB,UAAA;IAMrBgD,GAAA,GAAAA,CAAA;MACd,MAAAC,IAAA,SAAAA,CAAA;QACE,MAAAC,oBAAA,GAA6BjD,cAAA,CAAAkD,OAAA,KAA2BrE,cAAA;QAAA,IAEpDoE,oBAAA,KAAyBjE,eAAA;UAC3B,MAAAmE,kBAAA,SAAiCjD,aAAA,CAE9BjB,aAAA;UACHe,cAAA,CAAAkD,OAAA,GAAyBrE,cAAA;UAAA,IAErBsE,kBAAA,EAAA3C,OAAA;YACFE,eAAA,CACExC,gBAAA;cAAAQ,UAAA;cAAA6B,iBAAA,EAEqB4C,kBAAA,EAAA3C,OAAA;cAAAA,OAAA,EACVH,cAAA;cAAAvB,mBAAA;cAAAe,MAAA;cAAAX,eAAA;cAAAa;YAAA,CAKX;UAAA;QAAA;MAAA;MAMHiD,IAAA;IAAA;IACPvE,CAAA,OAAAI,cAAA;IAAAJ,CAAA,OAAAO,eAAA;IAAAP,CAAA,OAAAyB,aAAA;IAAAzB,CAAA,OAAAQ,aAAA;IAAAR,CAAA,OAAAC,UAAA;IAAAD,CAAA,OAAA4B,cAAA;IAAA5B,CAAA,OAAAK,mBAAA;IAAAL,CAAA,OAAAoB,MAAA;IAAApB,CAAA,OAAAS,eAAA;IAAAT,CAAA,OAAAsB,UAAA;IAAAtB,CAAA,OAAAsE,GAAA;EAAA;IAAAA,GAAA,GAAAtE,CAAA;EAAA;EAAA,IAAA2E,GAAA;EAAA,IAAA3E,CAAA,SAAAQ,aAAA,IAAAR,CAAA,SAAAyB,aAAA,IAAAzB,CAAA,SAAAI,cAAA,IAAAJ,CAAA,SAAAoB,MAAA,IAAApB,CAAA,SAAAqB,cAAA,IAAArB,CAAA,SAAAsB,UAAA,IAAAtB,CAAA,SAAAO,eAAA,IAAAP,CAAA,SAAA4B,cAAA,IAAA5B,CAAA,SAAAC,UAAA,IAAAD,CAAA,SAAAK,mBAAA,IAAAL,CAAA,SAAAS,eAAA;IAAGkE,GAAA,IACDnE,aAAA,EACAiB,aAAA,EACArB,cAAA,EACAgB,MAAA,EACAC,cAAA,EACAC,UAAA,EACAf,eAAA,EACAqB,cAAA,EACA3B,UAAA,EACAI,mBAAA,EACAI,eAAA;IACDT,CAAA,OAAAQ,aAAA;IAAAR,CAAA,OAAAyB,aAAA;IAAAzB,CAAA,OAAAI,cAAA;IAAAJ,CAAA,OAAAoB,MAAA;IAAApB,CAAA,OAAAqB,cAAA;IAAArB,CAAA,OAAAsB,UAAA;IAAAtB,CAAA,OAAAO,eAAA;IAAAP,CAAA,OAAA4B,cAAA;IAAA5B,CAAA,OAAAC,UAAA;IAAAD,CAAA,OAAAK,mBAAA;IAAAL,CAAA,OAAAS,eAAA;IAAAT,CAAA,OAAA2E,GAAA;EAAA;IAAAA,GAAA,GAAA3E,CAAA;EAAA;EAvCDd,KAAA,CAAA0F,SAAA,CAAgBN,GA2BhB,EAAGK,GAYF;EAAA,IAAAE,GAAA;EAAA,IAAA7E,CAAA,SAAAE,SAAA,IAAAF,CAAA,SAAAgC,YAAA,IAAAhC,CAAA,SAAAgD,UAAA,IAAAhD,CAAA,SAAAqE,iBAAA,IAAArE,CAAA,SAAAmE,gBAAA,IAAAnE,CAAA,SAAAuD,YAAA,IAAAvD,CAAA,SAAAG,QAAA;IAGC0E,GAAA,GAAAC,IAAA,CAAAlF,kBAAA,CAAAmF,QAAA;MAAAC,KAAA;QAAA9E,SAAA;QAAA6B,OAAA,EAGaC,YAAA;QAAAgB,UAAA;QAAAqB,iBAAA;QAAAF,gBAAA;QAAAZ;MAAA;MAAApD;IAAA,C;;;;;;;;;;;;SAHb0E,G;CAaJ","ignoreList":[]}

package/dist/elements/Thumbnail/index.d.ts

@@ -10,11 +10,15 @@ export type ThumbnailProps = {
     size?: 'expand' | 'large' | 'medium' | 'small';
     uploadConfig?: SanitizedCollectionConfig['upload'];
 };
-export declare const useThumbnailContext: () => {
-    className: string;
-    filename: string;
-    size: string;
-    src: string;
-};
 export declare const Thumbnail: React.FC<ThumbnailProps>;
+type ThumbnailComponentProps = {
+    readonly alt?: string;
+    readonly className?: string;
+    readonly filename: string;
+    readonly fileSrc: string;
+    readonly imageCacheTag?: string;
+    readonly size?: 'expand' | 'large' | 'medium' | 'small';
+};
+export declare function ThumbnailComponent(props: ThumbnailComponentProps): React.JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Thumbnail/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Thumbnail/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAKxD,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,YAAY,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CACnD,CAAA;AASD,eAAO,MAAM,mBAAmB;;;;;CAA2C,CAAA;AAE3E,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkC9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Thumbnail/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAKxD,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC9C,YAAY,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CACnD,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkC9C,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACxD,CAAA;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBA+BhE"}

package/dist/elements/Thumbnail/index.js

@@ -7,15 +7,6 @@ import './index.scss';
 const baseClass = 'thumbnail';
 import { File } from '../../graphics/File/index.js';
 import { ShimmerEffect } from '../ShimmerEffect/index.js';
-const ThumbnailContext = /*#__PURE__*/React.createContext({
-  className: '',
-  filename: '',
-  size: 'medium',
-  src: ''
-});
-export const useThumbnailContext = () => {
-  return React.useContext(ThumbnailContext);
-};
 export const Thumbnail = props => {
   const $ = _c(19);
   const {
@@ -108,4 +99,88 @@ export const Thumbnail = props => {
   }
   return t7;
 };
+export function ThumbnailComponent(props) {
+  const $ = _c(19);
+  const {
+    alt,
+    className: t0,
+    filename,
+    fileSrc,
+    imageCacheTag,
+    size
+  } = props;
+  const className = t0 === undefined ? "" : t0;
+  const [fileExists, setFileExists] = React.useState(undefined);
+  const t1 = `${baseClass}--size-${size || "medium"}`;
+  let t2;
+  if ($[0] !== t1 || $[1] !== className) {
+    t2 = [baseClass, t1, className];
+    $[0] = t1;
+    $[1] = className;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const classNames = t2.join(" ");
+  let t3;
+  let t4;
+  if ($[3] !== fileSrc) {
+    t3 = () => {
+      if (!fileSrc) {
+        setFileExists(false);
+        return;
+      }
+      const img = new Image();
+      img.src = fileSrc;
+      img.onload = () => {
+        setFileExists(true);
+      };
+      img.onerror = () => {
+        setFileExists(false);
+      };
+    };
+    t4 = [fileSrc];
+    $[3] = fileSrc;
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t3 = $[4];
+    t4 = $[5];
+  }
+  React.useEffect(t3, t4);
+  let t5;
+  if ($[6] !== fileExists || $[7] !== alt || $[8] !== filename || $[9] !== imageCacheTag || $[10] !== fileSrc || $[11] !== classNames) {
+    let t6;
+    if ($[13] !== fileExists || $[14] !== alt || $[15] !== filename || $[16] !== imageCacheTag || $[17] !== fileSrc) {
+      t6 = fileExists && _jsx("img", {
+        alt: alt || filename,
+        src: `${fileSrc}${imageCacheTag ? `?${imageCacheTag}` : ""}`
+      });
+      $[13] = fileExists;
+      $[14] = alt;
+      $[15] = filename;
+      $[16] = imageCacheTag;
+      $[17] = fileSrc;
+      $[18] = t6;
+    } else {
+      t6 = $[18];
+    }
+    t5 = _jsxs("div", {
+      className: classNames,
+      children: [fileExists === undefined && _jsx(ShimmerEffect, {
+        height: "100%"
+      }), t6, fileExists === false && _jsx(File, {})]
+    });
+    $[6] = fileExists;
+    $[7] = alt;
+    $[8] = filename;
+    $[9] = imageCacheTag;
+    $[10] = fileSrc;
+    $[11] = classNames;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  return t5;
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","baseClass","File","ShimmerEffect","ThumbnailContext","createContext","className","filename","size","src","useThumbnailContext","useContext","Thumbnail","props","$","t0","doc","t1","fileSrc","imageCacheTag","undefined","t2","fileExists","setFileExists","useState","t3","t4","classNames","join","t5","t6","img","Image","onload","onerror","useEffect","t7","t8","_jsx","alt","_jsxs","children","height"],"sources":["../../../src/elements/Thumbnail/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'thumbnail'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { File } from '../../graphics/File/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nexport type ThumbnailProps = {\n  className?: string\n  collectionSlug?: string\n  doc?: Record<string, unknown>\n  fileSrc?: string\n  imageCacheTag?: string\n  size?: 'expand' | 'large' | 'medium' | 'small'\n  uploadConfig?: SanitizedCollectionConfig['upload']\n}\n\nconst ThumbnailContext = React.createContext({\n  className: '',\n  filename: '',\n  size: 'medium',\n  src: '',\n})\n\nexport const useThumbnailContext = () => React.useContext(ThumbnailContext)\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n  const { className = '', doc: { filename } = {}, fileSrc, imageCacheTag, size } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && (\n        <img\n          alt={filename as string}\n          src={`${fileSrc}${imageCacheTag ? `?${imageCacheTag}` : ''}`}\n        />\n      )}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","baseClass","File","ShimmerEffect","Thumbnail","props","$","className","t0","doc","t1","fileSrc","imageCacheTag","size","undefined","t2","filename","fileExists","setFileExists","useState","t3","t4","classNames","join","t5","t6","img","Image","src","onload","onerror","useEffect","t7","t8","_jsx","alt","_jsxs","children","height","ThumbnailComponent"],"sources":["../../../src/elements/Thumbnail/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'thumbnail'\n\nimport type { SanitizedCollectionConfig } from 'payload'\n\nimport { File } from '../../graphics/File/index.js'\nimport { ShimmerEffect } from '../ShimmerEffect/index.js'\n\nexport type ThumbnailProps = {\n  className?: string\n  collectionSlug?: string\n  doc?: Record<string, unknown>\n  fileSrc?: string\n  imageCacheTag?: string\n  size?: 'expand' | 'large' | 'medium' | 'small'\n  uploadConfig?: SanitizedCollectionConfig['upload']\n}\n\nexport const Thumbnail: React.FC<ThumbnailProps> = (props) => {\n  const { className = '', doc: { filename } = {}, fileSrc, imageCacheTag, size } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && (\n        <img\n          alt={filename as string}\n          src={`${fileSrc}${imageCacheTag ? `?${imageCacheTag}` : ''}`}\n        />\n      )}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n\ntype ThumbnailComponentProps = {\n  readonly alt?: string\n  readonly className?: string\n  readonly filename: string\n  readonly fileSrc: string\n  readonly imageCacheTag?: string\n  readonly size?: 'expand' | 'large' | 'medium' | 'small'\n}\nexport function ThumbnailComponent(props: ThumbnailComponentProps) {\n  const { alt, className = '', filename, fileSrc, imageCacheTag, size } = props\n  const [fileExists, setFileExists] = React.useState(undefined)\n\n  const classNames = [baseClass, `${baseClass}--size-${size || 'medium'}`, className].join(' ')\n\n  React.useEffect(() => {\n    if (!fileSrc) {\n      setFileExists(false)\n      return\n    }\n\n    const img = new Image()\n    img.src = fileSrc\n    img.onload = () => {\n      setFileExists(true)\n    }\n    img.onerror = () => {\n      setFileExists(false)\n    }\n  }, [fileSrc])\n\n  return (\n    <div className={classNames}>\n      {fileExists === undefined && <ShimmerEffect height=\"100%\" />}\n      {fileExists && (\n        <img alt={alt || filename} src={`${fileSrc}${imageCacheTag ? `?${imageCacheTag}` : ''}`} />\n      )}\n      {fileExists === false && <File />}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Tooltip/index.d.ts

@@ -6,6 +6,7 @@ export type Props = {
     children: React.ReactNode;
     className?: string;
     delay?: number;
+    position?: 'bottom' | 'top';
     show?: boolean;
     /**
      * If the tooltip position should not change depending on if the toolbar is outside the boundingRef. @default false

package/dist/elements/Tooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8EnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAGxC,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmFnC,CAAA"}