@yimingliao/cms 0.0.154 → 0.0.156

package/dist/export/client/components/resources/index.js

@@ -6,6 +6,11 @@ export { AdminRefreshTokenCard } from '../../../../src/client/interfaces/compone
 export { createFileCard } from '../../../../src/client/interfaces/components/resources/file/file-card.js';
 export { createFileList } from '../../../../src/client/interfaces/components/resources/file/file-list.js';
 export { createFileRelationsSection } from '../../../../src/client/interfaces/components/resources/file/file-relations-section.js';
+export { FolderCard } from '../../../../src/client/interfaces/components/resources/folder/folder-card.js';
+export { createFolderList } from '../../../../src/client/interfaces/components/resources/folder/folder-list.js';
+export { createFolderRelationsSection } from '../../../../src/client/interfaces/components/resources/folder/folder-relations-section.js';
+export { createFileManagerList } from '../../../../src/client/interfaces/components/resources/folder/file-manager-list.js';
+export { FolderFullPath } from '../../../../src/client/interfaces/components/resources/folder/folder-full-path.js';
 export { createPostCard } from '../../../../src/client/interfaces/components/resources/post/post-card.js';
 export { createPostList } from '../../../../src/client/interfaces/components/resources/post/post-list.js';
 export { createPostRelationsSection } from '../../../../src/client/interfaces/components/resources/post/post-relations-section.js';
@@ -15,3 +20,44 @@ export { PostTypeGate } from '../../../../src/client/interfaces/components/resou
 export { CategoryCard } from '../../../../src/client/interfaces/components/resources/category/category-card.js';
 export { createCategoryList } from '../../../../src/client/interfaces/components/resources/category/category-list.js';
 export { createCategoryRelationsSection } from '../../../../src/client/interfaces/components/resources/category/category-relations-section.js';
+export { TopicCard } from '../../../../src/client/interfaces/components/resources/topic/topic-card.js';
+export { createTopicList } from '../../../../src/client/interfaces/components/resources/topic/topic-list.js';
+export { createTopicRelationsSection } from '../../../../src/client/interfaces/components/resources/topic/topic-relations-section.js';
+export { TagCard } from '../../../../src/client/interfaces/components/resources/tag/tag-card.js';
+export { createTagList } from '../../../../src/client/interfaces/components/resources/tag/tag-list.js';
+export { createTagRelationsSection } from '../../../../src/client/interfaces/components/resources/tag/tag-relations-section.js';
+export { createSeoMetadataDialog } from '../../../../src/client/interfaces/components/resources/seo-metadata/seo-metadata-dialog.js';
+export { createSeoForm } from '../../../../src/client/interfaces/components/resources/seo-metadata/seo-form/seo-form.js';
+export { createBaseTags } from '../../../../src/client/interfaces/components/resources/seo-metadata/seo-form/fields/base-tags.js';
+export { createOpenGraphTags } from '../../../../src/client/interfaces/components/resources/seo-metadata/seo-form/fields/open-graph-tags.js';
+import 'intor/react';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '@radix-ui/react-avatar';
+import '../../../../src/client/interfaces/components/shadcn/badge.js';
+import '../../../../src/client/interfaces/components/shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../../src/client/interfaces/components/shadcn/input-group.js';
+import '../../../../src/client/interfaces/components/shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../../src/client/interfaces/components/shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/link';
+import '../../../../src/constants/paths/auth.js';
+import '../../../../src/constants/paths/main.js';
+import '../../../../src/constants/paths/resources.js';
+import '../../../../src/constants/redirect-paths.js';
+import 'mime-types';
+import '../../../../src/domain/resources/admin/constants.js';
+import 'next/image';
+export { createJsonLdTags } from '../../../../src/client/interfaces/components/resources/seo-metadata/seo-form/fields/json-ld-tags.js';

package/dist/src/client/applications/resources/seo-metadata/seo-metadata-empty-translation.js

