@parto-system-design/ui 1.1.9 → 1.1.11

package/dist/index.cjs

@@ -11603,8 +11603,7 @@ var HeaderDispatcher = ({ post, density, onAuthorAnalytics, onAuthorProfile }) =
 var PostCard = React98__namespace.forwardRef(
   ({
     post,
-    view,
-    density,
+    view = "comfortable",
     selected = false,
     active = false,
     read = false,
@@ -11625,7 +11624,7 @@ var PostCard = React98__namespace.forwardRef(
     onClick,
     ...props
   }, ref) => {
-    const resolvedView = view ?? density ?? "comfortable";
+    const resolvedView = view;
     const headerDensity = resolvedView === "grid" ? "compact" : resolvedView;
     const effectiveActions = React98__namespace.useMemo(() => actions ?? defaultActions({ onOpenDetails }), [actions, onOpenDetails]);
     const config = getPostSourceConfig(post.source);
@@ -11660,7 +11659,6 @@ var PostCard = React98__namespace.forwardRef(
           tabIndex: 0,
           "data-slot": "post-card",
           "data-view": "compact",
-          "data-density": "compact",
           "data-source": post.source,
           "data-source-category": sourceCategory(post.source),
           "data-selected": selected || void 0,
@@ -11755,7 +11753,6 @@ var PostCard = React98__namespace.forwardRef(
           tabIndex: 0,
           "data-slot": "post-card",
           "data-view": "grid",
-          "data-density": "grid",
           "data-source": post.source,
           "data-source-category": sourceCategory(post.source),
           "data-selected": selected || void 0,
@@ -11840,7 +11837,6 @@ var PostCard = React98__namespace.forwardRef(
         tabIndex: onOpen ? 0 : void 0,
         "data-slot": "post-card",
         "data-view": "comfortable",
-        "data-density": "comfortable",
         "data-source": post.source,
         "data-source-category": sourceCategory(post.source),
         "data-selected": selected || void 0,
@@ -12619,8 +12615,6 @@ function readStoredView() {
   if (typeof window === "undefined") return null;
   const stored = window.localStorage.getItem(VIEW_STORAGE_KEY);
   if (stored === "compact" || stored === "comfortable" || stored === "grid") return stored;
-  const legacy = window.localStorage.getItem("parto-post-list-density");
-  if (legacy === "compact" || legacy === "comfortable") return legacy;
   return null;
 }
 function ts(d) {
@@ -12724,8 +12718,6 @@ var PostList = React98__namespace.forwardRef(
     posts,
     view: controlledView,
     onViewChange,
-    density: legacyDensity,
-    onDensityChange: legacyOnDensityChange,
     activeId,
     readIds,
     selectedIds,
@@ -12756,18 +12748,17 @@ var PostList = React98__namespace.forwardRef(
   }, ref) => {
     const [internalView, setInternalView] = React98__namespace.useState("comfortable");
     React98__namespace.useEffect(() => {
-      if (controlledView !== void 0 || legacyDensity !== void 0) return;
+      if (controlledView !== void 0) return;
       const stored = readStoredView();
       if (stored) setInternalView(stored);
-    }, [controlledView, legacyDensity]);
-    const view = controlledView ?? legacyDensity ?? internalView;
+    }, [controlledView]);
+    const view = controlledView ?? internalView;
     const handleView = (next) => {
-      if (controlledView === void 0 && legacyDensity === void 0) {
+      if (controlledView === void 0) {
         setInternalView(next);
         if (typeof window !== "undefined") window.localStorage.setItem(VIEW_STORAGE_KEY, next);
       }
       onViewChange?.(next);
-      if (next !== "grid") legacyOnDensityChange?.(next);
     };
     const readSet = React98__namespace.useMemo(() => toSet(readIds), [readIds]);
     const selectedSet = React98__namespace.useMemo(() => toSet(selectedIds), [selectedIds]);
@@ -12822,9 +12813,13 @@ var PostList = React98__namespace.forwardRef(
         onSelect: handleSelect,
         actions
       },
-      post.id
+      `${post.id}:${view}`
     );
-    const containerCls = view === "grid" ? "grid grid-cols-2 lg:grid-cols-3 gap-3 p-4" : view === "comfortable" ? "flex flex-col gap-3 p-4" : "flex flex-col";
+    const containerCls = React98__namespace.useMemo(() => {
+      if (view === "grid") return "grid grid-cols-2 lg:grid-cols-3 gap-3 p-4";
+      if (view === "comfortable") return "flex flex-col gap-3 p-4";
+      return "flex flex-col";
+    }, [view]);
     let body;
     if (isLoading) {
       body = loadingState ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultLoading, { view });
@@ -18415,7 +18410,7 @@ var FlowDistributionSection = React98__namespace.forwardRef(
     );
   }
 );
-var TopPostsSection = React98__namespace.forwardRef(function TopPostsSection2({ title, description, posts, topN = 5, density = "compact", locale = "fa", ...sectionProps }, ref) {
+var TopPostsSection = React98__namespace.forwardRef(function TopPostsSection2({ title, description, posts, topN = 5, view = "compact", locale = "fa", ...sectionProps }, ref) {
   const visible = posts.slice(0, topN);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ReportSection,
@@ -18424,7 +18419,7 @@ var TopPostsSection = React98__namespace.forwardRef(function TopPostsSection2({
       title: title ?? defaultTitle("topPosts", locale),
       description,
       ...sectionProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "report-section-top-posts", children: /* @__PURE__ */ jsxRuntime.jsx(PostList, { posts: visible, density }) })
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "report-section-top-posts", children: /* @__PURE__ */ jsxRuntime.jsx(PostList, { posts: visible, view }) })
     }
   );
 });