@spteck/react-controls-v2 2.6.9 → 2.7.0

package/dist/components/NewsCard/INewsCardProps.d.ts

@@ -32,5 +32,12 @@ export interface INewsCardProps extends IBaseProps {
     showAuthorDate?: boolean;
     /** Hide view / like stats in the meta row. Defaults to `true` (shown). */
     showStats?: boolean;
+    /**
+     * Show a settings gear button on the card. Clicking it opens a panel where
+     * the viewer can toggle image, body text, author/date, and stats visibility,
+     * and set headline / body line clamp values. State is local to each instance.
+     * @default false
+     */
+    showCardSettings?: boolean;
 }
 //# sourceMappingURL=INewsCardProps.d.ts.map

package/dist/components/NewsCardCompact/INewsCardCompactProps.d.ts

@@ -37,5 +37,12 @@ export interface INewsCardCompactProps extends IBaseProps {
     showAuthorDate?: boolean;
     /** Hide view / like stats in the meta row. Defaults to `true` (shown). */
     showStats?: boolean;
+    /**
+     * Show a settings gear button on the card. Clicking it opens a panel where
+     * the viewer can toggle image, body text, author/date, and stats visibility,
+     * and set headline / body line clamp values. State is local to each instance.
+     * @default false
+     */
+    showCardSettings?: boolean;
 }
 //# sourceMappingURL=INewsCardCompactProps.d.ts.map

package/dist/components/NewsFeed/DraggableFeedCard.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+export interface IDraggableFeedCardProps {
+    /** Unique id that matches the item id used in SortableContext. */
+    id: string;
+    /** When false the wrapper renders children as-is with no dnd behaviour. */
+    draggable?: boolean;
+    children: React.ReactNode;
+    /** Additional style applied to the outer wrapper (e.g. grid column span). */
+    wrapperStyle?: React.CSSProperties;
+    /** Additional className applied to the outer wrapper (e.g. masonry item class). */
+    wrapperClassName?: string;
+}
+/**
+ * DraggableFeedCard
+ *
+ * A thin sortable wrapper around any news card.
+ * When `draggable` is true it:
+ *  - registers itself with @dnd-kit/sortable via `useSortable`
+ *  - renders a drag handle (ReOrderDotsVertical icon) in the top-right corner,
+ *    visible only on hover or while dragging
+ *  - only attaches the pointer listeners to the handle so card clicks still work
+ *  - applies CSS transform/transition during drag for smooth reordering
+ */
+export declare const DraggableFeedCard: React.FC<IDraggableFeedCardProps>;
+//# sourceMappingURL=DraggableFeedCard.d.ts.map

package/dist/components/NewsFeed/INewsFeedProps.d.ts

@@ -34,6 +34,10 @@ export interface INewsFeedLayoutProps {
     height?: number | string;
     headlineLines?: number;
     bodyLines?: number;
+    /** Show a settings gear button on every card allowing per-card display customisation. */
+    showCardSettings?: boolean;
+    /** When true, each card renders a drag handle and the layout is sortable. */
+    draggable?: boolean;
 }
 export interface INewsFeedProps extends IBaseProps {
     /** Collection of news items to display */
@@ -77,5 +81,17 @@ export interface INewsFeedProps extends IBaseProps {
      * @default false
      */
     showCardSettings?: boolean;
+    /**
+     * Enable drag-and-drop reordering of cards.
+     * Supported layouts: `grid`, `list`, `masonry`, `feature`.
+     * Has no effect on `marquee`, `filmstrip`, `carousel`, and `trending`.
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * Called after the user drops a card into a new position.
+     * Receives the full re-ordered items array so the parent can persist the new order.
+     */
+    onItemsReorder?: (reorderedItems: INewsFeedItem[]) => void;
 }
 //# sourceMappingURL=INewsFeedProps.d.ts.map