@douglasneuroinformatics/libui 5.0.2 → 6.0.0

package/dist/components/DataTable/store.js

@@ -0,0 +1,180 @@
+import { createTable, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel } from '@tanstack/table-core';
+import { createStore } from 'zustand';
+import { ROW_ACTIONS_METADATA_KEY, TABLE_NAME_METADATA_KEY } from "./constants.js";
+import { applyUpdater, calculateColumnSizing, defineMemoizedHandle, getColumnsWithActions, getTanstackTableState } from "./utils.js";
+export function createDataTableStore(params) {
+    return createStore((set, get) => {
+        const _state = getTanstackTableState(params);
+        const invalidateHandles = (keys) => {
+            set((state) => {
+                (keys ?? Object.keys(state.$handles)).forEach((key) => {
+                    state.$handles[key].invalidate();
+                });
+                return { _key: Symbol() };
+            });
+        };
+        const setTableState = (key, updaterOrValue) => {
+            const state = table.getState();
+            const value = applyUpdater(updaterOrValue, state[key]);
+            table.setOptions((prev) => ({ ...prev, state: { ...prev.state, [key]: value } }));
+        };
+        const updateColumnSizing = () => {
+            const { _containerWidth } = get();
+            if (!_containerWidth) {
+                return;
+            }
+            setTableState('columnSizing', calculateColumnSizing(table, _containerWidth));
+        };
+        const updateStyle = () => {
+            set((state) => {
+                const headers = table.getFlatHeaders();
+                const style = {
+                    width: table.getTotalSize()
+                };
+                if (state._containerWidth === null) {
+                    style['--table-container-width'] = state._containerWidth;
+                    style.visibility = 'hidden';
+                }
+                else {
+                    style['--table-container-width'] = state._containerWidth;
+                    style.visibility = 'visible';
+                }
+                for (const header of headers) {
+                    style[`--header-${header.id}-size`] = header.getSize();
+                    style[`--col-${header.column.id}-size`] = header.column.getSize();
+                }
+                return { style };
+            });
+        };
+        const table = createTable({
+            columnResizeMode: 'onChange',
+            columns: getColumnsWithActions(params),
+            data: params.data,
+            enableSortingRemoval: false,
+            getCoreRowModel: getCoreRowModel(),
+            getFilteredRowModel: getFilteredRowModel(),
+            getPaginationRowModel: getPaginationRowModel(),
+            getSortedRowModel: getSortedRowModel(),
+            meta: {
+                ...params.meta,
+                [ROW_ACTIONS_METADATA_KEY]: params.rowActions,
+                [TABLE_NAME_METADATA_KEY]: params.tableName
+            },
+            onColumnFiltersChange: (updaterOrValue) => {
+                setTableState('columnFilters', updaterOrValue);
+                invalidateHandles();
+            },
+            onColumnPinningChange: (updaterOrValue) => {
+                setTableState('columnPinning', updaterOrValue);
+                invalidateHandles();
+            },
+            onColumnSizingChange: (updaterOrValue) => {
+                const { _containerWidth: containerWidth } = get();
+                const { columnSizing: prevColumnSizing } = table.getState();
+                if (!containerWidth) {
+                    console.error('Cannot set column sizing: container width is null');
+                    return;
+                }
+                const updatedColumnSizing = applyUpdater(updaterOrValue, prevColumnSizing);
+                const computedWidth = table.getVisibleLeafColumns().reduce((previous, current) => {
+                    return previous + (updatedColumnSizing[current.id] ?? current.getSize());
+                }, 0);
+                if (Number.isNaN(computedWidth)) {
+                    console.error('Failed to compute width for columns');
+                    return;
+                }
+                if (containerWidth > computedWidth) {
+                    return;
+                }
+                setTableState('columnSizing', updatedColumnSizing);
+                updateStyle();
+                invalidateHandles();
+            },
+            onColumnSizingInfoChange: (updaterOrValue) => {
+                setTableState('columnSizingInfo', updaterOrValue);
+                updateStyle();
+                invalidateHandles();
+            },
+            onColumnVisibilityChange: (updaterOrValue) => {
+                setTableState('columnVisibility', updaterOrValue);
+                updateColumnSizing();
+                updateStyle();
+                invalidateHandles();
+            },
+            onGlobalFilterChange: (updaterOrValue) => {
+                setTableState('globalFilter', updaterOrValue);
+                invalidateHandles();
+            },
+            onPaginationChange: (updaterOrValue) => {
+                setTableState('pagination', updaterOrValue);
+                invalidateHandles();
+            },
+            onSortingChange: (updaterOrValue) => {
+                setTableState('sorting', updaterOrValue);
+                invalidateHandles();
+            },
+            onStateChange: (updaterOrValue) => {
+                const prevState = table.getState();
+                table.setOptions((prev) => ({
+                    ...prev,
+                    state: typeof updaterOrValue === 'function' ? updaterOrValue(prevState) : updaterOrValue
+                }));
+                invalidateHandles();
+            },
+            renderFallbackValue: null,
+            state: _state
+        });
+        return {
+            $handles: {
+                headerGroups: defineMemoizedHandle(() => table.getHeaderGroups()),
+                paginationInfo: defineMemoizedHandle(() => {
+                    const { pagination } = table.getState();
+                    return {
+                        pageCount: table.getPageCount(),
+                        pageIndex: pagination.pageIndex
+                    };
+                }),
+                rowCount: defineMemoizedHandle(() => table.getRowCount()),
+                rows: defineMemoizedHandle(() => {
+                    const { rows } = table.getRowModel();
+                    return rows;
+                }),
+                table: defineMemoizedHandle(() => table),
+                tableMeta: defineMemoizedHandle(() => table.options.meta ?? {})
+            },
+            _containerWidth: null,
+            _key: Symbol(),
+            reset: (params) => {
+                table.setOptions((options) => ({
+                    ...options,
+                    columns: getColumnsWithActions(params),
+                    data: params.data,
+                    meta: {
+                        ...params.meta,
+                        [ROW_ACTIONS_METADATA_KEY]: params.rowActions,
+                        [TABLE_NAME_METADATA_KEY]: params.tableName
+                    },
+                    state: getTanstackTableState(params)
+                }));
+                invalidateHandles();
+            },
+            setContainerWidth: (containerWidth) => {
+                set(() => {
+                    return { _containerWidth: containerWidth };
+                });
+                updateColumnSizing();
+                updateStyle();
+            },
+            setGlobalFilter: (globalFilter) => {
+                table.setGlobalFilter(globalFilter);
+            },
+            setPageIndex: (index) => {
+                table.setPageIndex(index);
+            },
+            style: {
+                visibility: 'hidden'
+            }
+        };
+    });
+}
+//# sourceMappingURL=store.js.map