@@ -0,0 +1,54 @@
+function createSeoMetadataEmptyTranslation(buildTranslations) {
+  return buildTranslations([
+    // -----------------------------------------------------------------------
+    // Basic
+    // -----------------------------------------------------------------------
+    { key: "title", value: null },
+    { key: "description", value: null },
+    // identity
+    { key: "author", value: null },
+    // url
+    { key: "canonical", value: null },
+    { key: "alternate", value: [] },
+    // robots
+    { key: "robots", value: null },
+    // -----------------------------------------------------------------------
+    // Open Graph
+    // -----------------------------------------------------------------------
+    { key: "ogTitle", value: null },
+    { key: "ogDescription", value: null },
+    // url
+    { key: "ogUrl", value: null },
+    // identity
+    { key: "ogType", value: null },
+    { key: "ogSiteName", value: null },
+    // image
+    { key: "ogImage", value: null },
+    { key: "ogImageAlt", value: null },
+    { key: "ogImageType", value: null },
+    { key: "ogImageWidth", value: 0 },
+    { key: "ogImageHeight", value: 0 },
+    // locale
+    { key: "ogLocale", value: null },
+    { key: "ogLocaleAlternate", value: [] },
+    // article
+    { key: "ogArticlePublishedTime", value: null },
+    { key: "ogArticleModifiedTime", value: null },
+    { key: "ogArticleAuthor", value: null },
+    { key: "ogArticleSection", value: null },
+    { key: "ogArticleTag", value: [] },
+    // -----------------------------------------------------------------------
+    // Twitter
+    // -----------------------------------------------------------------------
+    { key: "twitterCard", value: null },
+    // identity
+    { key: "twitterSite", value: null },
+    { key: "twitterCreator", value: null },
+    // -----------------------------------------------------------------------
+    // JSON-LD
+    // -----------------------------------------------------------------------
+    { key: "jsonLd", value: [] }
+  ]);
+}
+
+export { createSeoMetadataEmptyTranslation };

package/dist/src/client/applications/resources/seo-metadata/use-upsert-form-data.js

@@ -0,0 +1,15 @@
+import { useState } from 'react';
+import { createSeoMetadataEmptyTranslation } from './seo-metadata-empty-translation.js';
+
+function useSeoMetadataUpsertFormData({
+  id,
+  buildTranslations
+}) {
+  const [formData, setFormData] = useState(() => ({
+    postId: id ?? "",
+    translations: createSeoMetadataEmptyTranslation(buildTranslations)
+  }));
+  return { formData, setFormData };
+}
+
+export { useSeoMetadataUpsertFormData };

package/dist/src/client/interfaces/components/resources/category/category-relations-section.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
 import 'mime-types';
 import { ensureArray } from '../../../../../shared/utils/ensure-array.js';
+import 'intor/react';
 import 'lucide-react';
 import 'react';
 import 'ua-parser-js';
