@ruya.sa/ui 3.71.3

package/dist/elements/ListDrawer/types.d.ts

@@ -0,0 +1,64 @@
+import type { CollectionPreferences, FilterOptionsResult, ListQuery, SanitizedCollectionConfig } from '@ruya.sa/payload';
+import type React from 'react';
+import type { HTMLAttributes } from 'react';
+import type { ListDrawerContextProps } from './Provider.js';
+/**
+ * @internal - this may change in a minor release
+ */
+export type RenderListServerFnArgs = {
+    collectionSlug: string;
+    disableActions?: boolean;
+    disableBulkDelete?: boolean;
+    disableBulkEdit?: boolean;
+    disableQueryPresets?: boolean;
+    drawerSlug?: string;
+    enableRowSelections: boolean;
+    overrideEntityVisibility?: boolean;
+    query: ListQuery;
+    redirectAfterDelete?: boolean;
+    redirectAfterDuplicate?: boolean;
+};
+/**
+ * @internal - this may change in a minor release
+ */
+export type RenderListServerFnReturnType = {
+    List: React.ReactNode;
+    preferences: CollectionPreferences;
+};
+export type ListDrawerProps = {
+    readonly allowCreate?: boolean;
+    readonly collectionSlugs: SanitizedCollectionConfig['slug'][];
+    readonly disableQueryPresets?: boolean;
+    readonly drawerSlug?: string;
+    readonly enableRowSelections?: boolean;
+    readonly filterOptions?: FilterOptionsResult;
+    readonly overrideEntityVisibility?: boolean;
+    readonly selectedCollection?: string;
+} & ListDrawerContextProps;
+export type ListTogglerProps = {
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    drawerSlug?: string;
+} & HTMLAttributes<HTMLButtonElement>;
+export type UseListDrawer = (args: {
+    collectionSlugs?: SanitizedCollectionConfig['slug'][];
+    filterOptions?: FilterOptionsResult;
+    overrideEntityVisibility?: boolean;
+    selectedCollection?: SanitizedCollectionConfig['slug'];
+    uploads?: boolean;
+}) => [
+    React.FC<Omit<ListDrawerProps, 'collectionSlugs'>>,
+    React.FC<Omit<ListTogglerProps, 'drawerSlug'>>,
+    {
+        closeDrawer: () => void;
+        collectionSlugs: SanitizedCollectionConfig['slug'][];
+        drawerDepth: number;
+        drawerSlug: string;
+        isDrawerOpen: boolean;
+        openDrawer: () => void;
+        setCollectionSlugs: React.Dispatch<React.SetStateAction<SanitizedCollectionConfig['slug'][]>>;
+        toggleDrawer: () => void;
+    }
+];
+//# sourceMappingURL=types.d.ts.map

package/dist/elements/ListDrawer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ListDrawer/types.ts"],"names":[],"mappings":"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"}

package/dist/elements/ListDrawer/types.js

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