package/dist/components/DataTable/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/components/DataTable/store.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,77 @@
+import type React from 'react';
+import type { ColumnDef, ColumnFiltersState, ColumnPinningState, GlobalFilter, HeaderGroup, Row, RowData, SortingState, Table, TableMeta } from '@tanstack/table-core';
+import type { Promisable } from 'type-fest';
+import type { MEMOIZED_HANDLE_ID, ROW_ACTIONS_METADATA_KEY, TABLE_NAME_METADATA_KEY } from './constants.ts';
+import type { DataTableEmptyStateProps } from './DataTableEmptyState.tsx';
+declare module '@tanstack/table-core' {
+    interface ColumnMeta<TData, TValue> {
+        [key: string]: unknown;
+    }
+    type GlobalFilter = string | undefined;
+    interface TableMeta<TData extends RowData> {
+        [key: string]: unknown;
+        [ROW_ACTIONS_METADATA_KEY]?: DataTableRowAction<TData>[];
+        [TABLE_NAME_METADATA_KEY]?: string;
+    }
+    interface TableState {
+        globalFilter: GlobalFilter;
+    }
+}
+export type DataTableInitialState = {
+    columnFilters?: ColumnFiltersState;
+    columnPinning?: ColumnPinningState;
+    sorting?: SortingState;
+};
+export type DataTableProps<T extends RowData> = DataTableContentProps<T> & DataTableStoreParams<T>;
+export type DataTableContentProps<T extends RowData> = {
+    emptyStateProps?: Partial<DataTableEmptyStateProps>;
+    onSearchChange?: SearchChangeHandler<NoInfer<T>>;
+    togglesComponent?: React.FC<{
+        table: Table<T>;
+    }>;
+};
+export type DataTableHandles<T extends {
+    [key: string]: unknown;
+}> = {
+    [K in keyof T]: MemoizedHandle<() => T[K]>;
+};
+export type DataTableRowAction<T extends RowData> = {
+    destructive?: boolean;
+    disabled?: ((row: T) => boolean) | boolean;
+    label: string;
+    onSelect: (row: T, table: Table<T>) => Promisable<void>;
+};
+export type DataTableStore = {
+    $handles: DataTableHandles<{
+        headerGroups: HeaderGroup<any>[];
+        paginationInfo: {
+            pageCount: number;
+            pageIndex: number;
+        };
+        rowCount: number;
+        rows: Row<any>[];
+        table: Table<any>;
+        tableMeta: TableMeta<any>;
+    }>;
+    _containerWidth: null | number;
+    _key: symbol;
+    reset: (params: DataTableStoreParams<any>) => void;
+    setContainerWidth: (containerWidth: number) => void;
+    setGlobalFilter: (globalFilter: GlobalFilter) => void;
+    setPageIndex: (index: number) => void;
+    style: React.CSSProperties;
+};
+export type DataTableStoreParams<T extends RowData> = {
+    columns: ColumnDef<NoInfer<T>>[];
+    data: T[];
+    initialState?: DataTableInitialState;
+    meta?: TableMeta<NoInfer<T>>;
+    rowActions?: DataTableRowAction<NoInfer<T>>[];
+    tableName?: string;
+};
+export type MemoizedHandle<T extends (...args: any[]) => any> = T & {
+    invalidate(): void;
+    [MEMOIZED_HANDLE_ID]: symbol;
+};
+export type SearchChangeHandler<T = any> = (value: string, table: Table<T>) => void;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/DataTable/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/types.ts"],"names":[],"mappings":"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"}

