@ngrr/ds 0.1.5 → 0.1.7

package/dist/components/organisms/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export type AlertDialogVariant = 'default' | 'danger';
+export interface AlertDialogProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onClose?: () => void;
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    variant?: AlertDialogVariant;
+    title?: string;
+    message?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    requireAcknowledgement?: boolean;
+    acknowledgementLabel?: string;
+    acknowledgementChecked?: boolean;
+    defaultAcknowledgementChecked?: boolean;
+    onAcknowledgementChange?: (checked: boolean) => void;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function AlertDialog({ open, defaultOpen, onOpenChange, onClose, closeOnOverlayClick, closeOnEscape, variant, title, message, confirmLabel, cancelLabel, onConfirm, onCancel, requireAcknowledgement, acknowledgementLabel, acknowledgementChecked, defaultAcknowledgementChecked, onAcknowledgementChange, className, 'aria-label': ariaLabel, }: AlertDialogProps): React.ReactPortal | null;
+export default AlertDialog;

package/dist/components/organisms/AlertDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { AlertDialog } from './AlertDialog';
+export type { AlertDialogProps, AlertDialogVariant } from './AlertDialog';

package/dist/components/organisms/AppShell/AppShell.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface AppShellProps {
+    header?: React.ReactNode;
+    sidebar?: React.ReactNode;
+    rightPanel?: React.ReactNode;
+    footer?: React.ReactNode;
+    sidebarWidth?: number;
+    sidebarCollapsed?: boolean;
+    minSidebarWidth?: number;
+    maxSidebarWidth?: number;
+    collapsedSidebarWidth?: number;
+    defaultSidebarWidth?: number;
+    sidebarResizeStep?: number;
+    onSidebarWidthChange?: (nextWidth: number) => void;
+    onSidebarCollapsedChange?: (nextCollapsed: boolean) => void;
+    children: React.ReactNode;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function AppShell({ header, sidebar, rightPanel, footer, sidebarWidth, sidebarCollapsed, minSidebarWidth, maxSidebarWidth, collapsedSidebarWidth, defaultSidebarWidth, sidebarResizeStep, onSidebarWidthChange, onSidebarCollapsedChange, children, className, 'aria-label': ariaLabel, }: AppShellProps): import("react/jsx-runtime").JSX.Element;
+export default AppShell;

package/dist/components/organisms/AppShell/index.d.ts

@@ -0,0 +1,2 @@
+export { AppShell } from './AppShell';
+export type { AppShellProps } from './AppShell';

package/dist/components/organisms/Card/Card.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { SectionHeaderSize } from '../../atoms/SectionHeader';
+import { ToolbarSize } from '../../molecules/Toolbar';
+export interface CardProps {
+    showHeader?: boolean;
+    title?: string;
+    description?: string;
+    headerSize?: SectionHeaderSize;
+    headerLeadingControl?: React.ReactNode;
+    headerTrailingControl?: React.ReactNode;
+    header?: React.ReactNode;
+    children?: React.ReactNode;
+    showBottomBar?: boolean;
+    bottomBarSize?: ToolbarSize;
+    bottomBarLeftActions?: React.ReactNode;
+    bottomBarRightActions?: React.ReactNode;
+    bottomBar?: React.ReactNode;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function Card({ showHeader, title, description, headerSize, headerLeadingControl, headerTrailingControl, header, children, showBottomBar, bottomBarSize, bottomBarLeftActions, bottomBarRightActions, bottomBar, className, 'aria-label': ariaLabel, }: CardProps): import("react/jsx-runtime").JSX.Element;
+export default Card;

package/dist/components/organisms/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { Card } from './Card';
+export type { CardProps } from './Card';

package/dist/components/organisms/Charts/Charts.d.ts

@@ -0,0 +1,112 @@
+import { default as React } from 'react';
+import { CardProps } from '../Card';
+import { ChartDataPoint, ChartDonutSlice, ChartSeries, ChartState } from '../../../types/common';
+export interface LineChartProps {
+    data: ChartDataPoint[];
+    xKey: string;
+    series: ChartSeries[];
+    height?: number;
+    state?: ChartState;
+    emptyMessage?: string;
+    errorMessage?: string;
+    loadingLabel?: string;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function LineChart({ data, xKey, series, height, state, emptyMessage, errorMessage, loadingLabel, className, 'aria-label': ariaLabel, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
+export interface BarChartProps {
+    data: ChartDataPoint[];
+    xKey: string;
+    series: ChartSeries[];
+    height?: number;
+    state?: ChartState;
+    emptyMessage?: string;
+    errorMessage?: string;
+    loadingLabel?: string;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function BarChart({ data, xKey, series, height, state, emptyMessage, errorMessage, loadingLabel, className, 'aria-label': ariaLabel, }: BarChartProps): import("react/jsx-runtime").JSX.Element;
+export interface DonutChartProps {
+    data: ChartDonutSlice[];
+    height?: number;
+    innerRadius?: number;
+    outerRadius?: number;
+    state?: ChartState;
+    emptyMessage?: string;
+    errorMessage?: string;
+    loadingLabel?: string;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function DonutChart({ data, height, innerRadius, outerRadius, state, emptyMessage, errorMessage, loadingLabel, className, 'aria-label': ariaLabel, }: DonutChartProps): import("react/jsx-runtime").JSX.Element;
+export interface ChartCardProps extends Omit<CardProps, 'children'> {
+    children: React.ReactNode;
+}
+export interface AreaChartProps {
+    data: ChartDataPoint[];
+    xKey: string;
+    series: ChartSeries[];
+    height?: number;
+    state?: ChartState;
+    emptyMessage?: string;
+    errorMessage?: string;
+    loadingLabel?: string;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function AreaChart({ data, xKey, series, height, state, emptyMessage, errorMessage, loadingLabel, className, 'aria-label': ariaLabel, }: AreaChartProps): import("react/jsx-runtime").JSX.Element;
+export interface HorizontalStackedBarChartProps {
+    data: ChartDataPoint[];
+    categoryKey: string;
+    series: ChartSeries[];
+    height?: number;
+    state?: ChartState;
+    emptyMessage?: string;
+    errorMessage?: string;
+    loadingLabel?: string;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function HorizontalStackedBarChart({ data, categoryKey, series, height, state, emptyMessage, errorMessage, loadingLabel, className, 'aria-label': ariaLabel, }: HorizontalStackedBarChartProps): import("react/jsx-runtime").JSX.Element;
+export interface StreamgraphChartProps {
+    data: ChartDataPoint[];
+    xKey: string;
+    series: ChartSeries[];
+    height?: number;
+    state?: ChartState;
+    emptyMessage?: string;
+    errorMessage?: string;
+    loadingLabel?: string;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function StreamgraphChart({ data, xKey, series, height, state, emptyMessage, errorMessage, loadingLabel, className, 'aria-label': ariaLabel, }: StreamgraphChartProps): import("react/jsx-runtime").JSX.Element;
+export interface BrushLineChartProps extends Omit<LineChartProps, 'height'> {
+    height?: number;
+}
+export declare function BrushLineChart({ data, xKey, series, height, state, emptyMessage, errorMessage, loadingLabel, className, 'aria-label': ariaLabel, }: BrushLineChartProps): import("react/jsx-runtime").JSX.Element;
+export interface XYLineChartProps extends Omit<LineChartProps, 'height'> {
+    height?: number;
+}
+export declare function XYLineChart({ data, xKey, series, height, state, emptyMessage, errorMessage, loadingLabel, className, 'aria-label': ariaLabel, }: XYLineChartProps): import("react/jsx-runtime").JSX.Element;
+export interface HeatmapChartCell {
+    y: string;
+    value: number;
+}
+export interface HeatmapChartColumn {
+    x: string;
+    bins: HeatmapChartCell[];
+}
+export interface HeatmapChartProps {
+    data: HeatmapChartColumn[];
+    height?: number;
+    state?: ChartState;
+    emptyMessage?: string;
+    errorMessage?: string;
+    loadingLabel?: string;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function HeatmapChart({ data, height, state, emptyMessage, errorMessage, loadingLabel, className, 'aria-label': ariaLabel, }: HeatmapChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartCard({ children, className, ...props }: ChartCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/Charts/index.d.ts

@@ -0,0 +1,2 @@
+export { LineChart, BarChart, DonutChart, AreaChart, HorizontalStackedBarChart, StreamgraphChart, BrushLineChart, XYLineChart, HeatmapChart, ChartCard, } from './Charts';
+export type { LineChartProps, BarChartProps, DonutChartProps, AreaChartProps, HorizontalStackedBarChartProps, StreamgraphChartProps, BrushLineChartProps, XYLineChartProps, HeatmapChartProps, HeatmapChartColumn, HeatmapChartCell, ChartCardProps, } from './Charts';

package/dist/components/organisms/DataTable/DataTable.d.ts

@@ -0,0 +1,27 @@
+import { DataTableColumnDef, DataTableRow, DataTableSortDirection } from '../../../types/common';
+export interface DataTableSortState {
+    columnId: string;
+    direction: DataTableSortDirection;
+}
+export interface DataTablePaginationState {
+    currentPage: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+}
+export interface DataTableProps {
+    columns: DataTableColumnDef[];
+    rows: DataTableRow[];
+    columnOrder?: string[];
+    onColumnOrderChange?: (nextOrder: string[]) => void;
+    selectedRowIds?: string[];
+    onSelectedRowIdsChange?: (nextSelectedRowIds: string[]) => void;
+    sortState?: DataTableSortState | null;
+    onSortStateChange?: (nextState: DataTableSortState | null) => void;
+    filterState?: Record<string, string>;
+    onFilterStateChange?: (next: Record<string, string>) => void;
+    pagination?: DataTablePaginationState;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function DataTable({ columns, rows, columnOrder, onColumnOrderChange, selectedRowIds, onSelectedRowIdsChange, sortState, onSortStateChange, filterState, onFilterStateChange, pagination, className, 'aria-label': ariaLabel, }: DataTableProps): import("react/jsx-runtime").JSX.Element;
+export default DataTable;

package/dist/components/organisms/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+export { DataTable } from './DataTable';
+export type { DataTableProps, DataTableSortState, DataTablePaginationState } from './DataTable';

package/dist/components/organisms/Drawer/Drawer.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+import { SectionHeaderSize } from '../../atoms/SectionHeader';
+import { ToolbarSize } from '../../molecules/Toolbar';
+export type DrawerVariant = 'overlay' | 'stacked';
+export type DrawerPlacement = 'left' | 'right';
+export interface DrawerProps {
+    variant?: DrawerVariant;
+    placement?: DrawerPlacement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onClose?: () => void;
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    width?: number | string;
+    title?: string;
+    description?: string;
+    showHeader?: boolean;
+    headerSize?: SectionHeaderSize;
+    headerLeadingControl?: React.ReactNode;
+    headerTrailingControl?: React.ReactNode;
+    showCloseButton?: boolean;
+    showToggle?: boolean;
+    toggleChecked?: boolean;
+    onToggleChange?: (checked: boolean) => void;
+    toggleAriaLabel?: string;
+    header?: React.ReactNode;
+    children?: React.ReactNode;
+    showBottomBar?: boolean;
+    bottomBarSize?: ToolbarSize;
+    bottomBarLeftActions?: React.ReactNode;
+    bottomBarRightActions?: React.ReactNode;
+    bottomBar?: React.ReactNode;
+    cancelLabel?: string;
+    confirmLabel?: string;
+    onCancel?: () => void;
+    onConfirm?: () => void;
+    className?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare function Drawer({ variant, placement, open, defaultOpen, onOpenChange, onClose, closeOnOverlayClick, closeOnEscape, width, title, description, showHeader, headerSize, headerLeadingControl, headerTrailingControl, showCloseButton, showToggle, toggleChecked, onToggleChange, toggleAriaLabel, header, children, showBottomBar, bottomBarSize, bottomBarLeftActions, bottomBarRightActions, bottomBar, cancelLabel, confirmLabel, onCancel, onConfirm, className, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, }: DrawerProps): import("react/jsx-runtime").JSX.Element | null;
+export default Drawer;

package/dist/components/organisms/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer } from './Drawer';
+export type { DrawerProps, DrawerVariant, DrawerPlacement } from './Drawer';

package/dist/components/organisms/Modal/Modal.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+import { SectionHeaderSize } from '../../atoms/SectionHeader';
+import { ToolbarSize } from '../../molecules/Toolbar';
+export interface ModalProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onClose?: () => void;
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    title?: string;
+    description?: string;
+    showHeader?: boolean;
+    headerSize?: SectionHeaderSize;
+    headerLeadingControl?: React.ReactNode;
+    headerTrailingControl?: React.ReactNode;
+    showCloseButton?: boolean;
+    header?: React.ReactNode;
+    children?: React.ReactNode;
+    showBottomBar?: boolean;
+    bottomBarSize?: ToolbarSize;
+    bottomBarLeftActions?: React.ReactNode;
+    bottomBarRightActions?: React.ReactNode;
+    bottomBar?: React.ReactNode;
+    cancelLabel?: string;
+    confirmLabel?: string;
+    onCancel?: () => void;
+    onConfirm?: () => void;
+    className?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+}
+export declare function Modal({ open, defaultOpen, onOpenChange, onClose, closeOnOverlayClick, closeOnEscape, title, description, showHeader, headerSize, headerLeadingControl, headerTrailingControl, showCloseButton, header, children, showBottomBar, bottomBarSize, bottomBarLeftActions, bottomBarRightActions, bottomBar, cancelLabel, confirmLabel, onCancel, onConfirm, className, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, }: ModalProps): React.ReactPortal | null;
+export default Modal;

package/dist/components/organisms/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './Modal';
+export type { ModalProps } from './Modal';

package/dist/components/organisms/Navbar/Navbar.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { BreadcrumbControllerItem, BreadcrumbsControllerProps } from '../../molecules/Breadcrumbs';
+export type NavbarVariant = 'title' | 'breadcrumbs';
+export interface NavbarProps {
+    variant?: NavbarVariant;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    showDescription?: boolean;
+    descriptionIcon?: React.ReactNode;
+    leftActions?: React.ReactNode;
+    rightActions?: React.ReactNode;
+    breadcrumbItems?: BreadcrumbControllerItem[];
+    breadcrumbMaxVisibleItems?: BreadcrumbsControllerProps['maxVisibleItems'];
+    breadcrumbShowEllipsis?: BreadcrumbsControllerProps['showEllipsis'];
+    responsiveCollapse?: boolean;
+    backOnlyBreakpointPx?: number;
+    backLabel?: string;
+    onBackClick?: () => void;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function Navbar({ variant, title, description, showDescription, descriptionIcon, leftActions, rightActions, breadcrumbItems, breadcrumbMaxVisibleItems, breadcrumbShowEllipsis, responsiveCollapse, backOnlyBreakpointPx, backLabel, onBackClick, className, 'aria-label': ariaLabel, }: NavbarProps): import("react/jsx-runtime").JSX.Element;
+export default Navbar;

package/dist/components/organisms/Navbar/index.d.ts

@@ -0,0 +1,2 @@
+export { Navbar } from './Navbar';
+export type { NavbarProps, NavbarVariant } from './Navbar';

package/dist/components/organisms/PopoverMenu/PopoverMenu.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { SearchBarProps } from '../../atoms/SearchBar';
+import { SegmentControlOption, SegmentControlProps } from '../../atoms/SegmentControl';
+import { ChoiceListItem, ChoiceListSection } from '../../molecules/ChoiceList';
+export type PopoverMenuVariant = 'rich' | 'simple';
+export interface PopoverMenuChoiceList {
+    id: string;
+    title?: string;
+    description?: string;
+    showHeader?: boolean;
+    showSectionHeaders?: boolean;
+    sections: ChoiceListSection[];
+}
+export interface PopoverMenuProps {
+    variant?: PopoverMenuVariant;
+    title?: string;
+    showHeader?: boolean;
+    showSegmentControl?: boolean;
+    segmentControlOptions?: SegmentControlOption[];
+    segmentControlProps?: Omit<SegmentControlProps, 'options'>;
+    showSearch?: boolean;
+    searchProps?: Omit<SearchBarProps, 'variant'>;
+    choiceLists?: PopoverMenuChoiceList[];
+    simpleItems?: ChoiceListItem[];
+    showBottomBar?: boolean;
+    bottomBarLeftActions?: React.ReactNode;
+    bottomBarRightActions?: React.ReactNode;
+    className?: string;
+    'aria-label'?: string;
+    onEscape?: () => void;
+}
+export declare function PopoverMenu({ variant, title, showHeader, showSegmentControl, segmentControlOptions, segmentControlProps, showSearch, searchProps, choiceLists, simpleItems, showBottomBar, bottomBarLeftActions, bottomBarRightActions, className, 'aria-label': ariaLabel, onEscape, }: PopoverMenuProps): import("react/jsx-runtime").JSX.Element;
+export default PopoverMenu;

package/dist/components/organisms/PopoverMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { PopoverMenu } from './PopoverMenu';
+export type { PopoverMenuProps, PopoverMenuVariant, PopoverMenuChoiceList, } from './PopoverMenu';

package/dist/components/organisms/Sidebar/Sidebar.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { AvatarProps } from '../../atoms/Avatar';
+import { BadgeVariant } from '../../atoms/Badge';
+import { SidebarMenuSelectorProps } from '../../molecules/SidebarMenuSelector';
+export interface SidebarMenuItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    showAvatar?: boolean;
+    avatarProps?: AvatarProps;
+    showBadge?: boolean;
+    badgeCount?: number;
+    badgeVariant?: BadgeVariant;
+    selected?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+}
+export interface SidebarSection {
+    id: string;
+    title?: string;
+    showDisclosure?: boolean;
+    trailingAction?: React.ReactNode;
+    items: SidebarMenuItem[];
+    separator?: 'before' | 'after' | 'both';
+}
+export interface SidebarProps {
+    collapsed?: boolean;
+    selector?: React.ReactNode;
+    selectorProps?: SidebarMenuSelectorProps;
+    showSearch?: boolean;
+    searchSlot?: React.ReactNode;
+    onCollapsedSearchActivate?: () => void;
+    sections: SidebarSection[];
+    bottomContent?: React.ReactNode;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function Sidebar({ collapsed, selector, selectorProps, showSearch, searchSlot, onCollapsedSearchActivate, sections, bottomContent, className, 'aria-label': ariaLabel, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export default Sidebar;

package/dist/components/organisms/Sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export { Sidebar, default } from './Sidebar';
+export type { SidebarProps, SidebarMenuItem, SidebarSection, } from './Sidebar';

package/dist/docs/ThemeToggle.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare const ThemeToggle: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;