@ruya.sa/ui 3.71.3

package/dist/views/Edit/index.scss

@@ -0,0 +1,61 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .collection-edit {
+    --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.04) 0%, transparent 100%);
+
+    &__main-wrapper {
+      width: 100%;
+      display: flex;
+    }
+
+    &__main {
+      width: 100%;
+      container-type: inline-size;
+
+      &--popup-open {
+        width: 100%;
+      }
+
+      &--is-live-previewing {
+        width: 40%;
+        position: relative;
+
+        &::after {
+          content: ' ';
+          position: absolute;
+          top: 0;
+          right: 0;
+          width: calc(var(--base) * 2);
+          height: 100%;
+          background: var(--gradient);
+          pointer-events: none;
+          z-index: -1;
+        }
+      }
+    }
+
+    &__form {
+      height: 100%;
+      width: 100%;
+    }
+
+    &__auth {
+      margin-bottom: base(1.6);
+      border-radius: var(--style-radius-s);
+    }
+
+    @include small-break {
+      &__auth {
+        margin-top: 0;
+        margin-bottom: var(--base);
+      }
+    }
+  }
+
+  html[data-theme='dark'] {
+    .collection-edit {
+      --gradient: linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
+    }
+  }
+}

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

@@ -0,0 +1,6 @@
+import type { SanitizedCollectionConfig } from '@ruya.sa/payload';
+export type IndexProps = {
+    collection: SanitizedCollectionConfig;
+    isEditing?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/views/Edit/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,EAAE,yBAAyB,CAAA;IACrC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA"}

package/dist/views/Edit/types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/views/Edit/types.ts"],"sourcesContent":["import type { SanitizedCollectionConfig } from '@ruya.sa/payload'\n\nexport type IndexProps = {\n  collection: SanitizedCollectionConfig\n  isEditing?: boolean\n}\n"],"mappings":"AAEA","ignoreList":[]}

package/dist/views/List/GroupByHeader/index.d.ts

@@ -0,0 +1,10 @@
+import type { ClientCollectionConfig } from '@ruya.sa/payload';
+import React from 'react';
+import './index.scss';
+export declare const GroupByHeader: React.FC<{
+    collectionConfig?: ClientCollectionConfig;
+    groupByFieldPath: string;
+    groupByValue: string;
+    heading: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/List/GroupByHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/GroupByHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,gBAAgB,EAAE,MAAM,CAAA;IACxB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;CAChB,CAkBA,CAAA"}

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ListSelection } from '../ListSelection/index.js';
+import './index.scss';
+const baseClass = 'group-by-header';
+export const GroupByHeader = ({
+  collectionConfig,
+  groupByFieldPath,
+  groupByValue,
+  heading
+}) => {
+  return /*#__PURE__*/_jsxs("header", {
+    className: baseClass,
+    children: [/*#__PURE__*/_jsx("h4", {
+      className: `${baseClass}__heading`,
+      "data-group-id": groupByValue,
+      children: heading
+    }), /*#__PURE__*/_jsx(ListSelection, {
+      collectionConfig: collectionConfig,
+      label: heading,
+      modalPrefix: groupByValue,
+      where: {
+        [groupByFieldPath]: {
+          equals: groupByValue
+        }
+      }
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","ListSelection","baseClass","GroupByHeader","collectionConfig","groupByFieldPath","groupByValue","heading","_jsxs","className","_jsx","label","modalPrefix","where","equals"],"sources":["../../../../src/views/List/GroupByHeader/index.tsx"],"sourcesContent":["import type { ClientCollectionConfig } from '@ruya.sa/payload'\n\nimport React from 'react'\n\nimport { ListSelection } from '../ListSelection/index.js'\nimport './index.scss'\n\nconst baseClass = 'group-by-header'\n\nexport const GroupByHeader: React.FC<{\n  collectionConfig?: ClientCollectionConfig\n  groupByFieldPath: string\n  groupByValue: string\n  heading: string\n}> = ({ collectionConfig, groupByFieldPath, groupByValue, heading }) => {\n  return (\n    <header className={baseClass}>\n      <h4 className={`${baseClass}__heading`} data-group-id={groupByValue}>\n        {heading}\n      </h4>\n      <ListSelection\n        collectionConfig={collectionConfig}\n        label={heading}\n        modalPrefix={groupByValue}\n        where={{\n          [groupByFieldPath]: {\n            equals: groupByValue,\n          },\n        }}\n      />\n    </header>\n  )\n}\n"],"mappings":";AAEA,OAAOA,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,aAAA,GAKRA,CAAC;EAAEC,gBAAgB;EAAEC,gBAAgB;EAAEC,YAAY;EAAEC;AAAO,CAAE;EACjE,oBACEC,KAAA,CAAC;IAAOC,SAAA,EAAWP,SAAA;4BACjBQ,IAAA,CAAC;MAAGD,SAAA,EAAW,GAAGP,SAAA,WAAoB;MAAE,iBAAeI,YAAA;gBACpDC;qBAEHG,IAAA,CAACT,aAAA;MACCG,gBAAA,EAAkBA,gBAAA;MAClBO,KAAA,EAAOJ,OAAA;MACPK,WAAA,EAAaN,YAAA;MACbO,KAAA,EAAO;QACL,CAACR,gBAAA,GAAmB;UAClBS,MAAA,EAAQR;QACV;MACF;;;AAIR","ignoreList":[]}

package/dist/views/List/GroupByHeader/index.scss

@@ -0,0 +1,17 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .group-by-header {
+    display: flex;
+    gap: var(--base);
+
+    &__heading {
+      margin: 0;
+      flex-grow: 1;
+    }
+
+    .list-selection__actions button {
+      margin: 0;
+    }
+  }
+}

package/dist/views/List/ListHeader/index.d.ts

@@ -0,0 +1,33 @@
+import type { I18nClient, TFunction } from '@ruya.sa/translations';
+import type { ClientCollectionConfig, ViewTypes } from '@ruya.sa/payload';
+import React from 'react';
+import './index.scss';
+export type ListHeaderProps = {
+    Actions?: React.ReactNode[];
+    className?: string;
+    collectionConfig: ClientCollectionConfig;
+    Description?: React.ReactNode;
+    disableBulkDelete?: boolean;
+    disableBulkEdit?: boolean;
+    hasCreatePermission: boolean;
+    hasDeletePermission?: boolean;
+    i18n: I18nClient;
+    isBulkUploadEnabled: boolean;
+    isTrashEnabled?: boolean;
+    newDocumentURL: string;
+    onBulkUploadSuccess?: () => void;
+    /** @deprecated This prop will be removed in the next major version.
+     *
+     * Opening of the bulk upload modal is handled internally.
+     *
+     * Prefer `onBulkUploadSuccess` usage to handle the success of the bulk upload.
+     */
+    openBulkUpload: () => void;
+    smallBreak: boolean;
+    /** @deprecated This prop will be removed in the next major version. */
+    t?: TFunction;
+    TitleActions?: React.ReactNode[];
+    viewType?: ViewTypes;
+};
+export declare const CollectionListHeader: React.FC<ListHeaderProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/List/ListHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/ListHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAGzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,IAAI,EAAE,UAAU,CAAA;IAChB,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,EAAE,MAAM,CAAA;IACtB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC;;;;;OAKG;IACH,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,uEAAuE;IACvE,CAAC,CAAC,EAAE,SAAS,CAAA;IACb,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAChC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0G1D,CAAA"}

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

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { CloseModalButton } from '../../../elements/CloseModalButton/index.js';
+import { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js';
+import { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js';
+import { DrawerRelationshipSelect } from '../../../elements/ListHeader/DrawerRelationshipSelect/index.js';
+import { ListDrawerCreateNewDocButton } from '../../../elements/ListHeader/DrawerTitleActions/index.js';
+import { ListHeader } from '../../../elements/ListHeader/index.js';
+import { ListBulkUploadButton, ListCreateNewButton, ListEmptyTrashButton } from '../../../elements/ListHeader/TitleActions/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useListQuery } from '../../../providers/ListQuery/index.js';
+import { ListSelection } from '../ListSelection/index.js';
+import './index.scss';
+const drawerBaseClass = 'list-drawer';
+export const CollectionListHeader = ({
+  className,
+  collectionConfig,
+  Description,
+  disableBulkDelete,
+  disableBulkEdit,
+  hasCreatePermission,
+  hasDeletePermission,
+  i18n,
+  isBulkUploadEnabled,
+  isTrashEnabled,
+  newDocumentURL,
+  onBulkUploadSuccess,
+  openBulkUpload,
+  smallBreak,
+  viewType
+}) => {
+  const {
+    config,
+    getEntityConfig
+  } = useConfig();
+  const {
+    drawerSlug,
+    isInDrawer,
+    selectedOption
+  } = useListDrawerContext();
+  const isTrashRoute = viewType === 'trash';
+  const {
+    isGroupingBy
+  } = useListQuery();
+  if (isInDrawer) {
+    return /*#__PURE__*/_jsx(ListHeader, {
+      Actions: [/*#__PURE__*/_jsx(CloseModalButton, {
+        className: `${drawerBaseClass}__header-close`,
+        slug: drawerSlug
+      }, "close-button")],
+      AfterListHeaderContent: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [Description, /*#__PURE__*/_jsx(DrawerRelationshipSelect, {})]
+      }),
+      className: `${drawerBaseClass}__header`,
+      title: getTranslation(getEntityConfig({
+        collectionSlug: selectedOption.value
+      })?.labels?.plural, i18n),
+      TitleActions: [/*#__PURE__*/_jsx(ListDrawerCreateNewDocButton, {
+        hasCreatePermission: hasCreatePermission
+      }, "list-drawer-create-new-doc")].filter(Boolean)
+    });
+  }
+  return /*#__PURE__*/_jsx(ListHeader, {
+    Actions: [!smallBreak && !isGroupingBy && /*#__PURE__*/_jsx(ListSelection, {
+      collectionConfig: collectionConfig,
+      disableBulkDelete: disableBulkDelete,
+      disableBulkEdit: disableBulkEdit,
+      label: getTranslation(collectionConfig?.labels?.plural, i18n),
+      showSelectAllAcrossPages: !isGroupingBy,
+      viewType: viewType
+    }, "list-selection"), /*#__PURE__*/_jsx(DefaultListViewTabs, {
+      collectionConfig: collectionConfig,
+      config: config,
+      viewType: viewType
+    }, "default-list-actions")].filter(Boolean),
+    AfterListHeaderContent: Description,
+    className: className,
+    title: getTranslation(collectionConfig?.labels?.plural, i18n),
+    TitleActions: [hasCreatePermission && !isTrashRoute && /*#__PURE__*/_jsx(ListCreateNewButton, {
+      collectionConfig: collectionConfig,
+      hasCreatePermission: hasCreatePermission,
+      newDocumentURL: newDocumentURL
+    }, "list-header-create-new-doc"), hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && /*#__PURE__*/_jsx(ListBulkUploadButton, {
+      collectionSlug: collectionConfig.slug,
+      hasCreatePermission: hasCreatePermission,
+      isBulkUploadEnabled: isBulkUploadEnabled,
+      onBulkUploadSuccess: onBulkUploadSuccess,
+      openBulkUpload: openBulkUpload
+    }, "list-header-bulk-upload"), hasDeletePermission && isTrashEnabled && viewType === 'trash' && /*#__PURE__*/_jsx(ListEmptyTrashButton, {
+      collectionConfig: collectionConfig,
+      hasDeletePermission: hasDeletePermission
+    }, "list-header-empty-trash")].filter(Boolean)
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","React","CloseModalButton","DefaultListViewTabs","useListDrawerContext","DrawerRelationshipSelect","ListDrawerCreateNewDocButton","ListHeader","ListBulkUploadButton","ListCreateNewButton","ListEmptyTrashButton","useConfig","useListQuery","ListSelection","drawerBaseClass","CollectionListHeader","className","collectionConfig","Description","disableBulkDelete","disableBulkEdit","hasCreatePermission","hasDeletePermission","i18n","isBulkUploadEnabled","isTrashEnabled","newDocumentURL","onBulkUploadSuccess","openBulkUpload","smallBreak","viewType","config","getEntityConfig","drawerSlug","isInDrawer","selectedOption","isTrashRoute","isGroupingBy","_jsx","Actions","slug","AfterListHeaderContent","_jsxs","_Fragment","title","collectionSlug","value","labels","plural","TitleActions","filter","Boolean","label","showSelectAllAcrossPages"],"sources":["../../../../src/views/List/ListHeader/index.tsx"],"sourcesContent":["import type { I18nClient, TFunction } from '@ruya.sa/translations'\nimport type { ClientCollectionConfig, ViewTypes } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport { CloseModalButton } from '../../../elements/CloseModalButton/index.js'\nimport { DefaultListViewTabs } from '../../../elements/DefaultListViewTabs/index.js'\nimport { useListDrawerContext } from '../../../elements/ListDrawer/Provider.js'\nimport { DrawerRelationshipSelect } from '../../../elements/ListHeader/DrawerRelationshipSelect/index.js'\nimport { ListDrawerCreateNewDocButton } from '../../../elements/ListHeader/DrawerTitleActions/index.js'\nimport { ListHeader } from '../../../elements/ListHeader/index.js'\nimport {\n  ListBulkUploadButton,\n  ListCreateNewButton,\n  ListEmptyTrashButton,\n} from '../../../elements/ListHeader/TitleActions/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useListQuery } from '../../../providers/ListQuery/index.js'\nimport { ListSelection } from '../ListSelection/index.js'\nimport './index.scss'\n\nconst drawerBaseClass = 'list-drawer'\n\nexport type ListHeaderProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  collectionConfig: ClientCollectionConfig\n  Description?: React.ReactNode\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  hasCreatePermission: boolean\n  hasDeletePermission?: boolean\n  i18n: I18nClient\n  isBulkUploadEnabled: boolean\n  isTrashEnabled?: boolean\n  newDocumentURL: string\n  onBulkUploadSuccess?: () => void\n  /** @deprecated This prop will be removed in the next major version.\n   *\n   * Opening of the bulk upload modal is handled internally.\n   *\n   * Prefer `onBulkUploadSuccess` usage to handle the success of the bulk upload.\n   */\n  openBulkUpload: () => void\n  smallBreak: boolean\n  /** @deprecated This prop will be removed in the next major version. */\n  t?: TFunction\n  TitleActions?: React.ReactNode[]\n  viewType?: ViewTypes\n}\n\nexport const CollectionListHeader: React.FC<ListHeaderProps> = ({\n  className,\n  collectionConfig,\n  Description,\n  disableBulkDelete,\n  disableBulkEdit,\n  hasCreatePermission,\n  hasDeletePermission,\n  i18n,\n  isBulkUploadEnabled,\n  isTrashEnabled,\n  newDocumentURL,\n  onBulkUploadSuccess,\n  openBulkUpload,\n  smallBreak,\n  viewType,\n}) => {\n  const { config, getEntityConfig } = useConfig()\n  const { drawerSlug, isInDrawer, selectedOption } = useListDrawerContext()\n  const isTrashRoute = viewType === 'trash'\n  const { isGroupingBy } = useListQuery()\n\n  if (isInDrawer) {\n    return (\n      <ListHeader\n        Actions={[\n          <CloseModalButton\n            className={`${drawerBaseClass}__header-close`}\n            key=\"close-button\"\n            slug={drawerSlug}\n          />,\n        ]}\n        AfterListHeaderContent={\n          <>\n            {Description}\n            {<DrawerRelationshipSelect />}\n          </>\n        }\n        className={`${drawerBaseClass}__header`}\n        title={getTranslation(\n          getEntityConfig({ collectionSlug: selectedOption.value })?.labels?.plural,\n          i18n,\n        )}\n        TitleActions={[\n          <ListDrawerCreateNewDocButton\n            hasCreatePermission={hasCreatePermission}\n            key=\"list-drawer-create-new-doc\"\n          />,\n        ].filter(Boolean)}\n      />\n    )\n  }\n\n  return (\n    <ListHeader\n      Actions={[\n        !smallBreak && !isGroupingBy && (\n          <ListSelection\n            collectionConfig={collectionConfig}\n            disableBulkDelete={disableBulkDelete}\n            disableBulkEdit={disableBulkEdit}\n            key=\"list-selection\"\n            label={getTranslation(collectionConfig?.labels?.plural, i18n)}\n            showSelectAllAcrossPages={!isGroupingBy}\n            viewType={viewType}\n          />\n        ),\n        <DefaultListViewTabs\n          collectionConfig={collectionConfig}\n          config={config}\n          key=\"default-list-actions\"\n          viewType={viewType}\n        />,\n      ].filter(Boolean)}\n      AfterListHeaderContent={Description}\n      className={className}\n      title={getTranslation(collectionConfig?.labels?.plural, i18n)}\n      TitleActions={[\n        hasCreatePermission && !isTrashRoute && (\n          <ListCreateNewButton\n            collectionConfig={collectionConfig}\n            hasCreatePermission={hasCreatePermission}\n            key=\"list-header-create-new-doc\"\n            newDocumentURL={newDocumentURL}\n          />\n        ),\n        hasCreatePermission && isBulkUploadEnabled && !isTrashRoute && (\n          <ListBulkUploadButton\n            collectionSlug={collectionConfig.slug}\n            hasCreatePermission={hasCreatePermission}\n            isBulkUploadEnabled={isBulkUploadEnabled}\n            key=\"list-header-bulk-upload\"\n            onBulkUploadSuccess={onBulkUploadSuccess}\n            openBulkUpload={openBulkUpload}\n          />\n        ),\n        hasDeletePermission && isTrashEnabled && viewType === 'trash' && (\n          <ListEmptyTrashButton\n            collectionConfig={collectionConfig}\n            hasDeletePermission={hasDeletePermission}\n            key=\"list-header-empty-trash\"\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/views/List/ListHeader/index.scss

@@ -0,0 +1,63 @@
+@import '../../../scss/styles.scss';
+
+@layer payload-default {
+  .list-drawer {
+    .list-header__title {
+      @extend %h2;
+    }
+
+    &__header {
+      margin-top: base(2.5);
+      width: 100%;
+
+      @include mid-break {
+        margin-top: base(1.5);
+      }
+    }
+
+    .doc-drawer__toggler.list-header__create-new-button {
+      background: transparent;
+      border: 0;
+      padding: 0;
+      cursor: pointer;
+      color: inherit;
+      border-radius: var(--style-radius-s);
+
+      &:hover .pill {
+        background: var(--theme-elevation-250);
+      }
+
+      &:focus:not(:focus-visible),
+      &:focus-within:not(:focus-visible) {
+        outline: none;
+      }
+
+      &:focus-visible {
+        outline: var(--accessibility-outline);
+        outline-offset: var(--accessibility-outline-offset);
+      }
+
+      &:disabled {
+        pointer-events: none;
+      }
+
+      .pill {
+        cursor: inherit;
+      }
+    }
+
+    &__select-collection-wrap {
+      margin-top: base(1);
+    }
+
+    @include mid-break {
+      .collection-list__header {
+        margin-bottom: base(0.5);
+      }
+
+      &__select-collection-wrap {
+        margin-top: calc(var(--base) / 2);
+      }
+    }
+  }
+}

package/dist/views/List/ListSelection/index.d.ts

@@ -0,0 +1,14 @@
+import type { ClientCollectionConfig, ViewTypes, Where } from '@ruya.sa/payload';
+import React from 'react';
+export type ListSelectionProps = {
+    collectionConfig?: ClientCollectionConfig;
+    disableBulkDelete?: boolean;
+    disableBulkEdit?: boolean;
+    label: string;
+    modalPrefix?: string;
+    showSelectAllAcrossPages?: boolean;
+    viewType?: ViewTypes;
+    where?: Where;
+};
+export declare const ListSelection: React.FC<ListSelectionProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/views/List/ListSelection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/List/ListSelection/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAEhF,OAAO,KAAgC,MAAM,OAAO,CAAA;AAWpD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gBAAgB,CAAC,EAAE,sBAAsB,CAAA;IACzC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoFtD,CAAA"}

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

@@ -0,0 +1,123 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { Fragment, useCallback } from 'react';
+import { DeleteMany } from '../../../elements/DeleteMany/index.js';
+import { EditMany_v4 } from '../../../elements/EditMany/index.js';
+import { ListSelection_v4, ListSelectionButton } from '../../../elements/ListSelection/index.js';
+import { PublishMany_v4 } from '../../../elements/PublishMany/index.js';
+import { RestoreMany } from '../../../elements/RestoreMany/index.js';
+import { UnpublishMany_v4 } from '../../../elements/UnpublishMany/index.js';
+import { SelectAllStatus, useSelection } from '../../../providers/Selection/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+export const ListSelection = t0 => {
+  const $ = _c(19);
+  const {
+    collectionConfig,
+    disableBulkDelete,
+    disableBulkEdit,
+    label,
+    modalPrefix,
+    showSelectAllAcrossPages: t1,
+    viewType,
+    where
+  } = t0;
+  const showSelectAllAcrossPages = t1 === undefined ? true : t1;
+  const {
+    count,
+    selectAll,
+    selectedIDs,
+    toggleAll,
+    totalDocs
+  } = useSelection();
+  const {
+    t
+  } = useTranslation();
+  let t2;
+  if ($[0] !== toggleAll) {
+    t2 = () => toggleAll();
+    $[0] = toggleAll;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const onActionSuccess = t2;
+  if (count === 0) {
+    return null;
+  }
+  const isTrashView = collectionConfig?.trash && viewType === "trash";
+  let t3;
+  if ($[2] !== collectionConfig || $[3] !== count || $[4] !== disableBulkDelete || $[5] !== disableBulkEdit || $[6] !== isTrashView || $[7] !== label || $[8] !== modalPrefix || $[9] !== onActionSuccess || $[10] !== selectAll || $[11] !== selectedIDs || $[12] !== showSelectAllAcrossPages || $[13] !== t || $[14] !== toggleAll || $[15] !== totalDocs || $[16] !== viewType || $[17] !== where) {
+    t3 = _jsx(ListSelection_v4, {
+      count,
+      ListActions: [selectAll !== SelectAllStatus.AllAvailable && count < totalDocs && showSelectAllAcrossPages !== false ? _jsx(ListSelectionButton, {
+        "aria-label": t("general:selectAll", {
+          count: `(${totalDocs})`,
+          label
+        }),
+        id: "select-all-across-pages",
+        onClick: () => toggleAll(true),
+        children: t("general:selectAll", {
+          count: `(${totalDocs})`,
+          label: ""
+        })
+      }, "select-all") : null].filter(Boolean),
+      SelectionActions: [!disableBulkEdit && !isTrashView && _jsxs(Fragment, {
+        children: [_jsx(EditMany_v4, {
+          collection: collectionConfig,
+          count,
+          ids: selectedIDs,
+          modalPrefix,
+          onSuccess: onActionSuccess,
+          selectAll: selectAll === SelectAllStatus.AllAvailable,
+          where
+        }), _jsx(PublishMany_v4, {
+          collection: collectionConfig,
+          count,
+          ids: selectedIDs,
+          modalPrefix,
+          onSuccess: onActionSuccess,
+          selectAll: selectAll === SelectAllStatus.AllAvailable,
+          where
+        }), _jsx(UnpublishMany_v4, {
+          collection: collectionConfig,
+          count,
+          ids: selectedIDs,
+          modalPrefix,
+          onSuccess: onActionSuccess,
+          selectAll: selectAll === SelectAllStatus.AllAvailable,
+          where
+        })]
+      }, "bulk-actions"), isTrashView && _jsx(RestoreMany, {
+        collection: collectionConfig,
+        viewType
+      }, "bulk-restore"), !disableBulkDelete && _jsx(DeleteMany, {
+        collection: collectionConfig,
+        modalPrefix,
+        viewType
+      }, "bulk-delete")].filter(Boolean)
+    });
+    $[2] = collectionConfig;
+    $[3] = count;
+    $[4] = disableBulkDelete;
+    $[5] = disableBulkEdit;
+    $[6] = isTrashView;
+    $[7] = label;
+    $[8] = modalPrefix;
+    $[9] = onActionSuccess;
+    $[10] = selectAll;
+    $[11] = selectedIDs;
+    $[12] = showSelectAllAcrossPages;
+    $[13] = t;
+    $[14] = toggleAll;
+    $[15] = totalDocs;
+    $[16] = viewType;
+    $[17] = where;
+    $[18] = t3;
+  } else {
+    t3 = $[18];
+  }
+  return t3;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","Fragment","useCallback","DeleteMany","EditMany_v4","ListSelection_v4","ListSelectionButton","PublishMany_v4","RestoreMany","UnpublishMany_v4","SelectAllStatus","useSelection","useTranslation","ListSelection","t0","$","collectionConfig","disableBulkDelete","disableBulkEdit","label","modalPrefix","showSelectAllAcrossPages","t1","viewType","where","undefined","count","selectAll","selectedIDs","toggleAll","totalDocs","t","t2","onActionSuccess","isTrashView","trash","t3","_jsx","ListActions","AllAvailable","id","onClick","children","filter","Boolean","SelectionActions","_jsxs","collection","ids","onSuccess"],"sources":["../../../../src/views/List/ListSelection/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ViewTypes, Where } from '@ruya.sa/payload'\n\nimport React, { Fragment, useCallback } from 'react'\n\nimport { DeleteMany } from '../../../elements/DeleteMany/index.js'\nimport { EditMany_v4 } from '../../../elements/EditMany/index.js'\nimport { ListSelection_v4, ListSelectionButton } from '../../../elements/ListSelection/index.js'\nimport { PublishMany_v4 } from '../../../elements/PublishMany/index.js'\nimport { RestoreMany } from '../../../elements/RestoreMany/index.js'\nimport { UnpublishMany_v4 } from '../../../elements/UnpublishMany/index.js'\nimport { SelectAllStatus, useSelection } from '../../../providers/Selection/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\n\nexport type ListSelectionProps = {\n  collectionConfig?: ClientCollectionConfig\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  label: string\n  modalPrefix?: string\n  showSelectAllAcrossPages?: boolean\n  viewType?: ViewTypes\n  where?: Where\n}\n\nexport const ListSelection: React.FC<ListSelectionProps> = ({\n  collectionConfig,\n  disableBulkDelete,\n  disableBulkEdit,\n  label,\n  modalPrefix,\n  showSelectAllAcrossPages = true,\n  viewType,\n  where,\n}) => {\n  const { count, selectAll, selectedIDs, toggleAll, totalDocs } = useSelection()\n  const { t } = useTranslation()\n\n  const onActionSuccess = useCallback(() => toggleAll(), [toggleAll])\n\n  if (count === 0) {\n    return null\n  }\n\n  const isTrashView = collectionConfig?.trash && viewType === 'trash'\n\n  return (\n    <ListSelection_v4\n      count={count}\n      ListActions={[\n        selectAll !== SelectAllStatus.AllAvailable &&\n        count < totalDocs &&\n        showSelectAllAcrossPages !== false ? (\n          <ListSelectionButton\n            aria-label={t('general:selectAll', { count: `(${totalDocs})`, label })}\n            id=\"select-all-across-pages\"\n            key=\"select-all\"\n            onClick={() => toggleAll(true)}\n          >\n            {t('general:selectAll', { count: `(${totalDocs})`, label: '' })}\n          </ListSelectionButton>\n        ) : null,\n      ].filter(Boolean)}\n      SelectionActions={[\n        !disableBulkEdit && !isTrashView && (\n          <Fragment key=\"bulk-actions\">\n            <EditMany_v4\n              collection={collectionConfig}\n              count={count}\n              ids={selectedIDs}\n              modalPrefix={modalPrefix}\n              onSuccess={onActionSuccess}\n              selectAll={selectAll === SelectAllStatus.AllAvailable}\n              where={where}\n            />\n            <PublishMany_v4\n              collection={collectionConfig}\n              count={count}\n              ids={selectedIDs}\n              modalPrefix={modalPrefix}\n              onSuccess={onActionSuccess}\n              selectAll={selectAll === SelectAllStatus.AllAvailable}\n              where={where}\n            />\n            <UnpublishMany_v4\n              collection={collectionConfig}\n              count={count}\n              ids={selectedIDs}\n              modalPrefix={modalPrefix}\n              onSuccess={onActionSuccess}\n              selectAll={selectAll === SelectAllStatus.AllAvailable}\n              where={where}\n            />\n          </Fragment>\n        ),\n        isTrashView && (\n          <RestoreMany collection={collectionConfig} key=\"bulk-restore\" viewType={viewType} />\n        ),\n        !disableBulkDelete && (\n          <DeleteMany\n            collection={collectionConfig}\n            key=\"bulk-delete\"\n            modalPrefix={modalPrefix}\n            viewType={viewType}\n          />\n        ),\n      ].filter(Boolean)}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/views/List/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAK3D,OAAO,KAA8B,MAAM,OAAO,CAAA;AAwBlD,OAAO,cAAc,CAAA;AAIrB,wBAAgB,eAAe,CAAC,KAAK,EAAE,mBAAmB,qBAsPzD"}