@itilite/lumina-ui 1.0.7-alpha → 1.0.9-alpha

package/dist/AdvancedDateRangePicker-DGg-rucL.d.mts

@@ -0,0 +1,62 @@
+import * as React from 'react';
+
+interface TimeValue {
+    hour: string;
+    minute: string;
+    period: "AM" | "PM";
+}
+interface DateRangeValue {
+    startDate: Date | null;
+    endDate: Date | null;
+    startTime: TimeValue;
+    endTime: TimeValue;
+    timezone: string;
+    activePreset?: string;
+}
+interface PresetOption {
+    label: string;
+    key: string;
+    getRange: () => (Date | null)[];
+}
+interface TimezoneOption {
+    label: string;
+    value: string;
+}
+interface DateRangePickerProps {
+    /** Controlled value for the date range */
+    value?: DateRangeValue;
+    /** Called when the user clicks "Done" */
+    onChange?: (value: DateRangeValue) => void;
+    /** Called on every selection change (live) */
+    onRangeChange?: (value: DateRangeValue) => void;
+    /** Label for the confirm button. Defaults to "Done" */
+    confirmLabel?: string;
+    /** Additional class name for the root wrapper */
+    className?: string;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+    /** Disable dates before today */
+    disablePastDates?: boolean;
+    /** Minimum selectable date (ISO string) */
+    minDate?: string | null;
+    /** Maximum selectable date (ISO string) */
+    maxDate?: string | null;
+    /** Show a single calendar instead of two */
+    showSingleCalendar?: boolean;
+    /** Id prefix for accessibility */
+    id?: string;
+    defaultTimezone?: string;
+    isTimezoneDisabled?: boolean;
+    timezoneOptions?: TimezoneOption[];
+    /** Initial active preset key. Defaults to "custom". e.g. "this-month", "yesterday" */
+    defaultPreset?: string;
+    /** Custom presets passed from parent */
+    presets?: PresetOption[];
+}
+
+declare function AdvancedDateRangePicker({ value, onChange, confirmLabel, className, disabled, disablePastDates, minDate, maxDate, showSingleCalendar, id, defaultTimezone, isTimezoneDisabled, timezoneOptions, defaultPreset, presets, }: DateRangePickerProps): React.JSX.Element;
+declare namespace AdvancedDateRangePicker {
+    var displayName: string;
+}
+
+export { AdvancedDateRangePicker as A, type DateRangePickerProps as D, type PresetOption as P, type TimeValue as T, type DateRangeValue as a, type TimezoneOption as b };

package/dist/AdvancedDateRangePicker-DGg-rucL.d.ts

@@ -0,0 +1,62 @@
+import * as React from 'react';
+
+interface TimeValue {
+    hour: string;
+    minute: string;
+    period: "AM" | "PM";
+}
+interface DateRangeValue {
+    startDate: Date | null;
+    endDate: Date | null;
+    startTime: TimeValue;
+    endTime: TimeValue;
+    timezone: string;
+    activePreset?: string;
+}
+interface PresetOption {
+    label: string;
+    key: string;
+    getRange: () => (Date | null)[];
+}
+interface TimezoneOption {
+    label: string;
+    value: string;
+}
+interface DateRangePickerProps {
+    /** Controlled value for the date range */
+    value?: DateRangeValue;
+    /** Called when the user clicks "Done" */
+    onChange?: (value: DateRangeValue) => void;
+    /** Called on every selection change (live) */
+    onRangeChange?: (value: DateRangeValue) => void;
+    /** Label for the confirm button. Defaults to "Done" */
+    confirmLabel?: string;
+    /** Additional class name for the root wrapper */
+    className?: string;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+    /** Disable dates before today */
+    disablePastDates?: boolean;
+    /** Minimum selectable date (ISO string) */
+    minDate?: string | null;
+    /** Maximum selectable date (ISO string) */
+    maxDate?: string | null;
+    /** Show a single calendar instead of two */
+    showSingleCalendar?: boolean;
+    /** Id prefix for accessibility */
+    id?: string;
+    defaultTimezone?: string;
+    isTimezoneDisabled?: boolean;
+    timezoneOptions?: TimezoneOption[];
+    /** Initial active preset key. Defaults to "custom". e.g. "this-month", "yesterday" */
+    defaultPreset?: string;
+    /** Custom presets passed from parent */
+    presets?: PresetOption[];
+}
+
+declare function AdvancedDateRangePicker({ value, onChange, confirmLabel, className, disabled, disablePastDates, minDate, maxDate, showSingleCalendar, id, defaultTimezone, isTimezoneDisabled, timezoneOptions, defaultPreset, presets, }: DateRangePickerProps): React.JSX.Element;
+declare namespace AdvancedDateRangePicker {
+    var displayName: string;
+}
+
+export { AdvancedDateRangePicker as A, type DateRangePickerProps as D, type PresetOption as P, type TimeValue as T, type DateRangeValue as a, type TimezoneOption as b };

