@itilite/lumina-ui 1.0.13-alpha → 1.0.14-alpha

package/dist/AdvancedDateRangePicker-DOSprRQR.d.mts

@@ -0,0 +1,52 @@
+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 {
+    value?: DateRangeValue;
+    onChange?: (value: DateRangeValue) => void;
+    onRangeChange?: (value: DateRangeValue) => void;
+    confirmLabel?: string;
+    className?: string;
+    disabled?: boolean;
+    disablePastDates?: boolean;
+    minDate?: string | null;
+    maxDate?: string | null;
+    showSingleCalendar?: boolean;
+    id?: string;
+    defaultTimezone?: string;
+    isTimezoneDisabled?: boolean;
+    timezoneOptions?: TimezoneOption[];
+    /** Initial active preset key. e.g. "custom", "this-month", "yesterday" */
+    defaultPreset?: string;
+    presets?: PresetOption[];
+    hidePresets?: boolean;
+    hideFooter?: boolean;
+}
+
+declare function AdvancedDateRangePicker({ value, onChange, confirmLabel, className, disabled, disablePastDates, minDate, maxDate, showSingleCalendar, id, defaultTimezone, isTimezoneDisabled, timezoneOptions, defaultPreset, presets, hidePresets, hideFooter, }: 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-DOSprRQR.d.ts

@@ -0,0 +1,52 @@
+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 {
+    value?: DateRangeValue;
+    onChange?: (value: DateRangeValue) => void;
+    onRangeChange?: (value: DateRangeValue) => void;
+    confirmLabel?: string;
+    className?: string;
+    disabled?: boolean;
+    disablePastDates?: boolean;
+    minDate?: string | null;
+    maxDate?: string | null;
+    showSingleCalendar?: boolean;
+    id?: string;
+    defaultTimezone?: string;
+    isTimezoneDisabled?: boolean;
+    timezoneOptions?: TimezoneOption[];
+    /** Initial active preset key. e.g. "custom", "this-month", "yesterday" */
+    defaultPreset?: string;
+    presets?: PresetOption[];
+    hidePresets?: boolean;
+    hideFooter?: boolean;
+}
+
+declare function AdvancedDateRangePicker({ value, onChange, confirmLabel, className, disabled, disablePastDates, minDate, maxDate, showSingleCalendar, id, defaultTimezone, isTimezoneDisabled, timezoneOptions, defaultPreset, presets, hidePresets, hideFooter, }: 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-BxaCiQmh.d.mts

@@ -0,0 +1,82 @@
+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];
+interface LuminaColumnHeaderProps {
+    /** Clicking cycles: undefined → ascend → descend → undefined */
+    sortable?: boolean;
+    /** Provide to make sort controlled. */
+    sortOrder?: SortOrder;
+    onSortChange?: (order: SortOrder) => void;
+    /** MUST be provided if sortable is true, otherwise no icon renders. */
+    sortIcon?: React.ReactNode;
+    /** > 0 turns the filter icon red and shows a count badge. */
+    filterCount?: number;
+    /** MUST be provided if filterContent is present, otherwise no icon renders. */
+    filterIcon?: React.ReactNode;
+    /** Renders a filter icon button; clicking it toggles visibility of this content. */
+    filterContent?: React.ReactNode;
+    className?: string;
+}
+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"> {
+    /** `selectable` — clicking any row toggles its checkbox */
+    variant?: "default" | "selectable";
+    isAccordion?: boolean;
+    isToolbar?: boolean;
+    size?: "small" | "middle" | "large";
+    className?: string;
+    pagination?: TablePaginationConfig | boolean;
+    /** Add `headerProps` to any column to enable sort/filter icons. */
+    columns?: LuminaColumnsType<RecordType>;
+    /** Total items for server-side pagination. */
+    total?: number;
+    /** Current page number (1-indexed). */
+    current?: number;
+    pageSize?: number;
+    onPaginationChange?: TablePaginationConfig["onChange"];
+    emptyState?: React.ReactNode;
+    hideHeader?: boolean;
+    loadingIndicator?: React.ReactElement;
+    /** Extra class applied to header cells (th). */
+    headerCellClassName?: string;
+    /** Extra class applied to body cells (td). */
+    bodyCellClassName?: string;
+    /** Can be a string or a per-row function. */
+    rowClassName?: string | ((record: RecordType, index: number) => string);
+}
+
+/**
+ * Lumina Table component.
+ *
+ * Variants:
+ * - `default`    – standard table
+ * - `selectable` – use with `rowSelection`; clicking any row toggles its checkbox
+ *
+ * Use `isAccordion` / `isToolbar` to strip outer chrome when embedded.
+ * Row hover tint is enabled by default via styles.
+ *
+ * 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-BxaCiQmh.d.ts

@@ -0,0 +1,82 @@
+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];
+interface LuminaColumnHeaderProps {
+    /** Clicking cycles: undefined → ascend → descend → undefined */
+    sortable?: boolean;
+    /** Provide to make sort controlled. */
+    sortOrder?: SortOrder;
+    onSortChange?: (order: SortOrder) => void;
+    /** MUST be provided if sortable is true, otherwise no icon renders. */
+    sortIcon?: React.ReactNode;
+    /** > 0 turns the filter icon red and shows a count badge. */
+    filterCount?: number;
+    /** MUST be provided if filterContent is present, otherwise no icon renders. */
+    filterIcon?: React.ReactNode;
+    /** Renders a filter icon button; clicking it toggles visibility of this content. */
+    filterContent?: React.ReactNode;
+    className?: string;
+}
+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"> {
+    /** `selectable` — clicking any row toggles its checkbox */
+    variant?: "default" | "selectable";
+    isAccordion?: boolean;
+    isToolbar?: boolean;
+    size?: "small" | "middle" | "large";
+    className?: string;
+    pagination?: TablePaginationConfig | boolean;
+    /** Add `headerProps` to any column to enable sort/filter icons. */
+    columns?: LuminaColumnsType<RecordType>;
+    /** Total items for server-side pagination. */
+    total?: number;
+    /** Current page number (1-indexed). */
+    current?: number;
+    pageSize?: number;
+    onPaginationChange?: TablePaginationConfig["onChange"];
+    emptyState?: React.ReactNode;
+    hideHeader?: boolean;
+    loadingIndicator?: React.ReactElement;
+    /** Extra class applied to header cells (th). */
+    headerCellClassName?: string;
+    /** Extra class applied to body cells (td). */
+    bodyCellClassName?: string;
+    /** Can be a string or a per-row function. */
+    rowClassName?: string | ((record: RecordType, index: number) => string);
+}
+
+/**
+ * Lumina Table component.
+ *
+ * Variants:
+ * - `default`    – standard table
+ * - `selectable` – use with `rowSelection`; clicking any row toggles its checkbox
+ *
+ * Use `isAccordion` / `isToolbar` to strip outer chrome when embedded.
+ * Row hover tint is enabled by default via styles.
+ *
+ * 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-Di3rHxqf.mjs';
+export { A as AdvancedDateRangePicker, A as default } from '../../AdvancedDateRangePicker-DOSprRQR.mjs';

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

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

package/dist/atom/RangePicker/RangePicker.js

@@ -926,15 +926,6 @@ function CustomRangePicker(props) {
   const [selectedDate, setSelectedDate] = (0, import_react3.useState)(
     !isRange && dateRange[0] ? new Date(dateRange[0]) : null
   );
-  (0, import_react3.useEffect)(() => {
-    const newStart = dateRange[0] ? new Date(dateRange[0]) : null;
-    const newEnd = dateRange[1] ? new Date(dateRange[1]) : null;
-    setStartDate(newStart);
-    setEndDate(newEnd);
-    if (newStart) {
-      setCurrentDate(new Date(newStart.getFullYear(), newStart.getMonth(), 1));
-    }
-  }, [dateRange]);
   const getDaysBetween = (start, end) => {
     if (!start || !end) return 0;
     const startDay = (0, import_dayjs.default)(start).startOf("day");
@@ -1076,11 +1067,8 @@ function CustomRangePicker(props) {
     if (isDateDisabled(date)) return;
     if (!isRange) {
       setSelectedDate(date);
-      onChangeRef.current(null, (0, import_dayjs.default)(date).format("D MMM, YYYY"));
       return;
     }
-    let nextStart = startDate;
-    let nextEnd = endDate;
     const isCheckinCheckoutSame = (0, import_dayjs.default)(date).format("D MMM, YYYY") === (0, import_dayjs.default)(startDate).format("D MMM, YYYY");
     if (showNightCount && isCheckinCheckoutSame) {
       setStartDate(null);
@@ -1088,34 +1076,32 @@ function CustomRangePicker(props) {
       setIsSelectingEnd(false);
       setHoverDate(null);
       showToastError("Check-in and check-out dates cannot be the same.");
-      onChangeRef.current(null, ["", ""]);
       return;
     }
     if (!startDate || startDate && endDate) {
-      nextStart = date;
-      nextEnd = null;
-      setStartDate(nextStart);
-      setEndDate(nextEnd);
+      setStartDate(date);
+      setEndDate(null);
       setIsSelectingEnd(true);
       setHoverDate(null);
     } else if (startDate && !endDate) {
       if (date < startDate) {
-        nextEnd = startDate;
-        nextStart = date;
+        setEndDate(startDate);
+        setStartDate(date);
       } else {
-        nextEnd = date;
+        setEndDate(date);
       }
-      setStartDate(nextStart);
-      setEndDate(nextEnd);
       setIsSelectingEnd(false);
       setHoverDate(null);
     }
-    onChangeRef.current(null, [
-      nextStart ? (0, import_dayjs.default)(nextStart).format("D MMM, YYYY") : "",
-      nextEnd ? (0, import_dayjs.default)(nextEnd).format("D MMM, YYYY") : ""
-    ]);
   };
   (0, import_react3.useEffect)(() => {
+    if (isRange) {
+      sessionStorage.removeItem("rangePickerStartDate");
+      onChangeRef.current(null, [
+        startDate ? (0, import_dayjs.default)(startDate).format("D MMM, YYYY") : "",
+        endDate ? (0, import_dayjs.default)(endDate).format("D MMM, YYYY") : ""
+      ]);
+    }
     if (isRange && startDate && !endDate) {
       sessionStorage.setItem(
         "rangePickerStartDate",
@@ -1123,6 +1109,11 @@ function CustomRangePicker(props) {
       );
     }
   }, [startDate, endDate, isRange]);
+  (0, import_react3.useEffect)(() => {
+    if (!isRange && selectedDate) {
+      onChangeRef.current(null, (0, import_dayjs.default)(selectedDate).format("D MMM, YYYY"));
+    }
+  }, [selectedDate, isRange]);
   const handleDateHover = (date) => {
     if (isDateDisabled(date) || !isRange) return;
     if (isSelectingEnd && startDate && !endDate) {

package/dist/atom/RangePicker/RangePicker.mjs

@@ -1,7 +1,7 @@
 import {
   CustomRangePicker,
   RangePicker_default
-} from "../../chunk-4JX54OKI.mjs";
+} from "../../chunk-PSBEYGD4.mjs";
 import "../../chunk-GU5F7Z7I.mjs";
 import "../../chunk-MLCMZRUC.mjs";
 import "../../chunk-ZTRM4HZJ.mjs";

package/dist/atom/Table/Table.d.mts

@@ -1,3 +1,3 @@
 import 'react';
-export { T as Table, T as default } from '../../Table-DNvoh2P8.mjs';
+export { T as Table, T as default } from '../../Table-BxaCiQmh.mjs';
 import 'antd';

package/dist/atom/Table/Table.d.ts

@@ -1,3 +1,3 @@
 import 'react';
-export { T as Table, T as default } from '../../Table-DNvoh2P8.js';
+export { T as Table, T as default } from '../../Table-BxaCiQmh.js';
 import 'antd';

package/dist/atom/Table/Table.js

@@ -244,7 +244,6 @@ function Table(props) {
     "bodyCellClassName",
     "rowClassName"
   ]);
-  const isChildVariant = isAccordion || isToolbar;
   const resolvedPagination = buildPagination(pagination, {
     total,
     current,
@@ -278,7 +277,7 @@ function Table(props) {
           const isSelected = current2.some((k) => k === key);
           const newKeys = isSelected ? current2.filter((k) => k !== key) : [...current2, key];
           const newRows = (dataSource != null ? dataSource : []).filter(
-            (r) => newKeys.some((k) => k === getKey(r))
+            (r, idx) => newKeys.some((k) => k === getKey(r, idx))
           );
           onChange(newKeys, newRows, { type: "single" });
         }

package/dist/atom/Table/Table.mjs

@@ -1,7 +1,7 @@
 import {
   Table,
   Table_default
-} from "../../chunk-X3NDICAU.mjs";
+} from "../../chunk-ANJI6SPV.mjs";
 import "../../chunk-FWCSY2DS.mjs";
 export {
   Table,