@yimingliao/cms 0.0.151 → 0.0.152

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

@@ -0,0 +1,162 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+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 '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 'intor/react';
+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 '../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+import { Tick } from '../../ui/features/tick.js';
+import { ControlFieldsButtons } from './control-fields-buttons.js';
+
+function createPostList({
+  useQuery,
+  postFindListCardsAction,
+  PostCard
+}) {
+  return function PostList({
+    usableFields,
+    type,
+    //
+    setItemStates,
+    // Fetch Condition
+    topicId,
+    postIds,
+    // Link Props
+    openNewTab = false,
+    // Pick Mode
+    pickedItems,
+    handleClick,
+    excludeId
+  }) {
+    const [page, setPage] = useState(1);
+    const [pageSize, setPageSize] = useState(20);
+    const [searchString, setSearchString] = useState("");
+    const debouncedSetSearchString = useMemo(
+      () => debounce((v) => setSearchString(v), 300),
+      []
+    );
+    const [controlFields, setControlFields] = useState({
+      isActive: false,
+      isIndexActive: false,
+      isSlugActive: false,
+      isFeatured: false,
+      isShownOnHome: false
+    });
+    useEffect(() => {
+      queueMicrotask(() => setPage(1));
+    }, [controlFields, setPage]);
+    const { data, isFetching } = useQuery(
+      () => postFindListCardsAction({
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-explicit-any
+        type,
+        page,
+        pageSize,
+        searchString,
+        ...topicId && { topicId },
+        ...postIds && { postIds },
+        ...controlFields
+      }),
+      [
+        CACHE_KEYS.findListCards("post"),
+        page,
+        pageSize,
+        searchString,
+        topicId,
+        JSON.stringify(postIds),
+        JSON.stringify(controlFields)
+      ],
+      { enabled: topicId !== DO_NOT_FETCH_KEY }
+      // Use in Post Topic Page
+    );
+    const posts = useMemo(
+      () => ensureArray(data?.items).filter((i) => i.id !== excludeId),
+      [data?.items, excludeId]
+    );
+    useEffect(() => {
+      setItemStates?.({
+        items: posts,
+        count: data?.total ?? 0,
+        isFetching
+      });
+    }, [isFetching, data?.total, posts, setItemStates]);
+    return /* @__PURE__ */ jsx(
+      ListCardsContainer,
+      {
+        page,
+        setPage,
+        pageSize,
+        setPageSize,
+        total: data?.total ?? 0,
+        searchString,
+        setSearchString: debouncedSetSearchString,
+        isFetching,
+        headerChildren: /* @__PURE__ */ jsx(
+          ControlFieldsButtons,
+          {
+            usableFields,
+            controlFields,
+            setControlFields
+          }
+        ),
+        children: posts.map((post) => {
+          const isPicked = pickedItems?.some((item) => item.id === post.id);
+          return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsx(
+              PostCard,
+              {
+                post,
+                openNewTab: openNewTab ?? false,
+                className: cn(pickedItems && !isPicked && "opacity-50"),
+                anchorProps: handleClick && {
+                  onClick: (e) => {
+                    e.preventDefault();
+                    handleClick(post);
+                  }
+                }
+              }
+            ),
+            pickedItems && /* @__PURE__ */ jsx(
+              Tick,
+              {
+                isPicked: isPicked ?? false,
+                className: "absolute top-2 right-2"
+              }
+            )
+          ] }, post.id);
+        })
+      }
+    );
+  };
+}
+
+export { createPostList };

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

@@ -0,0 +1,76 @@
+"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 'lucide-react';
+import 'react';
+import 'ua-parser-js';
+import 'clsx';
+import 'tailwind-merge';
+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 'next/link';
+import '../../../../../constants/paths/auth.js';
+import '../../../../../constants/paths/main.js';
+import '../../../../../constants/paths/resources.js';
+import '../../../../../constants/redirect-paths.js';
+import { Accordion } from '../../ui/features/accordion/accordion.js';
+import { AccordionContainer } from '../../ui/features/accordion/accordion-container.js';
+import '../../../../../domain/resources/admin/constants.js';
+import 'next/image';
+
+function createPostRelationsSection({
+  PostList
+}) {
+  return function PostRelationsSection({
+    post,
+    usableFields = [
+      "isActive",
+      "isIndexActive",
+      "isSlugActive",
+      "isFeatured",
+      "isShownOnHome"
+    ]
+  }) {
+    const { t } = useTranslator();
+    const posts = ensureArray(post?.referencingPosts);
+    return /* @__PURE__ */ jsx(AccordionContainer, { children: /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        hasBorder: true,
+        accordionHeaderProps: {
+          count: posts.length,
+          isRelated: true,
+          children: `${t("resources.post.text")} ( ${t("resources.post.referenced-by.text")} )`
+        },
+        children: /* @__PURE__ */ jsx(
+          PostList,
+          {
+            postIds: posts.map((p) => p.id),
+            openNewTab: true,
+            type: null,
+            usableFields
+          }
+        )
+      }
+    ) });
+  };
+}
+
+export { createPostRelationsSection };

