@ruya.sa/ui 3.71.3

package/dist/views/List/index.js

@@ -0,0 +1,245 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { useRouter } from 'next/navigation.js';
+import { formatAdminURL, formatFilesize } from '@ruya.sa/payload/shared';
+import React, { Fragment, useEffect } from 'react';
+import { useBulkUpload } from '../../elements/BulkUpload/index.js';
+import { Button } from '../../elements/Button/index.js';
+import { Gutter } from '../../elements/Gutter/index.js';
+import { ListControls } from '../../elements/ListControls/index.js';
+import { useListDrawerContext } from '../../elements/ListDrawer/Provider.js';
+import { useModal } from '../../elements/Modal/index.js';
+import { PageControls } from '../../elements/PageControls/index.js';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { SelectMany } from '../../elements/SelectMany/index.js';
+import { useStepNav } from '../../elements/StepNav/index.js';
+import { StickyToolbar } from '../../elements/StickyToolbar/index.js';
+import { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js';
+import { ViewDescription } from '../../elements/ViewDescription/index.js';
+import { useControllableState } from '../../hooks/useControllableState.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useListQuery } from '../../providers/ListQuery/index.js';
+import { SelectionProvider } from '../../providers/Selection/index.js';
+import { TableColumnsProvider } from '../../providers/TableColumns/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { useWindowInfo } from '../../providers/WindowInfo/index.js';
+import { ListSelection } from '../../views/List/ListSelection/index.js';
+import { CollectionListHeader } from './ListHeader/index.js';
+import './index.scss';
+const baseClass = 'collection-list';
+export function DefaultListView(props) {
+  const {
+    AfterList,
+    AfterListTable,
+    beforeActions,
+    BeforeList,
+    BeforeListTable,
+    collectionSlug,
+    columnState,
+    Description,
+    disableBulkDelete,
+    disableBulkEdit,
+    disableQueryPresets,
+    enableRowSelections,
+    hasCreatePermission: hasCreatePermissionFromProps,
+    hasDeletePermission,
+    listMenuItems,
+    newDocumentURL,
+    queryPreset,
+    queryPresetPermissions,
+    renderedFilters,
+    resolvedFilterOptions,
+    Table: InitialTable,
+    viewType
+  } = props;
+  const [Table] = useControllableState(InitialTable);
+  const {
+    allowCreate,
+    createNewDrawerSlug,
+    isInDrawer,
+    onBulkSelect
+  } = useListDrawerContext();
+  const hasCreatePermission = allowCreate !== undefined ? allowCreate && hasCreatePermissionFromProps : hasCreatePermissionFromProps;
+  const {
+    config: {
+      routes: {
+        admin: adminRoute
+      },
+      serverURL
+    },
+    getEntityConfig
+  } = useConfig();
+  const router = useRouter();
+  const {
+    data,
+    isGroupingBy
+  } = useListQuery();
+  const {
+    openModal
+  } = useModal();
+  const {
+    drawerSlug: bulkUploadDrawerSlug,
+    setCollectionSlug,
+    setOnSuccess
+  } = useBulkUpload();
+  const collectionConfig = getEntityConfig({
+    collectionSlug
+  });
+  const {
+    labels,
+    upload
+  } = collectionConfig;
+  const isUploadCollection = Boolean(upload);
+  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload;
+  const isTrashEnabled = Boolean(collectionConfig.trash);
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    setStepNav
+  } = useStepNav();
+  const {
+    breakpoints: {
+      s: smallBreak
+    }
+  } = useWindowInfo();
+  const docs = React.useMemo(() => {
+    if (isUploadCollection) {
+      return data.docs.map(doc => {
+        return {
+          ...doc,
+          filesize: formatFilesize(doc.filesize)
+        };
+      });
+    } else {
+      return data?.docs;
+    }
+  }, [data?.docs, isUploadCollection]);
+  const openBulkUpload = React.useCallback(() => {
+    setCollectionSlug(collectionSlug);
+    openModal(bulkUploadDrawerSlug);
+    setOnSuccess(() => router.refresh());
+  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess]);
+  useEffect(() => {
+    if (!isInDrawer) {
+      const baseLabel = {
+        label: getTranslation(labels?.plural, i18n),
+        url: isTrashEnabled && viewType === 'trash' ? formatAdminURL({
+          adminRoute,
+          path: `/collections/${collectionSlug}`
+        }) : undefined
+      };
+      const trashLabel = {
+        label: i18n.t('general:trash')
+      };
+      const navItems = isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel];
+      setStepNav(navItems);
+    }
+  }, [adminRoute, setStepNav, serverURL, labels, isInDrawer, isTrashEnabled, viewType, i18n, collectionSlug]);
+  return /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx(TableColumnsProvider, {
+      collectionSlug: collectionSlug,
+      columnState: columnState,
+      children: /*#__PURE__*/_jsx("div", {
+        className: `${baseClass} ${baseClass}--${collectionSlug}`,
+        children: /*#__PURE__*/_jsxs(SelectionProvider, {
+          docs: docs,
+          totalDocs: data?.totalDocs,
+          children: [BeforeList, /*#__PURE__*/_jsxs(Gutter, {
+            className: `${baseClass}__wrap`,
+            children: [/*#__PURE__*/_jsx(CollectionListHeader, {
+              collectionConfig: collectionConfig,
+              Description: /*#__PURE__*/_jsx("div", {
+                className: `${baseClass}__sub-header`,
+                children: /*#__PURE__*/_jsx(RenderCustomComponent, {
+                  CustomComponent: Description,
+                  Fallback: /*#__PURE__*/_jsx(ViewDescription, {
+                    collectionSlug: collectionSlug,
+                    description: collectionConfig?.admin?.description
+                  })
+                })
+              }),
+              disableBulkDelete: disableBulkDelete,
+              disableBulkEdit: disableBulkEdit,
+              hasCreatePermission: hasCreatePermission,
+              hasDeletePermission: hasDeletePermission,
+              i18n: i18n,
+              isBulkUploadEnabled: isBulkUploadEnabled && !upload.hideFileInputOnCreate,
+              isTrashEnabled: isTrashEnabled,
+              newDocumentURL: newDocumentURL,
+              openBulkUpload: openBulkUpload,
+              smallBreak: smallBreak,
+              viewType: viewType
+            }), /*#__PURE__*/_jsx(ListControls, {
+              beforeActions: enableRowSelections && typeof onBulkSelect === 'function' ? beforeActions ? [...beforeActions, /*#__PURE__*/_jsx(SelectMany, {
+                onClick: onBulkSelect
+              }, "select-many")] : [/*#__PURE__*/_jsx(SelectMany, {
+                onClick: onBulkSelect
+              }, "select-many")] : beforeActions,
+              collectionConfig: collectionConfig,
+              collectionSlug: collectionSlug,
+              disableQueryPresets: collectionConfig?.enableQueryPresets !== true || disableQueryPresets,
+              listMenuItems: listMenuItems,
+              queryPreset: queryPreset,
+              queryPresetPermissions: queryPresetPermissions,
+              renderedFilters: renderedFilters,
+              resolvedFilterOptions: resolvedFilterOptions
+            }), BeforeListTable, docs?.length > 0 && /*#__PURE__*/_jsx("div", {
+              className: `${baseClass}__tables`,
+              children: /*#__PURE__*/_jsx(RelationshipProvider, {
+                children: Table
+              })
+            }), docs?.length === 0 && /*#__PURE__*/_jsxs("div", {
+              className: `${baseClass}__no-results`,
+              children: [/*#__PURE__*/_jsx("p", {
+                children: i18n.t(viewType === 'trash' ? 'general:noTrashResults' : 'general:noResults', {
+                  label: getTranslation(labels?.plural, i18n)
+                })
+              }), hasCreatePermission && newDocumentURL && viewType !== 'trash' && /*#__PURE__*/_jsx(Fragment, {
+                children: isInDrawer ? /*#__PURE__*/_jsx(Button, {
+                  el: "button",
+                  onClick: () => openModal(createNewDrawerSlug),
+                  children: i18n.t('general:createNewLabel', {
+                    label: getTranslation(labels?.singular, i18n)
+                  })
+                }) : /*#__PURE__*/_jsx(Button, {
+                  el: "link",
+                  to: newDocumentURL,
+                  children: i18n.t('general:createNewLabel', {
+                    label: getTranslation(labels?.singular, i18n)
+                  })
+                })
+              })]
+            }), AfterListTable, docs?.length > 0 && !isGroupingBy && /*#__PURE__*/_jsx(PageControls, {
+              AfterPageControls: smallBreak ? /*#__PURE__*/_jsxs("div", {
+                className: `${baseClass}__list-selection`,
+                children: [/*#__PURE__*/_jsx(ListSelection, {
+                  collectionConfig: collectionConfig,
+                  disableBulkDelete: disableBulkDelete,
+                  disableBulkEdit: disableBulkEdit,
+                  label: getTranslation(collectionConfig.labels.plural, i18n),
+                  showSelectAllAcrossPages: !isGroupingBy
+                }), /*#__PURE__*/_jsx("div", {
+                  className: `${baseClass}__list-selection-actions`,
+                  children: enableRowSelections && typeof onBulkSelect === 'function' ? beforeActions ? [...beforeActions, /*#__PURE__*/_jsx(SelectMany, {
+                    onClick: onBulkSelect
+                  }, "select-many")] : [/*#__PURE__*/_jsx(SelectMany, {
+                    onClick: onBulkSelect
+                  }, "select-many")] : beforeActions
+                })]
+              }) : null,
+              collectionConfig: collectionConfig
+            })]
+          }), AfterList]
+        })
+      })
+    }), docs?.length > 0 && isGroupingBy && data.totalPages > 1 && /*#__PURE__*/_jsx(StickyToolbar, {
+      children: /*#__PURE__*/_jsx(PageControls, {
+        collectionConfig: collectionConfig
+      })
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/views/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","useRouter","formatAdminURL","formatFilesize","React","Fragment","useEffect","useBulkUpload","Button","Gutter","ListControls","useListDrawerContext","useModal","PageControls","RenderCustomComponent","SelectMany","useStepNav","StickyToolbar","RelationshipProvider","ViewDescription","useControllableState","useConfig","useListQuery","SelectionProvider","TableColumnsProvider","useTranslation","useWindowInfo","ListSelection","CollectionListHeader","baseClass","DefaultListView","props","AfterList","AfterListTable","beforeActions","BeforeList","BeforeListTable","collectionSlug","columnState","Description","disableBulkDelete","disableBulkEdit","disableQueryPresets","enableRowSelections","hasCreatePermission","hasCreatePermissionFromProps","hasDeletePermission","listMenuItems","newDocumentURL","queryPreset","queryPresetPermissions","renderedFilters","resolvedFilterOptions","Table","InitialTable","viewType","allowCreate","createNewDrawerSlug","isInDrawer","onBulkSelect","undefined","config","routes","admin","adminRoute","serverURL","getEntityConfig","router","data","isGroupingBy","openModal","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","collectionConfig","labels","upload","isUploadCollection","Boolean","isBulkUploadEnabled","bulkUpload","isTrashEnabled","trash","i18n","setStepNav","breakpoints","s","smallBreak","docs","useMemo","map","doc","filesize","openBulkUpload","useCallback","refresh","baseLabel","label","plural","url","path","trashLabel","t","navItems","_jsxs","_jsx","className","totalDocs","CustomComponent","Fallback","description","hideFileInputOnCreate","onClick","enableQueryPresets","length","el","singular","to","AfterPageControls","showSelectAllAcrossPages","totalPages"],"sources":["../../../src/views/List/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ListViewClientProps } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL, formatFilesize } from '@ruya.sa/payload/shared'\nimport React, { Fragment, useEffect } from 'react'\n\nimport { useBulkUpload } from '../../elements/BulkUpload/index.js'\nimport { Button } from '../../elements/Button/index.js'\nimport { Gutter } from '../../elements/Gutter/index.js'\nimport { ListControls } from '../../elements/ListControls/index.js'\nimport { useListDrawerContext } from '../../elements/ListDrawer/Provider.js'\nimport { useModal } from '../../elements/Modal/index.js'\nimport { PageControls } from '../../elements/PageControls/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { SelectMany } from '../../elements/SelectMany/index.js'\nimport { useStepNav } from '../../elements/StepNav/index.js'\nimport { StickyToolbar } from '../../elements/StickyToolbar/index.js'\nimport { RelationshipProvider } from '../../elements/Table/RelationshipProvider/index.js'\nimport { ViewDescription } from '../../elements/ViewDescription/index.js'\nimport { useControllableState } from '../../hooks/useControllableState.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { SelectionProvider } from '../../providers/Selection/index.js'\nimport { TableColumnsProvider } from '../../providers/TableColumns/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { useWindowInfo } from '../../providers/WindowInfo/index.js'\nimport { ListSelection } from '../../views/List/ListSelection/index.js'\nimport { CollectionListHeader } from './ListHeader/index.js'\nimport './index.scss'\n\nconst baseClass = 'collection-list'\n\nexport function DefaultListView(props: ListViewClientProps) {\n  const {\n    AfterList,\n    AfterListTable,\n    beforeActions,\n    BeforeList,\n    BeforeListTable,\n    collectionSlug,\n    columnState,\n    Description,\n    disableBulkDelete,\n    disableBulkEdit,\n    disableQueryPresets,\n    enableRowSelections,\n    hasCreatePermission: hasCreatePermissionFromProps,\n    hasDeletePermission,\n    listMenuItems,\n    newDocumentURL,\n    queryPreset,\n    queryPresetPermissions,\n    renderedFilters,\n    resolvedFilterOptions,\n    Table: InitialTable,\n    viewType,\n  } = props\n\n  const [Table] = useControllableState(InitialTable)\n\n  const { allowCreate, createNewDrawerSlug, isInDrawer, onBulkSelect } = useListDrawerContext()\n\n  const hasCreatePermission =\n    allowCreate !== undefined\n      ? allowCreate && hasCreatePermissionFromProps\n      : hasCreatePermissionFromProps\n\n  const {\n    config: {\n      routes: { admin: adminRoute },\n      serverURL,\n    },\n    getEntityConfig,\n  } = useConfig()\n  const router = useRouter()\n\n  const { data, isGroupingBy } = useListQuery()\n\n  const { openModal } = useModal()\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n\n  const collectionConfig = getEntityConfig({ collectionSlug })\n\n  const { labels, upload } = collectionConfig\n\n  const isUploadCollection = Boolean(upload)\n\n  const isBulkUploadEnabled = isUploadCollection && collectionConfig.upload.bulkUpload\n\n  const isTrashEnabled = Boolean(collectionConfig.trash)\n\n  const { i18n } = useTranslation()\n\n  const { setStepNav } = useStepNav()\n\n  const {\n    breakpoints: { s: smallBreak },\n  } = useWindowInfo()\n\n  const docs = React.useMemo(() => {\n    if (isUploadCollection) {\n      return data.docs.map((doc) => {\n        return {\n          ...doc,\n          filesize: formatFilesize(doc.filesize),\n        }\n      })\n    } else {\n      return data?.docs\n    }\n  }, [data?.docs, isUploadCollection])\n\n  const openBulkUpload = React.useCallback(() => {\n    setCollectionSlug(collectionSlug)\n    openModal(bulkUploadDrawerSlug)\n    setOnSuccess(() => router.refresh())\n  }, [router, collectionSlug, bulkUploadDrawerSlug, openModal, setCollectionSlug, setOnSuccess])\n\n  useEffect(() => {\n    if (!isInDrawer) {\n      const baseLabel = {\n        label: getTranslation(labels?.plural, i18n),\n        url:\n          isTrashEnabled && viewType === 'trash'\n            ? formatAdminURL({\n                adminRoute,\n                path: `/collections/${collectionSlug}`,\n              })\n            : undefined,\n      }\n\n      const trashLabel = {\n        label: i18n.t('general:trash'),\n      }\n\n      const navItems =\n        isTrashEnabled && viewType === 'trash' ? [baseLabel, trashLabel] : [baseLabel]\n\n      setStepNav(navItems)\n    }\n  }, [\n    adminRoute,\n    setStepNav,\n    serverURL,\n    labels,\n    isInDrawer,\n    isTrashEnabled,\n    viewType,\n    i18n,\n    collectionSlug,\n  ])\n\n  return (\n    <Fragment>\n      <TableColumnsProvider collectionSlug={collectionSlug} columnState={columnState}>\n        <div className={`${baseClass} ${baseClass}--${collectionSlug}`}>\n          <SelectionProvider docs={docs} totalDocs={data?.totalDocs}>\n            {BeforeList}\n            <Gutter className={`${baseClass}__wrap`}>\n              <CollectionListHeader\n                collectionConfig={collectionConfig}\n                Description={\n                  <div className={`${baseClass}__sub-header`}>\n                    <RenderCustomComponent\n                      CustomComponent={Description}\n                      Fallback={\n                        <ViewDescription\n                          collectionSlug={collectionSlug}\n                          description={collectionConfig?.admin?.description}\n                        />\n                      }\n                    />\n                  </div>\n                }\n                disableBulkDelete={disableBulkDelete}\n                disableBulkEdit={disableBulkEdit}\n                hasCreatePermission={hasCreatePermission}\n                hasDeletePermission={hasDeletePermission}\n                i18n={i18n}\n                isBulkUploadEnabled={isBulkUploadEnabled && !upload.hideFileInputOnCreate}\n                isTrashEnabled={isTrashEnabled}\n                newDocumentURL={newDocumentURL}\n                openBulkUpload={openBulkUpload}\n                smallBreak={smallBreak}\n                viewType={viewType}\n              />\n              <ListControls\n                beforeActions={\n                  enableRowSelections && typeof onBulkSelect === 'function'\n                    ? beforeActions\n                      ? [...beforeActions, <SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                      : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                    : beforeActions\n                }\n                collectionConfig={collectionConfig}\n                collectionSlug={collectionSlug}\n                disableQueryPresets={\n                  collectionConfig?.enableQueryPresets !== true || disableQueryPresets\n                }\n                listMenuItems={listMenuItems}\n                queryPreset={queryPreset}\n                queryPresetPermissions={queryPresetPermissions}\n                renderedFilters={renderedFilters}\n                resolvedFilterOptions={resolvedFilterOptions}\n              />\n              {BeforeListTable}\n              {docs?.length > 0 && (\n                <div className={`${baseClass}__tables`}>\n                  <RelationshipProvider>{Table}</RelationshipProvider>\n                </div>\n              )}\n              {docs?.length === 0 && (\n                <div className={`${baseClass}__no-results`}>\n                  <p>\n                    {i18n.t(viewType === 'trash' ? 'general:noTrashResults' : 'general:noResults', {\n                      label: getTranslation(labels?.plural, i18n),\n                    })}\n                  </p>\n                  {hasCreatePermission && newDocumentURL && viewType !== 'trash' && (\n                    <Fragment>\n                      {isInDrawer ? (\n                        <Button el=\"button\" onClick={() => openModal(createNewDrawerSlug)}>\n                          {i18n.t('general:createNewLabel', {\n                            label: getTranslation(labels?.singular, i18n),\n                          })}\n                        </Button>\n                      ) : (\n                        <Button el=\"link\" to={newDocumentURL}>\n                          {i18n.t('general:createNewLabel', {\n                            label: getTranslation(labels?.singular, i18n),\n                          })}\n                        </Button>\n                      )}\n                    </Fragment>\n                  )}\n                </div>\n              )}\n              {AfterListTable}\n              {docs?.length > 0 && !isGroupingBy && (\n                <PageControls\n                  AfterPageControls={\n                    smallBreak ? (\n                      <div className={`${baseClass}__list-selection`}>\n                        <ListSelection\n                          collectionConfig={collectionConfig}\n                          disableBulkDelete={disableBulkDelete}\n                          disableBulkEdit={disableBulkEdit}\n                          label={getTranslation(collectionConfig.labels.plural, i18n)}\n                          showSelectAllAcrossPages={!isGroupingBy}\n                        />\n                        <div className={`${baseClass}__list-selection-actions`}>\n                          {enableRowSelections && typeof onBulkSelect === 'function'\n                            ? beforeActions\n                              ? [\n                                  ...beforeActions,\n                                  <SelectMany key=\"select-many\" onClick={onBulkSelect} />,\n                                ]\n                              : [<SelectMany key=\"select-many\" onClick={onBulkSelect} />]\n                            : beforeActions}\n                        </div>\n                      </div>\n                    ) : null\n                  }\n                  collectionConfig={collectionConfig}\n                />\n              )}\n            </Gutter>\n            {AfterList}\n          </SelectionProvider>\n        </div>\n      </TableColumnsProvider>\n      {docs?.length > 0 && isGroupingBy && data.totalPages > 1 && (\n        <StickyToolbar>\n          <PageControls collectionConfig={collectionConfig} />\n        </StickyToolbar>\n      )}\n    </Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/List/index.scss

