@ruya.sa/ui 3.71.3

package/dist/elements/RestoreMany/index.js

@@ -0,0 +1,197 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useModal } from '@faceless-ui/modal';
+import { getTranslation } from '@ruya.sa/translations';
+import { useRouter, useSearchParams } from 'next/navigation.js';
+import { formatAdminURL, mergeListSearchAndWhere } from '@ruya.sa/payload/shared';
+import * as qs from 'qs-esm';
+import React from 'react';
+import { toast } from 'sonner';
+import { CheckboxInput } from '../../fields/Checkbox/Input.js';
+import { useAuth } from '../../providers/Auth/index.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useRouteCache } from '../../providers/RouteCache/index.js';
+import { SelectAllStatus, useSelection } from '../../providers/Selection/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { requests } from '../../utilities/api.js';
+import { parseSearchParams } from '../../utilities/parseSearchParams.js';
+import { ConfirmationModal } from '../ConfirmationModal/index.js';
+import { ListSelectionButton } from '../ListSelection/index.js';
+import './index.scss';
+const confirmManyRestoreDrawerSlug = `confirm-restore-many-docs`;
+const baseClass = 'restore-many';
+export const RestoreMany = props => {
+  const {
+    collection: {
+      slug
+    } = {},
+    viewType
+  } = props;
+  const {
+    permissions
+  } = useAuth();
+  const {
+    config: {
+      collections,
+      routes,
+      serverURL
+    }
+  } = useConfig();
+  const {
+    code: locale
+  } = useLocale();
+  const router = useRouter();
+  const {
+    clearRouteCache
+  } = useRouteCache();
+  const searchParams = useSearchParams();
+  const {
+    count,
+    getSelectedIds,
+    selectAll,
+    toggleAll
+  } = useSelection();
+  const {
+    openModal
+  } = useModal();
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const [restoreAsPublished, setRestoreAsPublished] = React.useState(false);
+  const collectionPermissions = permissions?.collections?.[slug];
+  const hasUpdatePermission = collectionPermissions?.update;
+  if (selectAll === SelectAllStatus.None || !hasUpdatePermission || viewType !== 'trash') {
+    return null;
+  }
+  const selectingAll = selectAll === SelectAllStatus.AllAvailable;
+  const selectedIDs = !selectingAll ? getSelectedIds() : [];
+  const baseWhere = parseSearchParams(searchParams)?.where;
+  const finalWhere = {
+    and: [...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []), {
+      deletedAt: {
+        exists: true
+      }
+    }]
+  };
+  const handleRestore = async () => {
+    const collectionConfig = collections.find(c => c.slug === slug);
+    if (!collectionConfig) {
+      return;
+    }
+    let whereConstraint;
+    if (selectingAll) {
+      whereConstraint = finalWhere;
+    } else {
+      whereConstraint = {
+        and: [{
+          id: {
+            in: selectedIDs
+          }
+        }, {
+          deletedAt: {
+            exists: true
+          }
+        }]
+      };
+    }
+    const url = formatAdminURL({
+      apiRoute: routes.api,
+      path: `/${slug}${qs.stringify({
+        limit: 0,
+        locale,
+        select: {},
+        trash: true,
+        where: mergeListSearchAndWhere({
+          collectionConfig,
+          search: parseSearchParams(searchParams)?.search,
+          where: whereConstraint
+        })
+      }, {
+        addQueryPrefix: true
+      })}`
+    });
+    const body = {
+      deletedAt: null
+    };
+    // Only include _status if drafts are enabled
+    if (collectionConfig?.versions?.drafts) {
+      body._status = restoreAsPublished ? 'published' : 'draft';
+    }
+    const restoreManyResponse = await requests.patch(url, {
+      body: JSON.stringify(body),
+      headers: {
+        'Accept-Language': i18n.language,
+        'Content-Type': 'application/json'
+      }
+    });
+    try {
+      const {
+        plural,
+        singular
+      } = collectionConfig.labels;
+      const json = await restoreManyResponse.json();
+      const restoredDocs = json?.docs?.length || 0;
+      const successLabel = restoredDocs > 1 ? plural : singular;
+      if (restoreManyResponse.status < 400 || restoredDocs > 0) {
+        toast.success(t('general:restoredCountSuccessfully', {
+          count: restoredDocs,
+          label: getTranslation(successLabel, i18n)
+        }));
+      }
+      if (json?.errors?.length > 0) {
+        toast.error(json.message, {
+          description: json.errors.map(e => e.message).join('\n')
+        });
+      }
+    } catch (err) {
+      toast.error(t('error:unknown'));
+    }
+    toggleAll();
+    router.replace(qs.stringify({
+      ...parseSearchParams(searchParams),
+      page: selectingAll ? '1' : undefined
+    }, {
+      addQueryPrefix: true
+    }));
+    clearRouteCache();
+  };
+  const collectionConfig_0 = collections.find(({
+    slug: s
+  }) => s === slug);
+  const labelString = getTranslation(count === 1 ? collectionConfig_0.labels.singular : collectionConfig_0.labels.plural, i18n);
+  return /*#__PURE__*/_jsxs(React.Fragment, {
+    children: [/*#__PURE__*/_jsx(ListSelectionButton, {
+      "aria-label": t('general:restore'),
+      className: "restore-documents__toggle",
+      onClick: () => {
+        openModal(confirmManyRestoreDrawerSlug);
+      },
+      children: t('general:restore')
+    }), /*#__PURE__*/_jsx(ConfirmationModal, {
+      body: /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [t(collectionConfig_0?.versions?.drafts ? 'general:aboutToRestoreAsDraftCount' : 'general:aboutToRestoreCount', {
+          count,
+          label: labelString
+        }), collectionConfig_0?.versions?.drafts && /*#__PURE__*/_jsx("div", {
+          className: `${baseClass}__checkbox`,
+          children: /*#__PURE__*/_jsx(CheckboxInput, {
+            checked: restoreAsPublished,
+            id: "restore-as-published-many",
+            label: t('general:restoreAsPublished'),
+            name: "restore-as-published-many",
+            onToggle: e_0 => setRestoreAsPublished(e_0.target.checked)
+          })
+        })]
+      }),
+      className: baseClass,
+      confirmingLabel: t('general:restoring'),
+      heading: t('general:confirmRestoration'),
+      modalSlug: confirmManyRestoreDrawerSlug,
+      onConfirm: handleRestore
+    })]
+  });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useModal","getTranslation","useRouter","useSearchParams","formatAdminURL","mergeListSearchAndWhere","qs","React","toast","CheckboxInput","useAuth","useConfig","useLocale","useRouteCache","SelectAllStatus","useSelection","useTranslation","requests","parseSearchParams","ConfirmationModal","ListSelectionButton","confirmManyRestoreDrawerSlug","baseClass","RestoreMany","props","collection","slug","viewType","permissions","config","collections","routes","serverURL","code","locale","router","clearRouteCache","searchParams","count","getSelectedIds","selectAll","toggleAll","openModal","i18n","t","restoreAsPublished","setRestoreAsPublished","useState","collectionPermissions","hasUpdatePermission","update","None","selectingAll","AllAvailable","selectedIDs","baseWhere","where","finalWhere","and","Array","isArray","deletedAt","exists","handleRestore","collectionConfig","find","c","whereConstraint","id","in","url","apiRoute","api","path","stringify","limit","select","trash","search","addQueryPrefix","body","versions","drafts","_status","restoreManyResponse","patch","JSON","headers","language","plural","singular","labels","json","restoredDocs","docs","length","successLabel","status","success","label","errors","error","message","description","map","e","join","err","replace","page","undefined","s","labelString","_jsxs","Fragment","_jsx","className","onClick","checked","name","onToggle","target","confirmingLabel","heading","modalSlug","onConfirm"],"sources":["../../../src/elements/RestoreMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ViewTypes, Where } from '@ruya.sa/payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@ruya.sa/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { formatAdminURL, mergeListSearchAndWhere } from '@ruya.sa/payload/shared'\nimport * as qs from 'qs-esm'\nimport React from 'react'\nimport { toast } from 'sonner'\n\nimport { CheckboxInput } from '../../fields/Checkbox/Input.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { requests } from '../../utilities/api.js'\nimport { parseSearchParams } from '../../utilities/parseSearchParams.js'\nimport { ConfirmationModal } from '../ConfirmationModal/index.js'\nimport { ListSelectionButton } from '../ListSelection/index.js'\nimport './index.scss'\n\nconst confirmManyRestoreDrawerSlug = `confirm-restore-many-docs`\n\nconst baseClass = 'restore-many'\n\nexport type Props = {\n  collection: ClientCollectionConfig\n  viewType?: ViewTypes\n}\n\nexport const RestoreMany: React.FC<Props> = (props) => {\n  const { collection: { slug } = {}, viewType } = props\n\n  const { permissions } = useAuth()\n  const {\n    config: { collections, routes, serverURL },\n  } = useConfig()\n  const { code: locale } = useLocale()\n  const router = useRouter()\n  const { clearRouteCache } = useRouteCache()\n  const searchParams = useSearchParams()\n  const { count, getSelectedIds, selectAll, toggleAll } = useSelection()\n  const { openModal } = useModal()\n\n  const { i18n, t } = useTranslation()\n\n  const [restoreAsPublished, setRestoreAsPublished] = React.useState(false)\n\n  const collectionPermissions = permissions?.collections?.[slug]\n  const hasUpdatePermission = collectionPermissions?.update\n\n  if (selectAll === SelectAllStatus.None || !hasUpdatePermission || viewType !== 'trash') {\n    return null\n  }\n\n  const selectingAll = selectAll === SelectAllStatus.AllAvailable\n  const selectedIDs = !selectingAll ? getSelectedIds() : []\n\n  const baseWhere = parseSearchParams(searchParams)?.where as Where\n\n  const finalWhere = {\n    and: [\n      ...(Array.isArray(baseWhere?.and) ? baseWhere.and : baseWhere ? [baseWhere] : []),\n      { deletedAt: { exists: true } },\n    ],\n  }\n\n  const handleRestore = async () => {\n    const collectionConfig = collections.find((c) => c.slug === slug)\n    if (!collectionConfig) {\n      return\n    }\n\n    let whereConstraint: Where\n\n    if (selectingAll) {\n      whereConstraint = finalWhere\n    } else {\n      whereConstraint = {\n        and: [{ id: { in: selectedIDs } }, { deletedAt: { exists: true } }],\n      }\n    }\n\n    const url = formatAdminURL({\n      apiRoute: routes.api,\n      path: `/${slug}${qs.stringify(\n        {\n          limit: 0,\n          locale,\n          select: {},\n          trash: true, // Ensure trashed docs are returned\n          where: mergeListSearchAndWhere({\n            collectionConfig,\n            search: parseSearchParams(searchParams)?.search as string,\n            where: whereConstraint,\n          }),\n        },\n        { addQueryPrefix: true },\n      )}`,\n    })\n\n    const body: Record<string, unknown> = {\n      deletedAt: null,\n    }\n\n    // Only include _status if drafts are enabled\n    if (collectionConfig?.versions?.drafts) {\n      body._status = restoreAsPublished ? 'published' : 'draft'\n    }\n\n    const restoreManyResponse = await requests.patch(url, {\n      body: JSON.stringify(body),\n      headers: {\n        'Accept-Language': i18n.language,\n        'Content-Type': 'application/json',\n      },\n    })\n\n    try {\n      const { plural, singular } = collectionConfig.labels\n      const json = await restoreManyResponse.json()\n\n      const restoredDocs = json?.docs?.length || 0\n      const successLabel = restoredDocs > 1 ? plural : singular\n\n      if (restoreManyResponse.status < 400 || restoredDocs > 0) {\n        toast.success(\n          t('general:restoredCountSuccessfully', {\n            count: restoredDocs,\n            label: getTranslation(successLabel, i18n),\n          }),\n        )\n      }\n\n      if (json?.errors?.length > 0) {\n        toast.error(json.message, {\n          description: json.errors.map((e) => e.message).join('\\n'),\n        })\n      }\n    } catch (err) {\n      toast.error(t('error:unknown'))\n    }\n\n    toggleAll()\n\n    router.replace(\n      qs.stringify(\n        {\n          ...parseSearchParams(searchParams),\n          page: selectingAll ? '1' : undefined,\n        },\n        { addQueryPrefix: true },\n      ),\n    )\n\n    clearRouteCache()\n  }\n\n  const collectionConfig = collections.find(({ slug: s }) => s === slug)\n\n  const labelString = getTranslation(\n    count === 1 ? collectionConfig.labels.singular : collectionConfig.labels.plural,\n    i18n,\n  )\n\n  return (\n    <React.Fragment>\n      <ListSelectionButton\n        aria-label={t('general:restore')}\n        className=\"restore-documents__toggle\"\n        onClick={() => {\n          openModal(confirmManyRestoreDrawerSlug)\n        }}\n      >\n        {t('general:restore')}\n      </ListSelectionButton>\n      <ConfirmationModal\n        body={\n          <React.Fragment>\n            {t(\n              collectionConfig?.versions?.drafts\n                ? 'general:aboutToRestoreAsDraftCount'\n                : 'general:aboutToRestoreCount',\n              {\n                count,\n                label: labelString,\n              },\n            )}\n            {collectionConfig?.versions?.drafts && (\n              <div className={`${baseClass}__checkbox`}>\n                <CheckboxInput\n                  checked={restoreAsPublished}\n                  id=\"restore-as-published-many\"\n                  label={t('general:restoreAsPublished')}\n                  name=\"restore-as-published-many\"\n                  onToggle={(e) => setRestoreAsPublished(e.target.checked)}\n                />\n              </div>\n            )}\n          </React.Fragment>\n        }\n        className={baseClass}\n        confirmingLabel={t('general:restoring')}\n        heading={t('general:confirmRestoration')}\n        modalSlug={confirmManyRestoreDrawerSlug}\n        onConfirm={handleRestore}\n      />\n    </React.Fragment>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/RestoreMany/index.scss

@@ -0,0 +1,25 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .restore-many {
+    @include blur-bg;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+
+    &__toggle {
+      @extend %btn-reset;
+    }
+
+    &__checkbox {
+      padding: calc(var(--base) * 0.5) 0;
+
+      .checkbox-input {
+        label {
+          padding-bottom: 0;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,4 @@
+import type { SaveButtonClientProps } from '@ruya.sa/payload';
+import React from 'react';
+export declare function SaveButton({ label: labelProp }: SaveButtonClientProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SaveButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAE7D,OAAO,KAAiB,MAAM,OAAO,CAAA;AAUrC,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,qBAAqB,qBA4CrE"}

package/dist/elements/SaveButton/index.js

@@ -0,0 +1,60 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useRef } from 'react';
+import { useForm, useFormModified } from '../../forms/Form/context.js';
+import { FormSubmit } from '../../forms/Submit/index.js';
+import { useHotkey } from '../../hooks/useHotkey.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { useOperation } from '../../providers/Operation/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+export function SaveButton({
+  label: labelProp
+}) {
+  const {
+    uploadStatus
+  } = useDocumentInfo();
+  const {
+    t
+  } = useTranslation();
+  const {
+    submit
+  } = useForm();
+  const modified = useFormModified();
+  const label = labelProp || t('general:save');
+  const ref = useRef(null);
+  const editDepth = useEditDepth();
+  const operation = useOperation();
+  const disabled = operation === 'update' && !modified || uploadStatus === 'uploading';
+  useHotkey({
+    cmdCtrlKey: true,
+    editDepth,
+    keyCodes: ['s']
+  }, e => {
+    if (disabled) {
+      // absorb the event
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    if (ref?.current) {
+      ref.current.click();
+    }
+  });
+  const handleSubmit = () => {
+    if (uploadStatus === 'uploading') {
+      return;
+    }
+    return void submit();
+  };
+  return /*#__PURE__*/_jsx(FormSubmit, {
+    buttonId: "action-save",
+    disabled: disabled,
+    onClick: handleSubmit,
+    ref: ref,
+    size: "medium",
+    type: "button",
+    children: label
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useRef","useForm","useFormModified","FormSubmit","useHotkey","useDocumentInfo","useEditDepth","useOperation","useTranslation","SaveButton","label","labelProp","uploadStatus","t","submit","modified","ref","editDepth","operation","disabled","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","handleSubmit","_jsx","buttonId","onClick","size","type"],"sources":["../../../src/elements/SaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveButtonClientProps } from '@ruya.sa/payload'\n\nimport React, { useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport function SaveButton({ label: labelProp }: SaveButtonClientProps) {\n  const { uploadStatus } = useDocumentInfo()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const modified = useFormModified()\n  const label = labelProp || t('general:save')\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  const handleSubmit = () => {\n    if (uploadStatus === 'uploading') {\n      return\n    }\n\n    return void submit()\n  }\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save\"\n      disabled={disabled}\n      onClick={handleSubmit}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {label}\n    </FormSubmit>\n  )\n}\n"],"mappings":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,MAAM,QAAQ;AAE9B,SAASC,OAAO,EAAEC,eAAe,QAAQ;AACzC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAE/B,OAAO,SAASC,WAAW;EAAEC,KAAA,EAAOC;AAAS,CAAyB;EACpE,MAAM;IAAEC;EAAY,CAAE,GAAGP,eAAA;EACzB,MAAM;IAAEQ;EAAC,CAAE,GAAGL,cAAA;EACd,MAAM;IAAEM;EAAM,CAAE,GAAGb,OAAA;EACnB,MAAMc,QAAA,GAAWb,eAAA;EACjB,MAAMQ,KAAA,GAAQC,SAAA,IAAaE,CAAA,CAAE;EAC7B,MAAMG,GAAA,GAAMhB,MAAA,CAA0B;EACtC,MAAMiB,SAAA,GAAYX,YAAA;EAClB,MAAMY,SAAA,GAAYX,YAAA;EAElB,MAAMY,QAAA,GAAWD,SAAC,KAAc,YAAY,CAACH,QAAA,IAAaH,YAAA,KAAiB;EAE3ER,SAAA,CAAU;IAAEgB,UAAA,EAAY;IAAMH,SAAA;IAAWI,QAAA,EAAU,CAAC;EAAK,GAAIC,CAAA;IAC3D,IAAIH,QAAA,EAAU;MACZ;IAAA;IAGFG,CAAA,CAAEC,cAAc;IAChBD,CAAA,CAAEE,eAAe;IACjB,IAAIR,GAAA,EAAKS,OAAA,EAAS;MAChBT,GAAA,CAAIS,OAAO,CAACC,KAAK;IACnB;EACF;EAEA,MAAMC,YAAA,GAAeA,CAAA;IACnB,IAAIf,YAAA,KAAiB,aAAa;MAChC;IACF;IAEA,OAAO,KAAKE,MAAA;EACd;EAEA,oBACEc,IAAA,CAACzB,UAAA;IACC0B,QAAA,EAAS;IACTV,QAAA,EAAUA,QAAA;IACVW,OAAA,EAASH,YAAA;IACTX,GAAA,EAAKA,GAAA;IACLe,IAAA,EAAK;IACLC,IAAA,EAAK;cAEJtB;;AAGP","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SaveDraftButton/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAA;AAGlE,OAAO,KAA8B,MAAM,OAAO,CAAA;AAclD,wBAAgB,eAAe,CAAC,KAAK,EAAE,0BAA0B,qBAsFhE"}

package/dist/elements/SaveDraftButton/index.js

@@ -0,0 +1,105 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { formatAdminURL } from '@ruya.sa/payload/shared';
+import React, { useCallback, useRef } from 'react';
+import { useForm, useFormModified } from '../../forms/Form/context.js';
+import { FormSubmit } from '../../forms/Submit/index.js';
+import { useHotkey } from '../../hooks/useHotkey.js';
+import { useConfig } from '../../providers/Config/index.js';
+import { useDocumentInfo } from '../../providers/DocumentInfo/index.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useOperation } from '../../providers/Operation/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+const baseClass = 'save-draft';
+export function SaveDraftButton(props) {
+  const {
+    config: {
+      routes: {
+        api
+      }
+    }
+  } = useConfig();
+  const {
+    id,
+    collectionSlug,
+    globalSlug,
+    setUnpublishedVersionCount,
+    uploadStatus
+  } = useDocumentInfo();
+  const modified = useFormModified();
+  const {
+    code: locale
+  } = useLocale();
+  const ref = useRef(null);
+  const editDepth = useEditDepth();
+  const {
+    t
+  } = useTranslation();
+  const {
+    submit
+  } = useForm();
+  const operation = useOperation();
+  const disabled = operation === 'update' && !modified || uploadStatus === 'uploading';
+  const saveDraft = useCallback(async () => {
+    if (disabled) {
+      return;
+    }
+    const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`;
+    let action;
+    let method = 'POST';
+    if (collectionSlug) {
+      action = formatAdminURL({
+        apiRoute: api,
+        path: `/${collectionSlug}${id ? `/${id}` : ''}${search}`
+      });
+      if (id) {
+        method = 'PATCH';
+      }
+    }
+    if (globalSlug) {
+      action = formatAdminURL({
+        apiRoute: api,
+        path: `/globals/${globalSlug}${search}`
+      });
+    }
+    await submit({
+      action,
+      method,
+      overrides: {
+        _status: 'draft'
+      },
+      skipValidation: true
+    });
+    setUnpublishedVersionCount(count => count + 1);
+  }, [submit, collectionSlug, globalSlug, api, locale, id, disabled, setUnpublishedVersionCount]);
+  useHotkey({
+    cmdCtrlKey: true,
+    editDepth,
+    keyCodes: ['s']
+  }, e => {
+    if (disabled) {
+      // absorb the event
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    if (ref?.current) {
+      ref.current.click();
+    }
+  });
+  return /*#__PURE__*/_jsx(FormSubmit, {
+    buttonId: "action-save-draft",
+    buttonStyle: "secondary",
+    className: baseClass,
+    disabled: disabled,
+    onClick: () => {
+      return void saveDraft();
+    },
+    ref: ref,
+    size: "medium",
+    type: "button",
+    children: t('version:saveDraft')
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["formatAdminURL","React","useCallback","useRef","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","baseClass","SaveDraftButton","props","config","routes","api","id","collectionSlug","globalSlug","setUnpublishedVersionCount","uploadStatus","modified","code","locale","ref","editDepth","t","submit","operation","disabled","saveDraft","search","action","method","apiRoute","path","overrides","_status","skipValidation","count","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","_jsx","buttonId","buttonStyle","className","onClick","size","type"],"sources":["../../../src/elements/SaveDraftButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveDraftButtonClientProps } from '@ruya.sa/payload'\n\nimport { formatAdminURL } from '@ruya.sa/payload/shared'\nimport React, { useCallback, useRef } from 'react'\n\nimport { useForm, useFormModified } from '../../forms/Form/context.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { useHotkey } from '../../hooks/useHotkey.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useOperation } from '../../providers/Operation/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nconst baseClass = 'save-draft'\n\nexport function SaveDraftButton(props: SaveDraftButtonClientProps) {\n  const {\n    config: {\n      routes: { api },\n    },\n  } = useConfig()\n\n  const { id, collectionSlug, globalSlug, setUnpublishedVersionCount, uploadStatus } =\n    useDocumentInfo()\n\n  const modified = useFormModified()\n  const { code: locale } = useLocale()\n  const ref = useRef<HTMLButtonElement>(null)\n  const editDepth = useEditDepth()\n  const { t } = useTranslation()\n  const { submit } = useForm()\n  const operation = useOperation()\n\n  const disabled = (operation === 'update' && !modified) || uploadStatus === 'uploading'\n\n  const saveDraft = useCallback(async () => {\n    if (disabled) {\n      return\n    }\n\n    const search = `?locale=${locale}&depth=0&fallback-locale=null&draft=true`\n    let action\n    let method = 'POST'\n\n    if (collectionSlug) {\n      action = formatAdminURL({\n        apiRoute: api,\n        path: `/${collectionSlug}${id ? `/${id}` : ''}${search}`,\n      })\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = formatAdminURL({\n        apiRoute: api,\n        path: `/globals/${globalSlug}${search}`,\n      })\n    }\n\n    await submit({\n      action,\n      method,\n      overrides: {\n        _status: 'draft',\n      },\n      skipValidation: true,\n    })\n\n    setUnpublishedVersionCount((count) => count + 1)\n  }, [submit, collectionSlug, globalSlug, api, locale, id, disabled, setUnpublishedVersionCount])\n\n  useHotkey({ cmdCtrlKey: true, editDepth, keyCodes: ['s'] }, (e) => {\n    if (disabled) {\n      // absorb the event\n    }\n\n    e.preventDefault()\n    e.stopPropagation()\n    if (ref?.current) {\n      ref.current.click()\n    }\n  })\n\n  return (\n    <FormSubmit\n      buttonId=\"action-save-draft\"\n      buttonStyle=\"secondary\"\n      className={baseClass}\n      disabled={disabled}\n      onClick={() => {\n        return void saveDraft()\n      }}\n      ref={ref}\n      size=\"medium\"\n      type=\"button\"\n    >\n      {t('version:saveDraft')}\n    </FormSubmit>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,11 @@
+import './index.scss';
+type SearchBarProps = {
+    Actions?: React.ReactNode[];
+    className?: string;
+    label?: string;
+    onSearchChange: (search: string) => void;
+    searchQueryParam?: string;
+};
+export declare function SearchBar({ Actions, className, label, onSearchChange, searchQueryParam, }: SearchBarProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SearchBar/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAA;AAIrB,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AACD,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,SAAS,EACT,KAAmB,EACnB,cAAc,EACd,gBAAgB,GACjB,EAAE,cAAc,+BAchB"}

package/dist/elements/SearchBar/index.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SearchIcon } from '../../icons/Search/index.js';
+import { SearchFilter } from '../SearchFilter/index.js';
+import './index.scss';
+const baseClass = 'search-bar';
+export function SearchBar({
+  Actions,
+  className,
+  label = 'Search...',
+  onSearchChange,
+  searchQueryParam
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    className: [baseClass, className].filter(Boolean).join(' '),
+    children: [/*#__PURE__*/_jsx(SearchIcon, {}), /*#__PURE__*/_jsx(SearchFilter, {
+      handleChange: onSearchChange,
+      label: label,
+      searchQueryParam: searchQueryParam
+    }), Actions && Actions.length > 0 ? /*#__PURE__*/_jsx("div", {
+      className: `${baseClass}__actions`,
+      children: Actions
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["SearchIcon","SearchFilter","baseClass","SearchBar","Actions","className","label","onSearchChange","searchQueryParam","_jsxs","filter","Boolean","join","_jsx","handleChange","length"],"sources":["../../../src/elements/SearchBar/index.tsx"],"sourcesContent":["import { SearchIcon } from '../../icons/Search/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport './index.scss'\n\nconst baseClass = 'search-bar'\n\ntype SearchBarProps = {\n  Actions?: React.ReactNode[]\n  className?: string\n  label?: string\n  onSearchChange: (search: string) => void\n  searchQueryParam?: string\n}\nexport function SearchBar({\n  Actions,\n  className,\n  label = 'Search...',\n  onSearchChange,\n  searchQueryParam,\n}: SearchBarProps) {\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')}>\n      <SearchIcon />\n      <SearchFilter\n        handleChange={onSearchChange}\n        label={label}\n        searchQueryParam={searchQueryParam}\n      />\n      {Actions && Actions.length > 0 ? (\n        <div className={`${baseClass}__actions`}>{Actions}</div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";AAAA,SAASA,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AASlB,OAAO,SAASC,UAAU;EACxBC,OAAO;EACPC,SAAS;EACTC,KAAA,GAAQ,WAAW;EACnBC,cAAc;EACdC;AAAgB,CACD;EACf,oBACEC,KAAA,CAAC;IAAIJ,SAAA,EAAW,CAACH,SAAA,EAAWG,SAAA,CAAU,CAACK,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;4BAC1DC,IAAA,CAACb,UAAA,O,aACDa,IAAA,CAACZ,YAAA;MACCa,YAAA,EAAcP,cAAA;MACdD,KAAA,EAAOA,KAAA;MACPE,gBAAA,EAAkBA;QAEnBJ,OAAA,IAAWA,OAAA,CAAQW,MAAM,GAAG,iBAC3BF,IAAA,CAAC;MAAIR,SAAA,EAAW,GAAGH,SAAA,WAAoB;gBAAGE;SACxC;;AAGV","ignoreList":[]}

package/dist/elements/SearchBar/index.scss

@@ -0,0 +1,82 @@
+@import '../../scss/styles';
+
+@layer payload-default {
+  .search-bar {
+    --icon-width: 40px;
+    --search-bg: var(--theme-elevation-50);
+
+    display: grid;
+    grid-template-columns: auto 1fr;
+    width: 100%;
+    background-color: var(--search-bg);
+    border-radius: var(--style-radius-m);
+    position: relative;
+    min-height: 46px;
+    isolation: isolate;
+
+    &:has(.search-bar__actions) {
+      grid-template-columns: auto 1fr auto;
+    }
+
+    &:has(.popup--active) {
+      z-index: 1;
+    }
+
+    .icon--search {
+      grid-column: 1/2;
+      grid-row: 1/2;
+      z-index: 1;
+      align-self: center;
+      justify-self: center;
+      pointer-events: none;
+      width: 40px;
+    }
+
+    .search-filter {
+      grid-column: 1/3;
+      grid-row: 1/2;
+      background-color: transparent;
+      border-radius: inherit;
+      input {
+        height: 100%;
+        padding-bottom: calc(var(--base) * 0.5);
+        padding-top: calc(var(--base) * 0.5);
+        padding-inline-start: var(--icon-width);
+        padding-inline-end: var(--base);
+        background-color: transparent;
+      }
+    }
+
+    &__actions {
+      display: flex;
+      align-items: center;
+      gap: calc(var(--base) / 4);
+      padding: calc(var(--base) * 0.5);
+      grid-column: 3/4;
+    }
+
+    @include small-break {
+      min-height: 40px;
+      background-color: transparent;
+
+      &:has(.search-bar__actions) {
+        row-gap: calc(var(--base) / 2);
+        grid-template-columns: auto 1fr;
+        grid-template-rows: auto auto;
+      }
+
+      .search-filter {
+        background-color: var(--search-bg);
+      }
+
+      &__actions {
+        grid-row: 2/3;
+        grid-column: 1/3;
+        display: flex;
+        align-items: center;
+        gap: calc(var(--base) / 4);
+        padding: 0;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SearchFilterProps } from './types.js';
+import './index.scss';
+export declare function SearchFilter(props: SearchFilterProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SearchFilter/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAGnD,OAAO,cAAc,CAAA;AAIrB,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAyDpD"}