package/dist/src/client/interfaces/components/resources/post/post-status-bar-icons.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Eye, EyeOff, Star, House, MapPinCheckInside } from 'lucide-react';
+
+function PostStatusBarIcons({
+  isActive,
+  index,
+  isSlugActive,
+  isFeatured,
+  isShownOnHome
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      isActive ? /* @__PURE__ */ jsx(Eye, { className: "size-5" }) : /* @__PURE__ */ jsx(EyeOff, { className: "text-error size-5 transition" }),
+      isFeatured && /* @__PURE__ */ jsx(Star, { className: "size-5" }),
+      isShownOnHome && /* @__PURE__ */ jsx(House, { className: "size-5" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-[76px] items-center gap-1", children: [
+      isSlugActive && /* @__PURE__ */ jsx(MapPinCheckInside, { className: "size-5" }),
+      index && /* @__PURE__ */ jsx("p", { className: "ml-auto font-[500]", children: index })
+    ] })
+  ] });
+}
+
+export { PostStatusBarIcons };

package/dist/src/client/interfaces/components/resources/post/post-type-gate.js

@@ -0,0 +1,13 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+function PostTypeGate({
+  type = "",
+  include,
+  children
+}) {
+  if (!include) return null;
+  if (!include.includes(type)) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+
+export { PostTypeGate };

package/dist/src/client/interfaces/components/shadcn/item.js

@@ -0,0 +1,181 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../applications/shadcn/utils.js';
+import 'next/navigation';
+import { Separator } from './separator.js';
+
+function ItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "list",
+      "data-slot": "item-group",
+      className: cn("group/item-group flex flex-col", className),
+      ...props
+    }
+  );
+}
+function ItemSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Separator,
+    {
+      "data-slot": "item-separator",
+      orientation: "horizontal",
+      className: cn("my-0", className),
+      ...props
+    }
+  );
+}
+const itemVariants = cva(
+  "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50"
+      },
+      size: {
+        default: "p-4 gap-4 ",
+        sm: "py-3 px-4 gap-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "item",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(itemVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+const itemMediaVariants = cva(
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": variant,
+      className: cn(itemMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: cn(
+        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: cn(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: cn(
+        "text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-actions",
+      className: cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function ItemHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-header",
+      className: cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-footer",
+      className: cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/src/client/interfaces/components/shadcn/table.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import 'ua-parser-js';
+import { cn } from '../../../applications/shadcn/utils.js';
+import 'next/navigation';
+
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("text-muted-foreground mt-4 text-sm", className),
+      ...props
+    }
+  );
+}
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/src/client/interfaces/components/ui/blocks/list-cards-container/list-cards-container.js

@@ -14,6 +14,7 @@ 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';

package/dist/src/client/interfaces/components/ui/blocks/list-cards-container/page-size-selector.js

@@ -14,6 +14,7 @@ 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';

package/dist/src/client/interfaces/components/ui/blocks/list-cards-container/pagination.js

@@ -13,6 +13,7 @@ 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 { Pagination as Pagination$1, PaginationContent, PaginationItem, PaginationPrevious, PaginationLink, PaginationEllipsis, PaginationNext } from '../../../shadcn/pagination.js';
 import '@radix-ui/react-select';

package/dist/src/client/interfaces/components/ui/blocks/page-header/page-header.js

@@ -14,6 +14,7 @@ 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 { Separator } from '../../../shadcn/separator.js';

package/dist/src/client/interfaces/components/ui/blocks/page-header/presets/batch-create.js

@@ -12,6 +12,7 @@ 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';

package/dist/src/client/interfaces/components/ui/blocks/page-header/presets/create.js

@@ -12,6 +12,7 @@ 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';

package/dist/src/client/interfaces/components/ui/blocks/page-header/presets/edit.js

@@ -12,6 +12,7 @@ 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';

package/dist/src/client/interfaces/components/ui/buttons/button.js

@@ -13,6 +13,7 @@ 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';

package/dist/src/client/interfaces/components/ui/cards/action-buttons-card.js

@@ -15,6 +15,7 @@ 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';

package/dist/src/client/interfaces/components/ui/cards/resource-card/card-status-bar.js

@@ -16,6 +16,7 @@ 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';

package/dist/src/client/interfaces/components/ui/cards/resource-card/card-text-content.js

@@ -11,6 +11,7 @@ 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 { Separator } from '../../../shadcn/separator.js';

package/dist/src/client/interfaces/components/ui/cards/resource-card/resource-card.js

@@ -18,6 +18,7 @@ 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 { Separator } from '../../../shadcn/separator.js';