@@ -0,0 +1,156 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .collection-list {
+    width: 100%;
+
+    &__wrap {
+      padding-bottom: var(--spacing-view-bottom);
+
+      & > *:not(:last-child) {
+        margin-bottom: var(--base);
+      }
+    }
+
+    .list-header {
+      a {
+        text-decoration: none;
+      }
+    }
+
+    &__sub-header {
+      flex-basis: 100%;
+      padding-top: calc(var(--base) * 0.75);
+    }
+
+    &__tables {
+      .table-wrap:not(:last-child) {
+        margin-bottom: calc(var(--base) * 2);
+      }
+
+      .table-wrap--group-by:first-child {
+        margin-top: calc(var(--base) * 2);
+      }
+    }
+
+    .table {
+      table {
+        width: 100%;
+        overflow: auto;
+
+        [class^='cell'] > p,
+        [class^='cell'] > span,
+        [class^='cell'] > a {
+          line-clamp: 4;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 4;
+          overflow: hidden;
+          display: -webkit-box;
+          max-width: 100vw;
+        }
+
+        #heading-_select,
+        .cell-_select {
+          min-width: unset;
+        }
+
+        #heading-_dragHandle,
+        .cell-_dragHandle {
+          width: 20px;
+          min-width: 0;
+        }
+      }
+    }
+
+    &__no-results {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: var(--base);
+
+      & > * {
+        margin: 0;
+      }
+    }
+
+    &__list-selection {
+      position: fixed;
+      bottom: 0;
+      z-index: 10;
+      padding: base(0.8) 0;
+      width: 100%;
+      background-color: var(--theme-bg);
+
+      .btn {
+        margin: 0 0 0 base(0.4);
+      }
+
+      .btn {
+        background-color: var(--theme-elevation-100);
+        cursor: pointer;
+        padding: 0 base(0.4);
+        border-radius: $style-radius-s;
+
+        &:hover {
+          background-color: var(--theme-elevation-200);
+        }
+      }
+    }
+
+    &__list-selection-actions {
+      display: flex;
+      gap: base(0.25);
+    }
+
+    &__shimmer {
+      margin-top: base(1.75);
+      width: 100%;
+      > div {
+        margin-top: 8px;
+      }
+    }
+
+    @include mid-break {
+      margin-top: base(0.25);
+
+      &__wrap {
+        padding-top: 0;
+        padding-bottom: 0;
+      }
+
+      &__header {
+        gap: base(0.5);
+      }
+
+      &__sub-header {
+        margin-top: 0;
+      }
+
+      &__search-input {
+        margin: 0;
+      }
+
+      // on mobile, extend the table all the way to the viewport edges
+      // this is to visually indicate overflowing content
+      .table {
+        display: flex;
+        flex-direction: column;
+        width: calc(100% + calc(var(--gutter-h) * 2));
+        max-width: unset;
+        left: calc(var(--gutter-h) * -1);
+        position: relative;
+        padding-left: var(--gutter-h);
+
+        &::after {
+          content: '';
+          height: 1px;
+          padding-right: var(--gutter-h);
+        }
+      }
+    }
+
+    @include small-break {
+      margin-bottom: base(4);
+    }
+  }
+}