package/dist/AdvancedDateRangePicker-Dxug2Mcf.d.mts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+
+interface TimeValue {
+    hour: string;
+    minute: string;
+    period: "AM" | "PM";
+}
+interface DateRangeValue {
+    startDate: Date | null;
+    endDate: Date | null;
+    startTime: TimeValue;
+    endTime: TimeValue;
+    timezone: string;
+    activePreset?: string;
+}
+interface PresetOption {
+    label: string;
+    key: string;
+    getRange: () => (Date | null)[];
+}
+interface TimezoneOption {
+    label: string;
+    value: string;
+}
+interface DateRangePickerProps {
+    /** Controlled value for the date range */
+    value?: DateRangeValue;
+    /** Called when the user clicks "Done" */
+    onChange?: (value: DateRangeValue) => void;
+    /** Called on every selection change (live) */
+    onRangeChange?: (value: DateRangeValue) => void;
+    /** Label for the confirm button. Defaults to "Done" */
+    confirmLabel?: string;
+    /** Additional class name for the root wrapper */
+    className?: string;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+    /** Disable dates before today */
+    disablePastDates?: boolean;
+    /** Minimum selectable date (ISO string) */
+    minDate?: string | null;
+    /** Maximum selectable date (ISO string) */
+    maxDate?: string | null;
+    /** Show a single calendar instead of two */
+    showSingleCalendar?: boolean;
+    /** Id prefix for accessibility */
+    id?: string;
+    defaultTimezone?: string;
+    isTimezoneDisabled?: boolean;
+    timezoneOptions?: TimezoneOption[];
+    /** Initial active preset key. Defaults to "custom". e.g. "this-month", "yesterday" */
+    defaultPreset?: string;
+}
+
+declare function AdvancedDateRangePicker({ value, onChange, confirmLabel, className, disabled, disablePastDates, minDate, maxDate, showSingleCalendar, id, defaultTimezone, isTimezoneDisabled, timezoneOptions, defaultPreset, }: DateRangePickerProps): React.JSX.Element;
+declare namespace AdvancedDateRangePicker {
+    var displayName: string;
+}
+
+export { AdvancedDateRangePicker as A, type DateRangePickerProps as D, type PresetOption as P, type TimeValue as T, type DateRangeValue as a, type TimezoneOption as b };