package/dist/elements/ListDrawer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ListDrawer/types.ts"],"sourcesContent":["import type {\n  CollectionPreferences,\n  FilterOptionsResult,\n  ListQuery,\n  SanitizedCollectionConfig,\n} from '@ruya.sa/payload'\nimport type React from 'react'\nimport type { HTMLAttributes } from 'react'\n\nimport type { ListDrawerContextProps } from './Provider.js'\n\n/**\n * @internal - this may change in a minor release\n */\nexport type RenderListServerFnArgs = {\n  collectionSlug: string\n  disableActions?: boolean\n  disableBulkDelete?: boolean\n  disableBulkEdit?: boolean\n  disableQueryPresets?: boolean\n  drawerSlug?: string\n  enableRowSelections: boolean\n  overrideEntityVisibility?: boolean\n  query: ListQuery\n  redirectAfterDelete?: boolean\n  redirectAfterDuplicate?: boolean\n}\n\n/**\n * @internal - this may change in a minor release\n */\nexport type RenderListServerFnReturnType = {\n  List: React.ReactNode\n  preferences: CollectionPreferences\n}\n\nexport type ListDrawerProps = {\n  readonly allowCreate?: boolean\n  readonly collectionSlugs: SanitizedCollectionConfig['slug'][]\n  readonly disableQueryPresets?: boolean\n  readonly drawerSlug?: string\n  readonly enableRowSelections?: boolean\n  readonly filterOptions?: FilterOptionsResult\n  readonly overrideEntityVisibility?: boolean\n  readonly selectedCollection?: string\n} & ListDrawerContextProps\n\nexport type ListTogglerProps = {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  drawerSlug?: string\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type UseListDrawer = (args: {\n  collectionSlugs?: SanitizedCollectionConfig['slug'][]\n  filterOptions?: FilterOptionsResult\n  overrideEntityVisibility?: boolean\n  selectedCollection?: SanitizedCollectionConfig['slug']\n  uploads?: boolean // finds all collections with upload: true\n}) => [\n  React.FC<Omit<ListDrawerProps, 'collectionSlugs'>>,\n  React.FC<Omit<ListTogglerProps, 'drawerSlug'>>,\n  {\n    closeDrawer: () => void\n    collectionSlugs: SanitizedCollectionConfig['slug'][]\n    drawerDepth: number\n    drawerSlug: string\n    isDrawerOpen: boolean\n    openDrawer: () => void\n    setCollectionSlugs: React.Dispatch<React.SetStateAction<SanitizedCollectionConfig['slug'][]>>\n    toggleDrawer: () => void\n  },\n]\n"],"mappings":"AAsDA","ignoreList":[]}

package/dist/elements/ListHeader/DrawerRelationshipSelect/index.d.ts

@@ -0,0 +1,2 @@
+export declare const DrawerRelationshipSelect: () => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/ListHeader/DrawerRelationshipSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/DrawerRelationshipSelect/index.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,wBAAwB,mCAiCpC,CAAA"}

package/dist/elements/ListHeader/DrawerRelationshipSelect/index.js

@@ -0,0 +1,98 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { FieldLabel } from '../../../fields/FieldLabel/index.js';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { useListDrawerContext } from '../../ListDrawer/Provider.js';
+import { ReactSelect } from '../../ReactSelect/index.js';
+import { listHeaderClass } from '../index.js';
+const drawerBaseClass = 'list-drawer';
+export const DrawerRelationshipSelect = () => {
+  const $ = _c(12);
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const {
+    config: t0,
+    getEntityConfig
+  } = useConfig();
+  const {
+    collections
+  } = t0;
+  const {
+    enabledCollections,
+    selectedOption,
+    setSelectedOption
+  } = useListDrawerContext();
+  let t1;
+  if ($[0] !== collections || $[1] !== enabledCollections || $[2] !== getEntityConfig || $[3] !== i18n || $[4] !== selectedOption || $[5] !== setSelectedOption || $[6] !== t) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      let t2;
+      if ($[8] !== enabledCollections) {
+        t2 = t3 => {
+          const {
+            slug
+          } = t3;
+          return enabledCollections.includes(slug);
+        };
+        $[8] = enabledCollections;
+        $[9] = t2;
+      } else {
+        t2 = $[9];
+      }
+      const enabledCollectionConfigs = collections.filter(t2);
+      if (enabledCollectionConfigs.length > 1) {
+        const activeCollectionConfig = getEntityConfig({
+          collectionSlug: selectedOption.value
+        });
+        let t3;
+        if ($[10] !== i18n) {
+          t3 = coll => ({
+            label: getTranslation(coll.labels.singular, i18n),
+            value: coll.slug
+          });
+          $[10] = i18n;
+          $[11] = t3;
+        } else {
+          t3 = $[11];
+        }
+        t1 = _jsxs("div", {
+          className: `${drawerBaseClass}__select-collection-wrap`,
+          children: [_jsx(FieldLabel, {
+            label: t("upload:selectCollectionToBrowse")
+          }), _jsx(ReactSelect, {
+            className: `${listHeaderClass}__select-collection`,
+            isClearable: false,
+            onChange: setSelectedOption,
+            options: enabledCollectionConfigs.map(t3),
+            value: {
+              label: getTranslation(activeCollectionConfig?.labels.singular, i18n),
+              value: activeCollectionConfig?.slug
+            }
+          })]
+        });
+        break bb0;
+      }
+    }
+    $[0] = collections;
+    $[1] = enabledCollections;
+    $[2] = getEntityConfig;
+    $[3] = i18n;
+    $[4] = selectedOption;
+    $[5] = setSelectedOption;
+    $[6] = t;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/ListHeader/DrawerRelationshipSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","FieldLabel","useConfig","useTranslation","useListDrawerContext","ReactSelect","listHeaderClass","drawerBaseClass","DrawerRelationshipSelect","$","i18n","t","config","t0","getEntityConfig","collections","enabledCollections","selectedOption","setSelectedOption","t1","Symbol","for","t2","t3","slug","includes","enabledCollectionConfigs","filter","length","activeCollectionConfig","collectionSlug","value","coll","label","labels","singular","_jsxs","className","children","_jsx","isClearable","onChange","options","map"],"sources":["../../../../src/elements/ListHeader/DrawerRelationshipSelect/index.tsx"],"sourcesContent":["'use client'\n\nimport { getTranslation } from '@ruya.sa/translations'\n\nimport { FieldLabel } from '../../../fields/FieldLabel/index.js'\nimport { useConfig } from '../../../providers/Config/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useListDrawerContext } from '../../ListDrawer/Provider.js'\nimport { ReactSelect } from '../../ReactSelect/index.js'\nimport { listHeaderClass } from '../index.js'\n\nconst drawerBaseClass = 'list-drawer'\n\nexport const DrawerRelationshipSelect = () => {\n  const { i18n, t } = useTranslation()\n  const {\n    config: { collections },\n    getEntityConfig,\n  } = useConfig()\n  const { enabledCollections, selectedOption, setSelectedOption } = useListDrawerContext()\n  const enabledCollectionConfigs = collections.filter(({ slug }) =>\n    enabledCollections.includes(slug),\n  )\n  if (enabledCollectionConfigs.length > 1) {\n    const activeCollectionConfig = getEntityConfig({ collectionSlug: selectedOption.value })\n\n    return (\n      <div className={`${drawerBaseClass}__select-collection-wrap`}>\n        <FieldLabel label={t('upload:selectCollectionToBrowse')} />\n        <ReactSelect\n          className={`${listHeaderClass}__select-collection`}\n          isClearable={false}\n          onChange={setSelectedOption}\n          options={enabledCollectionConfigs.map((coll) => ({\n            label: getTranslation(coll.labels.singular, i18n),\n            value: coll.slug,\n          }))}\n          value={{\n            label: getTranslation(activeCollectionConfig?.labels.singular, i18n),\n            value: activeCollectionConfig?.slug,\n          }}\n        />\n      </div>\n    )\n  }\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,WAAW,QAAQ;AAC5B,SAASC,eAAe,QAAQ;AAEhC,MAAMC,eAAA,GAAkB;AAExB,OAAO,MAAMC,wBAAA,GAA2BA,CAAA;EAAA,MAAAC,CAAA,GAAAV,EAAA;EACtC;IAAAW,IAAA;IAAAC;EAAA,IAAoBR,cAAA;EACpB;IAAAS,MAAA,EAAAC,EAAA;IAAAC;EAAA,IAGIZ,SAAA;EAFM;IAAAa;EAAA,IAAAF,EAAe;EAGzB;IAAAG,kBAAA;IAAAC,cAAA;IAAAC;EAAA,IAAkEd,oBAAA;EAAA,IAAAe,EAAA;EAAA,IAAAV,CAAA,QAAAM,WAAA,IAAAN,CAAA,QAAAO,kBAAA,IAAAP,CAAA,QAAAK,eAAA,IAAAL,CAAA,QAAAC,IAAA,IAAAD,CAAA,QAAAQ,cAAA,IAAAR,CAAA,QAAAS,iBAAA,IAAAT,CAAA,QAAAE,CAAA;IAQ9DQ,EAAA,GAAAC,MAAA,CAAAC,GAAA,8B;;;;QAPgDC,EAAA,GAAAC,EAAA;UAAC;YAAAC;UAAA,IAAAD,EAAQ;UAAA,OAC3DP,kBAAA,CAAAS,QAAA,CAA4BD,IAAA;QAAA;QAAAf,CAAA,MAAAO,kBAAA;QAAAP,CAAA,MAAAa,EAAA;MAAA;QAAAA,EAAA,GAAAb,CAAA;MAAA;MAD9B,MAAAiB,wBAAA,GAAiCX,WAAA,CAAAY,MAAA,CAAmBL,EACtB;MAAA,IAE1BI,wBAAA,CAAAE,MAAA,IAAkC;QACpC,MAAAC,sBAAA,GAA+Bf,eAAA;UAAAgB,cAAA,EAAkCb,cAAA,CAAAc;QAAA,CAAqB;QAAA,IAAAR,EAAA;QAAA,IAAAd,CAAA,SAAAC,IAAA;UAS1Ca,EAAA,GAAAS,IAAA;YAAAC,KAAA,EAC7BjC,cAAA,CAAegC,IAAA,CAAAE,MAAA,CAAAC,QAAA,EAAsBzB,IAAA;YAAAqB,KAAA,EACrCC,IAAA,CAAAR;UAAA;UACTf,CAAA,OAAAC,IAAA;UAAAD,CAAA,OAAAc,EAAA;QAAA;UAAAA,EAAA,GAAAd,CAAA;QAAA;QATJU,EAAA,GAAAiB,KAAA,CAAC;UAAAC,SAAA,EAAe,GAAA9B,eAAA,0BAA4C;UAAA+B,QAAA,GAC1DC,IAAA,CAAAtC,UAAA;YAAAgC,KAAA,EAAmBtB,CAAA,CAAE;UAAA,C,GACrB4B,IAAA,CAAAlC,WAAA;YAAAgC,SAAA,EACa,GAAA/B,eAAA,qBAAuC;YAAAkC,WAAA;YAAAC,QAAA,EAExCvB,iBAAA;YAAAwB,OAAA,EACDhB,wBAAA,CAAAiB,GAAA,CAA6BpB,EAGtC;YAAAQ,KAAA;cAAAE,KAAA,EAESjC,cAAA,CAAe6B,sBAAA,EAAAK,MAAA,CAAAC,QAAA,EAAyCzB,IAAA;cAAAqB,KAAA,EACxDF,sBAAA,EAAAL;YAAA;UAAA,C;;;;;;;;;;;;;;;;;;;;CAOnB","ignoreList":[]}

package/dist/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.d.ts

@@ -0,0 +1,6 @@
+type DefaultDrawerTitleActionsProps = {
+    hasCreatePermission: boolean;
+};
+export declare function ListDrawerCreateNewDocButton({ hasCreatePermission, }: DefaultDrawerTitleActionsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ListDrawerCreateNewDocButton.d.ts.map

package/dist/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDrawerCreateNewDocButton.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.tsx"],"names":[],"mappings":"AAQA,KAAK,8BAA8B,GAAG;IACpC,mBAAmB,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,mBAAmB,GACpB,EAAE,8BAA8B,+BAgBhC"}

package/dist/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.js

@@ -0,0 +1,40 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { useListDrawerContext } from '../../ListDrawer/Provider.js';
+import { Pill } from '../../Pill/index.js';
+const baseClass = 'list-header';
+export function ListDrawerCreateNewDocButton(t0) {
+  const $ = _c(3);
+  const {
+    hasCreatePermission
+  } = t0;
+  const {
+    DocumentDrawerToggler
+  } = useListDrawerContext();
+  const {
+    t
+  } = useTranslation();
+  if (!hasCreatePermission) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== DocumentDrawerToggler || $[1] !== t) {
+    t1 = _jsx(DocumentDrawerToggler, {
+      className: `${baseClass}__create-new-button`,
+      children: _jsx(Pill, {
+        size: "small",
+        children: t("general:createNew")
+      })
+    }, "create-new-button-toggler");
+    $[0] = DocumentDrawerToggler;
+    $[1] = t;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  return t1;
+}
+//# sourceMappingURL=ListDrawerCreateNewDocButton.js.map

package/dist/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDrawerCreateNewDocButton.js","names":["c","_c","useTranslation","useListDrawerContext","Pill","baseClass","ListDrawerCreateNewDocButton","t0","$","hasCreatePermission","DocumentDrawerToggler","t","t1","_jsx","className","children","size"],"sources":["../../../../src/elements/ListHeader/DrawerTitleActions/ListDrawerCreateNewDocButton.tsx"],"sourcesContent":["'use client'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { useListDrawerContext } from '../../ListDrawer/Provider.js'\nimport { Pill } from '../../Pill/index.js'\n\nconst baseClass = 'list-header'\n\ntype DefaultDrawerTitleActionsProps = {\n  hasCreatePermission: boolean\n}\n\nexport function ListDrawerCreateNewDocButton({\n  hasCreatePermission,\n}: DefaultDrawerTitleActionsProps) {\n  const { DocumentDrawerToggler } = useListDrawerContext()\n  const { t } = useTranslation()\n\n  if (!hasCreatePermission) {\n    return null\n  }\n\n  return (\n    <DocumentDrawerToggler\n      className={`${baseClass}__create-new-button`}\n      key=\"create-new-button-toggler\"\n    >\n      <Pill size=\"small\">{t('general:createNew')}</Pill>\n    </DocumentDrawerToggler>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,cAAc,QAAQ;AAC/B,SAASC,oBAAoB,QAAQ;AACrC,SAASC,IAAI,QAAQ;AAErB,MAAMC,SAAA,GAAY;AAMlB,OAAO,SAAAC,6BAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAsC;IAAAQ;EAAA,IAAAF,EAEZ;EAC/B;IAAAG;EAAA,IAAkCP,oBAAA;EAClC;IAAAQ;EAAA,IAAcT,cAAA;EAAA,KAETO,mBAAA;IAAA;EAAA;EAAA,IAAAG,EAAA;EAAA,IAAAJ,CAAA,QAAAE,qBAAA,IAAAF,CAAA,QAAAG,CAAA;IAKHC,EAAA,GAAAC,IAAA,CAACH,qBAAA;MAAAI,SAAA,EACY,GAAAT,SAAA,qBAAiC;MAAAU,QAAA,EAG5CF,IAAA,CAAAT,IAAA;QAAAY,IAAA,EAAW;QAAAD,QAAA,EAASJ,CAAA,CAAE;MAAA,C;OAFlB;IAAAH,CAAA,MAAAE,qBAAA;IAAAF,CAAA,MAAAG,CAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAA,EAAA,GAAAJ,CAAA;EAAA;EAAA,OAFNI,EAEM;AAAA","ignoreList":[]}

package/dist/elements/ListHeader/DrawerTitleActions/index.d.ts

@@ -0,0 +1,2 @@
+export { ListDrawerCreateNewDocButton } from './ListDrawerCreateNewDocButton.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/ListHeader/DrawerTitleActions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/DrawerTitleActions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAA"}

package/dist/elements/ListHeader/DrawerTitleActions/index.js

@@ -0,0 +1,2 @@
+export { ListDrawerCreateNewDocButton } from './ListDrawerCreateNewDocButton.js';
+//# sourceMappingURL=index.js.map

package/dist/elements/ListHeader/DrawerTitleActions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ListDrawerCreateNewDocButton"],"sources":["../../../../src/elements/ListHeader/DrawerTitleActions/index.tsx"],"sourcesContent":["export { ListDrawerCreateNewDocButton } from './ListDrawerCreateNewDocButton.js'\n"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ","ignoreList":[]}

package/dist/elements/ListHeader/TitleActions/ListBulkUploadButton.d.ts

@@ -0,0 +1,15 @@
+import type { CollectionSlug } from '@ruya.sa/payload';
+import React from 'react';
+export declare function ListBulkUploadButton({ collectionSlug, hasCreatePermission, isBulkUploadEnabled, onBulkUploadSuccess, openBulkUpload: openBulkUploadFromProps, }: {
+    collectionSlug: CollectionSlug;
+    hasCreatePermission: boolean;
+    isBulkUploadEnabled: boolean;
+    onBulkUploadSuccess?: () => void;
+    /**
+     * @deprecated This prop will be removed in the next major version.
+     *
+     * Prefer using `onBulkUploadSuccess`
+     */
+    openBulkUpload?: () => void;
+}): React.JSX.Element;
+//# sourceMappingURL=ListBulkUploadButton.d.ts.map

package/dist/elements/ListHeader/TitleActions/ListBulkUploadButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBulkUploadButton.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/ListBulkUploadButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAItD,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,wBAAgB,oBAAoB,CAAC,EACnC,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EAAE,uBAAuB,GACxC,EAAE;IACD,cAAc,EAAE,cAAc,CAAA;IAC9B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,mBAAmB,EAAE,OAAO,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B,qBA8CA"}

package/dist/elements/ListHeader/TitleActions/ListBulkUploadButton.js

@@ -0,0 +1,82 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { useRouter } from 'next/navigation.js';
+import React from 'react';
+import { useBulkUpload } from '../../../elements/BulkUpload/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+export function ListBulkUploadButton(t0) {
+  const $ = _c(12);
+  const {
+    collectionSlug,
+    hasCreatePermission,
+    isBulkUploadEnabled,
+    onBulkUploadSuccess,
+    openBulkUpload: openBulkUploadFromProps
+  } = t0;
+  const {
+    drawerSlug: bulkUploadDrawerSlug,
+    setCollectionSlug,
+    setOnSuccess
+  } = useBulkUpload();
+  const {
+    t
+  } = useTranslation();
+  const {
+    openModal
+  } = useModal();
+  const router = useRouter();
+  let t1;
+  if ($[0] !== bulkUploadDrawerSlug || $[1] !== collectionSlug || $[2] !== onBulkUploadSuccess || $[3] !== openBulkUploadFromProps || $[4] !== openModal || $[5] !== router || $[6] !== setCollectionSlug || $[7] !== setOnSuccess) {
+    t1 = () => {
+      if (typeof openBulkUploadFromProps === "function") {
+        openBulkUploadFromProps();
+      } else {
+        setCollectionSlug(collectionSlug);
+        openModal(bulkUploadDrawerSlug);
+        setOnSuccess(() => {
+          if (typeof onBulkUploadSuccess === "function") {
+            onBulkUploadSuccess();
+          } else {
+            router.refresh();
+          }
+        });
+      }
+    };
+    $[0] = bulkUploadDrawerSlug;
+    $[1] = collectionSlug;
+    $[2] = onBulkUploadSuccess;
+    $[3] = openBulkUploadFromProps;
+    $[4] = openModal;
+    $[5] = router;
+    $[6] = setCollectionSlug;
+    $[7] = setOnSuccess;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  const openBulkUpload = t1;
+  if (!hasCreatePermission || !isBulkUploadEnabled) {
+    return null;
+  }
+  let t2;
+  if ($[9] !== openBulkUpload || $[10] !== t) {
+    t2 = _jsx(Button, {
+      "aria-label": t("upload:bulkUpload"),
+      buttonStyle: "pill",
+      onClick: openBulkUpload,
+      size: "small",
+      children: t("upload:bulkUpload")
+    }, "bulk-upload-button");
+    $[9] = openBulkUpload;
+    $[10] = t;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+//# sourceMappingURL=ListBulkUploadButton.js.map

package/dist/elements/ListHeader/TitleActions/ListBulkUploadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListBulkUploadButton.js","names":["c","_c","useModal","useRouter","React","useBulkUpload","useTranslation","Button","ListBulkUploadButton","t0","$","collectionSlug","hasCreatePermission","isBulkUploadEnabled","onBulkUploadSuccess","openBulkUpload","openBulkUploadFromProps","drawerSlug","bulkUploadDrawerSlug","setCollectionSlug","setOnSuccess","t","openModal","router","t1","refresh","t2","_jsx","buttonStyle","onClick","size","children"],"sources":["../../../../src/elements/ListHeader/TitleActions/ListBulkUploadButton.tsx"],"sourcesContent":["'use client'\nimport type { CollectionSlug } from '@ruya.sa/payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { useRouter } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useBulkUpload } from '../../../elements/BulkUpload/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\n\nexport function ListBulkUploadButton({\n  collectionSlug,\n  hasCreatePermission,\n  isBulkUploadEnabled,\n  onBulkUploadSuccess,\n  openBulkUpload: openBulkUploadFromProps,\n}: {\n  collectionSlug: CollectionSlug\n  hasCreatePermission: boolean\n  isBulkUploadEnabled: boolean\n  onBulkUploadSuccess?: () => void\n  /**\n   * @deprecated This prop will be removed in the next major version.\n   *\n   * Prefer using `onBulkUploadSuccess`\n   */\n  openBulkUpload?: () => void\n}) {\n  const { drawerSlug: bulkUploadDrawerSlug, setCollectionSlug, setOnSuccess } = useBulkUpload()\n  const { t } = useTranslation()\n  const { openModal } = useModal()\n  const router = useRouter()\n\n  const openBulkUpload = React.useCallback(() => {\n    if (typeof openBulkUploadFromProps === 'function') {\n      openBulkUploadFromProps()\n    } else {\n      setCollectionSlug(collectionSlug)\n      openModal(bulkUploadDrawerSlug)\n      setOnSuccess(() => {\n        if (typeof onBulkUploadSuccess === 'function') {\n          onBulkUploadSuccess()\n        } else {\n          router.refresh()\n        }\n      })\n    }\n  }, [\n    router,\n    collectionSlug,\n    bulkUploadDrawerSlug,\n    openModal,\n    setCollectionSlug,\n    setOnSuccess,\n    onBulkUploadSuccess,\n    openBulkUploadFromProps,\n  ])\n\n  if (!hasCreatePermission || !isBulkUploadEnabled) {\n    return null\n  }\n\n  return (\n    <Button\n      aria-label={t('upload:bulkUpload')}\n      buttonStyle=\"pill\"\n      key=\"bulk-upload-button\"\n      onClick={openBulkUpload}\n      size=\"small\"\n    >\n      {t('upload:bulkUpload')}\n    </Button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,OAAOC,KAAA,MAAW;AAElB,SAASC,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AAEvB,OAAO,SAAAC,qBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAA8B;IAAAU,cAAA;IAAAC,mBAAA;IAAAC,mBAAA;IAAAC,mBAAA;IAAAC,cAAA,EAAAC;EAAA,IAAAP,EAiBpC;EACC;IAAAQ,UAAA,EAAAC,oBAAA;IAAAC,iBAAA;IAAAC;EAAA,IAA8Ef,aAAA;EAC9E;IAAAgB;EAAA,IAAcf,cAAA;EACd;IAAAgB;EAAA,IAAsBpB,QAAA;EACtB,MAAAqB,MAAA,GAAepB,SAAA;EAAA,IAAAqB,EAAA;EAAA,IAAAd,CAAA,QAAAQ,oBAAA,IAAAR,CAAA,QAAAC,cAAA,IAAAD,CAAA,QAAAI,mBAAA,IAAAJ,CAAA,QAAAM,uBAAA,IAAAN,CAAA,QAAAY,SAAA,IAAAZ,CAAA,QAAAa,MAAA,IAAAb,CAAA,QAAAS,iBAAA,IAAAT,CAAA,QAAAU,YAAA;IAE0BI,EAAA,GAAAA,CAAA;MAAA,IACnC,OAAOR,uBAAA,KAA4B;QACrCA,uBAAA;MAAA;QAEAG,iBAAA,CAAkBR,cAAA;QAClBW,SAAA,CAAUJ,oBAAA;QACVE,YAAA;UAAA,IACM,OAAON,mBAAA,KAAwB;YACjCA,mBAAA;UAAA;YAEAS,MAAA,CAAAE,OAAA,CAAc;UAAA;QAAA,CAElB;MAAA;IAAA;IAEJf,CAAA,MAAAQ,oBAAA;IAAAR,CAAA,MAAAC,cAAA;IAAAD,CAAA,MAAAI,mBAAA;IAAAJ,CAAA,MAAAM,uBAAA;IAAAN,CAAA,MAAAY,SAAA;IAAAZ,CAAA,MAAAa,MAAA;IAAAb,CAAA,MAAAS,iBAAA;IAAAT,CAAA,MAAAU,YAAA;IAAAV,CAAA,MAAAc,EAAA;EAAA;IAAAA,EAAA,GAAAd,CAAA;EAAA;EAdA,MAAAK,cAAA,GAAuBS,EAuBtB;EAAA,IAEG,CAACZ,mBAAA,KAAwBC,mBAAA;IAAA;EAAA;EAAA,IAAAa,EAAA;EAAA,IAAAhB,CAAA,QAAAK,cAAA,IAAAL,CAAA,SAAAW,CAAA;IAK3BK,EAAA,GAAAC,IAAA,CAAApB,MAAA;MAAA,cACcc,CAAA,CAAE;MAAAO,WAAA,EACF;MAAAC,OAAA,EAEHd,cAAA;MAAAe,IAAA,EACJ;MAAAC,QAAA,EAEJV,CAAA,CAAE;IAAA,GAJC;IAAAX,CAAA,MAAAK,cAAA;IAAAL,CAAA,OAAAW,CAAA;IAAAX,CAAA,OAAAgB,EAAA;EAAA;IAAAA,EAAA,GAAAhB,CAAA;EAAA;EAAA,OAHNgB,EAGM;AAAA","ignoreList":[]}

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocButton.d.ts

@@ -0,0 +1,8 @@
+import type { ClientCollectionConfig } from '@ruya.sa/payload';
+import React from 'react';
+export declare function ListCreateNewButton({ collectionConfig, hasCreatePermission, newDocumentURL, }: {
+    collectionConfig: ClientCollectionConfig;
+    hasCreatePermission: boolean;
+    newDocumentURL: string;
+}): React.JSX.Element;
+//# sourceMappingURL=ListCreateNewDocButton.d.ts.map

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCreateNewDocButton.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,GACf,EAAE;IACD,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,mBAAmB,EAAE,OAAO,CAAA;IAC5B,cAAc,EAAE,MAAM,CAAA;CACvB,qBAsBA"}

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocButton.js

@@ -0,0 +1,48 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+const baseClass = 'list-create-new-doc';
+export function ListCreateNewButton(t0) {
+  const $ = _c(5);
+  const {
+    collectionConfig,
+    hasCreatePermission,
+    newDocumentURL
+  } = t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  if (!hasCreatePermission) {
+    return null;
+  }
+  const t1 = collectionConfig?.labels?.singular;
+  let t2;
+  if ($[0] !== i18n || $[1] !== newDocumentURL || $[2] !== t || $[3] !== t1) {
+    t2 = _jsx(Button, {
+      "aria-label": t("general:createNewLabel", {
+        label: getTranslation(t1, i18n)
+      }),
+      buttonStyle: "pill",
+      className: `${baseClass}__create-new-button`,
+      el: "link",
+      size: "small",
+      to: newDocumentURL,
+      children: t("general:createNew")
+    }, "create-new-button");
+    $[0] = i18n;
+    $[1] = newDocumentURL;
+    $[2] = t;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+}
+//# sourceMappingURL=ListCreateNewDocButton.js.map

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCreateNewDocButton.js","names":["c","_c","getTranslation","React","useTranslation","Button","baseClass","ListCreateNewButton","t0","$","collectionConfig","hasCreatePermission","newDocumentURL","i18n","t","t1","labels","singular","t2","_jsx","label","buttonStyle","className","el","size","to","children"],"sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocButton.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Button } from '../../Button/index.js'\n\nconst baseClass = 'list-create-new-doc'\n\nexport function ListCreateNewButton({\n  collectionConfig,\n  hasCreatePermission,\n  newDocumentURL,\n}: {\n  collectionConfig: ClientCollectionConfig\n  hasCreatePermission: boolean\n  newDocumentURL: string\n}) {\n  const { i18n, t } = useTranslation()\n\n  if (!hasCreatePermission) {\n    return null\n  }\n\n  return (\n    <Button\n      aria-label={t('general:createNewLabel', {\n        label: getTranslation(collectionConfig?.labels?.singular, i18n),\n      })}\n      buttonStyle=\"pill\"\n      className={`${baseClass}__create-new-button`}\n      el={'link'}\n      key=\"create-new-button\"\n      size=\"small\"\n      to={newDocumentURL}\n    >\n      {t('general:createNew')}\n    </Button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,MAAM,QAAQ;AAEvB,MAAMC,SAAA,GAAY;AAElB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAA6B;IAAAS,gBAAA;IAAAC,mBAAA;IAAAC;EAAA,IAAAJ,EAQnC;EACC;IAAAK,IAAA;IAAAC;EAAA,IAAoBV,cAAA;EAAA,KAEfO,mBAAA;IAAA;EAAA;EAOuB,MAAAI,EAAA,GAAAL,gBAAA,EAAAM,MAAA,EAAAC,QAAA;EAA0B,IAAAC,EAAA;EAAA,IAAAT,CAAA,QAAAI,IAAA,IAAAJ,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAK,CAAA,IAAAL,CAAA,QAAAM,EAAA;IAFpDG,EAAA,GAAAC,IAAA,CAAAd,MAAA;MAAA,cACcS,CAAA,CAAE;QAAAM,KAAA,EACLlB,cAAA,CAAea,EAA0B,EAAUF,IAAA;MAAA,CAC5D;MAAAQ,WAAA,EACY;MAAAC,SAAA,EACD,GAAAhB,SAAA,qBAAiC;MAAAiB,EAAA,EACxC;MAAAC,IAAA,EAEC;MAAAC,EAAA,EACDb,cAAA;MAAAc,QAAA,EAEHZ,CAAA,CAAE;IAAA,GAJC;IAAAL,CAAA,MAAAI,IAAA;IAAAJ,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAK,CAAA;IAAAL,CAAA,MAAAM,EAAA;IAAAN,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,OAPNS,EAOM;AAAA","ignoreList":[]}

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.d.ts

@@ -0,0 +1,13 @@
+import type { CollectionSlug } from '@ruya.sa/payload';
+import React from 'react';
+export declare function ListCreateNewDocInFolderButton({ buttonLabel, collectionSlugs, folderAssignedCollections, onCreateSuccess, slugPrefix, }: {
+    buttonLabel: string;
+    collectionSlugs: CollectionSlug[];
+    folderAssignedCollections: CollectionSlug[];
+    onCreateSuccess: (args: {
+        collectionSlug: CollectionSlug;
+        doc: Record<string, unknown>;
+    }) => Promise<void> | void;
+    slugPrefix: string;
+}): React.JSX.Element;
+//# sourceMappingURL=ListCreateNewDocInFolderButton.d.ts.map

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCreateNewDocInFolderButton.d.ts","sourceRoot":"","sources":["../../../../src/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAI9E,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,wBAAgB,8BAA8B,CAAC,EAC7C,WAAW,EACX,eAAe,EACf,yBAAyB,EACzB,eAAe,EACf,UAAU,GACX,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,cAAc,EAAE,CAAA;IACjC,yBAAyB,EAAE,cAAc,EAAE,CAAA;IAC3C,eAAe,EAAE,CAAC,IAAI,EAAE;QACtB,cAAc,EAAE,cAAc,CAAA;QAC9B,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAC7B,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1B,UAAU,EAAE,MAAM,CAAA;CACnB,qBAyHA"}

package/dist/elements/ListHeader/TitleActions/ListCreateNewDocInFolderButton.js

@@ -0,0 +1,176 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { useConfig } from '../../../providers/Config/index.js';
+import { useFolder } from '../../../providers/Folders/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Button } from '../../Button/index.js';
+import { DocumentDrawer, useDocumentDrawer } from '../../DocumentDrawer/index.js';
+import { Popup, PopupList } from '../../Popup/index.js';
+const baseClass = 'create-new-doc-in-folder';
+export function ListCreateNewDocInFolderButton(t0) {
+  const $ = _c(22);
+  const {
+    buttonLabel,
+    collectionSlugs,
+    folderAssignedCollections,
+    onCreateSuccess,
+    slugPrefix
+  } = t0;
+  const newDocInFolderDrawerSlug = `${slugPrefix}-new-doc-in-folder-drawer`;
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    closeModal,
+    openModal
+  } = useModal();
+  const {
+    config
+  } = useConfig();
+  const {
+    folderCollectionConfig,
+    folderCollectionSlug,
+    folderFieldName,
+    folderID
+  } = useFolder();
+  let t1;
+  if ($[0] !== folderCollectionSlug) {
+    t1 = {
+      collectionSlug: folderCollectionSlug
+    };
+    $[0] = folderCollectionSlug;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const [FolderDocumentDrawer,, t2] = useDocumentDrawer(t1);
+  const {
+    closeDrawer: closeFolderDrawer,
+    openDrawer: openFolderDrawer
+  } = t2;
+  const [createCollectionSlug, setCreateCollectionSlug] = React.useState();
+  let t3;
+  if ($[2] !== collectionSlugs || $[3] !== config) {
+    t3 = () => collectionSlugs.reduce((acc, collectionSlug) => {
+      const collectionConfig = config.collections.find(t4 => {
+        const {
+          slug
+        } = t4;
+        return slug === collectionSlug;
+      });
+      if (collectionConfig) {
+        acc.push(collectionConfig);
+      }
+      return acc;
+    }, []);
+    $[2] = collectionSlugs;
+    $[3] = config;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const [enabledCollections] = React.useState(t3);
+  if (enabledCollections.length === 0) {
+    return null;
+  }
+  let t4;
+  if ($[5] !== FolderDocumentDrawer || $[6] !== buttonLabel || $[7] !== closeFolderDrawer || $[8] !== closeModal || $[9] !== collectionSlugs || $[10] !== createCollectionSlug || $[11] !== enabledCollections || $[12] !== folderAssignedCollections || $[13] !== folderCollectionConfig.slug || $[14] !== folderFieldName || $[15] !== folderID || $[16] !== i18n || $[17] !== newDocInFolderDrawerSlug || $[18] !== onCreateSuccess || $[19] !== openFolderDrawer || $[20] !== openModal) {
+    t4 = _jsxs(React.Fragment, {
+      children: [enabledCollections.length === 1 ? _jsx(Button, {
+        buttonStyle: "pill",
+        className: `${baseClass}__button`,
+        el: "div",
+        onClick: () => {
+          if (enabledCollections[0].slug === folderCollectionConfig.slug) {
+            openFolderDrawer();
+          } else {
+            setCreateCollectionSlug(enabledCollections[0].slug);
+            openModal(newDocInFolderDrawerSlug);
+          }
+        },
+        size: "small",
+        children: buttonLabel
+      }) : _jsx(Popup, {
+        button: _jsx(Button, {
+          buttonStyle: "pill",
+          className: `${baseClass}__popup-button`,
+          el: "div",
+          icon: "chevron",
+          size: "small",
+          children: buttonLabel
+        }),
+        buttonType: "default",
+        className: `${baseClass}__action-popup`,
+        children: _jsx(PopupList.ButtonGroup, {
+          children: enabledCollections.map((collection, index) => _jsx(PopupList.Button, {
+            onClick: () => {
+              if (collection.slug === folderCollectionConfig.slug) {
+                openFolderDrawer();
+              } else {
+                setCreateCollectionSlug(collection.slug);
+                openModal(newDocInFolderDrawerSlug);
+              }
+            },
+            children: getTranslation(collection.labels.singular, i18n)
+          }, index))
+        })
+      }), createCollectionSlug && _jsx(DocumentDrawer, {
+        collectionSlug: createCollectionSlug,
+        drawerSlug: newDocInFolderDrawerSlug,
+        initialData: {
+          [folderFieldName]: folderID
+        },
+        onSave: async t5 => {
+          const {
+            doc
+          } = t5;
+          await onCreateSuccess({
+            collectionSlug: createCollectionSlug,
+            doc
+          });
+          closeModal(newDocInFolderDrawerSlug);
+        },
+        redirectAfterCreate: false
+      }), collectionSlugs.includes(folderCollectionConfig.slug) && _jsx(FolderDocumentDrawer, {
+        initialData: {
+          [folderFieldName]: folderID,
+          folderType: createCollectionSlug ? folderAssignedCollections || [createCollectionSlug] : folderAssignedCollections
+        },
+        onSave: async result => {
+          await onCreateSuccess({
+            collectionSlug: folderCollectionConfig.slug,
+            doc: result.doc
+          });
+          closeFolderDrawer();
+        },
+        redirectAfterCreate: false
+      })]
+    });
+    $[5] = FolderDocumentDrawer;
+    $[6] = buttonLabel;
+    $[7] = closeFolderDrawer;
+    $[8] = closeModal;
+    $[9] = collectionSlugs;
+    $[10] = createCollectionSlug;
+    $[11] = enabledCollections;
+    $[12] = folderAssignedCollections;
+    $[13] = folderCollectionConfig.slug;
+    $[14] = folderFieldName;
+    $[15] = folderID;
+    $[16] = i18n;
+    $[17] = newDocInFolderDrawerSlug;
+    $[18] = onCreateSuccess;
+    $[19] = openFolderDrawer;
+    $[20] = openModal;
+    $[21] = t4;
+  } else {
+    t4 = $[21];
+  }
+  return t4;
+}
+//# sourceMappingURL=ListCreateNewDocInFolderButton.js.map