package/dist/views/List/types.d.ts

@@ -0,0 +1,9 @@
+import type { SanitizedCollectionConfig } from '@ruya.sa/payload';
+export type DefaultListViewProps = {
+    collectionSlug: SanitizedCollectionConfig['slug'];
+    listSearchableFields: SanitizedCollectionConfig['admin']['listSearchableFields'];
+};
+export type ListIndexProps = {
+    collection: SanitizedCollectionConfig;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/views/List/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/views/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAEjE,MAAM,MAAM,oBAAoB,GAAG;IACjC,cAAc,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAA;IACjD,oBAAoB,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,sBAAsB,CAAC,CAAA;CACjF,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,UAAU,EAAE,yBAAyB,CAAA;CACtC,CAAA"}

package/dist/views/List/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/views/List/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/views/List/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from '@ruya.sa/payload'\n\nexport type DefaultListViewProps = {\n  collectionSlug: SanitizedCollectionConfig['slug']\n  listSearchableFields: SanitizedCollectionConfig['admin']['listSearchableFields']\n}\n\nexport type ListIndexProps = {\n  collection: SanitizedCollectionConfig\n}\n"],"mappings":"AAOA","ignoreList":[]}

package/dist/widgets/CollectionCards/index.d.ts

@@ -0,0 +1,5 @@
+import type { WidgetServerProps } from '@ruya.sa/payload';
+import React from 'react';
+import './index.scss';
+export declare function CollectionCards(props: WidgetServerProps): Promise<React.JSX.Element>;
+//# sourceMappingURL=index.d.ts.map

package/dist/widgets/CollectionCards/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/widgets/CollectionCards/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAKzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,cAAc,CAAA;AAIrB,wBAAsB,eAAe,CAAC,KAAK,EAAE,iBAAiB,8BAwH7D"}

package/dist/widgets/CollectionCards/index.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { EntityType, getAccessResults } from '@ruya.sa/payload';
+import { formatAdminURL } from '@ruya.sa/payload/shared';
+import React from 'react';
+import { Button } from '../../elements/Button/index.js';
+import { Card } from '../../elements/Card/index.js';
+import { Locked } from '../../elements/Locked/index.js';
+import { getGlobalData } from '../../utilities/getGlobalData.js';
+import { getNavGroups } from '../../utilities/getNavGroups.js';
+import { getVisibleEntities } from '../../utilities/getVisibleEntities.js';
+import './index.scss';
+const baseClass = 'collections';
+export async function CollectionCards(props) {
+  const {
+    i18n,
+    payload,
+    user
+  } = props.req;
+  const {
+    admin: adminRoute
+  } = payload.config.routes;
+  const {
+    t
+  } = i18n;
+  const permissions = await getAccessResults({
+    req: props.req
+  });
+  const visibleEntities = getVisibleEntities({
+    req: props.req
+  });
+  const globalData = await getGlobalData(props.req);
+  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n);
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__wrap`,
+      children: !navGroups || navGroups?.length === 0 ? /*#__PURE__*/_jsx("p", {
+        children: "no nav groups...."
+      }) : navGroups.map(({
+        entities,
+        label
+      }, groupIndex) => {
+        return /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__group`,
+          children: [/*#__PURE__*/_jsx("h2", {
+            className: `${baseClass}__label`,
+            children: label
+          }), /*#__PURE__*/_jsx("ul", {
+            className: `${baseClass}__card-list`,
+            children: entities.map(({
+              slug,
+              type,
+              label
+            }, entityIndex) => {
+              let title;
+              let buttonAriaLabel;
+              let createHREF;
+              let href;
+              let hasCreatePermission;
+              let isLocked = null;
+              let userEditing = null;
+              // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
+              if (type === EntityType.collection) {
+                title = getTranslation(label, i18n);
+                buttonAriaLabel = t('general:showAllLabel', {
+                  label: title
+                });
+                href = formatAdminURL({
+                  adminRoute,
+                  path: `/collections/${slug}`
+                });
+                createHREF = formatAdminURL({
+                  adminRoute,
+                  path: `/collections/${slug}/create`
+                });
+                hasCreatePermission = permissions?.collections?.[slug]?.create;
+              }
+              // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison
+              if (type === EntityType.global) {
+                title = getTranslation(label, i18n);
+                buttonAriaLabel = t('general:editLabel', {
+                  label: getTranslation(label, i18n)
+                });
+                href = formatAdminURL({
+                  adminRoute,
+                  path: `/globals/${slug}`
+                });
+                // Find the lock status for the global
+                const globalLockData = globalData.find(global => global.slug === slug);
+                if (globalLockData) {
+                  isLocked = globalLockData.data._isLocked;
+                  userEditing = globalLockData.data._userEditing;
+                  // Check if the lock is expired
+                  const lockDuration = globalLockData?.lockDuration;
+                  const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime();
+                  const lockDurationInMilliseconds = lockDuration * 1000;
+                  const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds;
+                  if (new Date().getTime() > lockExpirationTime) {
+                    isLocked = false;
+                    userEditing = null;
+                  }
+                }
+              }
+              return /*#__PURE__*/_jsx("li", {
+                children: /*#__PURE__*/_jsx(Card, {
+                  actions: isLocked && user?.id !== userEditing?.id ? /*#__PURE__*/_jsx(Locked, {
+                    className: `${baseClass}__locked`,
+                    user: userEditing
+                  }) : hasCreatePermission && type === EntityType.collection ? /*#__PURE__*/_jsx(Button, {
+                    "aria-label": t('general:createNewLabel', {
+                      label
+                    }),
+                    buttonStyle: "icon-label",
+                    el: "link",
+                    icon: "plus",
+                    iconStyle: "with-border",
+                    round: true,
+                    to: createHREF
+                  }) : undefined,
+                  buttonAriaLabel: buttonAriaLabel,
+                  href: href,
+                  id: `card-${slug}`,
+                  title: getTranslation(label, i18n),
+                  titleAs: "h3"
+                })
+              }, entityIndex);
+            })
+          })]
+        }, groupIndex);
+      })
+    })
+  });
+}
+//# sourceMappingURL=index.js.map