package/dist/AdvancedDateRangePicker-Dxug2Mcf.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+
+interface TimeValue {
+    hour: string;
+    minute: string;
+    period: "AM" | "PM";
+}
+interface DateRangeValue {
+    startDate: Date | null;
+    endDate: Date | null;
+    startTime: TimeValue;
+    endTime: TimeValue;
+    timezone: string;
+    activePreset?: string;
+}
+interface PresetOption {
+    label: string;
+    key: string;
+    getRange: () => (Date | null)[];
+}
+interface TimezoneOption {
+    label: string;
+    value: string;
+}
+interface DateRangePickerProps {
+    /** Controlled value for the date range */
+    value?: DateRangeValue;
+    /** Called when the user clicks "Done" */
+    onChange?: (value: DateRangeValue) => void;
+    /** Called on every selection change (live) */
+    onRangeChange?: (value: DateRangeValue) => void;
+    /** Label for the confirm button. Defaults to "Done" */
+    confirmLabel?: string;
+    /** Additional class name for the root wrapper */
+    className?: string;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+    /** Disable dates before today */
+    disablePastDates?: boolean;
+    /** Minimum selectable date (ISO string) */
+    minDate?: string | null;
+    /** Maximum selectable date (ISO string) */
+    maxDate?: string | null;
+    /** Show a single calendar instead of two */
+    showSingleCalendar?: boolean;
+    /** Id prefix for accessibility */
+    id?: string;
+    defaultTimezone?: string;
+    isTimezoneDisabled?: boolean;
+    timezoneOptions?: TimezoneOption[];
+    /** Initial active preset key. Defaults to "custom". e.g. "this-month", "yesterday" */
+    defaultPreset?: string;
+}
+
+declare function AdvancedDateRangePicker({ value, onChange, confirmLabel, className, disabled, disablePastDates, minDate, maxDate, showSingleCalendar, id, defaultTimezone, isTimezoneDisabled, timezoneOptions, defaultPreset, }: DateRangePickerProps): React.JSX.Element;
+declare namespace AdvancedDateRangePicker {
+    var displayName: string;
+}
+
+export { AdvancedDateRangePicker as A, type DateRangePickerProps as D, type PresetOption as P, type TimeValue as T, type DateRangeValue as a, type TimezoneOption as b };

package/dist/Table-DoCPt3ri.d.mts