@@ -40,15 +40,8 @@ function createCategoryRelationsSection({
 }) {
   return function CategoryRelationsSection({
     category,
-    usableFields = [
-      "isActive",
-      "isIndexActive",
-      "isSlugActive",
-      "isFeatured",
-      "isShownOnHome"
-    ]
+    usableFields = ["isActive", "isIndexActive", "isSlugActive"]
   }) {
-    const { t } = useTranslator();
     const posts = ensureArray(category?.children);
     return /* @__PURE__ */ jsx(AccordionContainer, { children: /* @__PURE__ */ jsx(
       Accordion,
@@ -56,8 +49,7 @@ function createCategoryRelationsSection({
         hasBorder: true,
         accordionHeaderProps: {
           count: posts.length,
-          isRelated: true,
-          children: t("resources.post.text")
+          isRelated: true
         },
         children: /* @__PURE__ */ jsx(
           PostList,

package/dist/src/client/interfaces/components/resources/folder/file-manager/file-manager-header.js

@@ -0,0 +1,115 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { ArrowUp, Folder } from 'lucide-react';
+import { PATHS } from '../../../../../../constants/paths/index.js';
+import '../../../../../../constants/redirect-paths.js';
+import '../../../../../../domain/resources/admin/constants.js';
+import { normalizeFolderKey } from '../../../../../../domain/resources/folder/utils/normalize-folder-key.js';
+import { ROOT_FOLDER_NAME } from '../../../../../../domain/resources/constants.js';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import '@radix-ui/react-avatar';
+import '../../../shadcn/badge.js';
+import '../../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../../shadcn/input-group.js';
+import '../../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { Button } from '../../../ui/buttons/button.js';
+import { ReturnButton } from '../../../ui/buttons/return-button.js';
+import 'next/link';
+import 'mime-types';
+import 'next/image';
+
+function FileManagerHeader({
+  folder,
+  folderKey
+}) {
+  const { t } = useTranslator();
+  const { folderKeys, segments, parentKey } = normalizeFolderKey(folderKey);
+  const partialTags = folderKeys.map((key, index) => ({
+    key,
+    title: segments[index]
+  }));
+  const isAtRoot = folderKeys.length === 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
+    /* @__PURE__ */ jsx(
+      ReturnButton,
+      {
+        icon: ArrowUp,
+        onClick: () => globalThis.history.pushState({}, "", `?folderKey=${parentKey}`),
+        isDisabled: isAtRoot,
+        children: t("main.file-manager.back.text")
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          size: "sm",
+          href: `${PATHS.resources.folder.path}/${folder?.id}`,
+          openNewTab: true,
+          variant: "outline",
+          className: "w-fit rounded-full text-xs",
+          isLoading: !folder,
+          isDisabled: folder?.name === ROOT_FOLDER_NAME,
+          children: [
+            /* @__PURE__ */ jsx(Folder, {}),
+            folder?.name === ROOT_FOLDER_NAME ? t("resources.folder.root.text") : folder?.name
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-h-6 items-center text-xs", children: [
+        /* @__PURE__ */ jsxs("label", { className: "opacity-75", children: [
+          t("main.file-manager.current-path.text"),
+          "\uFF1A"
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "xs",
+            variant: "ghost",
+            onClick: () => globalThis.history.pushState({}, "", `?folderKey=`),
+            className: cn(isAtRoot && "pointer-events-none opacity-50"),
+            children: t("resources.folder.root.text")
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-sm opacity-50", children: "/" }),
+        partialTags.map(({ key: currentKey, title }) => /* @__PURE__ */ jsxs("div", { className: "flex-center", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "xs",
+              variant: "ghost",
+              onClick: () => globalThis.history.pushState(
+                {},
+                "",
+                `?folderKey=${currentKey}`
+              ),
+              isDisabled: currentKey === folderKey,
+              children: /* @__PURE__ */ jsxs("span", { children: [
+                " ",
+                title
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: currentKey && `/` })
+        ] }, currentKey + title))
+      ] })
+    ] })
+  ] });
+}
+
+export { FileManagerHeader };

package/dist/src/client/interfaces/components/resources/folder/file-manager-list.js

@@ -0,0 +1,127 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useSearchParams } from 'next/navigation';
+import '../../../../../constants/paths/auth.js';
+import '../../../../../constants/paths/main.js';
+import '../../../../../constants/paths/resources.js';
+import { CACHE_KEYS } from '../../../../../constants/cache-keys.js';
+import '../../../../../constants/redirect-paths.js';
+import '../../../../../domain/resources/admin/constants.js';
+import { fileManagerDoubleClick } from '../../../../../domain/resources/folder/utils/file-manager-double-click.js';
+import 'mime-types';
+import { DO_NOT_FETCH_KEY } from '../../../../../shared/list-items.js';
+import 'lucide-react';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import 'next/link';
+import { Accordion } from '../../ui/features/accordion/accordion.js';
+import 'next/image';
+import { FileManagerHeader } from './file-manager/file-manager-header.js';
+
+function createFileManagerList({
+  useQuery,
+  folderFindFullAction,
+  FolderList,
+  FileList
+}) {
+  return function FileManagerList({
+    // Item states (Folder)
+    folderStates,
+    setFolderStates,
+    // Use In File Manager Page (Files)
+    showFiles,
+    fileStates,
+    setFileStates,
+    // Pick Mode (Folder List Modal)
+    pickedItems,
+    handleClick,
+    isInModal,
+    excludeId
+  }) {
+    const { t } = useTranslator();
+    const key = useSearchParams().get("folderKey") ?? "";
+    const { data: folder } = useQuery(
+      () => folderFindFullAction({ key }),
+      [CACHE_KEYS.folder.findByKey, key],
+      { select: (data) => data?.folder }
+    );
+    return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col gap-4", children: [
+      /* @__PURE__ */ jsx(FileManagerHeader, { folder: folder ?? null, folderKey: key }),
+      !folderStates && /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
+        FolderList,
+        {
+          parentFolderId: folder?.id ?? DO_NOT_FETCH_KEY,
+          setItemStates: setFolderStates,
+          isInFileManager: true,
+          pickedItems,
+          handleClick,
+          handleDoubleClick: fileManagerDoubleClick,
+          excludeId,
+          isInModal
+        }
+      ) }),
+      folderStates && /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          accordionHeaderProps: {
+            children: t("resources.folder.text"),
+            count: folderStates.count ?? 0
+          },
+          initialOpen: true,
+          deps: [folderStates.isFetching],
+          children: /* @__PURE__ */ jsx(
+            FolderList,
+            {
+              parentFolderId: folder?.id ?? DO_NOT_FETCH_KEY,
+              setItemStates: setFolderStates,
+              isInFileManager: true,
+              pickedItems,
+              handleClick,
+              excludeId
+            }
+          )
+        }
+      ),
+      showFiles && /* @__PURE__ */ jsx(
+        Accordion,
+        {
+          accordionHeaderProps: {
+            children: t("resources.file.text"),
+            count: fileStates?.count ?? 0
+          },
+          initialOpen: true,
+          deps: [fileStates?.isFetching],
+          children: /* @__PURE__ */ jsx(
+            FileList,
+            {
+              folderId: folder?.id ?? DO_NOT_FETCH_KEY,
+              setItemStates: setFileStates,
+              openNewTab: true
+            }
+          )
+        }
+      )
+    ] });
+  };
+}
+
+export { createFileManagerList };

