sitero 0.0.28 → 0.1.1

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

@@ -5,7 +5,7 @@ import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
 import '../../../../../../constants/paths/redirect.js';
 import '../../../../../../constants/cms-locale.js';
 import 'mime-types';
-import '../../../../../../core/domain/resources/admin/constants.js';
+import 'sitero-domain';
 import 'clsx';
 import 'tailwind-merge';
 import { ensureArray } from '../../../../../../shared/utils/ensure-array.js';
@@ -31,6 +31,10 @@ import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/navigation';
 import 'react';
+import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import '../../../../../../core/domain/resources/admin/constants.js';
 import 'next/link';
 
 const WIDTH = "200px";

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

@@ -7,7 +7,7 @@ import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
 import '../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
 import 'mime-types';
-import '../../../../../../core/domain/resources/admin/constants.js';
+import 'sitero-domain';
 import { cn } from '../../../../../../shared/utils/cn.js';
 import { debounce } from '../../../../../../shared/utils/debounce.js';
 import { ensureArray } from '../../../../../../shared/utils/ensure-array.js';
@@ -17,6 +17,7 @@ import { useQuery } from '../../../../../../core/client/infrastructure/react-que
 import 'intor/react';
 import 'lucide-react';
 import 'next/navigation';
+import '../../../../../../core/domain/resources/admin/constants.js';
 import '@radix-ui/react-avatar';
 import '../../shadcn/badge.js';
 import '../../shadcn/button.js';

package/dist/src/cms/client/interfaces/components/resources/{category → post/category}/category-card.js

@@ -1,46 +1,48 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { File, Notebook } from 'lucide-react';
-import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../constants/paths/redirect.js';
-import '../../../../../../constants/cms-locale.js';
+import { Notebook, File } from 'lucide-react';
+import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
 import 'mime-types';
-import '../../../../../../core/domain/resources/admin/constants.js';
-import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
+import 'sitero-domain';
+import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
 import 'clsx';
 import 'tailwind-merge';
-import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
 import 'zod';
-import { ResourceCard } from '../../ui/cards/resource-card/resource-card.js';
+import { ResourceCard } from '../../../ui/cards/resource-card/resource-card.js';
 import '@radix-ui/react-avatar';
-import '../../shadcn/badge.js';
-import '../../shadcn/button.js';
+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/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '../../shadcn/sidebar/sidebar.js';
+import '../../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import 'sonner';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/navigation';
 import 'react';
