@payloadcms/ui 3.80.0-internal-debug.cd99b1f → 3.80.0-internal.21e9c47

package/dist/elements/DefaultListViewTabs/index.js

@@ -1,111 +1,119 @@
 'use client';
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
-import { usePreferences } from '../../providers/Preferences/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import './index.scss';
 const baseClass = 'default-list-view-tabs';
-export const DefaultListViewTabs = ({ collectionConfig, config, onChange, viewType })=>{
-    const { i18n, t } = useTranslation();
-    const { setPreference } = usePreferences();
-    const router = useRouter();
-    const isTrashEnabled = collectionConfig.trash;
-    const isFoldersEnabled = collectionConfig.folders && config.folders;
-    if (!isTrashEnabled && !isFoldersEnabled) {
-        return null;
-    }
-    const handleViewChange = async (newViewType)=>{
-        if (onChange) {
-            onChange(newViewType);
-        }
-        if (newViewType === 'list' || newViewType === 'folders') {
-            await setPreference(`collection-${collectionConfig.slug}`, {
-                listViewType: newViewType
-            });
-        }
-        let path = `/collections/${collectionConfig.slug}`;
-        switch(newViewType){
-            case 'folders':
-                if (config.folders) {
-                    path = `/collections/${collectionConfig.slug}/${config.folders.slug}`;
-                }
-                break;
-            case 'trash':
-                path = `/collections/${collectionConfig.slug}/trash`;
-                break;
-        }
-        const url = formatAdminURL({
-            adminRoute: config.routes.admin,
-            path
-        });
-        router.push(url);
+export const DefaultListViewTabs = t0 => {
+  const $ = _c(18);
+  const {
+    collectionConfig,
+    config,
+    onChange,
+    viewType
+  } = t0;
+  const {
+    i18n,
+    t
+  } = useTranslation();
+  const router = useRouter();
+  const isTrashEnabled = collectionConfig.trash;
+  if (!isTrashEnabled) {
+    return null;
+  }
+  let t1;
+  if ($[0] !== collectionConfig.slug || $[1] !== config || $[2] !== onChange || $[3] !== router) {
+    t1 = newViewType => {
+      if (onChange) {
+        onChange(newViewType);
+      }
+      let path = `/collections/${collectionConfig.slug}`;
+      switch (newViewType) {
+        case "trash":
+          {
+            path = `/collections/${collectionConfig.slug}/trash`;
+          }
+      }
+      const url = formatAdminURL({
+        adminRoute: config.routes.admin,
+        path
+      });
+      router.push(url);
     };
-    const allButtonLabel = `${t('general:all')} ${getTranslation(collectionConfig?.labels?.plural, i18n)}`;
-    const allButtonId = allButtonLabel.toLowerCase().replace(/\s+/g, '-');
-    return /*#__PURE__*/ _jsxDEV("div", {
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsxDEV(Button, {
-                buttonStyle: "tab",
-                className: [
-                    `${baseClass}__button`,
-                    viewType === 'list' && `${baseClass}__button--active`
-                ].filter(Boolean).join(' '),
-                disabled: viewType === 'list',
-                el: "button",
-                id: allButtonId,
-                onClick: ()=>handleViewChange('list'),
-                children: [
-                    t('general:all'),
-                    " ",
-                    getTranslation(collectionConfig?.labels?.plural, i18n)
-                ]
-            }, void 0, true, {
-                fileName: "src/elements/DefaultListViewTabs/index.tsx",
-                lineNumber: 76,
-                columnNumber: 7
-            }, this),
-            isFoldersEnabled && /*#__PURE__*/ _jsxDEV(Button, {
-                buttonStyle: "tab",
-                className: [
-                    `${baseClass}__button`,
-                    viewType === 'folders' && `${baseClass}__button--active`
-                ].filter(Boolean).join(' '),
-                disabled: viewType === 'folders',
-                el: "button",
-                onClick: ()=>handleViewChange('folders'),
-                children: t('folder:byFolder')
-            }, void 0, false, {
-                fileName: "src/elements/DefaultListViewTabs/index.tsx",
-                lineNumber: 90,
-                columnNumber: 9
-            }, this),
-            isTrashEnabled && /*#__PURE__*/ _jsxDEV(Button, {
-                buttonStyle: "tab",
-                className: [
-                    `${baseClass}__button`,
-                    viewType === 'trash' && `${baseClass}__button--active`
-                ].filter(Boolean).join(' '),
-                disabled: viewType === 'trash',
-                el: "button",
-                id: "trash-view-pill",
-                onClick: ()=>handleViewChange('trash'),
-                children: t('general:trash')
-            }, void 0, false, {
-                fileName: "src/elements/DefaultListViewTabs/index.tsx",
-                lineNumber: 107,
-                columnNumber: 9
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/elements/DefaultListViewTabs/index.tsx",
-        lineNumber: 75,
-        columnNumber: 5
-    }, this);
+    $[0] = collectionConfig.slug;
+    $[1] = config;
+    $[2] = onChange;
+    $[3] = router;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  const handleViewChange = t1;
+  const allButtonLabel = `${t("general:all")} ${getTranslation(collectionConfig?.labels?.plural, i18n)}`;
+  let t2;
+  if ($[5] !== allButtonLabel || $[6] !== collectionConfig.labels?.plural || $[7] !== handleViewChange || $[8] !== i18n || $[9] !== isTrashEnabled || $[10] !== t || $[11] !== viewType) {
+    let t3;
+    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = /\s+/g;
+      $[13] = t3;
+    } else {
+      t3 = $[13];
+    }
+    const allButtonId = allButtonLabel.toLowerCase().replace(t3, "-");
+    const t4 = viewType === "list" && `${baseClass}__button--active`;
+    let t5;
+    if ($[14] !== t4) {
+      t5 = [`${baseClass}__button`, t4].filter(Boolean);
+      $[14] = t4;
+      $[15] = t5;
+    } else {
+      t5 = $[15];
+    }
+    let t6;
+    if ($[16] !== handleViewChange) {
+      t6 = () => handleViewChange("list");
+      $[16] = handleViewChange;
+      $[17] = t6;
+    } else {
+      t6 = $[17];
+    }
+    t2 = _jsxs("div", {
+      className: baseClass,
+      children: [_jsxs(Button, {
+        buttonStyle: "tab",
+        className: t5.join(" "),
+        disabled: viewType === "list",
+        el: "button",
+        id: allButtonId,
+        onClick: t6,
+        children: [t("general:all"), " ", getTranslation(collectionConfig?.labels?.plural, i18n)]
+      }), isTrashEnabled && _jsx(Button, {
+        buttonStyle: "tab",
+        className: [`${baseClass}__button`, viewType === "trash" && `${baseClass}__button--active`].filter(Boolean).join(" "),
+        disabled: viewType === "trash",
+        el: "button",
+        id: "trash-view-pill",
+        onClick: () => handleViewChange("trash"),
+        children: t("general:trash")
+      })]
+    });
+    $[5] = allButtonLabel;
+    $[6] = collectionConfig.labels?.plural;
+    $[7] = handleViewChange;
+    $[8] = i18n;
+    $[9] = isTrashEnabled;
+    $[10] = t;
+    $[11] = viewType;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  return t2;
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { usePreferences } from '../../providers/Preferences/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'default-list-view-tabs'\n\ntype DefaultListViewTabsProps = {\n  collectionConfig: ClientCollectionConfig\n  config: ClientConfig\n  onChange?: (viewType: ViewTypes) => void\n  viewType?: ViewTypes\n}\n\nexport const DefaultListViewTabs: React.FC<DefaultListViewTabsProps> = ({\n  collectionConfig,\n  config,\n  onChange,\n  viewType,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { setPreference } = usePreferences()\n  const router = useRouter()\n  const isTrashEnabled = collectionConfig.trash\n  const isFoldersEnabled = collectionConfig.folders && config.folders\n\n  if (!isTrashEnabled && !isFoldersEnabled) {\n    return null\n  }\n\n  const handleViewChange = async (newViewType: ViewTypes) => {\n    if (onChange) {\n      onChange(newViewType)\n    }\n\n    if (newViewType === 'list' || newViewType === 'folders') {\n      await setPreference(`collection-${collectionConfig.slug}`, {\n        listViewType: newViewType,\n      })\n    }\n\n    let path: `/${string}` = `/collections/${collectionConfig.slug}`\n    switch (newViewType) {\n      case 'folders':\n        if (config.folders) {\n          path = `/collections/${collectionConfig.slug}/${config.folders.slug}`\n        }\n        break\n      case 'trash':\n        path = `/collections/${collectionConfig.slug}/trash`\n        break\n    }\n\n    const url = formatAdminURL({\n      adminRoute: config.routes.admin,\n      path,\n    })\n\n    router.push(url)\n  }\n\n  const allButtonLabel = `${t('general:all')} ${getTranslation(collectionConfig?.labels?.plural, i18n)}`\n  const allButtonId = allButtonLabel.toLowerCase().replace(/\\s+/g, '-')\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle=\"tab\"\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el=\"button\"\n        id={allButtonId}\n        onClick={() => handleViewChange('list')}\n      >\n        {t('general:all')} {getTranslation(collectionConfig?.labels?.plural, i18n)}\n      </Button>\n\n      {isFoldersEnabled && (\n        <Button\n          buttonStyle=\"tab\"\n          className={[\n            `${baseClass}__button`,\n            viewType === 'folders' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'folders'}\n          el=\"button\"\n          onClick={() => handleViewChange('folders')}\n        >\n          {t('folder:byFolder')}\n        </Button>\n      )}\n\n      {isTrashEnabled && (\n        <Button\n          buttonStyle=\"tab\"\n          className={[\n            `${baseClass}__button`,\n            viewType === 'trash' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'trash'}\n          el=\"button\"\n          id=\"trash-view-pill\"\n          onClick={() => handleViewChange('trash')}\n        >\n          {t('general:trash')}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["getTranslation","useRouter","formatAdminURL","React","usePreferences","useTranslation","Button","baseClass","DefaultListViewTabs","collectionConfig","config","onChange","viewType","i18n","t","setPreference","router","isTrashEnabled","trash","isFoldersEnabled","folders","handleViewChange","newViewType","slug","listViewType","path","url","adminRoute","routes","admin","push","allButtonLabel","labels","plural","allButtonId","toLowerCase","replace","div","className","buttonStyle","filter","Boolean","join","disabled","el","id","onClick"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["c","_c","getTranslation","useRouter","formatAdminURL","React","useTranslation","Button","baseClass","DefaultListViewTabs","t0","$","collectionConfig","config","onChange","viewType","i18n","t","router","isTrashEnabled","trash","t1","slug","newViewType","path","url","adminRoute","routes","admin","push","handleViewChange","allButtonLabel","labels","plural","t2","t3","Symbol","for","allButtonId","toLowerCase","replace","t4","t5","filter","Boolean","t6","_jsxs","className","children","buttonStyle","join","disabled","el","id","onClick","_jsx"],"sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"sourcesContent":["'use client'\n\nimport type { ClientCollectionConfig, ClientConfig, ViewTypes } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport { useRouter } from 'next/navigation.js'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Button } from '../Button/index.js'\nimport './index.scss'\n\nconst baseClass = 'default-list-view-tabs'\n\ntype DefaultListViewTabsProps = {\n  collectionConfig: ClientCollectionConfig\n  config: ClientConfig\n  onChange?: (viewType: ViewTypes) => void\n  viewType?: ViewTypes\n}\n\nexport const DefaultListViewTabs: React.FC<DefaultListViewTabsProps> = ({\n  collectionConfig,\n  config,\n  onChange,\n  viewType,\n}) => {\n  const { i18n, t } = useTranslation()\n  const router = useRouter()\n  const isTrashEnabled = collectionConfig.trash\n\n  if (!isTrashEnabled) {\n    return null\n  }\n\n  const handleViewChange = (newViewType: ViewTypes) => {\n    if (onChange) {\n      onChange(newViewType)\n    }\n\n    let path: `/${string}` = `/collections/${collectionConfig.slug}`\n    switch (newViewType) {\n      case 'trash':\n        path = `/collections/${collectionConfig.slug}/trash`\n        break\n    }\n\n    const url = formatAdminURL({\n      adminRoute: config.routes.admin,\n      path,\n    })\n\n    router.push(url)\n  }\n\n  const allButtonLabel = `${t('general:all')} ${getTranslation(collectionConfig?.labels?.plural, i18n)}`\n  const allButtonId = allButtonLabel.toLowerCase().replace(/\\s+/g, '-')\n\n  return (\n    <div className={baseClass}>\n      <Button\n        buttonStyle=\"tab\"\n        className={[`${baseClass}__button`, viewType === 'list' && `${baseClass}__button--active`]\n          .filter(Boolean)\n          .join(' ')}\n        disabled={viewType === 'list'}\n        el=\"button\"\n        id={allButtonId}\n        onClick={() => handleViewChange('list')}\n      >\n        {t('general:all')} {getTranslation(collectionConfig?.labels?.plural, i18n)}\n      </Button>\n\n      {isTrashEnabled && (\n        <Button\n          buttonStyle=\"tab\"\n          className={[\n            `${baseClass}__button`,\n            viewType === 'trash' && `${baseClass}__button--active`,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          disabled={viewType === 'trash'}\n          el=\"button\"\n          id=\"trash-view-pill\"\n          onClick={() => handleViewChange('trash')}\n        >\n          {t('general:trash')}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import { Spinner } from '../Spinner/index.js';
+export type DelayedSpinnerProps = {
+    /**
+     * Base CSS class name for the wrapper
+     */
+    baseClass?: string;
+    /**
+     * Delay in milliseconds before showing the spinner
+     * @default 200
+     */
+    delay?: number;
+    /**
+     * Whether loading is in progress
+     */
+    isLoading: boolean;
+    /**
+     * Custom spinner props to pass through
+     */
+    spinnerProps?: React.ComponentProps<typeof Spinner>;
+};
+export declare const DelayedSpinner: React.FC<DelayedSpinnerProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DelayedSpinner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAE7C,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;CACpD,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8BxD,CAAA"}

package/dist/elements/DelayedSpinner/index.js

@@ -0,0 +1,61 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { Spinner } from '../Spinner/index.js';
+export const DelayedSpinner = t0 => {
+  const $ = _c(7);
+  const {
+    baseClass,
+    delay: t1,
+    isLoading,
+    spinnerProps
+  } = t0;
+  const delay = t1 === undefined ? 200 : t1;
+  const [showLoading, setShowLoading] = useState(false);
+  let t2;
+  let t3;
+  if ($[0] !== delay || $[1] !== isLoading) {
+    t2 = () => {
+      if (isLoading) {
+        const timer = setTimeout(() => {
+          setShowLoading(true);
+        }, delay);
+        return () => clearTimeout(timer);
+      } else {
+        setShowLoading(false);
+      }
+    };
+    t3 = [delay, isLoading];
+    $[0] = delay;
+    $[1] = isLoading;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+  }
+  useEffect(t2, t3);
+  if (!showLoading) {
+    return null;
+  }
+  const className = baseClass || "delayed-spinner";
+  const t4 = `${className}__loading`;
+  let t5;
+  if ($[4] !== spinnerProps || $[5] !== t4) {
+    t5 = _jsx("div", {
+      className: t4,
+      children: _jsx(Spinner, {
+        ...spinnerProps
+      })
+    });
+    $[4] = spinnerProps;
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useState","Spinner","DelayedSpinner","t0","$","baseClass","delay","t1","isLoading","spinnerProps","undefined","showLoading","setShowLoading","t2","t3","timer","setTimeout","clearTimeout","className","t4","t5","_jsx","children"],"sources":["../../../src/elements/DelayedSpinner/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { useEffect, useState } from 'react'\n\nimport { Spinner } from '../Spinner/index.js'\n\nexport type DelayedSpinnerProps = {\n  /**\n   * Base CSS class name for the wrapper\n   */\n  baseClass?: string\n  /**\n   * Delay in milliseconds before showing the spinner\n   * @default 200\n   */\n  delay?: number\n  /**\n   * Whether loading is in progress\n   */\n  isLoading: boolean\n  /**\n   * Custom spinner props to pass through\n   */\n  spinnerProps?: React.ComponentProps<typeof Spinner>\n}\n\nexport const DelayedSpinner: React.FC<DelayedSpinnerProps> = ({\n  baseClass,\n  delay = 200,\n  isLoading,\n  spinnerProps,\n}) => {\n  const [showLoading, setShowLoading] = useState(false)\n\n  useEffect(() => {\n    if (isLoading) {\n      const timer = setTimeout(() => {\n        setShowLoading(true)\n      }, delay)\n      return () => clearTimeout(timer)\n    } else {\n      setShowLoading(false)\n    }\n  }, [delay, isLoading])\n\n  if (!showLoading) {\n    return null\n  }\n\n  const className = baseClass || 'delayed-spinner'\n\n  return (\n    <div className={`${className}__loading`}>\n      <Spinner {...spinnerProps} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,SAAS,EAAEC,QAAQ,QAAQ;AAE3C,SAASC,OAAO,QAAQ;AAsBxB,OAAO,MAAMC,cAAA,GAAgDC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,SAAA;IAAAC,KAAA,EAAAC,EAAA;IAAAC,SAAA;IAAAC;EAAA,IAAAN,EAK7D;EAHC,MAAAG,KAAA,GAAAC,EAAW,KAAAG,SAAA,SAAXH,EAAW;EAIX,OAAAI,WAAA,EAAAC,cAAA,IAAsCZ,QAAA,MAAS;EAAA,IAAAa,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAV,CAAA,QAAAE,KAAA,IAAAF,CAAA,QAAAI,SAAA;IAErCK,EAAA,GAAAA,CAAA;MAAA,IACJL,SAAA;QACF,MAAAO,KAAA,GAAcC,UAAA;UACZJ,cAAA,KAAe;QAAA,GACdN,KAAA;QAAA,aACUW,YAAA,CAAaF,KAAA;MAAA;QAE1BH,cAAA,MAAe;MAAA;IAAA;IAEhBE,EAAA,IAACR,KAAA,EAAOE,SAAA;IAAUJ,CAAA,MAAAE,KAAA;IAAAF,CAAA,MAAAI,SAAA;IAAAJ,CAAA,MAAAS,EAAA;IAAAT,CAAA,MAAAU,EAAA;EAAA;IAAAD,EAAA,GAAAT,CAAA;IAAAU,EAAA,GAAAV,CAAA;EAAA;EATrBL,SAAA,CAAUc,EASV,EAAGC,EAAkB;EAAA,KAEhBH,WAAA;IAAA;EAAA;EAIL,MAAAO,SAAA,GAAkBb,SAAA,IAAa;EAGb,MAAAc,EAAA,MAAGD,SAAA,WAAoB;EAAA,IAAAE,EAAA;EAAA,IAAAhB,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAe,EAAA;IAAvCC,EAAA,GAAAC,IAAA,CAAC;MAAAH,SAAA,EAAeC,EAAuB;MAAAG,QAAA,EACrCD,IAAA,CAAApB,OAAA;QAAA,GAAaQ;MAAY,C;;;;;;;;SAD3BW,E;CAIJ","ignoreList":[]}