@@ -0,0 +1,129 @@
+import * as React from 'react';
+import { TableProps as TableProps$1, TablePaginationConfig } from 'antd';
+
+type SortOrder = "ascend" | "descend" | undefined;
+type AntColumnType<RecordType> = NonNullable<TableProps$1<RecordType>["columns"]>[number];
+/**
+ * Header icon configuration added to any column definition.
+ * The Table component reads these props and renders sort/filter icons automatically.
+ */
+interface LuminaColumnHeaderProps {
+    /** Show sort icon. Clicking cycles: undefined (↑↓) → ascend (↑) → descend (↓) → undefined */
+    sortable?: boolean;
+    /** Current sort direction. Provide to make sort controlled. */
+    sortOrder?: SortOrder;
+    /** Called when the user clicks the sort icon. */
+    onSortChange?: (order: SortOrder) => void;
+    /**
+     * Custom sort icon. This MUST be provided if sortable is true.
+     * If omitted, no icon will be rendered.
+     */
+    sortIcon?: React.ReactNode;
+    /** > 0 turns the filter icon red and shows a count badge. */
+    filterCount?: number;
+    /**
+     * Custom filter icon. This MUST be provided if filterContent is present.
+     * If omitted, no icon will be rendered.
+     */
+    filterIcon?: React.ReactNode;
+    /**
+     * Filter dropdown content from the consumer.
+     * Providing this prop renders the filter icon button.
+     * Clicking the icon toggles visibility of this content.
+     */
+    filterContent?: React.ReactNode;
+    /** Optional class name to apply to the header label. */
+    className?: string;
+}
+/**
+ * AntD ColumnType extended with optional `headerProps` for Lumina sort/filter icons.
+ */
+type LuminaColumnType<RecordType = any> = AntColumnType<RecordType> & {
+    headerProps?: LuminaColumnHeaderProps;
+};
+type LuminaColumnsType<RecordType = any> = LuminaColumnType<RecordType>[];
+interface TableProps<RecordType = any> extends Omit<TableProps$1<RecordType>, "size" | "bordered" | "pagination" | "columns"> {
+    /**
+     * Lumina UI table variant.
+     * - `default`    – standard table
+     * - `selectable` – checkbox rows; clicking any row toggles its checkbox
+     */
+    variant?: "default" | "selectable";
+    /** If true, strips outer card chrome to fit inside an Accordion parent. */
+    isAccordion?: boolean;
+    /** If true, strips outer card chrome to fit inside a Toolbar/Container parent. */
+    isToolbar?: boolean;
+    /** Table size. Defaults to 'middle'. */
+    size?: "small" | "middle" | "large";
+    /** Extra class applied on the outermost wrapper div. */
+    className?: string;
+    /** AntD pagination config. Pass `false` to hide pagination. */
+    pagination?: TablePaginationConfig | boolean;
+    /**
+     * Column definitions. Add `headerProps` to any column to get sort/filter icons
+     * rendered automatically in the column header.
+     */
+    columns?: LuminaColumnsType<RecordType>;
+    /** Total number of items in the dataset (for server-side pagination). */
+    total?: number;
+    /** Current page number (1-indexed). */
+    current?: number;
+    /** Number of rows per page. */
+    pageSize?: number;
+    /** Called when the page or page size changes. */
+    onPaginationChange?: TablePaginationConfig["onChange"];
+    /**
+     * Custom content to show when the table has no data.
+     * If provided, it overrides the default Ant Design "No Data" view.
+     */
+    emptyState?: React.ReactNode;
+    /**
+     * If true, the table header (the row with column labels) will be hidden.
+     * Useful during loading or for specific visual variants.
+     */
+    hideHeader?: boolean;
+    /**
+     * Custom loading indicator (e.g. a spinner or skeleton).
+     * If provided, this will be rendered when the table is in a loading state.
+     */
+    loadingIndicator?: React.ReactElement;
+    /** Extra class applied to header cells (th). */
+    headerCellClassName?: string;
+    /** Extra class applied to body cells (td). */
+    bodyCellClassName?: string;
+    /** Custom class name for rows. Can be a string or function. */
+    rowClassName?: string | ((record: RecordType, index: number) => string);
+    /** Default minimum width for all columns (e.g. 144 or "144px"). */
+    columnMinWidth?: number | string;
+}
+
+/**
+ * Lumina Table component.
+ *
+ * Variants:
+ * - `default`         – standalone table card with rounded border
+ * - `hover`           – row highlight on mouse-over
+ * - `selectable`      – use with `rowSelection`; clicking any row toggles its checkbox
+ * - `accordion-child` – strips outer card chrome; place inside your own accordion wrapper
+ * - `toolbar-child`   – strips outer card chrome; place inside your own toolbar/container wrapper
+ *
+ * Column header icons — add `headerProps` to any column definition:
+ * ```tsx
+ * columns={[{
+ *   key: "name", dataIndex: "name", title: "Name",
+ *   headerProps: {
+ *     sortable: true,
+ *     sortOrder: sortOrders.name,
+ *     onSortChange: (order) => setSortOrders(prev => ({ ...prev, name: order })),
+ *     filterCount: activeFilters.name ?? 0,
+ *     filterContent: <MyFilterPanel />,
+ *   },
+ * }]}
+ * ```
+ */
+declare function Table<RecordType extends object = any>(props: TableProps<RecordType>): React.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+
+export { type LuminaColumnHeaderProps as L, type SortOrder as S, Table as T, type LuminaColumnType as a, type LuminaColumnsType as b, type TableProps as c };

package/dist/Table-DoCPt3ri.d.ts