package/dist/components/DataTable/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/DataTable/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/DataTable/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,10 @@
+import type { ColumnDef, ColumnSizingState, RowData, Table, TableState, Updater } from '@tanstack/table-core';
+import type { DataTableStoreParams, MemoizedHandle } from './types.ts';
+declare function applyUpdater<T>(updater: Updater<T>, current: T): T;
+declare function calculateColumnSizing(table: Table<any>, containerWidth: number): ColumnSizingState;
+declare function defineMemoizedHandle<T extends (...args: any[]) => any>(target: T): MemoizedHandle<T>;
+declare function flexRender<TProps extends object>(Comp: React.ComponentType<TProps> | React.ReactNode, props: TProps): React.JSX.Element | React.ReactNode;
+declare function getColumnsWithActions<T extends RowData>({ columns, rowActions }: DataTableStoreParams<T>): ColumnDef<T>[];
+declare function getTanstackTableState<T>({ initialState, rowActions }: DataTableStoreParams<T>): TableState;
+export { applyUpdater, calculateColumnSizing, defineMemoizedHandle, flexRender, getColumnsWithActions, getTanstackTableState };
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/DataTable/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAM9G,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEvE,iBAAS,YAAY,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,CAE3D;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,cAAc,EAAE,MAAM,qBA8CvE;AAED,iBAAS,oBAAoB,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,MAAM,EAAE,CAAC,qBAOzE;AAED,iBAAS,UAAU,CAAC,MAAM,SAAS,MAAM,EACvC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,SAAS,EACnD,KAAK,EAAE,MAAM,GACZ,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,SAAS,CAErC;AAED,iBAAS,qBAAqB,CAAC,CAAC,SAAS,OAAO,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAclH;AAED,iBAAS,qBAAqB,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,UAAU,CAgCnG;AAMD,OAAO,EACL,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACpB,UAAU,EACV,qBAAqB,EACrB,qBAAqB,EACtB,CAAC"}