package/dist/src/client/interfaces/components/resources/folder/folder-card.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Lock } from 'lucide-react';
+import { PATHS } from '../../../../../constants/paths/index.js';
+import '../../../../../constants/redirect-paths.js';
+import '../../../../../domain/resources/admin/constants.js';
+import { isFolderLocked } from '../../../../../domain/resources/folder/utils/is-folder-locked.js';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import 'intor/react';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
+import 'next/link';
+import 'mime-types';
+import 'next/image';
+
+const WIDTH = "10rem";
+const HEIGHT = "10rem";
+function FolderCard({
+  folder,
+  // Link Props
+  openNewTab = false,
+  anchorProps,
+  isInFileManager = false,
+  // Base
+  className = ""
+}) {
+  const isLocked = isFolderLocked(folder) || folder?.isLocked;
+  const href = !isInFileManager ? `${PATHS.resources.folder.path}/${folder?.id}` : `${PATHS.main.fileManager.path}?folderKey=${folder?.key}`;
+  return /* @__PURE__ */ jsx(
+    ResourceCard,
+    {
+      className,
+      style: { width: WIDTH, height: HEIGHT },
+      href,
+      openNewTab,
+      anchorProps,
+      cardStatusBarProps: { children: isLocked && /* @__PURE__ */ jsx(Lock, { className: "size-5" }) },
+      cardTextContentProps: { title: folder?.name },
+      children: /* @__PURE__ */ jsx("div", { className: cn("flex-center size-full", "absolute z-0"), children: /* @__PURE__ */ jsx("span", { className: cn("scale-[3]", "transition"), children: "\u{1F4C1}" }) })
+    }
+  );
+}
+
+export { FolderCard };

package/dist/src/client/interfaces/components/resources/folder/folder-full-path.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@radix-ui/react-avatar';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+import 'next/navigation';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import 'lucide-react';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import { Spinner } from '../../shadcn/spinner.js';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+
+function FolderFullPath({ parentFolder, name, isLoading }) {
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(Spinner, {});
+  }
+  return /* @__PURE__ */ jsxs("span", { className: "flex tracking-wide", children: [
+    parentFolder && /* @__PURE__ */ jsxs("span", { className: "opacity-75", children: [
+      `/`,
+      parentFolder.key
+    ] }),
+    /* @__PURE__ */ jsx("span", { children: `/` }),
+    /* @__PURE__ */ jsx("span", { className: "font-[600] break-all", children: name })
+  ] });
+}
+
+export { FolderFullPath };

package/dist/src/client/interfaces/components/resources/folder/folder-list.js