package/dist/widgets/CollectionCards/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","EntityType","getAccessResults","formatAdminURL","React","Button","Card","Locked","getGlobalData","getNavGroups","getVisibleEntities","baseClass","CollectionCards","props","i18n","payload","user","req","admin","adminRoute","config","routes","t","permissions","visibleEntities","globalData","navGroups","_jsx","className","length","map","entities","label","groupIndex","_jsxs","slug","type","entityIndex","title","buttonAriaLabel","createHREF","href","hasCreatePermission","isLocked","userEditing","collection","path","collections","create","global","globalLockData","find","data","_isLocked","_userEditing","lockDuration","lastEditedAt","Date","_lastEditedAt","getTime","lockDurationInMilliseconds","lockExpirationTime","actions","id","buttonStyle","el","icon","iconStyle","round","to","undefined","titleAs"],"sources":["../../../src/widgets/CollectionCards/index.tsx"],"sourcesContent":["import type { WidgetServerProps } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport { EntityType, getAccessResults } from '@ruya.sa/payload'\nimport { formatAdminURL } from '@ruya.sa/payload/shared'\nimport React from 'react'\n\nimport { Button } from '../../elements/Button/index.js'\nimport { Card } from '../../elements/Card/index.js'\nimport { Locked } from '../../elements/Locked/index.js'\nimport { getGlobalData } from '../../utilities/getGlobalData.js'\nimport { getNavGroups } from '../../utilities/getNavGroups.js'\nimport { getVisibleEntities } from '../../utilities/getVisibleEntities.js'\nimport './index.scss'\n\nconst baseClass = 'collections'\n\nexport async function CollectionCards(props: WidgetServerProps) {\n  const { i18n, payload, user } = props.req\n  const { admin: adminRoute } = payload.config.routes\n  const { t } = i18n\n  const permissions = await getAccessResults({ req: props.req })\n  const visibleEntities = getVisibleEntities({ req: props.req })\n  const globalData = await getGlobalData(props.req)\n\n  const navGroups = getNavGroups(permissions, visibleEntities, payload.config, i18n)\n\n  return (\n    <div className={baseClass}>\n      <div className={`${baseClass}__wrap`}>\n        {!navGroups || navGroups?.length === 0 ? (\n          <p>no nav groups....</p>\n        ) : (\n          navGroups.map(({ entities, label }, groupIndex) => {\n            return (\n              <div className={`${baseClass}__group`} key={groupIndex}>\n                <h2 className={`${baseClass}__label`}>{label}</h2>\n                <ul className={`${baseClass}__card-list`}>\n                  {entities.map(({ slug, type, label }, entityIndex) => {\n                    let title: string\n                    let buttonAriaLabel: string\n                    let createHREF: string\n                    let href: string\n                    let hasCreatePermission: boolean\n                    let isLocked = null\n                    let userEditing = null\n\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n                    if (type === EntityType.collection) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:showAllLabel', { label: title })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}`,\n                      })\n\n                      createHREF = formatAdminURL({\n                        adminRoute,\n                        path: `/collections/${slug}/create`,\n                      })\n\n                      hasCreatePermission = permissions?.collections?.[slug]?.create\n                    }\n\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n                    if (type === EntityType.global) {\n                      title = getTranslation(label, i18n)\n\n                      buttonAriaLabel = t('general:editLabel', {\n                        label: getTranslation(label, i18n),\n                      })\n\n                      href = formatAdminURL({\n                        adminRoute,\n                        path: `/globals/${slug}`,\n                      })\n\n                      // Find the lock status for the global\n                      const globalLockData = globalData.find((global) => global.slug === slug)\n                      if (globalLockData) {\n                        isLocked = globalLockData.data._isLocked\n                        userEditing = globalLockData.data._userEditing\n\n                        // Check if the lock is expired\n                        const lockDuration = globalLockData?.lockDuration\n                        const lastEditedAt = new Date(globalLockData.data?._lastEditedAt).getTime()\n\n                        const lockDurationInMilliseconds = lockDuration * 1000\n                        const lockExpirationTime = lastEditedAt + lockDurationInMilliseconds\n\n                        if (new Date().getTime() > lockExpirationTime) {\n                          isLocked = false\n                          userEditing = null\n                        }\n                      }\n                    }\n\n                    return (\n                      <li key={entityIndex}>\n                        <Card\n                          actions={\n                            isLocked && user?.id !== userEditing?.id ? (\n                              <Locked className={`${baseClass}__locked`} user={userEditing} />\n                            ) : // eslint-disable-next-line @typescript-eslint/no-unsafe-enum-comparison\n                            hasCreatePermission && type === EntityType.collection ? (\n                              <Button\n                                aria-label={t('general:createNewLabel', {\n                                  label,\n                                })}\n                                buttonStyle=\"icon-label\"\n                                el=\"link\"\n                                icon=\"plus\"\n                                iconStyle=\"with-border\"\n                                round\n                                to={createHREF}\n                              />\n                            ) : undefined\n                          }\n                          buttonAriaLabel={buttonAriaLabel}\n                          href={href}\n                          id={`card-${slug}`}\n                          title={getTranslation(label, i18n)}\n                          titleAs=\"h3\"\n                        />\n                      </li>\n                    )\n                  })}\n                </ul>\n              </div>\n            )\n          })\n        )}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}