@payloadcms/ui 3.68.0-internal-debug.e9b66ee → 3.68.0-internal.35482da

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/RestoreMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ViewTypes, Where } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { mergeListSearchAndWhere } from '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 = `${serverURL}${routes.api}/${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    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"],"names":["useModal","getTranslation","useRouter","useSearchParams","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","api","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","Fragment","aria-label","className","onClick","div","checked","name","onToggle","target","confirmingLabel","heading","modalSlug","onConfirm"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["useModal","getTranslation","useRouter","useSearchParams","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","api","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 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter, useSearchParams } from 'next/navigation.js'\nimport { mergeListSearchAndWhere } from '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 = `${serverURL}${routes.api}/${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    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/SaveButton/index.js

@@ -1,5 +1,7 @@
 'use client';
-import { useRef } from 'react';
+
+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';
@@ -7,40 +9,52 @@ 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 <FormSubmit buttonId="action-save" disabled={disabled} onClick={handleSubmit} ref={ref} size="medium" type="button">
-      {label}
-    </FormSubmit>;
+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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SaveButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveButtonClientProps } from '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"],"names":["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","buttonId","onClick","size","type"],"mappings":"AAAA;AAIA,SAAgBA,MAAM,QAAQ,QAAO;AAErC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,OAAO,SAASC,WAAW,EAAEC,OAAOC,SAAS,EAAyB;IACpE,MAAM,EAAEC,YAAY,EAAE,GAAGP;IACzB,MAAM,EAAEQ,CAAC,EAAE,GAAGL;IACd,MAAM,EAAEM,MAAM,EAAE,GAAGb;IACnB,MAAMc,WAAWb;IACjB,MAAMQ,QAAQC,aAAaE,EAAE;IAC7B,MAAMG,MAAMhB,OAA0B;IACtC,MAAMiB,YAAYX;IAClB,MAAMY,YAAYX;IAElB,MAAMY,WAAW,AAACD,cAAc,YAAY,CAACH,YAAaH,iBAAiB;IAE3ER,UAAU;QAAEgB,YAAY;QAAMH;QAAWI,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIH,UAAU,CAEd;QADE,mBAAmB;QAGrBG,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIR,KAAKS,SAAS;YAChBT,IAAIS,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,MAAMC,eAAe;QACnB,IAAIf,iBAAiB,aAAa;YAChC;QACF;QAEA,OAAO,KAAKE;IACd;IAEA,QACGX,WACCyB,SAAS,cACTT,UAAUA,UACVU,SAASF,cACTX,KAAKA,KACLc,KAAK,SACLC,KAAK,SACN;MACC,CAACrB,MAAM;IACT,EAAEP;AAEN"}
+{"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 '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.js

@@ -1,5 +1,7 @@
 'use client';
-import { useCallback, useRef } from 'react';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+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';
@@ -11,72 +13,87 @@ 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 }, serverURL } } = 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 = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`;
-            if (id) {
-                method = 'PATCH';
-            }
-        }
-        if (globalSlug) {
-            action = `${serverURL}${api}/globals/${globalSlug}${search}`;
-        }
-        await submit({
-            action,
-            method,
-            overrides: {
-                _status: 'draft'
-            },
-            skipValidation: true
-        });
-        setUnpublishedVersionCount((count)=>count + 1);
-    }, [
-        submit,
-        collectionSlug,
-        globalSlug,
-        serverURL,
-        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();
-        }
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = 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 = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`;
+      if (id) {
+        method = 'PATCH';
+      }
+    }
+    if (globalSlug) {
+      action = `${serverURL}${api}/globals/${globalSlug}${search}`;
+    }
+    await submit({
+      action,
+      method,
+      overrides: {
+        _status: 'draft'
+      },
+      skipValidation: true
     });
-    return <FormSubmit buttonId="action-save-draft" buttonStyle="secondary" className={baseClass} disabled={disabled} onClick={()=>{
-        return void saveDraft();
-    }} ref={ref} size="medium" type="button">
-      {t('version:saveDraft')}
-    </FormSubmit>;
+    setUnpublishedVersionCount(count => count + 1);
+  }, [submit, collectionSlug, globalSlug, serverURL, 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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SaveDraftButton/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SaveDraftButtonClientProps } from 'payload'\n\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      serverURL,\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 = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\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  }, [\n    submit,\n    collectionSlug,\n    globalSlug,\n    serverURL,\n    api,\n    locale,\n    id,\n    disabled,\n    setUnpublishedVersionCount,\n  ])\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"],"names":["useCallback","useRef","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","baseClass","SaveDraftButton","props","config","routes","api","serverURL","id","collectionSlug","globalSlug","setUnpublishedVersionCount","uploadStatus","modified","code","locale","ref","editDepth","t","submit","operation","disabled","saveDraft","search","action","method","overrides","_status","skipValidation","count","cmdCtrlKey","keyCodes","e","preventDefault","stopPropagation","current","click","buttonId","buttonStyle","className","onClick","size","type"],"mappings":"AAAA;AAIA,SAAgBA,WAAW,EAAEC,MAAM,QAAQ,QAAO;AAElD,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA6B;AACtE,SAASC,UAAU,QAAQ,8BAA6B;AACxD,SAASC,SAAS,QAAQ,2BAA0B;AACpD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,YAAY,QAAQ,qCAAoC;AACjE,SAASC,cAAc,QAAQ,uCAAsC;AAErE,MAAMC,YAAY;AAElB,OAAO,SAASC,gBAAgBC,KAAiC;IAC/D,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,GAAG,EAAE,EACfC,SAAS,EACV,EACF,GAAGZ;IAEJ,MAAM,EAAEa,EAAE,EAAEC,cAAc,EAAEC,UAAU,EAAEC,0BAA0B,EAAEC,YAAY,EAAE,GAChFhB;IAEF,MAAMiB,WAAWrB;IACjB,MAAM,EAAEsB,MAAMC,MAAM,EAAE,GAAGjB;IACzB,MAAMkB,MAAM1B,OAA0B;IACtC,MAAM2B,YAAYpB;IAClB,MAAM,EAAEqB,CAAC,EAAE,GAAGlB;IACd,MAAM,EAAEmB,MAAM,EAAE,GAAG5B;IACnB,MAAM6B,YAAYrB;IAElB,MAAMsB,WAAW,AAACD,cAAc,YAAY,CAACP,YAAaD,iBAAiB;IAE3E,MAAMU,YAAYjC,YAAY;QAC5B,IAAIgC,UAAU;YACZ;QACF;QAEA,MAAME,SAAS,CAAC,QAAQ,EAAER,OAAO,wCAAwC,CAAC;QAC1E,IAAIS;QACJ,IAAIC,SAAS;QAEb,IAAIhB,gBAAgB;YAClBe,SAAS,GAAGjB,YAAYD,IAAI,CAAC,EAAEG,iBAAiBD,KAAK,CAAC,CAAC,EAAEA,IAAI,GAAG,KAAKe,QAAQ;YAC7E,IAAIf,IAAI;gBACNiB,SAAS;YACX;QACF;QAEA,IAAIf,YAAY;YACdc,SAAS,GAAGjB,YAAYD,IAAI,SAAS,EAAEI,aAAaa,QAAQ;QAC9D;QAEA,MAAMJ,OAAO;YACXK;YACAC;YACAC,WAAW;gBACTC,SAAS;YACX;YACAC,gBAAgB;QAClB;QAEAjB,2BAA2B,CAACkB,QAAUA,QAAQ;IAChD,GAAG;QACDV;QACAV;QACAC;QACAH;QACAD;QACAS;QACAP;QACAa;QACAV;KACD;IAEDjB,UAAU;QAAEoC,YAAY;QAAMb;QAAWc,UAAU;YAAC;SAAI;IAAC,GAAG,CAACC;QAC3D,IAAIX,UAAU,CAEd;QADE,mBAAmB;QAGrBW,EAAEC,cAAc;QAChBD,EAAEE,eAAe;QACjB,IAAIlB,KAAKmB,SAAS;YAChBnB,IAAImB,OAAO,CAACC,KAAK;QACnB;IACF;IAEA,QACG3C,WACC4C,SAAS,oBACTC,YAAY,YACZC,WAAWtC,WACXoB,UAAUA,UACVmB,SAAS;QACP,OAAO,KAAKlB;IACd,GACAN,KAAKA,KACLyB,KAAK,SACLC,KAAK,SACN;MACC,CAACxB,EAAE,qBAAqB;IAC1B,EAAEzB;AAEN"}
+{"version":3,"file":"index.js","names":["React","useCallback","useRef","useForm","useFormModified","FormSubmit","useHotkey","useConfig","useDocumentInfo","useEditDepth","useLocale","useOperation","useTranslation","baseClass","SaveDraftButton","props","config","routes","api","serverURL","id","collectionSlug","globalSlug","setUnpublishedVersionCount","uploadStatus","modified","code","locale","ref","editDepth","t","submit","operation","disabled","saveDraft","search","action","method","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 'payload'\n\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      serverURL,\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 = `${serverURL}${api}/${collectionSlug}${id ? `/${id}` : ''}${search}`\n      if (id) {\n        method = 'PATCH'\n      }\n    }\n\n    if (globalSlug) {\n      action = `${serverURL}${api}/globals/${globalSlug}${search}`\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  }, [\n    submit,\n    collectionSlug,\n    globalSlug,\n    serverURL,\n    api,\n    locale,\n    id,\n    disabled,\n    setUnpublishedVersionCount,\n  ])\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":"AAAA;;;AAIA,OAAOA,KAAA,IAASC,WAAW,EAAEC,MAAM,QAAQ;AAE3C,SAASC,OAAO,EAAEC,eAAe,QAAQ;AACzC,SAASC,UAAU,QAAQ;AAC3B,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAElB,OAAO,SAASC,gBAAgBC,KAAiC;EAC/D,MAAM;IACJC,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC;MAAG,CAAE;MACfC;IAAS;EACV,CACF,GAAGZ,SAAA;EAEJ,MAAM;IAAEa,EAAE;IAAEC,cAAc;IAAEC,UAAU;IAAEC,0BAA0B;IAAEC;EAAY,CAAE,GAChFhB,eAAA;EAEF,MAAMiB,QAAA,GAAWrB,eAAA;EACjB,MAAM;IAAEsB,IAAA,EAAMC;EAAM,CAAE,GAAGjB,SAAA;EACzB,MAAMkB,GAAA,GAAM1B,MAAA,CAA0B;EACtC,MAAM2B,SAAA,GAAYpB,YAAA;EAClB,MAAM;IAAEqB;EAAC,CAAE,GAAGlB,cAAA;EACd,MAAM;IAAEmB;EAAM,CAAE,GAAG5B,OAAA;EACnB,MAAM6B,SAAA,GAAYrB,YAAA;EAElB,MAAMsB,QAAA,GAAWD,SAAC,KAAc,YAAY,CAACP,QAAA,IAAaD,YAAA,KAAiB;EAE3E,MAAMU,SAAA,GAAYjC,WAAA,CAAY;IAC5B,IAAIgC,QAAA,EAAU;MACZ;IACF;IAEA,MAAME,MAAA,GAAS,WAAWR,MAAA,0CAAgD;IAC1E,IAAIS,MAAA;IACJ,IAAIC,MAAA,GAAS;IAEb,IAAIhB,cAAA,EAAgB;MAClBe,MAAA,GAAS,GAAGjB,SAAA,GAAYD,GAAA,IAAOG,cAAA,GAAiBD,EAAA,GAAK,IAAIA,EAAA,EAAI,GAAG,KAAKe,MAAA,EAAQ;MAC7E,IAAIf,EAAA,EAAI;QACNiB,MAAA,GAAS;MACX;IACF;IAEA,IAAIf,UAAA,EAAY;MACdc,MAAA,GAAS,GAAGjB,SAAA,GAAYD,GAAA,YAAeI,UAAA,GAAaa,MAAA,EAAQ;IAC9D;IAEA,MAAMJ,MAAA,CAAO;MACXK,MAAA;MACAC,MAAA;MACAC,SAAA,EAAW;QACTC,OAAA,EAAS;MACX;MACAC,cAAA,EAAgB;IAClB;IAEAjB,0BAAA,CAA4BkB,KAAA,IAAUA,KAAA,GAAQ;EAChD,GAAG,CACDV,MAAA,EACAV,cAAA,EACAC,UAAA,EACAH,SAAA,EACAD,GAAA,EACAS,MAAA,EACAP,EAAA,EACAa,QAAA,EACAV,0BAAA,CACD;EAEDjB,SAAA,CAAU;IAAEoC,UAAA,EAAY;IAAMb,SAAA;IAAWc,QAAA,EAAU,CAAC;EAAK,GAAIC,CAAA;IAC3D,IAAIX,QAAA,EAAU;MACZ;IAAA;IAGFW,CAAA,CAAEC,cAAc;IAChBD,CAAA,CAAEE,eAAe;IACjB,IAAIlB,GAAA,EAAKmB,OAAA,EAAS;MAChBnB,GAAA,CAAImB,OAAO,CAACC,KAAK;IACnB;EACF;EAEA,oBACEC,IAAA,CAAC5C,UAAA;IACC6C,QAAA,EAAS;IACTC,WAAA,EAAY;IACZC,SAAA,EAAWvC,SAAA;IACXoB,QAAA,EAAUA,QAAA;IACVoB,OAAA,EAASA,CAAA;MACP,OAAO,KAAKnB,SAAA;IACd;IACAN,GAAA,EAAKA,GAAA;IACL0B,IAAA,EAAK;IACLC,IAAA,EAAK;cAEJzB,CAAA,CAAE;;AAGT","ignoreList":[]}

package/dist/elements/SearchBar/index.js

@@ -1,16 +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 <div className={[
-        baseClass,
-        className
-    ].filter(Boolean).join(' ')}>
-      <SearchIcon/>
-      <SearchFilter handleChange={onSearchChange} label={label} searchQueryParam={searchQueryParam}/>
-      {Actions && Actions.length > 0 ? <div className={`${baseClass}__actions`}>{Actions}</div> : null}
-    </div>;
+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

@@ -1 +1 @@
-{"version":3,"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"],"names":["SearchIcon","SearchFilter","baseClass","SearchBar","Actions","className","label","onSearchChange","searchQueryParam","div","filter","Boolean","join","handleChange","length"],"mappings":"AAAA,SAASA,UAAU,QAAQ,8BAA6B;AACxD,SAASC,YAAY,QAAQ,2BAA0B;AACvD,OAAO,eAAc;AAErB,MAAMC,YAAY;AASlB,OAAO,SAASC,UAAU,EACxBC,OAAO,EACPC,SAAS,EACTC,QAAQ,WAAW,EACnBC,cAAc,EACdC,gBAAgB,EACD;IACf,QACGC,IAAIJ,WAAW;QAACH;QAAWG;KAAU,CAACK,MAAM,CAACC,SAASC,IAAI,CAAC,MAAM;MAChE,CAACZ,YAAa;MACd,CAACC,aACCY,cAAcN,gBACdD,OAAOA,OACPE,kBAAkBA,mBAClB;MACF,CAACJ,WAAWA,QAAQU,MAAM,GAAG,KAC1BL,IAAIJ,WAAW,GAAGH,UAAU,SAAS,CAAC,GAAGE,UAAUK,OAClD,KAAK;IACX,EAAEA;AAEN"}
+{"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/SearchFilter/index.js

@@ -1,50 +1,62 @@
 'use client';
-import { useEffect, useRef, useState } from 'react';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from 'react';
 import { useDebounce } from '../../hooks/useDebounce.js';
 import './index.scss';
 const baseClass = 'search-filter';
 export function SearchFilter(props) {
-    const { handleChange, initialParams, label, searchQueryParam } = props;
-    const searchParam = initialParams?.search || searchQueryParam;
-    const [search, setSearch] = useState(typeof searchParam === 'string' ? searchParam : undefined);
-    /**
-   * Tracks whether the state should be updated based on the search value.
-   * If the value is updated from the URL, we don't want to update the state as it causes additional renders.
-   */ const shouldUpdateState = useRef(true);
-    /**
-   * Tracks the previous search value to compare with the current debounced search value.
-   */ const previousSearch = useRef(typeof searchParam === 'string' ? searchParam : undefined);
-    const debouncedSearch = useDebounce(search, 300);
-    useEffect(()=>{
-        if (searchParam !== previousSearch.current) {
-            shouldUpdateState.current = false;
-            setSearch(searchParam);
-            previousSearch.current = searchParam;
-        }
-        return ()=>{
-            shouldUpdateState.current = true;
-            previousSearch.current = undefined;
-        };
-    }, [
-        searchParam
-    ]);
-    useEffect(()=>{
-        if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {
-            if (handleChange) {
-                handleChange(debouncedSearch);
-            }
-            previousSearch.current = debouncedSearch;
-        }
-    }, [
-        debouncedSearch,
-        handleChange
-    ]);
-    return <div className={baseClass}>
-      <input aria-label={label} className={`${baseClass}__input`} id="search-filter-input" onChange={(e)=>{
+  const {
+    handleChange,
+    initialParams,
+    label,
+    searchQueryParam
+  } = props;
+  const searchParam = initialParams?.search || searchQueryParam;
+  const [search, setSearch] = useState(typeof searchParam === 'string' ? searchParam : undefined);
+  /**
+  * Tracks whether the state should be updated based on the search value.
+  * If the value is updated from the URL, we don't want to update the state as it causes additional renders.
+  */
+  const shouldUpdateState = useRef(true);
+  /**
+  * Tracks the previous search value to compare with the current debounced search value.
+  */
+  const previousSearch = useRef(typeof searchParam === 'string' ? searchParam : undefined);
+  const debouncedSearch = useDebounce(search, 300);
+  useEffect(() => {
+    if (searchParam !== previousSearch.current) {
+      shouldUpdateState.current = false;
+      setSearch(searchParam);
+      previousSearch.current = searchParam;
+    }
+    return () => {
+      shouldUpdateState.current = true;
+      previousSearch.current = undefined;
+    };
+  }, [searchParam]);
+  useEffect(() => {
+    if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {
+      if (handleChange) {
+        handleChange(debouncedSearch);
+      }
+      previousSearch.current = debouncedSearch;
+    }
+  }, [debouncedSearch, handleChange]);
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    children: /*#__PURE__*/_jsx("input", {
+      "aria-label": label,
+      className: `${baseClass}__input`,
+      id: "search-filter-input",
+      onChange: e => {
         shouldUpdateState.current = true;
         setSearch(e.target.value);
-    }} placeholder={label} type="text" value={search || ''}/>
-    </div>;
+      },
+      placeholder: label,
+      type: "text",
+      value: search || ''
+    })
+  });
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SearchFilter/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport type { SearchFilterProps } from './types.js'\n\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport './index.scss'\n\nconst baseClass = 'search-filter'\n\nexport function SearchFilter(props: SearchFilterProps) {\n  const { handleChange, initialParams, label, searchQueryParam } = props\n  const searchParam = initialParams?.search || searchQueryParam\n  const [search, setSearch] = useState(typeof searchParam === 'string' ? searchParam : undefined)\n\n  /**\n   * Tracks whether the state should be updated based on the search value.\n   * If the value is updated from the URL, we don't want to update the state as it causes additional renders.\n   */\n  const shouldUpdateState = useRef(true)\n\n  /**\n   * Tracks the previous search value to compare with the current debounced search value.\n   */\n  const previousSearch = useRef(typeof searchParam === 'string' ? searchParam : undefined)\n\n  const debouncedSearch = useDebounce(search, 300)\n\n  useEffect(() => {\n    if (searchParam !== previousSearch.current) {\n      shouldUpdateState.current = false\n      setSearch(searchParam as string)\n      previousSearch.current = searchParam as string\n    }\n\n    return () => {\n      shouldUpdateState.current = true\n      previousSearch.current = undefined\n    }\n  }, [searchParam])\n\n  useEffect(() => {\n    if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {\n      if (handleChange) {\n        handleChange(debouncedSearch)\n      }\n\n      previousSearch.current = debouncedSearch\n    }\n  }, [debouncedSearch, handleChange])\n\n  return (\n    <div className={baseClass}>\n      <input\n        aria-label={label}\n        className={`${baseClass}__input`}\n        id=\"search-filter-input\"\n        onChange={(e) => {\n          shouldUpdateState.current = true\n          setSearch(e.target.value)\n        }}\n        placeholder={label}\n        type=\"text\"\n        value={search || ''}\n      />\n    </div>\n  )\n}\n"],"names":["useEffect","useRef","useState","useDebounce","baseClass","SearchFilter","props","handleChange","initialParams","label","searchQueryParam","searchParam","search","setSearch","undefined","shouldUpdateState","previousSearch","debouncedSearch","current","div","className","input","aria-label","id","onChange","e","target","value","placeholder","type"],"mappings":"AAAA;AAEA,SAAgBA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAI1D,SAASC,WAAW,QAAQ,6BAA4B;AACxD,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,SAASC,aAAaC,KAAwB;IACnD,MAAM,EAAEC,YAAY,EAAEC,aAAa,EAAEC,KAAK,EAAEC,gBAAgB,EAAE,GAAGJ;IACjE,MAAMK,cAAcH,eAAeI,UAAUF;IAC7C,MAAM,CAACE,QAAQC,UAAU,GAAGX,SAAS,OAAOS,gBAAgB,WAAWA,cAAcG;IAErF;;;GAGC,GACD,MAAMC,oBAAoBd,OAAO;IAEjC;;GAEC,GACD,MAAMe,iBAAiBf,OAAO,OAAOU,gBAAgB,WAAWA,cAAcG;IAE9E,MAAMG,kBAAkBd,YAAYS,QAAQ;IAE5CZ,UAAU;QACR,IAAIW,gBAAgBK,eAAeE,OAAO,EAAE;YAC1CH,kBAAkBG,OAAO,GAAG;YAC5BL,UAAUF;YACVK,eAAeE,OAAO,GAAGP;QAC3B;QAEA,OAAO;YACLI,kBAAkBG,OAAO,GAAG;YAC5BF,eAAeE,OAAO,GAAGJ;QAC3B;IACF,GAAG;QAACH;KAAY;IAEhBX,UAAU;QACR,IAAIiB,oBAAoBD,eAAeE,OAAO,IAAIH,kBAAkBG,OAAO,EAAE;YAC3E,IAAIX,cAAc;gBAChBA,aAAaU;YACf;YAEAD,eAAeE,OAAO,GAAGD;QAC3B;IACF,GAAG;QAACA;QAAiBV;KAAa;IAElC,QACGY,IAAIC,WAAWhB,WAAW;MACzB,CAACiB,MACCC,YAAYb,OACZW,WAAW,GAAGhB,UAAU,OAAO,CAAC,EAChCmB,GAAG,sBACHC,UAAU,CAACC;QACTV,kBAAkBG,OAAO,GAAG;QAC5BL,UAAUY,EAAEC,MAAM,CAACC,KAAK;IAC1B,GACAC,aAAanB,OACboB,KAAK,OACLF,OAAOf,UAAU,KACjB;IACJ,EAAEO;AAEN"}
+{"version":3,"file":"index.js","names":["React","useEffect","useRef","useState","useDebounce","baseClass","SearchFilter","props","handleChange","initialParams","label","searchQueryParam","searchParam","search","setSearch","undefined","shouldUpdateState","previousSearch","debouncedSearch","current","_jsx","className","id","onChange","e","target","value","placeholder","type"],"sources":["../../../src/elements/SearchFilter/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport type { SearchFilterProps } from './types.js'\n\nimport { useDebounce } from '../../hooks/useDebounce.js'\nimport './index.scss'\n\nconst baseClass = 'search-filter'\n\nexport function SearchFilter(props: SearchFilterProps) {\n  const { handleChange, initialParams, label, searchQueryParam } = props\n  const searchParam = initialParams?.search || searchQueryParam\n  const [search, setSearch] = useState(typeof searchParam === 'string' ? searchParam : undefined)\n\n  /**\n   * Tracks whether the state should be updated based on the search value.\n   * If the value is updated from the URL, we don't want to update the state as it causes additional renders.\n   */\n  const shouldUpdateState = useRef(true)\n\n  /**\n   * Tracks the previous search value to compare with the current debounced search value.\n   */\n  const previousSearch = useRef(typeof searchParam === 'string' ? searchParam : undefined)\n\n  const debouncedSearch = useDebounce(search, 300)\n\n  useEffect(() => {\n    if (searchParam !== previousSearch.current) {\n      shouldUpdateState.current = false\n      setSearch(searchParam as string)\n      previousSearch.current = searchParam as string\n    }\n\n    return () => {\n      shouldUpdateState.current = true\n      previousSearch.current = undefined\n    }\n  }, [searchParam])\n\n  useEffect(() => {\n    if (debouncedSearch !== previousSearch.current && shouldUpdateState.current) {\n      if (handleChange) {\n        handleChange(debouncedSearch)\n      }\n\n      previousSearch.current = debouncedSearch\n    }\n  }, [debouncedSearch, handleChange])\n\n  return (\n    <div className={baseClass}>\n      <input\n        aria-label={label}\n        className={`${baseClass}__input`}\n        id=\"search-filter-input\"\n        onChange={(e) => {\n          shouldUpdateState.current = true\n          setSearch(e.target.value)\n        }}\n        placeholder={label}\n        type=\"text\"\n        value={search || ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAEA,OAAOA,KAAA,IAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAInD,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,SAASC,aAAaC,KAAwB;EACnD,MAAM;IAAEC,YAAY;IAAEC,aAAa;IAAEC,KAAK;IAAEC;EAAgB,CAAE,GAAGJ,KAAA;EACjE,MAAMK,WAAA,GAAcH,aAAA,EAAeI,MAAA,IAAUF,gBAAA;EAC7C,MAAM,CAACE,MAAA,EAAQC,SAAA,CAAU,GAAGX,QAAA,CAAS,OAAOS,WAAA,KAAgB,WAAWA,WAAA,GAAcG,SAAA;EAErF;;;;EAIA,MAAMC,iBAAA,GAAoBd,MAAA,CAAO;EAEjC;;;EAGA,MAAMe,cAAA,GAAiBf,MAAA,CAAO,OAAOU,WAAA,KAAgB,WAAWA,WAAA,GAAcG,SAAA;EAE9E,MAAMG,eAAA,GAAkBd,WAAA,CAAYS,MAAA,EAAQ;EAE5CZ,SAAA,CAAU;IACR,IAAIW,WAAA,KAAgBK,cAAA,CAAeE,OAAO,EAAE;MAC1CH,iBAAA,CAAkBG,OAAO,GAAG;MAC5BL,SAAA,CAAUF,WAAA;MACVK,cAAA,CAAeE,OAAO,GAAGP,WAAA;IAC3B;IAEA,OAAO;MACLI,iBAAA,CAAkBG,OAAO,GAAG;MAC5BF,cAAA,CAAeE,OAAO,GAAGJ,SAAA;IAC3B;EACF,GAAG,CAACH,WAAA,CAAY;EAEhBX,SAAA,CAAU;IACR,IAAIiB,eAAA,KAAoBD,cAAA,CAAeE,OAAO,IAAIH,iBAAA,CAAkBG,OAAO,EAAE;MAC3E,IAAIX,YAAA,EAAc;QAChBA,YAAA,CAAaU,eAAA;MACf;MAEAD,cAAA,CAAeE,OAAO,GAAGD,eAAA;IAC3B;EACF,GAAG,CAACA,eAAA,EAAiBV,YAAA,CAAa;EAElC,oBACEY,IAAA,CAAC;IAAIC,SAAA,EAAWhB,SAAA;cACd,aAAAe,IAAA,CAAC;MACC,cAAYV,KAAA;MACZW,SAAA,EAAW,GAAGhB,SAAA,SAAkB;MAChCiB,EAAA,EAAG;MACHC,QAAA,EAAWC,CAAA;QACTR,iBAAA,CAAkBG,OAAO,GAAG;QAC5BL,SAAA,CAAUU,CAAA,CAAEC,MAAM,CAACC,KAAK;MAC1B;MACAC,WAAA,EAAajB,KAAA;MACbkB,IAAA,EAAK;MACLF,KAAA,EAAOb,MAAA,IAAU;;;AAIzB","ignoreList":[]}

package/dist/elements/SearchFilter/types.js

@@ -1,21 +1,2 @@
-export { }; /**
-   * This prop is deprecated and will be removed in the next major version.
-   *
-   * @deprecated
-   */  /**
-   * This prop is deprecated and will be removed in the next major version.
-   *
-   * Prefer passing in `searchString` instead.
-   *
-   * @deprecated
-   */  /**
-   * This prop is deprecated and will be removed in the next major version.
-   *
-   * @deprecated
-   */  /**
-   * This prop is deprecated and will be removed in the next major version.
-   *
-   * @deprecated
-   */ 
-
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/SearchFilter/types.ts"],"sourcesContent":["import type { ParsedQs } from 'qs-esm'\n\nexport type SearchFilterProps = {\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * @deprecated\n   */\n  fieldName?: string\n  handleChange?: (search: string) => void\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * Prefer passing in `searchString` instead.\n   *\n   * @deprecated\n   */\n  initialParams?: ParsedQs\n  label: string\n  searchQueryParam?: string\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * @deprecated\n   */\n  setValue?: (arg: string) => void\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * @deprecated\n   */\n  value?: string\n}\n"],"names":[],"mappings":"AAEA,WA8BC,CA7BC;;;;GAIC,IAGD;;;;;;GAMC,IAID;;;;GAIC,IAED;;;;GAIC"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/SearchFilter/types.ts"],"sourcesContent":["import type { ParsedQs } from 'qs-esm'\n\nexport type SearchFilterProps = {\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * @deprecated\n   */\n  fieldName?: string\n  handleChange?: (search: string) => void\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * Prefer passing in `searchString` instead.\n   *\n   * @deprecated\n   */\n  initialParams?: ParsedQs\n  label: string\n  searchQueryParam?: string\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * @deprecated\n   */\n  setValue?: (arg: string) => void\n  /**\n   * This prop is deprecated and will be removed in the next major version.\n   *\n   * @deprecated\n   */\n  value?: string\n}\n"],"mappings":"AAEA","ignoreList":[]}