framepexls-ui-lib 2.1.0 → 2.2.0

package/dist/Breadcrumb.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type BreadcrumbItem = {
@@ -15,6 +14,6 @@ type BreadcrumbProps = {
     loadingMinDurationMs?: number;
     className?: string;
 };
-declare function Breadcrumb({ items, maxItems, loading, loadingMinDurationMs, className, }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
+declare function Breadcrumb({ items, maxItems, loading, loadingMinDurationMs, className, }: BreadcrumbProps): React__default.JSX.Element;
 
 export { type BreadcrumbItem, type BreadcrumbProps, Breadcrumb as default };

package/dist/CalendarPanel.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 
 type CalendarPanelProps = {
     cursor: Date;
@@ -8,6 +8,6 @@ type CalendarPanelProps = {
     onCursorChange: (d: Date) => void;
     onPick: (d: Date) => void;
 };
-declare function CalendarPanel({ cursor, value, min, max, onCursorChange, onPick }: CalendarPanelProps): react_jsx_runtime.JSX.Element;
+declare function CalendarPanel({ cursor, value, min, max, onCursorChange, onPick }: CalendarPanelProps): React__default.JSX.Element;
 
 export { type CalendarPanelProps, CalendarPanel as default };

package/dist/CalendarPanel.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 
 type CalendarPanelProps = {
     cursor: Date;
@@ -8,6 +8,6 @@ type CalendarPanelProps = {
     onCursorChange: (d: Date) => void;
     onPick: (d: Date) => void;
 };
-declare function CalendarPanel({ cursor, value, min, max, onCursorChange, onPick }: CalendarPanelProps): react_jsx_runtime.JSX.Element;
+declare function CalendarPanel({ cursor, value, min, max, onCursorChange, onPick }: CalendarPanelProps): React__default.JSX.Element;
 
 export { type CalendarPanelProps, CalendarPanel as default };

package/dist/Carousel.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type CarouselSlide = {
@@ -48,6 +47,6 @@ type CarouselProps = {
         goTo?: (n: number) => string;
     };
 };
-declare function Carousel({ className, slides, initialIndex, autoAdvanceMs, backgroundMotion, showControls, showDots, chrome, showDecor, overlayNavTone, frameClassName, contentClassName, contentAlign, overlayNavBottomPx, heightMode, minHeightPx, renderOverlay, labels, }: CarouselProps): react_jsx_runtime.JSX.Element | null;
+declare function Carousel({ className, slides, initialIndex, autoAdvanceMs, backgroundMotion, showControls, showDots, chrome, showDecor, overlayNavTone, frameClassName, contentClassName, contentAlign, overlayNavBottomPx, heightMode, minHeightPx, renderOverlay, labels, }: CarouselProps): React__default.JSX.Element | null;
 
 export { type CarouselApi, type CarouselProps, type CarouselSlide, Carousel as default, useCarousel };

package/dist/Carousel.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type CarouselSlide = {
@@ -48,6 +47,6 @@ type CarouselProps = {
         goTo?: (n: number) => string;
     };
 };
-declare function Carousel({ className, slides, initialIndex, autoAdvanceMs, backgroundMotion, showControls, showDots, chrome, showDecor, overlayNavTone, frameClassName, contentClassName, contentAlign, overlayNavBottomPx, heightMode, minHeightPx, renderOverlay, labels, }: CarouselProps): react_jsx_runtime.JSX.Element | null;
+declare function Carousel({ className, slides, initialIndex, autoAdvanceMs, backgroundMotion, showControls, showDots, chrome, showDecor, overlayNavTone, frameClassName, contentClassName, contentAlign, overlayNavBottomPx, heightMode, minHeightPx, renderOverlay, labels, }: CarouselProps): React__default.JSX.Element | null;
 
 export { type CarouselApi, type CarouselProps, type CarouselSlide, Carousel as default, useCarousel };

package/dist/ChangeHistory.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type ChangeHistoryStatus = "success" | "failed" | "pending" | "info";
@@ -87,6 +86,6 @@ type ChangeHistoryProps = {
     renderDetails?: (item: ChangeHistoryItem) => React__default.ReactNode;
     labels?: Partial<ChangeHistoryLabels>;
 };
-declare function ChangeHistory({ items, loading, className, pageSize, initialView, view: controlledView, onViewChange, query: controlledQuery, onQueryChange, filters: controlledFilters, onFiltersChange, page: controlledPage, onPageChange, selectedId: controlledSelectedId, onSelectedIdChange, renderDetails, labels: labelsOverride, }: ChangeHistoryProps): react_jsx_runtime.JSX.Element;
+declare function ChangeHistory({ items, loading, className, pageSize, initialView, view: controlledView, onViewChange, query: controlledQuery, onQueryChange, filters: controlledFilters, onFiltersChange, page: controlledPage, onPageChange, selectedId: controlledSelectedId, onSelectedIdChange, renderDetails, labels: labelsOverride, }: ChangeHistoryProps): React__default.JSX.Element;
 
 export { type ChangeHistoryActor, type ChangeHistoryChange, type ChangeHistoryError, type ChangeHistoryFilterState, type ChangeHistoryItem, type ChangeHistoryLabels, type ChangeHistoryProps, type ChangeHistoryStatus, type ChangeHistoryTarget, ChangeHistory as default };

package/dist/ChangeHistory.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type ChangeHistoryStatus = "success" | "failed" | "pending" | "info";
@@ -87,6 +86,6 @@ type ChangeHistoryProps = {
     renderDetails?: (item: ChangeHistoryItem) => React__default.ReactNode;
     labels?: Partial<ChangeHistoryLabels>;
 };
-declare function ChangeHistory({ items, loading, className, pageSize, initialView, view: controlledView, onViewChange, query: controlledQuery, onQueryChange, filters: controlledFilters, onFiltersChange, page: controlledPage, onPageChange, selectedId: controlledSelectedId, onSelectedIdChange, renderDetails, labels: labelsOverride, }: ChangeHistoryProps): react_jsx_runtime.JSX.Element;
+declare function ChangeHistory({ items, loading, className, pageSize, initialView, view: controlledView, onViewChange, query: controlledQuery, onQueryChange, filters: controlledFilters, onFiltersChange, page: controlledPage, onPageChange, selectedId: controlledSelectedId, onSelectedIdChange, renderDetails, labels: labelsOverride, }: ChangeHistoryProps): React__default.JSX.Element;
 
 export { type ChangeHistoryActor, type ChangeHistoryChange, type ChangeHistoryError, type ChangeHistoryFilterState, type ChangeHistoryItem, type ChangeHistoryLabels, type ChangeHistoryProps, type ChangeHistoryStatus, type ChangeHistoryTarget, ChangeHistory as default };

package/dist/ChartCard.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type Props = {
@@ -10,6 +9,6 @@ type Props = {
     compact?: boolean;
     className?: string;
 };
-declare function ChartCard({ title, subtitle, right, children, footer, compact, className }: Props): react_jsx_runtime.JSX.Element;
+declare function ChartCard({ title, subtitle, right, children, footer, compact, className }: Props): React__default.JSX.Element;
 
 export { ChartCard as default };

package/dist/ChartCard.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type Props = {
@@ -10,6 +9,6 @@ type Props = {
     compact?: boolean;
     className?: string;
 };
-declare function ChartCard({ title, subtitle, right, children, footer, compact, className }: Props): react_jsx_runtime.JSX.Element;
+declare function ChartCard({ title, subtitle, right, children, footer, compact, className }: Props): React__default.JSX.Element;
 
 export { ChartCard as default };

package/dist/ChatCenter.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 
 type ChatUser = {
     id: string | number;
@@ -74,6 +74,6 @@ type ChatCenterProps = {
     className?: string;
     labels?: ChatCenterLabels;
 };
-declare function ChatCenter({ me, threads, messages, open: openProp, onOpenChange, defaultThreadId, activeThreadId: activeThreadIdProp, onThreadChange, onSendMessage, presence, typingUsers, onTyping, unreadCount: unreadCountProp, drawerWidthClass, className, labels, }: ChatCenterProps): react_jsx_runtime.JSX.Element;
+declare function ChatCenter({ me, threads, messages, open: openProp, onOpenChange, defaultThreadId, activeThreadId: activeThreadIdProp, onThreadChange, onSendMessage, presence, typingUsers, onTyping, unreadCount: unreadCountProp, drawerWidthClass, className, labels, }: ChatCenterProps): React__default.JSX.Element;
 
 export { type ChatCenterLabels, type ChatCenterProps, type ChatMessage, type ChatPresenceUser, type ChatThread, type ChatUser, ChatCenter as default };

package/dist/ChatCenter.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 
 type ChatUser = {
     id: string | number;
@@ -74,6 +74,6 @@ type ChatCenterProps = {
     className?: string;
     labels?: ChatCenterLabels;
 };
-declare function ChatCenter({ me, threads, messages, open: openProp, onOpenChange, defaultThreadId, activeThreadId: activeThreadIdProp, onThreadChange, onSendMessage, presence, typingUsers, onTyping, unreadCount: unreadCountProp, drawerWidthClass, className, labels, }: ChatCenterProps): react_jsx_runtime.JSX.Element;
+declare function ChatCenter({ me, threads, messages, open: openProp, onOpenChange, defaultThreadId, activeThreadId: activeThreadIdProp, onThreadChange, onSendMessage, presence, typingUsers, onTyping, unreadCount: unreadCountProp, drawerWidthClass, className, labels, }: ChatCenterProps): React__default.JSX.Element;
 
 export { type ChatCenterLabels, type ChatCenterProps, type ChatMessage, type ChatPresenceUser, type ChatThread, type ChatUser, ChatCenter as default };

package/dist/ChatbotCenter.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { DocEntry } from './KnowledgeBase.mjs';
 
@@ -84,6 +83,6 @@ type ChatbotCenterProps = {
     zIndex?: number;
     labels?: ChatbotCenterLabels;
 };
-declare function ChatbotCenter({ assistant, open: openProp, onOpenChange, messages: messagesProp, onMessagesChange, defaultMessages, persistKey, onSend, onFeedback, suggestions, knowledgeBase, drawerWidthClass, className, triggerVariant, unreadCount, zIndex, labels, }: ChatbotCenterProps): react_jsx_runtime.JSX.Element;
+declare function ChatbotCenter({ assistant, open: openProp, onOpenChange, messages: messagesProp, onMessagesChange, defaultMessages, persistKey, onSend, onFeedback, suggestions, knowledgeBase, drawerWidthClass, className, triggerVariant, unreadCount, zIndex, labels, }: ChatbotCenterProps): React__default.JSX.Element;
 
 export { type ChatbotAssistant, type ChatbotCenterLabels, type ChatbotCenterProps, type ChatbotKnowledgeBaseProps, type ChatbotMessage, type ChatbotRole, type ChatbotSendResult, type ChatbotSource, ChatbotCenter as default };

package/dist/ChatbotCenter.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 import { DocEntry } from './KnowledgeBase.js';
 
@@ -84,6 +83,6 @@ type ChatbotCenterProps = {
     zIndex?: number;
     labels?: ChatbotCenterLabels;
 };
-declare function ChatbotCenter({ assistant, open: openProp, onOpenChange, messages: messagesProp, onMessagesChange, defaultMessages, persistKey, onSend, onFeedback, suggestions, knowledgeBase, drawerWidthClass, className, triggerVariant, unreadCount, zIndex, labels, }: ChatbotCenterProps): react_jsx_runtime.JSX.Element;
+declare function ChatbotCenter({ assistant, open: openProp, onOpenChange, messages: messagesProp, onMessagesChange, defaultMessages, persistKey, onSend, onFeedback, suggestions, knowledgeBase, drawerWidthClass, className, triggerVariant, unreadCount, zIndex, labels, }: ChatbotCenterProps): React__default.JSX.Element;
 
 export { type ChatbotAssistant, type ChatbotCenterLabels, type ChatbotCenterProps, type ChatbotKnowledgeBaseProps, type ChatbotMessage, type ChatbotRole, type ChatbotSendResult, type ChatbotSource, ChatbotCenter as default };

package/dist/CheckboxPillsGroup.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type PillsOption = string | {
@@ -24,6 +23,6 @@ type CheckboxPillsGroupProps = {
     className?: string;
     color?: "theme" | "rose" | "sky" | "violet" | "emerald" | "indigo" | "amber" | "slate";
 };
-declare function CheckboxPillsGroup({ options, value, onChange, multiple, name, label, emptyText, size, accent, variant, rounded, withIcon, maxSelected, className, color, }: CheckboxPillsGroupProps): react_jsx_runtime.JSX.Element;
+declare function CheckboxPillsGroup({ options, value, onChange, multiple, name, label, emptyText, size, accent, variant, rounded, withIcon, maxSelected, className, color, }: CheckboxPillsGroupProps): React__default.JSX.Element;
 
 export { type CheckboxPillsGroupProps, type PillsOption, CheckboxPillsGroup as default };

package/dist/CheckboxPillsGroup.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type PillsOption = string | {
@@ -24,6 +23,6 @@ type CheckboxPillsGroupProps = {
     className?: string;
     color?: "theme" | "rose" | "sky" | "violet" | "emerald" | "indigo" | "amber" | "slate";
 };
-declare function CheckboxPillsGroup({ options, value, onChange, multiple, name, label, emptyText, size, accent, variant, rounded, withIcon, maxSelected, className, color, }: CheckboxPillsGroupProps): react_jsx_runtime.JSX.Element;
+declare function CheckboxPillsGroup({ options, value, onChange, multiple, name, label, emptyText, size, accent, variant, rounded, withIcon, maxSelected, className, color, }: CheckboxPillsGroupProps): React__default.JSX.Element;
 
 export { type CheckboxPillsGroupProps, type PillsOption, CheckboxPillsGroup as default };

package/dist/ColorPicker.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 
 type ColorPickerProps = {
     value?: string;
@@ -7,6 +7,6 @@ type ColorPickerProps = {
     className?: string;
     label?: string;
 };
-declare function ColorPicker({ value, onChange, presets, className, label }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+declare function ColorPicker({ value, onChange, presets, className, label }: ColorPickerProps): React__default.JSX.Element;
 
 export { type ColorPickerProps, ColorPicker as default };

package/dist/ColorPicker.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
 
 type ColorPickerProps = {
     value?: string;
@@ -7,6 +7,6 @@ type ColorPickerProps = {
     className?: string;
     label?: string;
 };
-declare function ColorPicker({ value, onChange, presets, className, label }: ColorPickerProps): react_jsx_runtime.JSX.Element;
+declare function ColorPicker({ value, onChange, presets, className, label }: ColorPickerProps): React__default.JSX.Element;
 
 export { type ColorPickerProps, ColorPicker as default };

package/dist/ColumnSelector.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type ColumnItem<K extends string> = {
@@ -12,6 +11,6 @@ type ColumnSelectorProps<K extends string> = {
     visible: Record<K, boolean>;
     setVisible: (key: K, val: boolean) => void;
 };
-declare function ColumnSelector<K extends string>({ open, onToggleOpen, items, visible, setVisible, }: ColumnSelectorProps<K>): react_jsx_runtime.JSX.Element;
+declare function ColumnSelector<K extends string>({ open, onToggleOpen, items, visible, setVisible, }: ColumnSelectorProps<K>): React__default.JSX.Element;
 
 export { type ColumnItem, ColumnSelector as default };

package/dist/ColumnSelector.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type ColumnItem<K extends string> = {
@@ -12,6 +11,6 @@ type ColumnSelectorProps<K extends string> = {
     visible: Record<K, boolean>;
     setVisible: (key: K, val: boolean) => void;
 };
-declare function ColumnSelector<K extends string>({ open, onToggleOpen, items, visible, setVisible, }: ColumnSelectorProps<K>): react_jsx_runtime.JSX.Element;
+declare function ColumnSelector<K extends string>({ open, onToggleOpen, items, visible, setVisible, }: ColumnSelectorProps<K>): React__default.JSX.Element;
 
 export { type ColumnItem, ColumnSelector as default };

package/dist/ComboSelect.d.mts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type ComboOption = {
@@ -40,6 +39,6 @@ type ComboSelectProps = {
     onQueryChange?: (q: string) => void;
     showAvatar?: boolean;
 };
-declare function ComboSelect({ options, sections, value, onChange, placeholder, disabled, loading, allowClear, searchable, maxItems, className, noResultsText, renderOption, renderSectionHeader, portalTarget, closeOnSelect, keepFocusOnSelect, clearQueryOnSelect, renderTags, interactiveOptions, onQueryChange, showAvatar, }: ComboSelectProps): react_jsx_runtime.JSX.Element;
+declare function ComboSelect({ options, sections, value, onChange, placeholder, disabled, loading, allowClear, searchable, maxItems, className, noResultsText, renderOption, renderSectionHeader, portalTarget, closeOnSelect, keepFocusOnSelect, clearQueryOnSelect, renderTags, interactiveOptions, onQueryChange, showAvatar, }: ComboSelectProps): React__default.JSX.Element;
 
 export { type ComboOption, type ComboSection, type ComboSelectProps, ComboSelect as default };

package/dist/ComboSelect.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
 
 type ComboOption = {
@@ -40,6 +39,6 @@ type ComboSelectProps = {
     onQueryChange?: (q: string) => void;
     showAvatar?: boolean;
 };
-declare function ComboSelect({ options, sections, value, onChange, placeholder, disabled, loading, allowClear, searchable, maxItems, className, noResultsText, renderOption, renderSectionHeader, portalTarget, closeOnSelect, keepFocusOnSelect, clearQueryOnSelect, renderTags, interactiveOptions, onQueryChange, showAvatar, }: ComboSelectProps): react_jsx_runtime.JSX.Element;
+declare function ComboSelect({ options, sections, value, onChange, placeholder, disabled, loading, allowClear, searchable, maxItems, className, noResultsText, renderOption, renderSectionHeader, portalTarget, closeOnSelect, keepFocusOnSelect, clearQueryOnSelect, renderTags, interactiveOptions, onQueryChange, showAvatar, }: ComboSelectProps): React__default.JSX.Element;
 
 export { type ComboOption, type ComboSection, type ComboSelectProps, ComboSelect as default };

package/dist/DataPageLayout.d.mts

@@ -0,0 +1,64 @@
+import React__default from 'react';
+import DataTable, { DataTableColumn } from './DataTable.mjs';
+import { DataTableCardFooterProps } from './DataTableCardFooter.mjs';
+import { EmptyStateProps } from './EmptyState.mjs';
+import { PageScaffoldProps } from './PageScaffold.mjs';
+import { BreadcrumbItem } from './Breadcrumb.mjs';
+import './Badge.mjs';
+import './Button.mjs';
+import './FiltersMultiSelect.mjs';
+import './CheckboxPillsGroup.mjs';
+
+type DataPageKpiTickerItem = {
+    id: string;
+    label: string;
+    value: React__default.ReactNode;
+    helper?: React__default.ReactNode;
+    symbol?: string;
+    numericValue?: number | null;
+    accent?: string;
+    change?: number | null;
+    changePercent?: number | null;
+    sparkline?: number[];
+};
+type DataPagePaginationProps = Pick<DataTableCardFooterProps, "page" | "totalPages" | "pageSize" | "pageSizeOptions" | "onPageChange" | "onPageSizeChange">;
+type DataTablePassthroughProps<Row, K extends string> = Omit<React__default.ComponentProps<typeof DataTable<Row, K>>, "rows" | "columns" | "getRowId" | "empty">;
+type DataPageLayoutProps<Row, K extends string> = Omit<PageScaffoldProps, "breadcrumb" | "children" | "columns" | "empty" | "emptyState" | "kpis" | "top"> & {
+    title?: string;
+    subtitle?: string;
+    breadcrumb?: PageScaffoldProps["breadcrumb"];
+    breadcrumbItems?: BreadcrumbItem[];
+    top?: React__default.ReactNode;
+    tickerItems?: DataPageKpiTickerItem[];
+    tickerClassName?: string;
+    beforeTable?: React__default.ReactNode;
+    afterTable?: React__default.ReactNode;
+    overlays?: React__default.ReactNode;
+    cardClassName?: string;
+    cardHeaderClassName?: string;
+    bulkBar?: React__default.ReactNode;
+    controlsLeft?: React__default.ReactNode;
+    controlsRight?: React__default.ReactNode;
+    toolbarColumns?: React__default.ReactNode;
+    rows?: Row[];
+    columns?: Array<DataTableColumn<Row, K, any>>;
+    getRowId?: (row: Row) => string;
+    tableProps?: DataTablePassthroughProps<Row, K>;
+    table?: React__default.ReactNode;
+    tableContainerClassName?: string;
+    empty?: boolean;
+    emptyState?: React__default.ReactElement | EmptyStateProps | string | number;
+    emptyAction?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    pagination?: DataPagePaginationProps;
+    error?: React__default.ReactNode;
+    errorClassName?: string;
+    children?: React__default.ReactNode;
+};
+declare function DataPageKpiTickerRow({ items, className, }: {
+    items: DataPageKpiTickerItem[];
+    className?: string;
+}): React__default.JSX.Element;
+declare function DataPageLayout<Row, K extends string>({ title: _title, subtitle: _subtitle, breadcrumb, breadcrumbItems, top, tickerItems, tickerClassName, beforeTable, afterTable, overlays, cardClassName, cardHeaderClassName, bulkBar, controlsLeft, controlsRight, toolbarColumns, rows, columns, getRowId, tableProps, table, tableContainerClassName, empty, emptyState, emptyAction, footer, pagination, error, errorClassName, children, ...pageProps }: DataPageLayoutProps<Row, K>): React__default.JSX.Element;
+
+export { type DataPageKpiTickerItem, DataPageKpiTickerRow, type DataPageLayoutProps, type DataPagePaginationProps, DataPageLayout as default };

package/dist/DataPageLayout.d.ts

@@ -0,0 +1,64 @@
+import React__default from 'react';
+import DataTable, { DataTableColumn } from './DataTable.js';
+import { DataTableCardFooterProps } from './DataTableCardFooter.js';
+import { EmptyStateProps } from './EmptyState.js';
+import { PageScaffoldProps } from './PageScaffold.js';
+import { BreadcrumbItem } from './Breadcrumb.js';
+import './Badge.js';
+import './Button.js';
+import './FiltersMultiSelect.js';
+import './CheckboxPillsGroup.js';
+
+type DataPageKpiTickerItem = {
+    id: string;
+    label: string;
+    value: React__default.ReactNode;
+    helper?: React__default.ReactNode;
+    symbol?: string;
+    numericValue?: number | null;
+    accent?: string;
+    change?: number | null;
+    changePercent?: number | null;
+    sparkline?: number[];
+};
+type DataPagePaginationProps = Pick<DataTableCardFooterProps, "page" | "totalPages" | "pageSize" | "pageSizeOptions" | "onPageChange" | "onPageSizeChange">;
+type DataTablePassthroughProps<Row, K extends string> = Omit<React__default.ComponentProps<typeof DataTable<Row, K>>, "rows" | "columns" | "getRowId" | "empty">;
+type DataPageLayoutProps<Row, K extends string> = Omit<PageScaffoldProps, "breadcrumb" | "children" | "columns" | "empty" | "emptyState" | "kpis" | "top"> & {
+    title?: string;
+    subtitle?: string;
+    breadcrumb?: PageScaffoldProps["breadcrumb"];
+    breadcrumbItems?: BreadcrumbItem[];
+    top?: React__default.ReactNode;
+    tickerItems?: DataPageKpiTickerItem[];
+    tickerClassName?: string;
+    beforeTable?: React__default.ReactNode;
+    afterTable?: React__default.ReactNode;
+    overlays?: React__default.ReactNode;
+    cardClassName?: string;
+    cardHeaderClassName?: string;
+    bulkBar?: React__default.ReactNode;
+    controlsLeft?: React__default.ReactNode;
+    controlsRight?: React__default.ReactNode;
+    toolbarColumns?: React__default.ReactNode;
+    rows?: Row[];
+    columns?: Array<DataTableColumn<Row, K, any>>;
+    getRowId?: (row: Row) => string;
+    tableProps?: DataTablePassthroughProps<Row, K>;
+    table?: React__default.ReactNode;
+    tableContainerClassName?: string;
+    empty?: boolean;
+    emptyState?: React__default.ReactElement | EmptyStateProps | string | number;
+    emptyAction?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    pagination?: DataPagePaginationProps;
+    error?: React__default.ReactNode;
+    errorClassName?: string;
+    children?: React__default.ReactNode;
+};
+declare function DataPageKpiTickerRow({ items, className, }: {
+    items: DataPageKpiTickerItem[];
+    className?: string;
+}): React__default.JSX.Element;
+declare function DataPageLayout<Row, K extends string>({ title: _title, subtitle: _subtitle, breadcrumb, breadcrumbItems, top, tickerItems, tickerClassName, beforeTable, afterTable, overlays, cardClassName, cardHeaderClassName, bulkBar, controlsLeft, controlsRight, toolbarColumns, rows, columns, getRowId, tableProps, table, tableContainerClassName, empty, emptyState, emptyAction, footer, pagination, error, errorClassName, children, ...pageProps }: DataPageLayoutProps<Row, K>): React__default.JSX.Element;
+
+export { type DataPageKpiTickerItem, DataPageKpiTickerRow, type DataPageLayoutProps, type DataPagePaginationProps, DataPageLayout as default };

package/dist/DataPageLayout.js

@@ -0,0 +1,191 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DataPageLayout_exports = {};
+__export(DataPageLayout_exports, {
+  DataPageKpiTickerRow: () => DataPageKpiTickerRow,
+  default: () => DataPageLayout
+});
+module.exports = __toCommonJS(DataPageLayout_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_AssetTickerRow = __toESM(require("./AssetTickerRow"));
+var import_DataTable = __toESM(require("./DataTable"));
+var import_DataTableCard = __toESM(require("./DataTableCard"));
+var import_DataTableCardFooter = __toESM(require("./DataTableCardFooter"));
+var import_EmptyState = __toESM(require("./EmptyState"));
+var import_PageScaffold = __toESM(require("./PageScaffold"));
+function cx(...values) {
+  return values.filter(Boolean).join(" ");
+}
+const accents = ["var(--primary)", "#0ea5e9", "#22c55e"];
+function toNumericValue(value) {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string") {
+    const parsed = Number(value.replace(/[^\d.-]/g, ""));
+    return Number.isFinite(parsed) ? parsed : null;
+  }
+  return null;
+}
+function getSymbol(label, fallback) {
+  const words = label.normalize("NFD").replace(/[\u0300-\u036f]/g, "").split(/\s+/).filter(Boolean);
+  const initials = words.map((word) => word[0]).join("").slice(0, 3);
+  return (initials || fallback).toUpperCase();
+}
+function DataPageKpiTickerRow({
+  items,
+  className
+}) {
+  const tickerItems = items.slice(0, 3).map((item, index) => {
+    var _a, _b, _c, _d, _e;
+    const price = (_a = item.numericValue) != null ? _a : toNumericValue(item.value);
+    const sparkline = (_b = item.sparkline) != null ? _b : [
+      Math.max(0, (price != null ? price : 0) * 0.72),
+      Math.max(0, (price != null ? price : 0) * 0.88),
+      Math.max(0, price != null ? price : 0)
+    ];
+    return {
+      id: item.id,
+      name: item.label,
+      symbol: (_c = item.symbol) != null ? _c : getSymbol(item.label, String(index + 1)),
+      price,
+      change: item.change,
+      changePercent: item.changePercent,
+      sparkline,
+      accent: (_e = (_d = item.accent) != null ? _d : accents[index]) != null ? _e : "var(--primary)",
+      meta: item.helper,
+      displayValue: item.value
+    };
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_AssetTickerRow.default,
+    {
+      items: tickerItems,
+      className,
+      priceFormatter: (_, item) => item.displayValue
+    }
+  );
+}
+function renderEmptyState(emptyState) {
+  if (!emptyState) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EmptyState.default, {});
+  if (import_react.default.isValidElement(emptyState)) return emptyState;
+  if (typeof emptyState === "string" || typeof emptyState === "number") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EmptyState.default, { title: emptyState });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EmptyState.default, { ...emptyState });
+}
+function DataPageLayout({
+  title: _title,
+  subtitle: _subtitle,
+  breadcrumb,
+  breadcrumbItems,
+  top,
+  tickerItems,
+  tickerClassName,
+  beforeTable,
+  afterTable,
+  overlays,
+  cardClassName,
+  cardHeaderClassName,
+  bulkBar,
+  controlsLeft,
+  controlsRight,
+  toolbarColumns,
+  rows,
+  columns,
+  getRowId,
+  tableProps,
+  table,
+  tableContainerClassName,
+  empty,
+  emptyState,
+  emptyAction,
+  footer,
+  pagination,
+  error,
+  errorClassName,
+  children,
+  ...pageProps
+}) {
+  const resolvedBreadcrumb = breadcrumb != null ? breadcrumb : (breadcrumbItems == null ? void 0 : breadcrumbItems.length) ? { items: breadcrumbItems } : void 0;
+  const hasTicker = Boolean(tickerItems == null ? void 0 : tickerItems.length);
+  const tableRows = rows != null ? rows : [];
+  const resolvedEmpty = empty != null ? empty : !table && tableRows.length === 0;
+  const tableNode = table != null ? table : columns && getRowId ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_DataTable.default,
+    {
+      rows: tableRows,
+      columns,
+      getRowId,
+      ...tableProps != null ? tableProps : {}
+    }
+  ) : null;
+  const footerNode = footer != null ? footer : pagination ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_DataTableCardFooter.default,
+    {
+      page: pagination.page,
+      totalPages: pagination.totalPages,
+      pageSize: pagination.pageSize,
+      pageSizeOptions: pagination.pageSizeOptions,
+      onPageChange: pagination.onPageChange,
+      onPageSizeChange: pagination.onPageSizeChange
+    }
+  ) : null;
+  const topNode = top || hasTicker ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    top,
+    hasTicker ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DataPageKpiTickerRow, { items: tickerItems != null ? tickerItems : [], className: tickerClassName }) : null
+  ] }) : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_PageScaffold.default, { ...pageProps, breadcrumb: resolvedBreadcrumb, top: topNode, columns: toolbarColumns, children: [
+    beforeTable,
+    children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_DataTableCard.default,
+      {
+        className: cardClassName,
+        headerClassName: cardHeaderClassName,
+        bulkBar,
+        controlsLeft,
+        controlsRight,
+        children: resolvedEmpty ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "p-8", children: [
+          renderEmptyState(emptyState),
+          emptyAction ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-4 flex justify-center", children: emptyAction }) : null
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cx("overflow-auto", tableContainerClassName), children: tableNode }),
+          footerNode
+        ] })
+      }
+    ),
+    error ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cx("mt-4 rounded-xl border border-[var(--border)] px-4 py-3 text-sm text-[var(--muted)]", errorClassName), children: error }) : null,
+    afterTable,
+    overlays
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DataPageKpiTickerRow
+});