package/dist/components/DataTable/utils.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { sum } from 'lodash-es';
+import { ACTIONS_COLUMN_ID, MEMOIZED_HANDLE_ID } from "./constants.js";
+import { DataTableRowActionCell } from "./DataTableRowActionCell.js";
+function applyUpdater(updater, current) {
+    return typeof updater === 'function' ? updater(current) : updater;
+}
+function calculateColumnSizing(table, containerWidth) {
+    const updatedColumnSizing = {};
+    const visibleCenterLeafColumns = table.getCenterLeafColumns().filter((column) => column.getIsVisible());
+    const visibleCenterLeafColumnIds = visibleCenterLeafColumns.map((column) => column.id);
+    const visibleNonCenteredLeafColumns = table.getVisibleLeafColumns().filter((column) => {
+        return !visibleCenterLeafColumnIds.includes(column.id);
+    });
+    visibleNonCenteredLeafColumns.forEach((column) => {
+        const defaultSize = column.columnDef.size;
+        if (!defaultSize) {
+            console.error(`Size must be specified for pinned column with ID '${column.id}', defaulting to 200px`);
+            updatedColumnSizing[column.id] = 200;
+        }
+        else {
+            updatedColumnSizing[column.id] = defaultSize;
+        }
+    });
+    const nonCenteredColumnsSize = sum(Object.values(updatedColumnSizing));
+    const availableCenterSize = containerWidth - nonCenteredColumnsSize;
+    let maxCenterColumns;
+    if (containerWidth < 512) {
+        maxCenterColumns = 1;
+    }
+    else if (containerWidth < 768) {
+        maxCenterColumns = 2;
+    }
+    else if (containerWidth < 1024) {
+        maxCenterColumns = 3;
+    }
+    else if (containerWidth < 1280) {
+        maxCenterColumns = 4;
+    }
+    else {
+        maxCenterColumns = 5;
+    }
+    const centerColumnsToDisplay = Math.min(visibleCenterLeafColumns.length, maxCenterColumns);
+    if (centerColumnsToDisplay) {
+        visibleCenterLeafColumns.forEach((column) => {
+            updatedColumnSizing[column.id] = availableCenterSize / centerColumnsToDisplay;
+        });
+    }
+    else {
+        visibleNonCenteredLeafColumns.forEach((column) => {
+            updatedColumnSizing[column.id] = containerWidth / visibleNonCenteredLeafColumns.length;
+        });
+    }
+    return updatedColumnSizing;
+}
+function defineMemoizedHandle(target) {
+    const handle = target;
+    handle[MEMOIZED_HANDLE_ID] = Symbol();
+    handle.invalidate = function () {
+        this[MEMOIZED_HANDLE_ID] = Symbol();
+    };
+    return handle;
+}
+function flexRender(Comp, props) {
+    return !Comp ? null : isReactComponent(Comp) ? _jsx(Comp, { ...props }) : Comp;
+}
+function getColumnsWithActions({ columns, rowActions }) {
+    if (!rowActions) {
+        return columns;
+    }
+    return [
+        ...columns,
+        {
+            cell: DataTableRowActionCell,
+            enableHiding: false,
+            enableResizing: false,
+            id: ACTIONS_COLUMN_ID,
+            size: 64
+        }
+    ];
+}
+function getTanstackTableState({ initialState, rowActions }) {
+    const { columnFilters = [], columnPinning = {}, sorting = [] } = initialState ?? {};
+    const state = {
+        columnFilters,
+        columnOrder: [],
+        columnPinning,
+        columnSizing: {},
+        columnSizingInfo: {
+            columnSizingStart: [],
+            deltaOffset: null,
+            deltaPercentage: null,
+            isResizingColumn: false,
+            startOffset: null,
+            startSize: null
+        },
+        columnVisibility: {},
+        expanded: {},
+        globalFilter: undefined,
+        grouping: [],
+        pagination: {
+            pageIndex: 0,
+            pageSize: 10
+        },
+        rowPinning: {},
+        rowSelection: {},
+        sorting
+    };
+    if (rowActions) {
+        state.columnPinning.right ??= [];
+        state.columnPinning.right.push(ACTIONS_COLUMN_ID);
+    }
+    return state;
+}
+function isReactComponent(component) {
+    return typeof component === 'function';
+}
+export { applyUpdater, calculateColumnSizing, defineMemoizedHandle, flexRender, getColumnsWithActions, getTanstackTableState };
+//# sourceMappingURL=utils.js.map