@@ -0,0 +1,156 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useState, useMemo, useEffect } from 'react';
+import '../../../../../constants/paths/auth.js';
+import '../../../../../constants/paths/main.js';
+import '../../../../../constants/paths/resources.js';
+import { CACHE_KEYS } from '../../../../../constants/cache-keys.js';
+import '../../../../../constants/redirect-paths.js';
+import '../../../../../domain/resources/admin/constants.js';
+import { fileManagerDoubleClick } from '../../../../../domain/resources/folder/utils/file-manager-double-click.js';
+import 'mime-types';
+import { debounce } from '../../../../../shared/utils/debounce.js';
+import { ensureArray } from '../../../../../shared/utils/ensure-array.js';
+import { DO_NOT_FETCH_KEY } from '../../../../../shared/list-items.js';
+import 'ua-parser-js';
+import { cn } from '../../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import 'lucide-react';
+import '@radix-ui/react-avatar';
+import '../../shadcn/badge.js';
+import '../../shadcn/button.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-dialog';
+import '@radix-ui/react-dropdown-menu';
+import '../../shadcn/input-group.js';
+import '../../shadcn/item.js';
+import '@radix-ui/react-label';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../shadcn/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import { ListCardsContainer } from '../../ui/blocks/list-cards-container/list-cards-container.js';
+import 'next/link';
+import { FieldBody } from '../../ui/form/field-body.js';
+import 'next/image';
+import { Tick } from '../../ui/features/tick.js';
+import { FolderCard } from './folder-card.js';
+
+function createFolderList({
+  useQuery,
+  folderFindListCardsAction
+}) {
+  return function FolderList({
+    setItemStates,
+    // Fetch Condition
+    parentFolderId,
+    folderIds,
+    // Link Props
+    openNewTab = false,
+    isInFileManager = false,
+    // Pick Mode
+    pickedItems,
+    handleClick,
+    isInModal = false,
+    handleDoubleClick = fileManagerDoubleClick,
+    excludeId
+  }) {
+    const { t } = useTranslator();
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(20);
+    const [searchString, setSearchString] = useState("");
+    const debouncedSetSearchString = useMemo(
+      () => debounce((v) => setSearchString(v), 300),
+      []
+    );
+    const { data, isFetching } = useQuery(
+      () => folderFindListCardsAction({
+        page,
+        pageSize,
+        searchString,
+        ...parentFolderId && { parentFolderId },
+        ...folderIds && { folderIds }
+      }),
+      [
+        CACHE_KEYS.findListCards("folder"),
+        page,
+        pageSize,
+        searchString,
+        parentFolderId,
+        JSON.stringify(folderIds)
+      ],
+      { enabled: parentFolderId !== DO_NOT_FETCH_KEY }
+      // Use in File Manager
+    );
+    const folders = useMemo(
+      () => ensureArray(data?.items).filter((i) => i.id !== excludeId),
+      [data?.items, excludeId]
+    );
+    useEffect(() => {
+      setItemStates?.({
+        items: folders,
+        count: data?.total ?? 0,
+        isFetching
+      });
+    }, [folders, data?.total, isFetching, setItemStates]);
+    return /* @__PURE__ */ jsx(
+      ListCardsContainer,
+      {
+        page,
+        setPage,
+        pageSize,
+        setPageSize,
+        total: data?.total ?? 0,
+        searchString,
+        setSearchString: debouncedSetSearchString,
+        isFetching,
+        headerChildren: isInModal && /* @__PURE__ */ jsxs(FieldBody, { className: "bg-base-200 w-fit! text-sm", children: [
+          "\u{1F4A1} ",
+          t("resources.folder.click-hint.text")
+        ] }),
+        children: folders.map((folder) => {
+          const isPicked = pickedItems?.some((item) => item.id === folder.id);
+          return /* @__PURE__ */ jsxs("div", { className: "relative w-fit", children: [
+            /* @__PURE__ */ jsx(
+              FolderCard,
+              {
+                folder,
+                openNewTab,
+                isInFileManager,
+                className: cn(pickedItems && !isPicked && "opacity-50"),
+                anchorProps: {
+                  ...handleClick ? {
+                    onClick: (e) => {
+                      e.preventDefault();
+                      handleClick(folder);
+                    }
+                  } : {},
+                  ...handleDoubleClick ? {
+                    onDoubleClick: (e) => {
+                      e.preventDefault();
+                      handleDoubleClick(folder);
+                    }
+                  } : {}
+                }
+              },
+              folder.id
+            ),
+            pickedItems && /* @__PURE__ */ jsx(
+              Tick,
+              {
+                isPicked: isPicked ?? false,
+                className: "absolute top-2 right-2"
+              }
+            )
+          ] }, folder.id);
+        })
+      }
+    );
+  };
+}
+
+export { createFolderList };