-import 'next/link';
-import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
-import '../../../../../../core/client/infrastructure/react-query/client.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
-import 'next/image';
-import { PostStateIcons } from '../post/post-state-icons.js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import 'next/link';
+import { PostStateIcons } from '../post-state-icons.js';
 
 const WIDTH = "200px";
 function CategoryCard({
   post: category,
+  isSubcategory,
+  hasSubcategory,
   // link
   openNewTab,
   // pick
@@ -53,7 +55,13 @@ function CategoryCard({
   const topic = category?.topic;
   const topicT = findTranslation(topic?.translations, locale);
   const categoryT = findTranslation(category?.translations, locale);
-  const href = joinUrl(
+  const childrenIcon = hasSubcategory ? /* @__PURE__ */ jsx(Notebook, {}) : /* @__PURE__ */ jsx(File, {});
+  const href = isSubcategory ? joinUrl(
+    CMS_PATHS.content["content-management"].subcategory.pathname(
+      topic?.slug
+    ),
+    category?.id
+  ) : joinUrl(
     CMS_PATHS.content["content-management"].category.pathname(topic?.slug),
     category?.id
   );
@@ -71,7 +79,7 @@ function CategoryCard({
       statesChildren: /* @__PURE__ */ jsx(PostStateIcons, { post: category }),
       titleChildren: categoryT.title,
       contentChildren: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-1.5 opacity-75", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx(File, { className: "size-3.5" }),
+        /* @__PURE__ */ jsx("span", { className: "[&_svg]:size-3.5", children: childrenIcon }),
         /* @__PURE__ */ jsxs("p", { className: "truncate", children: [
           ":\xA0",
           category && "children" in category ? category.children.length : /* @__PURE__ */ jsx("span", { className: "text-xs opacity-50", children: t("resources.see-in-details.text") })

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

@@ -0,0 +1,90 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { useTranslator } from 'intor/react';
+import { useState } from 'react';
+import { POST_TYPES } from 'sitero-domain';
+import 'mime-types';
+import 'clsx';
+import 'tailwind-merge';
+import { ensureArray } from '../../../../../../../shared/utils/ensure-array.js';
+import 'zod';
+import { Accordion } from '../../../ui/features/accordion/accordion.js';
+import { AccordionContainer } from '../../../ui/features/accordion/accordion-container.js';
+import 'lucide-react';
+import 'next/link';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.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 '@radix-ui/react-label';
+import '@radix-ui/react-radio-group';
+import '@radix-ui/react-select';
+import '@radix-ui/react-separator';
+import '../../../shadcn/sidebar/sidebar.js';
+import 'next-themes';
+import 'sonner';
+import '@radix-ui/react-tabs';
+import '@radix-ui/react-tooltip';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
+import '@tanstack/react-query';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import 'next/image';
+import { CategoryCard } from './category-card.js';
+import { CategoryTable } from './category-table.js';
+
+function createCategoryRelationsSection({
+  topics: staticTopics,
+  PostList
+}) {
+  return function CategoryRelationsSection({
+    category,
+    usableFields,
+    headerProps
+  }) {
+    const { t } = useTranslator();
+    const topic = category?.topic;
+    const currentTopic = staticTopics[topic?.slug ?? ""];
+    const isSubcategoryRelation = currentTopic?.roles.includes(POST_TYPES.SUBCATEGORY) && category?.type === POST_TYPES.CATEGORY;
+    const relationType = isSubcategoryRelation ? POST_TYPES.SUBCATEGORY : POST_TYPES.POST;
+    const posts = ensureArray(category?.children);
+    const [postStates, setPostStates] = useState(
+      {}
+    );
+    return /* @__PURE__ */ jsx(AccordionContainer, { children: /* @__PURE__ */ jsx(
+      Accordion,
+      {
+        hasBorder: true,
+        accordionHeaderProps: {
+          count: postStates.count ?? posts.length,
+          isRelated: headerProps?.isRelated ?? true,
+          children: isSubcategoryRelation ? t("resources.subcategory.text") : headerProps?.children ?? t("resources.post.text")
+        },
+        deps: [postStates.isFetching],
+        children: /* @__PURE__ */ jsx(
+          PostList,
+          {
+            usableFields,
+            type: relationType,
+            postIds: posts.map((p) => p.id),
+            openNewTab: true,
+            setListItemStates: setPostStates,
+            ...isSubcategoryRelation ? {
+              Card: (props) => /* @__PURE__ */ jsx(CategoryCard, { ...props, isSubcategory: true }),
+              Table: (props) => /* @__PURE__ */ jsx(CategoryTable, { ...props, isSubcategory: true })
+            } : {},
+            localKey: `relation-${relationType}`
+          }
+        )
+      }
+    ) });
+  };
+}
+
+export { createCategoryRelationsSection };

package/dist/src/cms/client/interfaces/components/resources/{category → post/category}/category-table.js

@@ -1,49 +1,52 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslator } from 'intor/react';
-import { File, Notebook } from 'lucide-react';
+import { Notebook, File } from 'lucide-react';
 import { useRouter } from 'next/navigation';
-import { CMS_PATHS } from '../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../constants/paths/redirect.js';
-import '../../../../../../constants/cms-locale.js';
+import { CMS_PATHS } from '../../../../../../../constants/paths/cms-paths.js';
+import '../../../../../../../constants/paths/redirect.js';
+import '../../../../../../../constants/cms-locale.js';
 import 'mime-types';
-import '../../../../../../core/domain/resources/admin/constants.js';
-import { findTranslation } from '../../../../../../shared/translation/find-translation.js';
-import { cn } from '../../../../../../shared/utils/cn.js';
-import { joinUrl } from '../../../../../../shared/utils/join-url.js';
+import 'sitero-domain';
+import { findTranslation } from '../../../../../../../shared/translation/find-translation.js';
+import { cn } from '../../../../../../../shared/utils/cn.js';
+import { joinUrl } from '../../../../../../../shared/utils/join-url.js';
 import 'zod';
 import '@radix-ui/react-avatar';
-import '../../shadcn/badge.js';
-import '../../shadcn/button.js';
+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/input-group.js';
 import '@radix-ui/react-label';
 import '@radix-ui/react-radio-group';
 import '@radix-ui/react-select';
 import '@radix-ui/react-separator';
-import '../../shadcn/sidebar/sidebar.js';
+import '../../../shadcn/sidebar/sidebar.js';
 import 'next-themes';
 import 'sonner';
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../shadcn/table.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../../../shadcn/table.js';
 import '@radix-ui/react-tabs';
 import '@radix-ui/react-tooltip';
 import 'next/link';
 import 'react';
-import { Badge } from '../../ui/display/badge.js';
-import '../../../../../../core/client/infrastructure/contexts/admin/admin.js';
-import '../../../../../../core/client/infrastructure/react-query/client.js';
+import { Badge } from '../../../ui/display/badge.js';
+import '../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
+import '../../../../../../../core/client/infrastructure/react-query/client.js';
 import '@tanstack/react-query';
-import { Tick } from '../../ui/features/tick.js';
+import '../../../../../../../core/domain/resources/admin/constants.js';
+import { Tick } from '../../../ui/features/tick.js';
 import 'next/image';
-import { PostStateIcons } from '../post/post-state-icons.js';
+import { PostStateIcons } from '../post-state-icons.js';
 
 function CategoryTable({
   posts: categories,
   pickedItems,
   handleClick,
-  openNewTab
+  openNewTab,
+  isSubcategory,
+  hasSubcategory
 }) {
   const { t, locale } = useTranslator();
   const router = useRouter();
@@ -54,7 +57,7 @@ function CategoryTable({
       /* @__PURE__ */ jsx(TableHead, { children: t("resources.topic.text") }),
       /* @__PURE__ */ jsx(TableHead, { children: t("resources.states.text") }),
       /* @__PURE__ */ jsx(TableHead, { children: t("resources.post.title.text") }),
-      /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(File, {}) })
+      /* @__PURE__ */ jsx(TableHead, { children: hasSubcategory ? /* @__PURE__ */ jsx(Notebook, {}) : /* @__PURE__ */ jsx(File, {}) })
     ] }) }),
     /* @__PURE__ */ jsx(TableBody, { children: categories.map((category) => {
       const topic = category?.topic;
@@ -63,7 +66,12 @@ function CategoryTable({
         (item) => item.id === category.id
       );
       const categoryT = findTranslation(category.translations, locale);
-      const href = joinUrl(
+      const href = isSubcategory ? joinUrl(
+        CMS_PATHS.content["content-management"].subcategory.pathname(
+          topic?.slug
+        ),
+        category?.id
+      ) : joinUrl(
         CMS_PATHS.content["content-management"].category.pathname(
           topic?.slug
         ),