package/dist/components/DataTable/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/DataTable/utils.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/Calendar.d.ts

@@ -0,0 +1,8 @@
+export declare const CALENDAR_ANIMATION_DURATION = 0.2;
+export type CalendarProps = {
+    month: number;
+    onSelection: (date: Date) => void;
+    year: number;
+};
+export declare const Calendar: import("react").ForwardRefExoticComponent<CalendarProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/components/DatePicker/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/Calendar.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,QAAQ,0GAiDnB,CAAC"}

package/dist/components/DatePicker/Calendar.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { range } from 'lodash-es';
+import { AnimatePresence, motion } from 'motion/react';
+import { useTranslation } from '#hooks';
+export const CALENDAR_ANIMATION_DURATION = 0.2; // seconds
+export const Calendar = forwardRef(function Calendar(props, ref) {
+    const { t } = useTranslation('libui');
+    const firstDay = new Date(props.year, props.month).getDay();
+    const lastDay = new Date(props.year, props.month + 1, 0).getDate();
+    const days = range(1, lastDay + 1);
+    const daysOfWeek = [
+        t('days.sunday'),
+        t('days.monday'),
+        t('days.tuesday'),
+        t('days.wednesday'),
+        t('days.thursday'),
+        t('days.friday'),
+        t('days.saturday')
+    ];
+    return (_jsx(AnimatePresence, { initial: false, mode: "wait", children: _jsx(motion.div, { animate: { opacity: 1, x: 0 }, exit: { opacity: 0, x: -20 }, initial: { opacity: 0, x: 20 }, transition: { duration: CALENDAR_ANIMATION_DURATION }, children: _jsxs("div", { className: "grid h-56 w-56 grid-cols-7 text-sm", ref: ref, children: [daysOfWeek.map((label) => (_jsx("div", { className: "text-muted-foreground flex h-8 w-8 items-center justify-center", children: label.charAt(0).toUpperCase() }, label))), _jsx("div", { style: { gridColumn: `span ${firstDay} / span ${firstDay}` } }), days.map((day) => (_jsx("button", { className: "dark:hover:bg-extra-muted flex h-8 w-8 items-center justify-center rounded-md hover:bg-slate-200 dark:hover:bg-slate-700", tabIndex: -1, type: "button", onClick: () => {
+                            props.onSelection(new Date(props.year, props.month, day));
+                        }, children: day }, day)))] }) }, `${props.year}-${props.month}`) }));
+});
+//# sourceMappingURL=Calendar.js.map

