npm - @payloadcms/ui - Versions diffs - 3.0.0-beta.107 → 3.0.0-beta.108 - Mend

@payloadcms/ui 3.0.0-beta.107 → 3.0.0-beta.108

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (249) hide show

package/dist/elements/EditMany/index.js CHANGED Viewed

@@ -166,16 +166,27 @@ const SaveDraftButton = t0 => {
   return t2;
 };
 export const EditMany = props => {
+  const $ = _c(44);
   const {
-    collection: {
-      slug,
-      labels: {
-        plural
-      }
-    } = {},
+    collection: t0,
     collection,
     fields
   } = props;
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    slug,
+    labels: t2
+  } = t1;
+  const {
+    plural
+  } = t2;
   const {
     permissions
   } = useAuth();
@@ -183,13 +194,15 @@ export const EditMany = props => {
     closeModal
   } = useModal();
   const {
-    config: {
-      routes: {
-        api: apiRoute
-      },
-      serverURL
-    }
+    config: t3
   } = useConfig();
+  const {
+    routes: t4,
+    serverURL
+  } = t3;
+  const {
+    api: apiRoute
+  } = t4;
   const {
     count,
     getQueryParams,
@@ -199,7 +212,14 @@ export const EditMany = props => {
     i18n,
     t
   } = useTranslation();
-  const [selected, setSelected] = useState([]);
+  let t5;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = [];
+    $[2] = t5;
+  } else {
+    t5 = $[2];
+  }
+  const [selected, setSelected] = useState(t5);
   const {
     stringifyParams
   } = useSearchParams();