@@ -0,0 +1,129 @@
+import * as React from 'react';
+import { TableProps as TableProps$1, TablePaginationConfig } from 'antd';
+
+type SortOrder = "ascend" | "descend" | undefined;
+type AntColumnType<RecordType> = NonNullable<TableProps$1<RecordType>["columns"]>[number];
+/**
+ * Header icon configuration added to any column definition.
+ * The Table component reads these props and renders sort/filter icons automatically.
+ */
+interface LuminaColumnHeaderProps {
+    /** Show sort icon. Clicking cycles: undefined (↑↓) → ascend (↑) → descend (↓) → undefined */
+    sortable?: boolean;
+    /** Current sort direction. Provide to make sort controlled. */
+    sortOrder?: SortOrder;
+    /** Called when the user clicks the sort icon. */
+    onSortChange?: (order: SortOrder) => void;
+    /**
+     * Custom sort icon. This MUST be provided if sortable is true.
+     * If omitted, no icon will be rendered.
+     */
+    sortIcon?: React.ReactNode;
+    /** > 0 turns the filter icon red and shows a count badge. */
+    filterCount?: number;
+    /**
+     * Custom filter icon. This MUST be provided if filterContent is present.
+     * If omitted, no icon will be rendered.
+     */
+    filterIcon?: React.ReactNode;
+    /**
+     * Filter dropdown content from the consumer.
+     * Providing this prop renders the filter icon button.
+     * Clicking the icon toggles visibility of this content.
+     */
+    filterContent?: React.ReactNode;
+    /** Optional class name to apply to the header label. */
+    className?: string;
+}
+/**
+ * AntD ColumnType extended with optional `headerProps` for Lumina sort/filter icons.
+ */
+type LuminaColumnType<RecordType = any> = AntColumnType<RecordType> & {
+    headerProps?: LuminaColumnHeaderProps;
+};
+type LuminaColumnsType<RecordType = any> = LuminaColumnType<RecordType>[];
+interface TableProps<RecordType = any> extends Omit<TableProps$1<RecordType>, "size" | "bordered" | "pagination" | "columns"> {
+    /**
+     * Lumina UI table variant.
+     * - `default`    – standard table
+     * - `selectable` – checkbox rows; clicking any row toggles its checkbox
+     */
+    variant?: "default" | "selectable";
+    /** If true, strips outer card chrome to fit inside an Accordion parent. */
+    isAccordion?: boolean;
+    /** If true, strips outer card chrome to fit inside a Toolbar/Container parent. */
+    isToolbar?: boolean;
+    /** Table size. Defaults to 'middle'. */
+    size?: "small" | "middle" | "large";
+    /** Extra class applied on the outermost wrapper div. */
+    className?: string;
+    /** AntD pagination config. Pass `false` to hide pagination. */
+    pagination?: TablePaginationConfig | boolean;
+    /**
+     * Column definitions. Add `headerProps` to any column to get sort/filter icons
+     * rendered automatically in the column header.
+     */
+    columns?: LuminaColumnsType<RecordType>;
+    /** Total number of items in the dataset (for server-side pagination). */
+    total?: number;
+    /** Current page number (1-indexed). */
+    current?: number;
+    /** Number of rows per page. */
+    pageSize?: number;
+    /** Called when the page or page size changes. */
+    onPaginationChange?: TablePaginationConfig["onChange"];
+    /**
+     * Custom content to show when the table has no data.
+     * If provided, it overrides the default Ant Design "No Data" view.
+     */
+    emptyState?: React.ReactNode;
+    /**
+     * If true, the table header (the row with column labels) will be hidden.
+     * Useful during loading or for specific visual variants.
+     */
+    hideHeader?: boolean;
+    /**
+     * Custom loading indicator (e.g. a spinner or skeleton).
+     * If provided, this will be rendered when the table is in a loading state.
+     */
+    loadingIndicator?: React.ReactElement;
+    /** Extra class applied to header cells (th). */
+    headerCellClassName?: string;
+    /** Extra class applied to body cells (td). */
+    bodyCellClassName?: string;
+    /** Custom class name for rows. Can be a string or function. */
+    rowClassName?: string | ((record: RecordType, index: number) => string);
+    /** Default minimum width for all columns (e.g. 144 or "144px"). */
+    columnMinWidth?: number | string;
+}
+
+/**
+ * Lumina Table component.
+ *
+ * Variants:
+ * - `default`         – standalone table card with rounded border
+ * - `hover`           – row highlight on mouse-over
+ * - `selectable`      – use with `rowSelection`; clicking any row toggles its checkbox
+ * - `accordion-child` – strips outer card chrome; place inside your own accordion wrapper
+ * - `toolbar-child`   – strips outer card chrome; place inside your own toolbar/container wrapper
+ *
+ * Column header icons — add `headerProps` to any column definition:
+ * ```tsx
+ * columns={[{
+ *   key: "name", dataIndex: "name", title: "Name",
+ *   headerProps: {
+ *     sortable: true,
+ *     sortOrder: sortOrders.name,
+ *     onSortChange: (order) => setSortOrders(prev => ({ ...prev, name: order })),
+ *     filterCount: activeFilters.name ?? 0,
+ *     filterContent: <MyFilterPanel />,
+ *   },
+ * }]}
+ * ```
+ */
+declare function Table<RecordType extends object = any>(props: TableProps<RecordType>): React.JSX.Element;
+declare namespace Table {
+    var displayName: string;
+}
+
+export { type LuminaColumnHeaderProps as L, type SortOrder as S, Table as T, type LuminaColumnType as a, type LuminaColumnsType as b, type TableProps as c };