package/dist/components/DatePicker/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/DatePicker/Calendar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAC,CAAC,UAAU;AAQ1D,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAgC,SAAS,QAAQ,CAAC,KAAK,EAAE,GAAG;IAC5F,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC;IAC5D,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IACnE,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,CAAC;IAEnC,MAAM,UAAU,GAAG;QACjB,CAAC,CAAC,aAAa,CAAC;QAChB,CAAC,CAAC,aAAa,CAAC;QAChB,CAAC,CAAC,cAAc,CAAC;QACjB,CAAC,CAAC,gBAAgB,CAAC;QACnB,CAAC,CAAC,eAAe,CAAC;QAClB,CAAC,CAAC,aAAa,CAAC;QAChB,CAAC,CAAC,eAAe,CAAC;KACnB,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,MAAM,YAC1C,KAAC,MAAM,CAAC,GAAG,IACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAC5B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAE9B,UAAU,EAAE,EAAE,QAAQ,EAAE,2BAA2B,EAAE,YAErD,eAAK,SAAS,EAAC,oCAAoC,EAAC,GAAG,EAAE,GAAG,aACzD,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACzB,cAAK,SAAS,EAAC,gEAAgE,YAC5E,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,IADqD,KAAK,CAEpF,CACP,CAAC,EACF,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,QAAQ,WAAW,QAAQ,EAAE,EAAE,GAAI,EACpE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,iBACE,SAAS,EAAC,0HAA0H,EAEpI,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACZ,KAAK,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;wBAC5D,CAAC,YAEA,GAAG,IAPC,GAAG,CAQD,CACV,CAAC,IACE,IAvBD,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,EAAE,CAwBxB,GACG,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export type DatePickerProps = {
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
+    onSelection: (value: Date) => void;
+};
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/DatePicker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyD/B,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,UAAU,wFA6FrB,CAAC"}

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useReducer, useState } from 'react';
+import * as React from 'react';
+import { AnimatePresence, motion } from 'motion/react';
+import { useTranslation } from '#hooks';
+import { cn } from '#utils';
+import { ArrowToggle } from "../ArrowToggle/ArrowToggle.js";
+import { Card } from "../Card/Card.js";
+import { Calendar, CALENDAR_ANIMATION_DURATION } from "./Calendar.js";
+import { YearSelector } from "./YearSelector.js";
+const MONTHS = [
+    'january',
+    'february',
+    'march',
+    'april',
+    'may',
+    'june',
+    'july',
+    'august',
+    'september',
+    'october',
+    'november',
+    'december'
+];
+const reducer = (previousDate, action) => {
+    const newDate = new Date(previousDate.valueOf());
+    switch (action.type) {
+        case 'decrement':
+            newDate.setMonth(newDate.getMonth() - 1);
+            break;
+        case 'increment':
+            newDate.setMonth(newDate.getMonth() + 1);
+            break;
+        case 'set-year':
+            newDate.setFullYear(action.value);
+    }
+    return newDate;
+};
+export const DatePicker = React.forwardRef(function DatePicker({ onSelection, ...props }, ref) {
+    const [date, dispatch] = useReducer(reducer, new Date());
+    const [showYearSelector, setShowYearSelector] = useState(false);
+    const { t } = useTranslation('libui');
+    // this is to prevent changing month before prev calendar is unmounted
+    // the duration is doubled because presumably it is to mount old and mount new
+    const [canSetMonth, setCanSetMonth] = useState(true);
+    const monthName = t(`months.${MONTHS[date.getMonth()]}`);
+    const handleYearSelection = (date) => {
+        dispatch({ type: 'set-year', value: date.getFullYear() });
+        setShowYearSelector(false);
+    };
+    return (_jsxs(Card, { className: "w-fit p-3", "data-testid": "datepicker", ref: ref, ...props, children: [_jsxs("div", { className: "mb-3 flex items-center justify-between px-1", children: [_jsxs("div", { className: "flex items-center", children: [_jsx("span", { className: "mx-1 text-sm font-medium tracking-tight", children: `${monthName} ${date.getFullYear()}` }), _jsx(ArrowToggle, { className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700", isToggled: showYearSelector, position: "up", rotation: 180, tabIndex: -1, onClick: () => {
+                                    setShowYearSelector(!showYearSelector);
+                                } })] }), _jsxs("div", { className: cn('flex', { hidden: showYearSelector }), children: [_jsx(ArrowToggle, { className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700", position: "left", tabIndex: -1, onClick: () => {
+                                    if (canSetMonth) {
+                                        setCanSetMonth(false);
+                                        dispatch({ type: 'decrement' });
+                                        setTimeout(() => {
+                                            setCanSetMonth(true);
+                                        }, CALENDAR_ANIMATION_DURATION * 2000);
+                                    }
+                                } }), _jsx(ArrowToggle, { className: "flex items-center justify-center rounded-full p-1 hover:bg-slate-200 dark:hover:bg-slate-700", position: "right", tabIndex: -1, onClick: () => {
+                                    if (canSetMonth) {
+                                        setCanSetMonth(false);
+                                        dispatch({ type: 'increment' });
+                                        setTimeout(() => {
+                                            setCanSetMonth(true);
+                                        }, CALENDAR_ANIMATION_DURATION * 2000);
+                                    }
+                                } })] })] }), _jsx("div", { children: _jsx(AnimatePresence, { initial: false, mode: "wait", children: showYearSelector ? (_jsx(motion.div, { animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 10 }, initial: { opacity: 0, y: 10 }, transition: { duration: 0.2 }, children: _jsx(YearSelector, { selected: date, onSelection: handleYearSelection }) }, 0)) : (_jsx(motion.div, { animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -10 }, initial: { opacity: 0, y: -10 }, transition: { duration: 0.2 }, children: _jsx(Calendar, { month: date.getMonth(), year: date.getFullYear(), onSelection: onSelection }) }, 1)) }) })] }));
+});
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/components/DatePicker/YearSelector.d.ts