@@ -212,127 +232,218 @@ export const EditMany = props => {
   const collectionPermissions = permissions?.collections?.[slug];
   const hasUpdatePermission = collectionPermissions?.update?.permission;
   const drawerSlug = `edit-${slug}`;
-  React.useEffect(() => {
-    if (!hasInitializedState.current) {
-      const getInitialState = async () => {
-        const result = await getFormState({
-          apiRoute,
-          body: {
-            collectionSlug: slug,
-            data: {},
-            operation: 'update',
-            schemaPath: slug
-          },
-          serverURL
-        });
-        setInitialState(result);
-        hasInitializedState.current = true;
-      };
-      void getInitialState();
-    }
-  }, [apiRoute, hasInitializedState, serverURL, slug]);
-  const onChange = useCallback(({
-    formState: prevFormState
-  }) => getFormState({
-    apiRoute,
-    body: {
-      collectionSlug: slug,
-      formState: prevFormState,
-      operation: 'update',
-      schemaPath: slug
-    },
-    serverURL
-  }), [serverURL, apiRoute, slug]);
+  let t6;
+  if ($[3] !== apiRoute || $[4] !== slug || $[5] !== serverURL) {
+    t6 = () => {
+      if (!hasInitializedState.current) {
+        const getInitialState = async () => {
+          const {
+            state: result
+          } = await getFormState({
+            apiRoute,
+            body: {
+              collectionSlug: slug,
+              data: {},
+              operation: "update",
+              schemaPath: slug
+            },
+            serverURL
+          });
+          setInitialState(result);
+          hasInitializedState.current = true;
+        };
+        getInitialState();
+      }
+    };
+    $[3] = apiRoute;
+    $[4] = slug;
+    $[5] = serverURL;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== apiRoute || $[8] !== hasInitializedState || $[9] !== serverURL || $[10] !== slug) {
+    t7 = [apiRoute, hasInitializedState, serverURL, slug];
+    $[7] = apiRoute;
+    $[8] = hasInitializedState;
+    $[9] = serverURL;
+    $[10] = slug;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  React.useEffect(t6, t7);
+  let t8;
+  if ($[12] !== apiRoute || $[13] !== slug || $[14] !== serverURL) {
+    t8 = async t9 => {
+      const {
+        formState: prevFormState
+      } = t9;
+      const {
+        state
+      } = await getFormState({
+        apiRoute,
+        body: {
+          collectionSlug: slug,
+          formState: prevFormState,
+          operation: "update",
+          schemaPath: slug
+        },
+        serverURL
+      });
+      return state;
+    };
+    $[12] = apiRoute;
+    $[13] = slug;
+    $[14] = serverURL;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  const onChange = t8;
   if (selectAll === SelectAllStatus.None || !hasUpdatePermission) {
     return null;
   }
-  const onSuccess = () => {
-    router.replace(stringifyParams({
-      params: {
-        page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined
-      }
-    }));
-    clearRouteCache();
-    closeModal(drawerSlug);
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    className: baseClass,
-    children: [/*#__PURE__*/_jsx(DrawerToggler, {
-      "aria-label": t('general:edit'),
-      className: `${baseClass}__toggle`,
-      onClick: () => {
+  let t9;
+  if ($[16] !== router || $[17] !== stringifyParams || $[18] !== selectAll || $[19] !== clearRouteCache || $[20] !== closeModal || $[21] !== drawerSlug) {
+    t9 = () => {
+      router.replace(stringifyParams({
+        params: {
+          page: selectAll === SelectAllStatus.AllAvailable ? "1" : undefined
+        }
+      }));
+      clearRouteCache();
+      closeModal(drawerSlug);
+    };
+    $[16] = router;
+    $[17] = stringifyParams;
+    $[18] = selectAll;
+    $[19] = clearRouteCache;
+    $[20] = closeModal;
+    $[21] = drawerSlug;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  const onSuccess = t9;
+  let t10;
+  if ($[23] !== t || $[24] !== drawerSlug || $[25] !== plural || $[26] !== i18n || $[27] !== count || $[28] !== closeModal || $[29] !== onChange || $[30] !== fields || $[31] !== selected || $[32] !== slug || $[33] !== collection?.versions?.drafts || $[34] !== getQueryParams || $[35] !== serverURL || $[36] !== apiRoute || $[37] !== initialState || $[38] !== onSuccess) {
+    let t11;
+    if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
+      t11 = () => {
         setSelected([]);
-      },
-      slug: drawerSlug,
-      children: t('general:edit')
-    }), /*#__PURE__*/_jsx(Drawer, {
-      Header: null,
-      slug: drawerSlug,
-      children: /*#__PURE__*/_jsx(DocumentInfoProvider, {
-        collectionSlug: slug,
-        id: null,
-        children: /*#__PURE__*/_jsx(OperationContext.Provider, {
-          value: "update",
-          children: /*#__PURE__*/_jsxs("div", {
-            className: `${baseClass}__main`,
-            children: [/*#__PURE__*/_jsxs("div", {
-              className: `${baseClass}__header`,
-              children: [/*#__PURE__*/_jsx("h2", {
-                className: `${baseClass}__header__title`,
-                children: t('general:editingLabel', {
-                  count,
-                  label: getTranslation(plural, i18n)
-                })
-              }), /*#__PURE__*/_jsx("button", {
-                "aria-label": t('general:close'),
-                className: `${baseClass}__header__close`,
-                id: `close-drawer__${drawerSlug}`,
-                onClick: () => closeModal(drawerSlug),
-                type: "button",
-                children: /*#__PURE__*/_jsx(XIcon, {})
-              })]
-            }), /*#__PURE__*/_jsxs(Form, {
-              className: `${baseClass}__form`,
-              initialState: initialState,
-              onChange: [onChange],
-              onSuccess: onSuccess,
-              children: [/*#__PURE__*/_jsx(FieldSelect, {
-                fields: fields,
-                setSelected: setSelected
-              }), selected.length === 0 ? null : /*#__PURE__*/_jsx(RenderFields, {
-                fields: selected,
-                path: "",
-                readOnly: false,
-                schemaPath: slug
-              }), /*#__PURE__*/_jsx("div", {
-                className: `${baseClass}__sidebar-wrap`,
-                children: /*#__PURE__*/_jsx("div", {
-                  className: `${baseClass}__sidebar`,
-                  children: /*#__PURE__*/_jsx("div", {
-                    className: `${baseClass}__sidebar-sticky-wrap`,
-                    children: /*#__PURE__*/_jsx("div", {
-                      className: `${baseClass}__document-actions`,
-                      children: collection?.versions?.drafts ? /*#__PURE__*/_jsxs(React.Fragment, {
-                        children: [/*#__PURE__*/_jsx(PublishButton, {
-                          action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
-                          disabled: selected.length === 0
-                        }), /*#__PURE__*/_jsx(SaveDraftButton, {
-                          action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
+      };
+      $[40] = t11;
+    } else {
+      t11 = $[40];
+    }
+    let t12;
+    if ($[41] !== closeModal || $[42] !== drawerSlug) {
+      t12 = () => closeModal(drawerSlug);
+      $[41] = closeModal;
+      $[42] = drawerSlug;
+      $[43] = t12;
+    } else {
+      t12 = $[43];
+    }
+    t10 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsx(DrawerToggler, {
+        "aria-label": t("general:edit"),
+        className: `${baseClass}__toggle`,
+        onClick: t11,
+        slug: drawerSlug,
+        children: t("general:edit")
+      }), _jsx(Drawer, {
+        Header: null,
+        slug: drawerSlug,
+        children: _jsx(DocumentInfoProvider, {
+          collectionSlug: slug,
+          id: null,
+          children: _jsx(OperationContext.Provider, {
+            value: "update",
+            children: _jsxs("div", {
+              className: `${baseClass}__main`,
+              children: [_jsxs("div", {
+                className: `${baseClass}__header`,
+                children: [_jsx("h2", {
+                  className: `${baseClass}__header__title`,
+                  children: t("general:editingLabel", {
+                    count,
+                    label: getTranslation(plural, i18n)
+                  })
+                }), _jsx("button", {
+                  "aria-label": t("general:close"),
+                  className: `${baseClass}__header__close`,
+                  id: `close-drawer__${drawerSlug}`,
+                  onClick: t12,
+                  type: "button",
+                  children: _jsx(XIcon, {})
+                })]
+              }), _jsxs(Form, {
+                className: `${baseClass}__form`,
+                initialState,
+                onChange: [onChange],
+                onSuccess,
+                children: [_jsx(FieldSelect, {
+                  fields,
+                  setSelected
+                }), selected.length === 0 ? null : _jsx(RenderFields, {
+                  fields: selected,
+                  path: "",
+                  readOnly: false,
+                  schemaPath: slug
+                }), _jsx("div", {
+                  className: `${baseClass}__sidebar-wrap`,
+                  children: _jsx("div", {
+                    className: `${baseClass}__sidebar`,
+                    children: _jsx("div", {
+                      className: `${baseClass}__sidebar-sticky-wrap`,
+                      children: _jsx("div", {
+                        className: `${baseClass}__document-actions`,
+                        children: collection?.versions?.drafts ? _jsxs(React.Fragment, {
+                          children: [_jsx(PublishButton, {
+                            action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
+                            disabled: selected.length === 0
+                          }), _jsx(SaveDraftButton, {
+                            action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`,
+                            disabled: selected.length === 0
+                          })]
+                        }) : _jsx(Submit, {
+                          action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
                           disabled: selected.length === 0
-                        })]
-                      }) : /*#__PURE__*/_jsx(Submit, {
-                        action: `${serverURL}${apiRoute}/${slug}${getQueryParams()}`,
-                        disabled: selected.length === 0
+                        })
                       })
                     })
                   })
-                })
+                })]
               })]
-            })]
+            })
           })
         })
-      })
-    })]
-  });
+      })]
+    });
+    $[23] = t;
+    $[24] = drawerSlug;
+    $[25] = plural;
+    $[26] = i18n;
+    $[27] = count;
+    $[28] = closeModal;
+    $[29] = onChange;
+    $[30] = fields;
+    $[31] = selected;
+    $[32] = slug;
+    $[33] = collection?.versions?.drafts;
+    $[34] = getQueryParams;
+    $[35] = serverURL;
+    $[36] = apiRoute;
+    $[37] = initialState;
+    $[38] = onSuccess;
+    $[39] = t10;
+  } else {
+    t10 = $[39];
+  }
+  return t10;
 };
 //# sourceMappingURL=index.js.map

package/dist/elements/EditMany/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","useRouter","React","useCallback","useState","useForm","Form","RenderFields","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","OperationContext","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","getFormState","Drawer","DrawerToggler","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","EditMany","props","collection","slug","labels","plural","fields","permissions","closeModal","config","routes","api","apiRoute","serverURL","count","getQueryParams","selectAll","i18n","selected","setSelected","stringifyParams","router","initialState","setInitialState","hasInitializedState","useRef","clearRouteCache","collectionPermissions","collections","hasUpdatePermission","update","permission","drawerSlug","useEffect","current","getInitialState","result","body","collectionSlug","data","operation","schemaPath","onChange","formState","prevFormState","None","onSuccess","replace","params","page","AllAvailable","undefined","_jsxs","Header","id","Provider","value","label","type","length","path","readOnly","versions","drafts","Fragment"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormState } from '../../utilities/getFormState.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'edit-many'\n\nexport type EditManyProps = {\n readonly collection: ClientCollectionConfig\n readonly fields: ClientField[]\n}\n\nconst Submit: React.FC<{\n readonly action: string\n readonly disabled: boolean\n}> = ({ action, disabled }) => {\n const { submit } = useForm()\n const { t } = useTranslation()\n\n const save = useCallback(() => {\n void submit({\n action,\n method: 'PATCH',\n skipValidation: true,\n })\n }, [action, submit])\n\n return (\n <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n {t('general:save')}\n </FormSubmit>\n )\n}\n\nconst PublishButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n const { submit } = useForm()\n const { t } = useTranslation()\n\n const save = useCallback(() => {\n void submit({\n action,\n method: 'PATCH',\n overrides: {\n _status: 'published',\n },\n skipValidation: true,\n })\n }, [action, submit])\n\n return (\n <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n {t('version:publishChanges')}\n </FormSubmit>\n )\n}\n\nconst SaveDraftButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n const { submit } = useForm()\n const { t } = useTranslation()\n\n const save = useCallback(() => {\n void submit({\n action,\n method: 'PATCH',\n overrides: {\n _status: 'draft',\n },\n skipValidation: true,\n })\n }, [action, submit])\n\n return (\n <FormSubmit className={`${baseClass}__draft`} disabled={disabled} onClick={save}>\n {t('version:saveDraft')}\n </FormSubmit>\n )\n}\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n const { collection: { slug, labels: { plural } } = {}, collection, fields } = props\n\n const { permissions } = useAuth()\n const { closeModal } = useModal()\n const {\n config: {\n routes: { api: apiRoute },\n serverURL,\n },\n } = useConfig()\n const { count, getQueryParams, selectAll } = useSelection()\n const { i18n, t } = useTranslation()\n const [selected, setSelected] = useState([])\n const { stringifyParams } = useSearchParams()\n const router = useRouter()\n const [initialState, setInitialState] = useState<FormState>()\n const hasInitializedState = React.useRef(false)\n const { clearRouteCache } = useRouteCache()\n\n const collectionPermissions = permissions?.collections?.[slug]\n const hasUpdatePermission = collectionPermissions?.update?.permission\n\n const drawerSlug = `edit-${slug}`\n\n React.useEffect(() => {\n if (!hasInitializedState.current) {\n const getInitialState = async () => {\n const result = await getFormState({\n apiRoute,\n body: {\n collectionSlug: slug,\n data: {},\n operation: 'update',\n schemaPath: slug,\n },\n serverURL,\n })\n\n setInitialState(result)\n hasInitializedState.current = true\n }\n\n void getInitialState()\n }\n }, [apiRoute, hasInitializedState, serverURL, slug])\n\n const onChange: FormProps['onChange'][0] = useCallback(\n ({ formState: prevFormState }) =>\n getFormState({\n apiRoute,\n body: {\n collectionSlug: slug,\n formState: prevFormState,\n operation: 'update',\n schemaPath: slug,\n },\n serverURL,\n }),\n [serverURL, apiRoute, slug],\n )\n\n if (selectAll === SelectAllStatus.None \|\| !hasUpdatePermission) {\n return null\n }\n\n const onSuccess = () => {\n router.replace(\n stringifyParams({\n params: { page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined },\n }),\n )\n clearRouteCache()\n closeModal(drawerSlug)\n }\n\n return (\n <div className={baseClass}>\n <DrawerToggler\n aria-label={t('general:edit')}\n className={`${baseClass}__toggle`}\n onClick={() => {\n setSelected([])\n }}\n slug={drawerSlug}\n >\n {t('general:edit')}\n </DrawerToggler>\n <Drawer Header={null} slug={drawerSlug}>\n <DocumentInfoProvider collectionSlug={slug} id={null}>\n <OperationContext.Provider value=\"update\">\n <div className={`${baseClass}__main`}>\n <div className={`${baseClass}__header`}>\n <h2 className={`${baseClass}__header__title`}>\n {t('general:editingLabel', { count, label: getTranslation(plural, i18n) })}\n </h2>\n <button\n aria-label={t('general:close')}\n className={`${baseClass}__header__close`}\n id={`close-drawer__${drawerSlug}`}\n onClick={() => closeModal(drawerSlug)}\n type=\"button\"\n >\n <XIcon />\n </button>\n </div>\n <Form\n className={`${baseClass}__form`}\n initialState={initialState}\n onChange={[onChange]}\n onSuccess={onSuccess}\n >\n <FieldSelect fields={fields} setSelected={setSelected} />\n {selected.length === 0 ? null : (\n <RenderFields fields={selected} path=\"\" readOnly={false} schemaPath={slug} />\n )}\n <div className={`${baseClass}__sidebar-wrap`}>\n <div className={`${baseClass}__sidebar`}>\n <div className={`${baseClass}__sidebar-sticky-wrap`}>\n <div className={`${baseClass}__document-actions`}>\n {collection?.versions?.drafts ? (\n <React.Fragment>\n <PublishButton\n action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n disabled={selected.length === 0}\n />\n <SaveDraftButton\n action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n disabled={selected.length === 0}\n />\n </React.Fragment>\n ) : (\n <Submit\n action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}`}\n disabled={selected.length === 0}\n />\n )}\n </div>\n </div>\n </div>\n </div>\n </Form>\n </div>\n </OperationContext.Provider>\n </DocumentInfoProvider>\n </Drawer>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["c","_c","useModal","getTranslation","useRouter","React","useCallback","useState","useForm","Form","RenderFields","FormSubmit","XIcon","useAuth","useConfig","DocumentInfoProvider","OperationContext","useRouteCache","useSearchParams","SelectAllStatus","useSelection","useTranslation","getFormState","Drawer","DrawerToggler","FieldSelect","baseClass","Submit","t0","$","action","disabled","submit","t","t1","method","skipValidation","save","t2","_jsx","className","onClick","children","PublishButton","overrides","_status","SaveDraftButton","EditMany","props","collection","fields","undefined","slug","labels","plural","permissions","closeModal","config","t3","routes","t4","serverURL","api","apiRoute","count","getQueryParams","selectAll","i18n","t5","Symbol","for","selected","setSelected","stringifyParams","router","initialState","setInitialState","hasInitializedState","useRef","clearRouteCache","collectionPermissions","collections","hasUpdatePermission","update","permission","drawerSlug","t6","current","getInitialState","state","result","body","collectionSlug","data","operation","schemaPath","t7","useEffect","t8","t9","formState","prevFormState","onChange","None","replace","params","page","AllAvailable","onSuccess","t10","versions","drafts","t11","t12","_jsxs","Header","id","Provider","value","label","type","length","path","readOnly","Fragment"],"sources":["../../../src/elements/EditMany/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, FormState } from 'payload'\n\nimport { useModal } from '@faceless-ui/modal'\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport React, { useCallback, useState } from 'react'\n\nimport type { FormProps } from '../../forms/Form/index.js'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { Form } from '../../forms/Form/index.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { FormSubmit } from '../../forms/Submit/index.js'\nimport { XIcon } from '../../icons/X/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DocumentInfoProvider } from '../../providers/DocumentInfo/index.js'\nimport { OperationContext } from '../../providers/Operation/index.js'\nimport { useRouteCache } from '../../providers/RouteCache/index.js'\nimport { useSearchParams } from '../../providers/SearchParams/index.js'\nimport { SelectAllStatus, useSelection } from '../../providers/Selection/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { getFormState } from '../../utilities/getFormState.js'\nimport { Drawer, DrawerToggler } from '../Drawer/index.js'\nimport { FieldSelect } from '../FieldSelect/index.js'\nimport './index.scss'\n\nconst baseClass = 'edit-many'\n\nexport type EditManyProps = {\n readonly collection: ClientCollectionConfig\n readonly fields: ClientField[]\n}\n\nconst Submit: React.FC<{\n readonly action: string\n readonly disabled: boolean\n}> = ({ action, disabled }) => {\n const { submit } = useForm()\n const { t } = useTranslation()\n\n const save = useCallback(() => {\n void submit({\n action,\n method: 'PATCH',\n skipValidation: true,\n })\n }, [action, submit])\n\n return (\n <FormSubmit className={`${baseClass}__save`} disabled={disabled} onClick={save}>\n {t('general:save')}\n </FormSubmit>\n )\n}\n\nconst PublishButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n const { submit } = useForm()\n const { t } = useTranslation()\n\n const save = useCallback(() => {\n void submit({\n action,\n method: 'PATCH',\n overrides: {\n _status: 'published',\n },\n skipValidation: true,\n })\n }, [action, submit])\n\n return (\n <FormSubmit className={`${baseClass}__publish`} disabled={disabled} onClick={save}>\n {t('version:publishChanges')}\n </FormSubmit>\n )\n}\n\nconst SaveDraftButton: React.FC<{ action: string; disabled: boolean }> = ({ action, disabled }) => {\n const { submit } = useForm()\n const { t } = useTranslation()\n\n const save = useCallback(() => {\n void submit({\n action,\n method: 'PATCH',\n overrides: {\n _status: 'draft',\n },\n skipValidation: true,\n })\n }, [action, submit])\n\n return (\n <FormSubmit className={`${baseClass}__draft`} disabled={disabled} onClick={save}>\n {t('version:saveDraft')}\n </FormSubmit>\n )\n}\nexport const EditMany: React.FC<EditManyProps> = (props) => {\n const { collection: { slug, labels: { plural } } = {}, collection, fields } = props\n\n const { permissions } = useAuth()\n const { closeModal } = useModal()\n const {\n config: {\n routes: { api: apiRoute },\n serverURL,\n },\n } = useConfig()\n const { count, getQueryParams, selectAll } = useSelection()\n const { i18n, t } = useTranslation()\n const [selected, setSelected] = useState([])\n const { stringifyParams } = useSearchParams()\n const router = useRouter()\n const [initialState, setInitialState] = useState<FormState>()\n const hasInitializedState = React.useRef(false)\n const { clearRouteCache } = useRouteCache()\n\n const collectionPermissions = permissions?.collections?.[slug]\n const hasUpdatePermission = collectionPermissions?.update?.permission\n\n const drawerSlug = `edit-${slug}`\n\n React.useEffect(() => {\n if (!hasInitializedState.current) {\n const getInitialState = async () => {\n const { state: result } = await getFormState({\n apiRoute,\n body: {\n collectionSlug: slug,\n data: {},\n operation: 'update',\n schemaPath: slug,\n },\n serverURL,\n })\n\n setInitialState(result)\n hasInitializedState.current = true\n }\n\n void getInitialState()\n }\n }, [apiRoute, hasInitializedState, serverURL, slug])\n\n const onChange: FormProps['onChange'][0] = useCallback(\n async ({ formState: prevFormState }) => {\n const { state } = await getFormState({\n apiRoute,\n body: {\n collectionSlug: slug,\n formState: prevFormState,\n operation: 'update',\n schemaPath: slug,\n },\n serverURL,\n })\n\n return state\n },\n [serverURL, apiRoute, slug],\n )\n\n if (selectAll === SelectAllStatus.None \|\| !hasUpdatePermission) {\n return null\n }\n\n const onSuccess = () => {\n router.replace(\n stringifyParams({\n params: { page: selectAll === SelectAllStatus.AllAvailable ? '1' : undefined },\n }),\n )\n clearRouteCache() // Use clearRouteCache instead of router.refresh, as we only need to clear the cache if the user has route caching enabled - clearRouteCache checks for this\n closeModal(drawerSlug)\n }\n\n return (\n <div className={baseClass}>\n <DrawerToggler\n aria-label={t('general:edit')}\n className={`${baseClass}__toggle`}\n onClick={() => {\n setSelected([])\n }}\n slug={drawerSlug}\n >\n {t('general:edit')}\n </DrawerToggler>\n <Drawer Header={null} slug={drawerSlug}>\n <DocumentInfoProvider collectionSlug={slug} id={null}>\n <OperationContext.Provider value=\"update\">\n <div className={`${baseClass}__main`}>\n <div className={`${baseClass}__header`}>\n <h2 className={`${baseClass}__header__title`}>\n {t('general:editingLabel', { count, label: getTranslation(plural, i18n) })}\n </h2>\n <button\n aria-label={t('general:close')}\n className={`${baseClass}__header__close`}\n id={`close-drawer__${drawerSlug}`}\n onClick={() => closeModal(drawerSlug)}\n type=\"button\"\n >\n <XIcon />\n </button>\n </div>\n <Form\n className={`${baseClass}__form`}\n initialState={initialState}\n onChange={[onChange]}\n onSuccess={onSuccess}\n >\n <FieldSelect fields={fields} setSelected={setSelected} />\n {selected.length === 0 ? null : (\n <RenderFields fields={selected} path=\"\" readOnly={false} schemaPath={slug} />\n )}\n <div className={`${baseClass}__sidebar-wrap`}>\n <div className={`${baseClass}__sidebar`}>\n <div className={`${baseClass}__sidebar-sticky-wrap`}>\n <div className={`${baseClass}__document-actions`}>\n {collection?.versions?.drafts ? (\n <React.Fragment>\n <PublishButton\n action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n disabled={selected.length === 0}\n />\n <SaveDraftButton\n action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}&draft=true`}\n disabled={selected.length === 0}\n />\n </React.Fragment>\n ) : (\n <Submit\n action={`${serverURL}${apiRoute}/${slug}${getQueryParams()}`}\n disabled={selected.length === 0}\n />\n )}\n </div>\n </div>\n </div>\n </div>\n </Form>\n </div>\n </OperationContext.Provider>\n </DocumentInfoProvider>\n </Drawer>\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Hamburger/index.scss CHANGED Viewed

@@ -18,6 +18,7 @@
   transition-property: box-shadow, background-color;
   transition-duration: 100ms;
   transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
+  --hamburger-size: var(--base);
   &:hover {
     background-color: var(--theme-elevation-100);
@@ -36,5 +37,8 @@
   &__close-icon {
     width: var(--hamburger-size);
     height: var(--hamburger-size);
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 }

package/dist/elements/ListControls/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAgD,MAAM,OAAO,CAAA;AAsBpE,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACpD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,~~CAyLpD~~,CAAA"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/ListControls/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAIzE,OAAO,KAAgD,MAAM,OAAO,CAAA;AAsBpE,OAAO,cAAc,CAAA;AAIrB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,sBAAsB,CAAA;IACjD,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,MAAM,EAAE,WAAW,EAAE,CAAA;IAC9B,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACpD,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqLpD,CAAA"}

package/dist/elements/ListControls/index.js CHANGED Viewed

@@ -97,7 +97,7 @@ export const ListControls = props => {
     children: [/*#__PURE__*/_jsxs("div", {
       className: `${baseClass}__wrap`,
       children: [/*#__PURE__*/_jsx(SearchIcon, {}), /*#__PURE__*/_jsx(SearchFilter, {
-        fieldName: 'name' in titleField ? titleField?.name : null,
+        fieldName: titleField && 'name' in titleField ? titleField?.name : null,
         handleChange: search => {
           return void handleSearchChange(search);
         },
@@ -124,16 +124,20 @@ export const ListControls = props => {
           }), enableColumns && /*#__PURE__*/_jsx(Pill, {
             "aria-controls": `${baseClass}-columns`,
             "aria-expanded": visibleDrawer === 'columns',
-            className: `${baseClass}__toggle-columns ${visibleDrawer === 'columns' ? `${baseClass}__buttons-active` : ''}`,
-            icon: /*#__PURE__*/_jsx(ChevronIcon, {}),
+            className: `${baseClass}__toggle-columns`,
+            icon: /*#__PURE__*/_jsx(ChevronIcon, {
+              direction: visibleDrawer === 'columns' ? 'up' : 'down'
+            }),
             onClick: () => setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined),
             pillStyle: "light",
             children: t('general:columns')
           }), /*#__PURE__*/_jsx(Pill, {
             "aria-controls": `${baseClass}-where`,
             "aria-expanded": visibleDrawer === 'where',
-            className: `${baseClass}__toggle-where ${visibleDrawer === 'where' ? `${baseClass}__buttons-active` : ''}`,
-            icon: /*#__PURE__*/_jsx(ChevronIcon, {}),
+            className: `${baseClass}__toggle-where`,
+            icon: /*#__PURE__*/_jsx(ChevronIcon, {
+              direction: visibleDrawer === 'where' ? 'up' : 'down'
+            }),
             onClick: () => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined),
             pillStyle: "light",
             children: t('general:filters')

package/dist/elements/ListControls/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["useWindowInfo","getTranslation","React","Fragment","useEffect","useRef","useState","AnimateHeightImport","AnimateHeight","default","useUseTitleField","ChevronIcon","SearchIcon","useListInfo","useListQuery","useTranslation","ColumnSelector","DeleteMany","EditMany","Pill","PublishMany","SearchFilter","UnpublishMany","WhereBuilder","validateWhereQuery","getTextFieldsToBeSearched","baseClass","ListControls","props","collectionConfig","enableColumns","enableSort","fields","handleSearchChange","params","beforeActions","collectionSlug","disableBulkDelete","disableBulkEdit","titleField","i18n","t","breakpoints","s","smallBreak","searchLabel","label","name","listSearchableFields","admin","searchLabelTranslated","hasWhereParam","Boolean","where","shouldInitializeWhereOpened","visibleDrawer","setVisibleDrawer","undefined","current","length","reduce","placeholderText","field","i","_jsxs","className","_jsx","fieldName","handleChange","search","initialParams","collection","icon","onClick","pillStyle","height","id","slug","collectionPluralLabel","labels","plural","String"],"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, Where } from 'payload'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nconst AnimateHeight = (AnimateHeightImport.default \|\|\n AnimateHeightImport) as typeof AnimateHeightImport.default\n\nimport { useUseTitleField } from '../../hooks/useUseAsTitle.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { useListInfo } from '../../providers/ListInfo/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { DeleteMany } from '../DeleteMany/index.js'\nimport { EditMany } from '../EditMany/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { PublishMany } from '../PublishMany/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport { UnpublishMany } from '../UnpublishMany/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport validateWhereQuery from '../WhereBuilder/validateWhereQuery.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.js'\nimport './index.scss'\n\nconst baseClass = 'list-controls'\n\nexport type ListControlsProps = {\n readonly collectionConfig: ClientCollectionConfig\n readonly enableColumns?: boolean\n readonly enableSort?: boolean\n readonly fields: ClientField[]\n readonly handleSearchChange?: (search: string) => void\n readonly handleSortChange?: (sort: string) => void\n readonly handleWhereChange?: (where: Where) => void\n}\n\n/*\n The ListControls component is used to render the controls (search, filter, where)\n * for a collection's list view. You can find those directly above the table which lists\n * the collection's documents.\n /\nexport const ListControls: React.FC<ListControlsProps> = (props) => {\n const { collectionConfig, enableColumns = true, enableSort = false, fields } = props\n\n const { handleSearchChange, params } = useListQuery()\n const { beforeActions, collectionSlug, disableBulkDelete, disableBulkEdit } = useListInfo()\n const titleField = useUseTitleField(collectionConfig, fields)\n const { i18n, t } = useTranslation()\n const {\n breakpoints: { s: smallBreak },\n } = useWindowInfo()\n\n const searchLabel =\n (titleField &&\n getTranslation(\n 'label' in titleField && typeof titleField.label === 'string'\n ? titleField.label\n : 'name' in titleField\n ? titleField.name\n : null,\n i18n,\n )) ??\n 'ID'\n\n const listSearchableFields = getTextFieldsToBeSearched(\n collectionConfig.admin.listSearchableFields,\n fields,\n )\n\n const searchLabelTranslated = useRef(\n t('general:searchBy', { label: getTranslation(searchLabel, i18n) }),\n )\n\n const hasWhereParam = useRef(Boolean(params?.where))\n\n const shouldInitializeWhereOpened = validateWhereQuery(params?.where)\n const [visibleDrawer, setVisibleDrawer] = useState<'columns' \| 'sort' \| 'where'>(\n shouldInitializeWhereOpened ? 'where' : undefined,\n )\n\n useEffect(() => {\n if (hasWhereParam.current && !params?.where) {\n setVisibleDrawer(undefined)\n hasWhereParam.current = false\n } else if (params?.where) {\n hasWhereParam.current = true\n }\n }, [setVisibleDrawer, params?.where])\n\n useEffect(() => {\n if (listSearchableFields?.length > 0) {\n searchLabelTranslated.current = listSearchableFields.reduce(\n (placeholderText: string, field, i: number) => {\n const label =\n 'label' in field && field.label ? field.label : 'name' in field ? field.name : null\n\n if (i === 0) {\n return `${t('general:searchBy', {\n label: getTranslation(label, i18n),\n })}`\n }\n\n if (i === listSearchableFields.length - 1) {\n return `${placeholderText} ${t('general:or')} ${getTranslation(label, i18n)}`\n }\n\n return `${placeholderText}, ${getTranslation(label, i18n)}`\n },\n '',\n )\n } else {\n searchLabelTranslated.current = t('general:searchBy', {\n label: getTranslation(searchLabel, i18n),\n })\n }\n }, [t, listSearchableFields, i18n, searchLabel])\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__wrap`}>\n <SearchIcon />\n <SearchFilter\n fieldName={'name' in titleField ? titleField?.name : null}\n handleChange={(search) => {\n return void handleSearchChange(search)\n }}\n // @ts-expect-error @todo: fix types\n initialParams={params}\n key={collectionSlug}\n label={searchLabelTranslated.current}\n />\n <div className={`${baseClass}__buttons`}>\n <div className={`${baseClass}__buttons-wrap`}>\n {!smallBreak && (\n <React.Fragment>\n {beforeActions && beforeActions}\n {!disableBulkEdit && (\n <Fragment>\n <EditMany collection={collectionConfig} fields={fields} />\n <PublishMany collection={collectionConfig} />\n <UnpublishMany collection={collectionConfig} />\n </Fragment>\n )}\n {!disableBulkDelete && <DeleteMany collection={collectionConfig} />}\n </React.Fragment>\n )}\n {enableColumns && (\n <Pill\n aria-controls={`${baseClass}-columns`}\n aria-expanded={visibleDrawer === 'columns'}\n className={`${baseClass}__toggle-columns ${\n visibleDrawer === 'columns' ? `${baseClass}__buttons-active` : ''\n }`}\n icon={<ChevronIcon />}\n onClick={() =>\n setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined)\n }\n pillStyle=\"light\"\n >\n {t('general:columns')}\n </Pill>\n )}\n <Pill\n aria-controls={`${baseClass}-where`}\n aria-expanded={visibleDrawer === 'where'}\n className={`${baseClass}__toggle-where ${\n visibleDrawer === 'where' ? `${baseClass}__buttons-active` : ''\n }`}\n icon={<ChevronIcon />}\n onClick={() => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)}\n pillStyle=\"light\"\n >\n {t('general:filters')}\n </Pill>\n {enableSort && (\n <Pill\n aria-controls={`${baseClass}-sort`}\n aria-expanded={visibleDrawer === 'sort'}\n className={`${baseClass}__toggle-sort`}\n icon={<ChevronIcon />}\n onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n pillStyle=\"light\"\n >\n {t('general:sort')}\n </Pill>\n )}\n </div>\n </div>\n </div>\n {enableColumns && (\n <AnimateHeight\n className={`${baseClass}__columns`}\n height={visibleDrawer === 'columns' ? 'auto' : 0}\n id={`${baseClass}-columns`}\n >\n <ColumnSelector collectionSlug={collectionConfig.slug} />\n </AnimateHeight>\n )}\n <AnimateHeight\n className={`${baseClass}__where`}\n height={visibleDrawer === 'where' ? 'auto' : 0}\n id={`${baseClass}-where`}\n >\n <WhereBuilder\n collectionPluralLabel={collectionConfig?.labels?.plural}\n collectionSlug={collectionConfig.slug}\n fields={fields}\n key={String(hasWhereParam.current && !params?.where)}\n />\n </AnimateHeight>\n {enableSort && (\n <AnimateHeight\n className={`${baseClass}__sort`}\n height={visibleDrawer === 'sort' ? 'auto' : 0}\n id={`${baseClass}-sort`}\n >\n <p>Sort Complex</p>\n {/ <SortComplex\n collection={collection}\n handleChange={handleSortChange}\n modifySearchQuery={modifySearchQuery}\n /> */}\n </AnimateHeight>\n )}\n </div>\n )\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["useWindowInfo","getTranslation","React","Fragment","useEffect","useRef","useState","AnimateHeightImport","AnimateHeight","default","useUseTitleField","ChevronIcon","SearchIcon","useListInfo","useListQuery","useTranslation","ColumnSelector","DeleteMany","EditMany","Pill","PublishMany","SearchFilter","UnpublishMany","WhereBuilder","validateWhereQuery","getTextFieldsToBeSearched","baseClass","ListControls","props","collectionConfig","enableColumns","enableSort","fields","handleSearchChange","params","beforeActions","collectionSlug","disableBulkDelete","disableBulkEdit","titleField","i18n","t","breakpoints","s","smallBreak","searchLabel","label","name","listSearchableFields","admin","searchLabelTranslated","hasWhereParam","Boolean","where","shouldInitializeWhereOpened","visibleDrawer","setVisibleDrawer","undefined","current","length","reduce","placeholderText","field","i","_jsxs","className","_jsx","fieldName","handleChange","search","initialParams","collection","icon","direction","onClick","pillStyle","height","id","slug","collectionPluralLabel","labels","plural","String"],"sources":["../../../src/elements/ListControls/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField, Where } from 'payload'\n\nimport { useWindowInfo } from '@faceless-ui/window-info'\nimport { getTranslation } from '@payloadcms/translations'\nimport React, { Fragment, useEffect, useRef, useState } from 'react'\nimport AnimateHeightImport from 'react-animate-height'\n\nconst AnimateHeight = (AnimateHeightImport.default \|\|\n AnimateHeightImport) as typeof AnimateHeightImport.default\n\nimport { useUseTitleField } from '../../hooks/useUseAsTitle.js'\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { SearchIcon } from '../../icons/Search/index.js'\nimport { useListInfo } from '../../providers/ListInfo/index.js'\nimport { useListQuery } from '../../providers/ListQuery/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { ColumnSelector } from '../ColumnSelector/index.js'\nimport { DeleteMany } from '../DeleteMany/index.js'\nimport { EditMany } from '../EditMany/index.js'\nimport { Pill } from '../Pill/index.js'\nimport { PublishMany } from '../PublishMany/index.js'\nimport { SearchFilter } from '../SearchFilter/index.js'\nimport { UnpublishMany } from '../UnpublishMany/index.js'\nimport { WhereBuilder } from '../WhereBuilder/index.js'\nimport validateWhereQuery from '../WhereBuilder/validateWhereQuery.js'\nimport { getTextFieldsToBeSearched } from './getTextFieldsToBeSearched.js'\nimport './index.scss'\n\nconst baseClass = 'list-controls'\n\nexport type ListControlsProps = {\n readonly collectionConfig: ClientCollectionConfig\n readonly enableColumns?: boolean\n readonly enableSort?: boolean\n readonly fields: ClientField[]\n readonly handleSearchChange?: (search: string) => void\n readonly handleSortChange?: (sort: string) => void\n readonly handleWhereChange?: (where: Where) => void\n}\n\n/*\n The ListControls component is used to render the controls (search, filter, where)\n * for a collection's list view. You can find those directly above the table which lists\n * the collection's documents.\n /\nexport const ListControls: React.FC<ListControlsProps> = (props) => {\n const { collectionConfig, enableColumns = true, enableSort = false, fields } = props\n\n const { handleSearchChange, params } = useListQuery()\n const { beforeActions, collectionSlug, disableBulkDelete, disableBulkEdit } = useListInfo()\n const titleField = useUseTitleField(collectionConfig, fields)\n const { i18n, t } = useTranslation()\n const {\n breakpoints: { s: smallBreak },\n } = useWindowInfo()\n\n const searchLabel =\n (titleField &&\n getTranslation(\n 'label' in titleField && typeof titleField.label === 'string'\n ? titleField.label\n : 'name' in titleField\n ? titleField.name\n : null,\n i18n,\n )) ??\n 'ID'\n\n const listSearchableFields = getTextFieldsToBeSearched(\n collectionConfig.admin.listSearchableFields,\n fields,\n )\n\n const searchLabelTranslated = useRef(\n t('general:searchBy', { label: getTranslation(searchLabel, i18n) }),\n )\n\n const hasWhereParam = useRef(Boolean(params?.where))\n\n const shouldInitializeWhereOpened = validateWhereQuery(params?.where)\n const [visibleDrawer, setVisibleDrawer] = useState<'columns' \| 'sort' \| 'where'>(\n shouldInitializeWhereOpened ? 'where' : undefined,\n )\n\n useEffect(() => {\n if (hasWhereParam.current && !params?.where) {\n setVisibleDrawer(undefined)\n hasWhereParam.current = false\n } else if (params?.where) {\n hasWhereParam.current = true\n }\n }, [setVisibleDrawer, params?.where])\n\n useEffect(() => {\n if (listSearchableFields?.length > 0) {\n searchLabelTranslated.current = listSearchableFields.reduce(\n (placeholderText: string, field, i: number) => {\n const label =\n 'label' in field && field.label ? field.label : 'name' in field ? field.name : null\n\n if (i === 0) {\n return `${t('general:searchBy', {\n label: getTranslation(label, i18n),\n })}`\n }\n\n if (i === listSearchableFields.length - 1) {\n return `${placeholderText} ${t('general:or')} ${getTranslation(label, i18n)}`\n }\n\n return `${placeholderText}, ${getTranslation(label, i18n)}`\n },\n '',\n )\n } else {\n searchLabelTranslated.current = t('general:searchBy', {\n label: getTranslation(searchLabel, i18n),\n })\n }\n }, [t, listSearchableFields, i18n, searchLabel])\n\n return (\n <div className={baseClass}>\n <div className={`${baseClass}__wrap`}>\n <SearchIcon />\n <SearchFilter\n fieldName={titleField && 'name' in titleField ? titleField?.name : null}\n handleChange={(search) => {\n return void handleSearchChange(search)\n }}\n // @ts-expect-error @todo: fix types\n initialParams={params}\n key={collectionSlug}\n label={searchLabelTranslated.current}\n />\n <div className={`${baseClass}__buttons`}>\n <div className={`${baseClass}__buttons-wrap`}>\n {!smallBreak && (\n <React.Fragment>\n {beforeActions && beforeActions}\n {!disableBulkEdit && (\n <Fragment>\n <EditMany collection={collectionConfig} fields={fields} />\n <PublishMany collection={collectionConfig} />\n <UnpublishMany collection={collectionConfig} />\n </Fragment>\n )}\n {!disableBulkDelete && <DeleteMany collection={collectionConfig} />}\n </React.Fragment>\n )}\n {enableColumns && (\n <Pill\n aria-controls={`${baseClass}-columns`}\n aria-expanded={visibleDrawer === 'columns'}\n className={`${baseClass}__toggle-columns`}\n icon={<ChevronIcon direction={visibleDrawer === 'columns' ? 'up' : 'down'} />}\n onClick={() =>\n setVisibleDrawer(visibleDrawer !== 'columns' ? 'columns' : undefined)\n }\n pillStyle=\"light\"\n >\n {t('general:columns')}\n </Pill>\n )}\n <Pill\n aria-controls={`${baseClass}-where`}\n aria-expanded={visibleDrawer === 'where'}\n className={`${baseClass}__toggle-where`}\n icon={<ChevronIcon direction={visibleDrawer === 'where' ? 'up' : 'down'} />}\n onClick={() => setVisibleDrawer(visibleDrawer !== 'where' ? 'where' : undefined)}\n pillStyle=\"light\"\n >\n {t('general:filters')}\n </Pill>\n {enableSort && (\n <Pill\n aria-controls={`${baseClass}-sort`}\n aria-expanded={visibleDrawer === 'sort'}\n className={`${baseClass}__toggle-sort`}\n icon={<ChevronIcon />}\n onClick={() => setVisibleDrawer(visibleDrawer !== 'sort' ? 'sort' : undefined)}\n pillStyle=\"light\"\n >\n {t('general:sort')}\n </Pill>\n )}\n </div>\n </div>\n </div>\n {enableColumns && (\n <AnimateHeight\n className={`${baseClass}__columns`}\n height={visibleDrawer === 'columns' ? 'auto' : 0}\n id={`${baseClass}-columns`}\n >\n <ColumnSelector collectionSlug={collectionConfig.slug} />\n </AnimateHeight>\n )}\n <AnimateHeight\n className={`${baseClass}__where`}\n height={visibleDrawer === 'where' ? 'auto' : 0}\n id={`${baseClass}-where`}\n >\n <WhereBuilder\n collectionPluralLabel={collectionConfig?.labels?.plural}\n collectionSlug={collectionConfig.slug}\n fields={fields}\n key={String(hasWhereParam.current && !params?.where)}\n />\n </AnimateHeight>\n {enableSort && (\n <AnimateHeight\n className={`${baseClass}__sort`}\n height={visibleDrawer === 'sort' ? 'auto' : 0}\n id={`${baseClass}-sort`}\n >\n <p>Sort Complex</p>\n {/ <SortComplex\n collection={collection}\n handleChange={handleSortChange}\n modifySearchQuery={modifySearchQuery}\n /> */}\n </AnimateHeight>\n )}\n </div>\n )\n}\n"],"mappings":"AAAA;;;AAGA,SAASA,aAAa,QAAQ;AAC9B,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,IAASC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAC7D,OAAOC,mBAAA,MAAyB;AAEhC,MAAMC,aAAA,GAAiBD,mBAAA,CAAoBE,OAAO,IAChDF,mBAAA;AAEF,SAASG,gBAAgB,QAAQ;AACjC,SAASC,WAAW,QAAQ;AAC5B,SAASC,UAAU,QAAQ;AAC3B,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,IAAI,QAAQ;AACrB,SAASC,WAAW,QAAQ;AAC5B,SAASC,YAAY,QAAQ;AAC7B,SAASC,aAAa,QAAQ;AAC9B,SAASC,YAAY,QAAQ;AAC7B,OAAOC,kBAAA,MAAwB;AAC/B,SAASC,yBAAyB,QAAQ;AAC1C,OAAO;AAEP,MAAMC,SAAA,GAAY;AAYlB;;;;;AAKA,OAAO,MAAMC,YAAA,GAA6CC,KAAA;EACxD,MAAM;IAAEC,gBAAgB;IAAEC,aAAA,GAAgB,IAAI;IAAEC,UAAA,GAAa,KAAK;IAAEC;EAAM,CAAE,GAAGJ,KAAA;EAE/E,MAAM;IAAEK,kBAAkB;IAAEC;EAAM,CAAE,GAAGpB,YAAA;EACvC,MAAM;IAAEqB,aAAa;IAAEC,cAAc;IAAEC,iBAAiB;IAAEC;EAAe,CAAE,GAAGzB,WAAA;EAC9E,MAAM0B,UAAA,GAAa7B,gBAAA,CAAiBmB,gBAAA,EAAkBG,MAAA;EACtD,MAAM;IAAEQ,IAAI;IAAEC;EAAC,CAAE,GAAG1B,cAAA;EACpB,MAAM;IACJ2B,WAAA,EAAa;MAAEC,CAAA,EAAGC;IAAU;EAAE,CAC/B,GAAG5C,aAAA;EAEJ,MAAM6C,WAAA,GACJ,CAACN,UAAA,IACCtC,cAAA,CACE,WAAWsC,UAAA,IAAc,OAAOA,UAAA,CAAWO,KAAK,KAAK,WACjDP,UAAA,CAAWO,KAAK,GAChB,UAAUP,UAAA,GACRA,UAAA,CAAWQ,IAAI,GACf,MACNP,IAAA,CACF,KACF;EAEF,MAAMQ,oBAAA,GAAuBvB,yBAAA,CAC3BI,gBAAA,CAAiBoB,KAAK,CAACD,oBAAoB,EAC3ChB,MAAA;EAGF,MAAMkB,qBAAA,GAAwB7C,MAAA,CAC5BoC,CAAA,CAAE,oBAAoB;IAAEK,KAAA,EAAO7C,cAAA,CAAe4C,WAAA,EAAaL,IAAA;EAAM;EAGnE,MAAMW,aAAA,GAAgB9C,MAAA,CAAO+C,OAAA,CAAQlB,MAAA,EAAQmB,KAAA;EAE7C,MAAMC,2BAAA,GAA8B9B,kBAAA,CAAmBU,MAAA,EAAQmB,KAAA;EAC/D,MAAM,CAACE,aAAA,EAAeC,gBAAA,CAAiB,GAAGlD,QAAA,CACxCgD,2BAAA,GAA8B,UAAUG,SAAA;EAG1CrD,SAAA,CAAU;IACR,IAAI+C,aAAA,CAAcO,OAAO,IAAI,CAACxB,MAAA,EAAQmB,KAAA,EAAO;MAC3CG,gBAAA,CAAiBC,SAAA;MACjBN,aAAA,CAAcO,OAAO,GAAG;IAC1B,OAAO,IAAIxB,MAAA,EAAQmB,KAAA,EAAO;MACxBF,aAAA,CAAcO,OAAO,GAAG;IAC1B;EACF,GAAG,CAACF,gBAAA,EAAkBtB,MAAA,EAAQmB,KAAA,CAAM;EAEpCjD,SAAA,CAAU;IACR,IAAI4C,oBAAA,EAAsBW,MAAA,GAAS,GAAG;MACpCT,qBAAA,CAAsBQ,OAAO,GAAGV,oBAAA,CAAqBY,MAAM,CACzD,CAACC,eAAA,EAAyBC,KAAA,EAAOC,CAAA;QAC/B,MAAMjB,KAAA,GACJ,WAAWgB,KAAA,IAASA,KAAA,CAAMhB,KAAK,GAAGgB,KAAA,CAAMhB,KAAK,GAAG,UAAUgB,KAAA,GAAQA,KAAA,CAAMf,IAAI,GAAG;QAEjF,IAAIgB,CAAA,KAAM,GAAG;UACX,OAAO,GAAGtB,CAAA,CAAE,oBAAoB;YAC9BK,KAAA,EAAO7C,cAAA,CAAe6C,KAAA,EAAON,IAAA;UAC/B,IAAI;QACN;QAEA,IAAIuB,CAAA,KAAMf,oBAAA,CAAqBW,MAAM,GAAG,GAAG;UACzC,OAAO,GAAGE,eAAA,IAAmBpB,CAAA,CAAE,iBAAiBxC,cAAA,CAAe6C,KAAA,EAAON,IAAA,GAAO;QAC/E;QAEA,OAAO,GAAGqB,eAAA,KAAoB5D,cAAA,CAAe6C,KAAA,EAAON,IAAA,GAAO;MAC7D,GACA;IAEJ,OAAO;MACLU,qBAAA,CAAsBQ,OAAO,GAAGjB,CAAA,CAAE,oBAAoB;QACpDK,KAAA,EAAO7C,cAAA,CAAe4C,WAAA,EAAaL,IAAA;MACrC;IACF;EACF,GAAG,CAACC,CAAA,EAAGO,oBAAA,EAAsBR,IAAA,EAAMK,WAAA,CAAY;EAE/C,oBACEmB,KAAA,CAAC;IAAIC,SAAA,EAAWvC,SAAA;4BACdsC,KAAA,CAAC;MAAIC,SAAA,EAAW,GAAGvC,SAAA,QAAiB;8BAClCwC,IAAA,CAACtD,UAAA,O,aACDsD,IAAA,CAAC7C,YAAA;QACC8C,SAAA,EAAW5B,UAAA,IAAc,UAAUA,UAAA,GAAaA,UAAA,EAAYQ,IAAA,GAAO;QACnEqB,YAAA,EAAeC,MAAA;UACb,OAAO,KAAKpC,kBAAA,CAAmBoC,MAAA;QACjC;QACA;QACAC,aAAA,EAAepC,MAAA;QAEfY,KAAA,EAAOI,qBAAA,CAAsBQ;SADxBtB,cAAA,G,aAGP8B,IAAA,CAAC;QAAID,SAAA,EAAW,GAAGvC,SAAA,WAAoB;kBACrC,aAAAsC,KAAA,CAAC;UAAIC,SAAA,EAAW,GAAGvC,SAAA,gBAAyB;qBACzC,CAACkB,UAAA,iBACAoB,KAAA,CAAC9D,KAAA,CAAMC,QAAQ;uBACZgC,aAAA,IAAiBA,aAAA,EACjB,CAACG,eAAA,iBACA0B,KAAA,CAAC7D,QAAA;sCACC+D,IAAA,CAAChD,QAAA;gBAASqD,UAAA,EAAY1C,gBAAA;gBAAkBG,MAAA,EAAQA;+BAChDkC,IAAA,CAAC9C,WAAA;gBAAYmD,UAAA,EAAY1C;+BACzBqC,IAAA,CAAC5C,aAAA;gBAAciD,UAAA,EAAY1C;;gBAG9B,CAACQ,iBAAA,iBAAqB6B,IAAA,CAACjD,UAAA;cAAWsD,UAAA,EAAY1C;;cAGlDC,aAAA,iBACCoC,IAAA,CAAC/C,IAAA;YACC,iBAAe,GAAGO,SAAA,UAAmB;YACrC,iBAAe6B,aAAA,KAAkB;YACjCU,SAAA,EAAW,GAAGvC,SAAA,kBAA2B;YACzC8C,IAAA,eAAMN,IAAA,CAACvD,WAAA;cAAY8D,SAAA,EAAWlB,aAAA,KAAkB,YAAY,OAAO;;YACnEmB,OAAA,EAASA,CAAA,KACPlB,gBAAA,CAAiBD,aAAA,KAAkB,YAAY,YAAYE,SAAA;YAE7DkB,SAAA,EAAU;sBAETlC,CAAA,CAAE;2BAGPyB,IAAA,CAAC/C,IAAA;YACC,iBAAe,GAAGO,SAAA,QAAiB;YACnC,iBAAe6B,aAAA,KAAkB;YACjCU,SAAA,EAAW,GAAGvC,SAAA,gBAAyB;YACvC8C,IAAA,eAAMN,IAAA,CAACvD,WAAA;cAAY8D,SAAA,EAAWlB,aAAA,KAAkB,UAAU,OAAO;;YACjEmB,OAAA,EAASA,CAAA,KAAMlB,gBAAA,CAAiBD,aAAA,KAAkB,UAAU,UAAUE,SAAA;YACtEkB,SAAA,EAAU;sBAETlC,CAAA,CAAE;cAEJV,UAAA,iBACCmC,IAAA,CAAC/C,IAAA;YACC,iBAAe,GAAGO,SAAA,OAAgB;YAClC,iBAAe6B,aAAA,KAAkB;YACjCU,SAAA,EAAW,GAAGvC,SAAA,eAAwB;YACtC8C,IAAA,eAAMN,IAAA,CAACvD,WAAA;YACP+D,OAAA,EAASA,CAAA,KAAMlB,gBAAA,CAAiBD,aAAA,KAAkB,SAAS,SAASE,SAAA;YACpEkB,SAAA,EAAU;sBAETlC,CAAA,CAAE;;;;QAMZX,aAAA,iBACCoC,IAAA,CAAC1D,aAAA;MACCyD,SAAA,EAAW,GAAGvC,SAAA,WAAoB;MAClCkD,MAAA,EAAQrB,aAAA,KAAkB,YAAY,SAAS;MAC/CsB,EAAA,EAAI,GAAGnD,SAAA,UAAmB;gBAE1B,aAAAwC,IAAA,CAAClD,cAAA;QAAeoB,cAAA,EAAgBP,gBAAA,CAAiBiD;;qBAGrDZ,IAAA,CAAC1D,aAAA;MACCyD,SAAA,EAAW,GAAGvC,SAAA,SAAkB;MAChCkD,MAAA,EAAQrB,aAAA,KAAkB,UAAU,SAAS;MAC7CsB,EAAA,EAAI,GAAGnD,SAAA,QAAiB;gBAExB,aAAAwC,IAAA,CAAC3C,YAAA;QACCwD,qBAAA,EAAuBlD,gBAAA,EAAkBmD,MAAA,EAAQC,MAAA;QACjD7C,cAAA,EAAgBP,gBAAA,CAAiBiD,IAAI;QACrC9C,MAAA,EAAQA;SACHkD,MAAA,CAAO/B,aAAA,CAAcO,OAAO,IAAI,CAACxB,MAAA,EAAQmB,KAAA;QAGjDtB,UAAA,iBACCmC,IAAA,CAAC1D,aAAA;MACCyD,SAAA,EAAW,GAAGvC,SAAA,QAAiB;MAC/BkD,MAAA,EAAQrB,aAAA,KAAkB,SAAS,SAAS;MAC5CsB,EAAA,EAAI,GAAGnD,SAAA,OAAgB;gBAEvB,aAAAwC,IAAA,CAAC;kBAAE;;;;AAUb","ignoreList":[]}