package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.d.mts

@@ -1,2 +1,2 @@
 import 'react';
-export { A as AdvancedDateRangePicker, A as default } from '../../AdvancedDateRangePicker-D7xn4So6.mjs';
+export { A as AdvancedDateRangePicker, A as default } from '../../AdvancedDateRangePicker-DGg-rucL.mjs';

package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.d.ts

@@ -1,2 +1,2 @@
 import 'react';
-export { A as AdvancedDateRangePicker, A as default } from '../../AdvancedDateRangePicker-D7xn4So6.js';
+export { A as AdvancedDateRangePicker, A as default } from '../../AdvancedDateRangePicker-DGg-rucL.js';

package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.js

@@ -1391,10 +1391,11 @@ function AdvancedDateRangePicker({
   defaultTimezone = "UTC",
   isTimezoneDisabled = false,
   timezoneOptions = [],
-  defaultPreset = "custom"
+  defaultPreset = "custom",
+  presets
 }) {
   var _a, _b, _c;
-  const PRESETS = (0, import_react4.useMemo)(() => getPresets(), []);
+  const PRESETS = (0, import_react4.useMemo)(() => presets || getPresets(), [presets]);
   const [startDate, setStartDate] = (0, import_react4.useState)((_a = value == null ? void 0 : value.startDate) != null ? _a : null);
   const [endDate, setEndDate] = (0, import_react4.useState)((_b = value == null ? void 0 : value.endDate) != null ? _b : null);
   const [timezone, setTimezone] = (0, import_react4.useState)((_c = value == null ? void 0 : value.timezone) != null ? _c : defaultTimezone);
@@ -1511,9 +1512,10 @@ function AdvancedDateRangePicker({
       endDate,
       startTime: fromTime,
       endTime: toTime,
-      timezone
+      timezone,
+      activePreset
     });
-  }, [isReady, onChange, startDate, endDate, fromTimeStr, toTimeStr, timezone]);
+  }, [isReady, onChange, startDate, endDate, fromTimeStr, toTimeStr, timezone, activePreset]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: (0, import_clsx3.default)(AdvancedDateRangePicker_module_default.root, className, { [AdvancedDateRangePicker_module_default.singleCalendar]: isSingle }), id, children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: AdvancedDateRangePicker_module_default.inner, children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("aside", { className: AdvancedDateRangePicker_module_default.left, children: PRESETS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(

package/dist/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.mjs

@@ -1,7 +1,7 @@
 import {
   AdvancedDateRangePicker,
   AdvancedDateRangePicker_default
-} from "../../chunk-UC4NTBDH.mjs";
+} from "../../chunk-C5VYFNVC.mjs";
 import "../../chunk-GU5F7Z7I.mjs";
 import "../../chunk-MLCMZRUC.mjs";
 import "../../chunk-FPH63V2R.mjs";