@@ -0,0 +1,6 @@
+export type YearSelectorProps = {
+    onSelection: (date: Date) => void;
+    selected: Date;
+};
+export declare const YearSelector: (props: YearSelectorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=YearSelector.d.ts.map

package/dist/components/DatePicker/YearSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearSelector.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/YearSelector.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,IAAI,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAoCpD,CAAC"}

package/dist/components/DatePicker/YearSelector.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { range } from 'lodash-es';
+import { cn } from '#utils';
+import { ScrollArea } from "../ScrollArea/ScrollArea.js";
+export const YearSelector = (props) => {
+    const selectedRef = useRef(null);
+    const currentYear = new Date().getFullYear();
+    const years = Array.from(range(currentYear - 100, currentYear + 8)).reverse();
+    useEffect(() => {
+        if (selectedRef.current) {
+            selectedRef.current.scrollIntoView({ block: 'center' });
+        }
+    }, []);
+    return (_jsx(ScrollArea, { className: "h-56 w-56", children: _jsx("div", { className: "text-muted-foreground grid grid-cols-3 gap-x-2 gap-y-1 text-sm", children: years.map((year) => (_jsx("div", { className: "flex h-7 items-center justify-center", children: _jsx("button", { className: cn('h-full w-full rounded-md hover:bg-slate-200 dark:hover:bg-slate-700', year === props.selected.getFullYear() &&
+                        'bg-primary text-primary-foreground hover:bg-primary dark:hover:bg-primary'), ref: year === props.selected.getFullYear() ? selectedRef : null, tabIndex: -1, type: "button", onClick: () => {
+                        props.onSelection(new Date(year, 0));
+                    }, children: year }) }, year))) }) }));
+};
+//# sourceMappingURL=YearSelector.js.map

package/dist/components/DatePicker/YearSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearSelector.js","sourceRoot":"","sources":["../../../src/components/DatePicker/YearSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE5B,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAC;AAO1D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,WAAW,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IACpD,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,GAAG,EAAE,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;IAE9E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,WAAW,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC1D,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,UAAU,IAAC,SAAS,EAAC,WAAW,YAC/B,cAAK,SAAS,EAAC,gEAAgE,YAC5E,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,cAAK,SAAS,EAAC,sCAAsC,YACnD,iBACE,SAAS,EAAE,EAAE,CACX,qEAAqE,EACrE,IAAI,KAAK,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE;wBACnC,2EAA2E,CAC9E,EACD,GAAG,EAAE,IAAI,KAAK,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EAC/D,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;oBACvC,CAAC,YAEA,IAAI,GACE,IAfgD,IAAI,CAgBzD,CACP,CAAC,GACE,GACK,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,10 @@
+export declare const Dialog: import("react").FC<import("@radix-ui/react-dialog").DialogProps> & {
+    Body: ({ children, className, ...props }: import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children, className, ...props }: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>>>) => import("react/jsx-runtime").JSX.Element;
+    Description: ({ className, ...props }: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>>) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Header: ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+    Title: ({ className, ...props }: import("react").ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>>) => import("react/jsx-runtime").JSX.Element;
+    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/components/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,MAAM;;;;;;;;CAQjB,CAAC"}