@trsys-tech/matrix-library 1.1.5 → 1.1.7

package/dist/components/data-table/useDataTableApi.d.ts

@@ -0,0 +1,34 @@
+import { Virtualizer } from '@tanstack/react-virtual';
+import { DataTableApi, DataTableColumn, DataTableContentProps, DataTableInstance, DataTableRow } from './DataTable.types';
+import { DataTableEditSession } from './dataTableEditing';
+import * as React from "react";
+export type DataTableRuntime<T extends object> = {
+    table: DataTableInstance<T>;
+    definitionsById: Map<string, DataTableColumn<T>>;
+    centerRows: DataTableRow<T>[];
+    virtualizer: Virtualizer<HTMLDivElement, Element>;
+    resolveId: (data: T, index: number) => string;
+    rowIndices: Map<T, number>;
+    sourcesById: Map<string, T>;
+    useVirtualRows: boolean;
+    pagination: boolean;
+    serverPagination: boolean;
+};
+type EditConfig<T extends object> = Pick<DataTableContentProps<T>, "columnDefs" | "validateRow" | "readOnlyEdit" | "onEditCommit" | "onEditRequest" | "onEditCancel">;
+type DataTableApiOptions<T extends object> = {
+    runtime: React.MutableRefObject<DataTableRuntime<T>>;
+    editRef: React.MutableRefObject<DataTableEditSession<T> | null>;
+    configRef: React.MutableRefObject<EditConfig<T>>;
+    updateEdit: (next: DataTableEditSession<T> | null) => void;
+    setPatches: React.Dispatch<React.SetStateAction<Record<string, {
+        source: T;
+        data: T;
+    }>>>;
+    contentRef: React.RefObject<HTMLDivElement>;
+    viewportRef: React.RefObject<HTMLDivElement>;
+    setPrinting: React.Dispatch<React.SetStateAction<boolean>>;
+};
+/** Stable public API; methods read current rows, callbacks and layout through refs. */
+export declare function useDataTableApi<T extends object>({ runtime, editRef, configRef, updateEdit, setPatches, contentRef, viewportRef, setPrinting, }: DataTableApiOptions<T>): DataTableApi<T>;
+export {};
+//# sourceMappingURL=useDataTableApi.d.ts.map

package/dist/components/data-table/useDataTableApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableApi.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/useDataTableApi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG3D,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAsB,iBAAiB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACnJ,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC/C,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAC5B,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9B,WAAW,EAAE,WAAW,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;IAClD,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,UAAU,EAAE,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC3B,WAAW,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,OAAO,CAAC;CAC3B,CAAC;AACF,KAAK,UAAU,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CACtC,qBAAqB,CAAC,CAAC,CAAC,EACxB,YAAY,GAAG,aAAa,GAAG,cAAc,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,CAClG,CAAC;AACF,KAAK,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC3C,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IAChE,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,IAAI,EAAE,oBAAoB,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC,CAAC,CAAC;IACzF,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC5D,CAAC;AAEF,uFAAuF;AACvF,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAAE,EAChD,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,GACZ,EAAE,mBAAmB,CAAC,CAAC,CAAC,mBAuKxB"}

package/dist/components/data-table/useDataTableColumnDrag.d.ts

@@ -0,0 +1,16 @@
+import { DragDropProvider } from '@dnd-kit/react';
+import { DataTableRuntime } from './useDataTableApi';
+import * as React from "react";
+type DataTableColumnDragOptions<T extends object> = {
+    runtime: React.MutableRefObject<DataTableRuntime<T>>;
+    viewportRef: React.RefObject<HTMLDivElement>;
+    contentRef: React.RefObject<HTMLDivElement>;
+    setColumnDrag: React.Dispatch<React.SetStateAction<{
+        sourceId: string;
+        targetId: string;
+    } | null>>;
+};
+type DataTableColumnDragHandlers = Pick<React.ComponentProps<typeof DragDropProvider>, "onDragStart" | "onDragMove" | "onDragEnd">;
+export declare function useDataTableColumnDrag<T extends object>({ runtime, viewportRef, contentRef, setColumnDrag, }: DataTableColumnDragOptions<T>): DataTableColumnDragHandlers;
+export {};
+//# sourceMappingURL=useDataTableColumnDrag.d.ts.map

package/dist/components/data-table/useDataTableColumnDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableColumnDrag.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/useDataTableColumnDrag.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,KAAK,0BAA0B,CAAC,CAAC,SAAS,MAAM,IAAI;IAClD,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC,CAAC,CAAC;CACpG,CAAC;AAEF,KAAK,2BAA2B,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,EAAE,aAAa,GAAG,YAAY,GAAG,WAAW,CAAC,CAAC;AAEnI,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,MAAM,EAAE,EACvD,OAAO,EACP,WAAW,EACX,UAAU,EACV,aAAa,GACd,EAAE,0BAA0B,CAAC,CAAC,CAAC,GAAG,2BAA2B,CAgD7D"}

package/dist/components/data-table/useDataTableInstance.d.ts

@@ -0,0 +1,96 @@
+import { ColumnDef } from '@tanstack/react-table';
+import { DataTableAlignmentContext } from './DataTableContext';
+import { DataTableColumn, DataTableContentProps, DataTableInstance, DataTableFilterType, DataTableFilterOption, DataTableCellParams, DataTableEditorProps } from './DataTable.types';
+import { TableFeature, Table, RowModel, CreatedSortFn } from '@tanstack/table-core';
+import * as React from "react";
+type DataTableInstanceOptions<T extends object> = Pick<DataTableContentProps<T>, "rowData" | "columnDefs" | "getRowId" | "tableOptions" | "externalFilter" | "rowSelection" | "renderSubComponent" | "getRowCanExpand" | "onQuickFilterTextChange"> & {
+    defaultColDef: Partial<DataTableColumn<T>>;
+    paginationPageSize: number;
+    pagination: boolean;
+    patches: Record<string, {
+        source: T;
+        data: T;
+    }>;
+    alignment: React.ContextType<typeof DataTableAlignmentContext>;
+    isPrinting: boolean;
+    viewportWidth: number;
+    selectionWidth: number;
+    searchText: string;
+    setSearch: (value: string) => void;
+};
+/** Own TanStack configuration, controlled state precedence and stable row identities. */
+export declare function useDataTableInstance<T extends object>({ rowData, columnDefs, defaultColDef, getRowId, paginationPageSize, tableOptions, externalFilter, rowSelection, pagination, renderSubComponent, getRowCanExpand, onQuickFilterTextChange, patches, alignment, isPrinting, viewportWidth, selectionWidth, searchText, setSearch, }: DataTableInstanceOptions<T>): {
+    table: DataTableInstance<T>;
+    definitionsById: Map<string, {
+        colId?: string;
+        field?: (string & {}) | (keyof T & string) | undefined;
+        headerName?: React.ReactNode;
+        width?: number;
+        minWidth?: number;
+        maxWidth?: number;
+        flex?: number;
+        sortable?: boolean;
+        resizable?: boolean;
+        hide?: boolean;
+        pinned?: "start" | "end" | "left" | "right";
+        filter?: boolean | DataTableFilterType;
+        filterOptions?: readonly (string | DataTableFilterOption)[];
+        cellDataType?: "text" | "number" | "date" | "dateString" | "boolean";
+        editable?: boolean | ((data: T) => boolean) | undefined;
+        cellRenderer?: React.ComponentType< DataTableCellParams<T>> | undefined;
+        cellEditor?: "number" | "text" | "date" | React.ComponentType< DataTableEditorProps<T>> | undefined;
+        valueGetter?: ((params: {
+            data: T;
+            rowIndex: number;
+        }) => unknown) | undefined;
+        valueFormatter?: ((params: {
+            data: T;
+            value: unknown;
+        }) => React.ReactNode) | undefined;
+        valueParser?: ((params: {
+            data: T;
+            oldValue: unknown;
+            newValue: unknown;
+        }) => unknown) | undefined;
+        valueSetter?: ((data: T, value: unknown) => T) | undefined;
+        getQuickFilterText?: ((params: {
+            data: T;
+            value: unknown;
+        }) => string) | undefined;
+        cellClass?: string | ((params: DataTableCellParams<T>) => string) | undefined;
+        align?: "start" | "center" | "end";
+        hideInPrint?: boolean;
+        suppressRowClick?: boolean;
+        onKeyDown?: ((event: React.KeyboardEvent, params: DataTableCellParams<T>) => void) | undefined;
+        validate?: ((value: unknown, draft: T) => readonly string[] | null) | undefined;
+        tableOptions?: Partial<Omit<ColumnDef<{
+            columnFilteringFeature: TableFeature;
+            globalFilteringFeature: TableFeature;
+            columnOrderingFeature: TableFeature;
+            columnPinningFeature: TableFeature;
+            columnSizingFeature: TableFeature;
+            columnResizingFeature: TableFeature;
+            columnVisibilityFeature: TableFeature;
+            rowExpandingFeature: TableFeature;
+            rowPaginationFeature: TableFeature;
+            rowPinningFeature: TableFeature;
+            rowSelectionFeature: TableFeature;
+            rowSortingFeature: TableFeature;
+            filteredRowModel: (table: Table<any, any>) => () => RowModel<any, any>;
+            sortedRowModel: (table: Table<any, any>) => () => RowModel<any, any>;
+            expandedRowModel: (table: Table<any, any>) => () => RowModel<any, any>;
+            paginatedRowModel: (table: Table<any, any>) => () => RowModel<any, any>;
+            sortFns: {
+                alphanumeric: CreatedSortFn<any, any>;
+                datetime: CreatedSortFn<any, any>;
+                basic: CreatedSortFn<any, any>;
+            };
+        }, T, any>, "columns" | "footer" | "header" | "id" | "cell" | "accessorKey" | "accessorFn">> | undefined;
+    }>;
+    sourcesById: Map<string, T>;
+    data: T[];
+    rowIndices: Map<T, number>;
+    resolveId: (data: T, index: number) => string;
+};
+export {};
+//# sourceMappingURL=useDataTableInstance.d.ts.map

package/dist/components/data-table/useDataTableInstance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableInstance.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/useDataTableInstance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA8B,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAG/D,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EAGrB,iBAAiB,EAGlB,MAAM,mBAAmB,CAAC;AAG3B,KAAK,wBAAwB,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CACpD,qBAAqB,CAAC,CAAC,CAAC,EACtB,SAAS,GACT,YAAY,GACZ,UAAU,GACV,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,oBAAoB,GACpB,iBAAiB,GACjB,yBAAyB,CAC5B,GAAG;IACF,aAAa,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC;IAChD,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,yBAAyB,CAAC,CAAC;IAC/D,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,yFAAyF;AACzF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EAAE,EACrD,OAAO,EACP,UAAU,EACV,aAAa,EACb,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,OAAO,EACP,SAAS,EACT,UAAU,EACV,aAAa,EACb,cAAc,EACd,UAAU,EACV,SAAS,GACV,EAAE,wBAAwB,CAAC,CAAC,CAAC;;;;;2BAC2E,SAAS;;;;;;;;;;;;;;;;;;;;;;oBAahD,SAAS;;;;;;;;;;;;;;;mCAc2B,aAC5F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAxBC,CAAC,SAAS,MAAM;EAoL1B"}

package/dist/components/data-table/useDataTableMotion.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+/** Animate committed row/column order changes within the viewport. */
+export declare function useDataTableMotion(viewportRef: React.RefObject<HTMLDivElement>, rowOrder: string, columnOrder: string, isPrinting: boolean): void;
+//# sourceMappingURL=useDataTableMotion.d.ts.map

package/dist/components/data-table/useDataTableMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataTableMotion.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/useDataTableMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,sEAAsE;AACtE,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,QA2I1I"}

package/dist/components/resource-scheduler/ResourceScheduler.d.ts

@@ -0,0 +1,96 @@
+import { default as React } from 'react';
+import { DateValue } from '../date-picker/dateValue';
+type ResourceSchedulerResource = {
+    id: string | number;
+    label: React.ReactNode;
+};
+type ResourceSchedulerItem = {
+    id: string | number;
+    resourceId: ResourceSchedulerResource["id"];
+    /** Date, YYYY-MM-DD, or ISO date-time string. Items use the local calendar day and retain their time when moved. */
+    date: DateValue;
+    /** Arbitrary card content; the calendar does not style the card itself. */
+    content: React.ReactNode;
+    /** Accessible name for moving this card. Defaults to its id. */
+    label?: string;
+    draggable?: boolean;
+};
+type ResourceSchedulerMove = {
+    previousItem: ResourceSchedulerItem;
+    item: ResourceSchedulerItem;
+};
+type ResourceSchedulerCellContext = {
+    resource: ResourceSchedulerResource;
+    /** Local calendar date in YYYY-MM-DD format. */
+    date: string;
+    items: readonly ResourceSchedulerItem[];
+};
+type ResourceSchedulerProps = Omit<React.ComponentPropsWithoutRef<"div">, "children" | "defaultValue"> & {
+    resources: readonly ResourceSchedulerResource[];
+    /** Inclusive local-calendar boundaries, accepting Date, YYYY-MM-DD, or ISO date-time strings. */
+    from: DateValue;
+    to: DateValue;
+    /** Controlled items; update this prop in onItemsChange to accept a move. */
+    items?: readonly ResourceSchedulerItem[];
+    defaultItems?: readonly ResourceSchedulerItem[];
+    onItemsChange?: (items: ResourceSchedulerItem[], move: ResourceSchedulerMove) => void;
+    /** Overrides automatic day moves. Choose the time and update controlled items in this callback. */
+    onItemDrop?: (move: ResourceSchedulerMove) => void;
+    disabled?: boolean;
+    resourceColumnWidth?: number;
+    dayColumnWidth?: number;
+    rowMinHeight?: number;
+    cardWidth?: number;
+    /** Horizontal distance between overlapping cards in the same day cell. */
+    stackOffset?: number;
+    locale?: string;
+    /** Render a day heading. Defaults to the locale's short weekday, month and day. */
+    formatter?: (date: Date) => React.ReactNode;
+    resourceHeading?: React.ReactNode;
+    /** Custom action shown at the bottom right on cell hover or keyboard focus. Return null to omit it. */
+    renderCellButton?: (cell: ResourceSchedulerCellContext) => React.ReactNode;
+    /** Enable the custom action globally or for selected cells. Defaults to true; disabled schedulers hide it. */
+    showCellButton?: boolean | ((cell: ResourceSchedulerCellContext) => boolean);
+    slotProps?: {
+        resource?: React.ComponentPropsWithoutRef<"div">;
+        day?: React.ComponentPropsWithoutRef<"div">;
+        cell?: React.ComponentPropsWithoutRef<"div">;
+        card?: React.ComponentPropsWithoutRef<"div">;
+    };
+};
+/** Resource-by-day calendar with consumer-rendered cards and controlled or local moves. */
+declare const ResourceScheduler: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "children"> & {
+    resources: readonly ResourceSchedulerResource[];
+    /** Inclusive local-calendar boundaries, accepting Date, YYYY-MM-DD, or ISO date-time strings. */
+    from: DateValue;
+    to: DateValue;
+    /** Controlled items; update this prop in onItemsChange to accept a move. */
+    items?: readonly ResourceSchedulerItem[];
+    defaultItems?: readonly ResourceSchedulerItem[];
+    onItemsChange?: (items: ResourceSchedulerItem[], move: ResourceSchedulerMove) => void;
+    /** Overrides automatic day moves. Choose the time and update controlled items in this callback. */
+    onItemDrop?: (move: ResourceSchedulerMove) => void;
+    disabled?: boolean;
+    resourceColumnWidth?: number;
+    dayColumnWidth?: number;
+    rowMinHeight?: number;
+    cardWidth?: number;
+    /** Horizontal distance between overlapping cards in the same day cell. */
+    stackOffset?: number;
+    locale?: string;
+    /** Render a day heading. Defaults to the locale's short weekday, month and day. */
+    formatter?: (date: Date) => React.ReactNode;
+    resourceHeading?: React.ReactNode;
+    /** Custom action shown at the bottom right on cell hover or keyboard focus. Return null to omit it. */
+    renderCellButton?: (cell: ResourceSchedulerCellContext) => React.ReactNode;
+    /** Enable the custom action globally or for selected cells. Defaults to true; disabled schedulers hide it. */
+    showCellButton?: boolean | ((cell: ResourceSchedulerCellContext) => boolean);
+    slotProps?: {
+        resource?: React.ComponentPropsWithoutRef<"div">;
+        day?: React.ComponentPropsWithoutRef<"div">;
+        cell?: React.ComponentPropsWithoutRef<"div">;
+        card?: React.ComponentPropsWithoutRef<"div">;
+    };
+} & React.RefAttributes<HTMLDivElement>>;
+export { ResourceScheduler, type ResourceSchedulerProps, type ResourceSchedulerResource, type ResourceSchedulerItem, type ResourceSchedulerMove, type ResourceSchedulerCellContext, };
+//# sourceMappingURL=ResourceScheduler.d.ts.map

package/dist/components/resource-scheduler/ResourceScheduler.d.ts.map

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

package/dist/datatable.es.js

@@ -0,0 +1,40 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as x } from "./utils.es.js";
+import { DataTableContext as b, useDataTable as p } from "./datatablecontext.es.js";
+const h = t.forwardRef(({ children: e, className: a, style: r, ...l }, d) => {
+  const [s, i] = t.useState(null), [o, c] = t.useState(), [n, u] = t.useState({ selectedCount: 0, pinnedCount: 0 }), f = t.useMemo(() => ({ api: s, setApi: i, search: o, setSearch: c, ...n, setCounts: u }), [s, o, n]);
+  return /* @__PURE__ */ m(b.Provider, { value: f, children: /* @__PURE__ */ m(
+    "div",
+    {
+      ref: d,
+      "data-data-table": "",
+      className: x(
+        "mtx-flex mtx-h-full mtx-min-h-0 mtx-flex-col mtx-rounded-lg mtx-border mtx-border-gray-200 mtx-bg-gray-0 mtx-font-sans mtx-text-xs mtx-text-text",
+        a
+      ),
+      ...l,
+      style: { fontFamily: "DMSans, sans-serif", ...r },
+      children: e
+    }
+  ) });
+});
+h.displayName = "DataTable";
+const g = t.forwardRef(({ className: e, ...a }, r) => (p(), /* @__PURE__ */ m(
+  "div",
+  {
+    ref: r,
+    "data-print-hidden": "",
+    className: x(
+      "mtx-flex mtx-min-h-12 mtx-shrink-0 mtx-items-center mtx-gap-1 mtx-rounded-t-lg mtx-border-b mtx-border-gray-200 mtx-p-2",
+      e
+    ),
+    ...a
+  }
+)));
+g.displayName = "DataTableActionBar";
+export {
+  h as DataTable,
+  g as DataTableActionBar
+};
+//# sourceMappingURL=datatable.es.js.map

package/dist/datatable.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatable.es.js","sources":["../src/components/data-table/DataTable.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { DataTableContext, useDataTable } from \"./DataTableContext\";\nimport type { DataTableApi } from \"./DataTable.types\";\n\nexport type DataTableProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst DataTable = React.forwardRef<HTMLDivElement, DataTableProps>(({ children, className, style, ...props }, ref) => {\n  const [api, setApi] = React.useState<DataTableApi<any> | null>(null);\n  const [search, setSearch] = React.useState<string>();\n  const [counts, setCounts] = React.useState({ selectedCount: 0, pinnedCount: 0 });\n  const value = React.useMemo(() => ({ api, setApi, search, setSearch, ...counts, setCounts }), [api, search, counts]);\n  return (\n    <DataTableContext.Provider value={value}>\n      <div\n        ref={ref}\n        data-data-table=\"\"\n        className={cn(\n          \"mtx-flex mtx-h-full mtx-min-h-0 mtx-flex-col mtx-rounded-lg mtx-border mtx-border-gray-200 mtx-bg-gray-0 mtx-font-sans mtx-text-xs mtx-text-text\",\n          className,\n        )}\n        {...props}\n        style={{ fontFamily: \"DMSans, sans-serif\", ...style }}\n      >\n        {children}\n      </div>\n    </DataTableContext.Provider>\n  );\n});\nDataTable.displayName = \"DataTable\";\n\nexport type DataTableActionBarProps = React.HTMLAttributes<HTMLDivElement>;\nconst DataTableActionBar = React.forwardRef<HTMLDivElement, DataTableActionBarProps>(({ className, ...props }, ref) => {\n  useDataTable();\n  return (\n    <div\n      ref={ref}\n      data-print-hidden=\"\"\n      className={cn(\n        \"mtx-flex mtx-min-h-12 mtx-shrink-0 mtx-items-center mtx-gap-1 mtx-rounded-t-lg mtx-border-b mtx-border-gray-200 mtx-p-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nDataTableActionBar.displayName = \"DataTableActionBar\";\n\nexport { DataTable, DataTableActionBar };\nexport { DataTableContent } from \"./DataTableContent\";\n"],"names":["DataTable","React","children","className","style","props","ref","api","setApi","search","setSearch","counts","setCounts","value","jsx","DataTableContext","cn","DataTableActionBar","useDataTable"],"mappings":";;;;AASA,MAAMA,IAAYC,EAAM,WAA2C,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAAQ;AACpH,QAAM,CAACC,GAAKC,CAAM,IAAIP,EAAM,SAAmC,IAAI,GAC7D,CAACQ,GAAQC,CAAS,IAAIT,EAAM,SAAA,GAC5B,CAACU,GAAQC,CAAS,IAAIX,EAAM,SAAS,EAAE,eAAe,GAAG,aAAa,GAAG,GACzEY,IAAQZ,EAAM,QAAQ,OAAO,EAAE,KAAAM,GAAK,QAAAC,GAAQ,QAAAC,GAAQ,WAAAC,GAAW,GAAGC,GAAQ,WAAAC,MAAc,CAACL,GAAKE,GAAQE,CAAM,CAAC;AACnH,SACE,gBAAAG,EAACC,EAAiB,UAAjB,EAA0B,OAAAF,GACzB,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,mBAAgB;AAAA,MAChB,WAAWU;AAAA,QACT;AAAA,QACAb;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MACJ,OAAO,EAAE,YAAY,sBAAsB,GAAGD,EAAA;AAAA,MAE7C,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ,CAAC;AACDF,EAAU,cAAc;AAGxB,MAAMiB,IAAqBhB,EAAM,WAAoD,CAAC,EAAE,WAAAE,GAAW,GAAGE,EAAA,GAASC,OAC7GY,EAAA,GAEE,gBAAAJ;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAR;AAAA,IACA,qBAAkB;AAAA,IAClB,WAAWU;AAAA,MACT;AAAA,MACAb;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AAAA,EAGT;AACDY,EAAmB,cAAc;"}

package/dist/datatableactions.es.js

@@ -0,0 +1,193 @@
+import { jsxs as C, jsx as t, Fragment as M } from "react/jsx-runtime";
+import * as o from "react";
+import { ElipsisVertical as P, Trashcan as U, Snowflake as _, Print as G, Refresh as H, CircleXmark as L, Magnifier as A } from "@trsys-tech/matrix-icons";
+import { cn as f } from "./utils.es.js";
+import { Button as I } from "./button.es.js";
+import { IconButton as x } from "./iconbutton.es.js";
+import { TextField as W } from "./textfield.es.js";
+import { Checkbox as X } from "./checkbox.es.js";
+import { Popover as E, PopoverTrigger as F, PopoverContent as z } from "./popover.es.js";
+import { useDataTable as g } from "./datatablecontext.es.js";
+function et({
+  value: r,
+  defaultValue: n = "",
+  onValueChange: i,
+  defaultOpen: c = !1,
+  defaultOpenAutoFocus: l = !0,
+  placeholder: e = "Search…",
+  label: a = "Search table",
+  className: d,
+  ...m
+}) {
+  const { api: u, search: h, setSearch: p } = g(), [N, B] = o.useState(n), [w, R] = o.useState(c), [y, k] = o.useState(!1), S = o.useRef(null), D = o.useRef(!0), b = o.useRef(null);
+  o.useEffect(
+    () => () => {
+      b.current && clearTimeout(b.current);
+    },
+    []
+  ), o.useEffect(() => {
+    w && (!D.current || l) && S.current?.focus(), D.current = !1;
+  }, [w, l]);
+  const T = (s) => {
+    if (i) {
+      r === void 0 && B(s), i(s);
+      return;
+    }
+    u ? u.table.setGlobalFilter(s) : p(s);
+  }, V = () => {
+    k(!0), T(""), b.current && clearTimeout(b.current), b.current = setTimeout(() => {
+      R(!1), k(!1), b.current = null;
+    }, 200);
+  }, v = (s) => /* @__PURE__ */ t("div", { className: f("mtx-max-w-60", d), ...m, children: w || y ? /* @__PURE__ */ t(
+    W,
+    {
+      ref: S,
+      size: "sm",
+      className: f("mtx-relative mtx-h-7.5", w && !y && "mtx-animate-input-open", y && "mtx-animate-input-close"),
+      value: s,
+      onChange: (j) => T(j.target.value),
+      slotProps: { inputProps: { "aria-label": a, placeholder: e } },
+      startAdornment: /* @__PURE__ */ t(
+        x,
+        {
+          type: "button",
+          variant: "toolbar",
+          "aria-label": "Close search",
+          className: "mtx-p-0.5 mtx-h-6 mtx-w-6 mtx-border-none mtx-mx-1",
+          onClick: V,
+          children: /* @__PURE__ */ t(A, { className: "mtx-w-5 mtx-h-5" })
+        }
+      ),
+      endAdornment: s && /* @__PURE__ */ t(
+        x,
+        {
+          type: "button",
+          variant: "toolbar",
+          "aria-label": "Clear search",
+          className: "mtx-p-0.5 mtx-w-6 mtx-h-6 mtx-border-none mtx-mx-1",
+          onClick: () => {
+            T(""), S.current?.focus();
+          },
+          children: /* @__PURE__ */ t(L, { className: "mtx-w-5 mtx-h-5" })
+        }
+      )
+    }
+  ) : /* @__PURE__ */ t(x, { type: "button", variant: "toolbar", "aria-label": a, className: "mtx-p-0.5 mtx-w-6 mtx-h-6 mtx-m-1", onClick: () => R(!0), children: /* @__PURE__ */ t(A, { className: "mtx-w-5 mtx-h-5" }) }) });
+  return i ? v(r ?? N) : u ? /* @__PURE__ */ t(u.table.Subscribe, { selector: (s) => s.globalFilter, children: (s) => v(String(s ?? "")) }) : v(h);
+}
+function at({
+  freezeText: r = "Freeze",
+  unFreezeText: n = "Unfreeze",
+  position: i = "top",
+  disabled: c,
+  onClick: l,
+  ...e
+}) {
+  const { api: a, selectedCount: d, pinnedCount: m } = g();
+  return /* @__PURE__ */ t(
+    I,
+    {
+      type: "button",
+      variant: "text",
+      startIcon: /* @__PURE__ */ t(_, { className: "mtx-h-4.5 mtx-w-4.5" }),
+      ...e,
+      disabled: c || !a || !d && !m,
+      onClick: (u) => {
+        a && (m ? a.table.setRowPinning({ top: [], bottom: [] }) : (a.pinRows(a.table.getSelectedRowIds(), i), a.deselectAll())), l?.(u);
+      },
+      children: m ? n : r
+    }
+  );
+}
+function rt({ onClick: r, children: n, disabled: i, onPrintError: c, className: l, ...e }) {
+  const { api: a } = g(), [d, m] = o.useState(!1), [u, h] = o.useState(!1);
+  return /* @__PURE__ */ C(M, { children: [
+    /* @__PURE__ */ t(
+      x,
+      {
+        type: "button",
+        variant: "toolbar",
+        "aria-label": "Print table",
+        ...e,
+        className: f("mtx-h-6 mtx-w-6 mtx-p-0.5", l),
+        disabled: i || d || !a,
+        onClick: async (p) => {
+          if (r?.(p), !(p.defaultPrevented || !a)) {
+            m(!0), h(!1);
+            try {
+              await a.print();
+            } catch (N) {
+              h(!0), c?.(N);
+            } finally {
+              m(!1);
+            }
+          }
+        },
+        children: n ?? /* @__PURE__ */ t(G, { className: "mtx-h-5 mtx-w-5" })
+      }
+    ),
+    u && /* @__PURE__ */ t("span", { role: "alert", className: "mtx-text-danger", children: "Unable to print table" })
+  ] });
+}
+function nt({ onRefresh: r, loading: n, children: i, disabled: c, className: l, ...e }) {
+  return /* @__PURE__ */ t(
+    x,
+    {
+      type: "button",
+      variant: "toolbar",
+      "aria-label": "Refresh table",
+      ...e,
+      className: f("mtx-h-6 mtx-w-6 mtx-p-0.5", l),
+      disabled: c || n,
+      onClick: r,
+      children: i ?? /* @__PURE__ */ t(H, { className: f("mtx-h-4.5 mtx-w-4.5", n && "mtx-animate-spin") })
+    }
+  );
+}
+function it({ onDelete: r, ...n }) {
+  return /* @__PURE__ */ t(I, { type: "button", variant: "danger", startIcon: /* @__PURE__ */ t(U, { className: "mtx-h-4.5 mtx-w-4.5" }), ...n, onClick: r });
+}
+function lt({ children: r, label: n = "More actions", ...i }) {
+  return /* @__PURE__ */ C(E, { children: [
+    /* @__PURE__ */ t(F, { asChild: !0, children: /* @__PURE__ */ t(x, { type: "button", variant: "toolbar", "aria-label": n, className: "mtx-h-6 mtx-w-6 mtx-p-0.5", children: /* @__PURE__ */ t(P, { className: "mtx-h-4.5 mtx-w-4.5" }) }) }),
+    /* @__PURE__ */ t(z, { align: "end", ...i, children: r })
+  ] });
+}
+function st({ children: r, disabled: n, className: i, ...c }) {
+  const { api: l } = g();
+  return /* @__PURE__ */ C(E, { children: [
+    /* @__PURE__ */ t(F, { asChild: !0, children: /* @__PURE__ */ t(
+      x,
+      {
+        type: "button",
+        variant: "toolbar",
+        "aria-label": "Show or hide columns",
+        ...c,
+        className: f("mtx-h-6 mtx-w-6 mtx-p-0.5", i),
+        disabled: n || !l,
+        children: r ?? /* @__PURE__ */ t(P, { className: "mtx-h-4.5 mtx-w-4.5" })
+      }
+    ) }),
+    /* @__PURE__ */ t(z, { align: "end", className: "mtx-w-56 mtx-space-y-2", children: l && /* @__PURE__ */ t(l.table.Subscribe, { selector: (e) => e.columnVisibility, children: () => l.table.getAllLeafColumns().filter((e) => !e.id.startsWith("__")).map((e) => /* @__PURE__ */ C("label", { className: "mtx-flex mtx-items-center mtx-gap-2 mtx-text-xs", children: [
+      /* @__PURE__ */ t(
+        X,
+        {
+          checked: e.getIsVisible(),
+          disabled: !e.getCanHide(),
+          onCheckedChange: (a) => e.toggleVisibility(a === !0)
+        }
+      ),
+      typeof e.columnDef.header == "string" ? e.columnDef.header : e.id
+    ] }, e.id)) }) })
+  ] });
+}
+export {
+  st as DataTableColumnsAction,
+  it as DataTableDeleteAction,
+  lt as DataTableExtraActions,
+  at as DataTableFreezeAction,
+  rt as DataTablePrintAction,
+  nt as DataTableRefreshAction,
+  et as DataTableSearchAction
+};
+//# sourceMappingURL=datatableactions.es.js.map

package/dist/datatableactions.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatableactions.es.js","sources":["../src/components/data-table/DataTableActions.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CircleXmark, ElipsisVertical, Magnifier, Print, Refresh, Snowflake, Trashcan } from \"@trsys-tech/matrix-icons\";\n\nimport { cn } from \"../../lib/utils\";\nimport { Button, type ButtonProps } from \"../button/Button\";\nimport { IconButton, type IconButtonProps } from \"../icon-botton/IconButton\";\nimport { TextField } from \"../text-field/TextField\";\nimport { Checkbox } from \"../checkbox/Checkbox\";\nimport { Popover, PopoverContent, PopoverTrigger, type PopoverContentProps } from \"../popover/Popover\";\nimport { useDataTable } from \"./DataTableContext\";\n\nexport type DataTableSearchActionProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\"> & {\n  /** Input value for externally managed search. Use with onValueChange. */\n  value?: string;\n  /** Initial input value for externally managed search. */\n  defaultValue?: string;\n  /** Handles search externally instead of applying the table's global filter. */\n  onValueChange?: (value: string) => void;\n  defaultOpen?: boolean;\n  defaultOpenAutoFocus?: boolean;\n  placeholder?: string;\n  label?: string;\n};\n\nexport function DataTableSearchAction({\n  value: controlledValue,\n  defaultValue = \"\",\n  onValueChange,\n  defaultOpen = false,\n  defaultOpenAutoFocus = true,\n  placeholder = \"Search…\",\n  label = \"Search table\",\n  className,\n  ...props\n}: DataTableSearchActionProps) {\n  const { api, search, setSearch } = useDataTable();\n  const [internalValue, setInternalValue] = React.useState(defaultValue);\n  const [open, setOpen] = React.useState(defaultOpen);\n  const [isClosing, setIsClosing] = React.useState(false);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const firstRender = React.useRef(true);\n  const closeTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  React.useEffect(\n    () => () => {\n      if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current);\n    },\n    [],\n  );\n\n  React.useEffect(() => {\n    if (open && (!firstRender.current || defaultOpenAutoFocus)) inputRef.current?.focus();\n    firstRender.current = false;\n  }, [open, defaultOpenAutoFocus]);\n\n  const update = (value: string) => {\n    if (onValueChange) {\n      if (controlledValue === undefined) setInternalValue(value);\n      onValueChange(value);\n      return;\n    }\n    if (api) api.table.setGlobalFilter(value);\n    else setSearch(value);\n  };\n\n  const handleClose = () => {\n    setIsClosing(true);\n    update(\"\");\n    if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current);\n    closeTimeoutRef.current = setTimeout(() => {\n      setOpen(false);\n      setIsClosing(false);\n      closeTimeoutRef.current = null;\n    }, 200);\n  };\n\n  const render = (value: string) => (\n    <div className={cn(\"mtx-max-w-60\", className)} {...props}>\n      {open || isClosing ? (\n        <TextField\n          ref={inputRef}\n          size=\"sm\"\n          className={cn(\"mtx-relative mtx-h-7.5\", open && !isClosing && \"mtx-animate-input-open\", isClosing && \"mtx-animate-input-close\")}\n          value={value}\n          onChange={event => update(event.target.value)}\n          slotProps={{ inputProps: { \"aria-label\": label, placeholder } }}\n          startAdornment={\n            <IconButton\n              type=\"button\"\n              variant=\"toolbar\"\n              aria-label=\"Close search\"\n              className=\"mtx-p-0.5 mtx-h-6 mtx-w-6 mtx-border-none mtx-mx-1\"\n              onClick={handleClose}\n            >\n              <Magnifier className=\"mtx-w-5 mtx-h-5\" />\n            </IconButton>\n          }\n          endAdornment={\n            value && (\n              <IconButton\n                type=\"button\"\n                variant=\"toolbar\"\n                aria-label=\"Clear search\"\n                className=\"mtx-p-0.5 mtx-w-6 mtx-h-6 mtx-border-none mtx-mx-1\"\n                onClick={() => {\n                  update(\"\");\n                  inputRef.current?.focus();\n                }}\n              >\n                <CircleXmark className=\"mtx-w-5 mtx-h-5\" />\n              </IconButton>\n            )\n          }\n        />\n      ) : (\n        <IconButton type=\"button\" variant=\"toolbar\" aria-label={label} className=\"mtx-p-0.5 mtx-w-6 mtx-h-6 mtx-m-1\" onClick={() => setOpen(true)}>\n          <Magnifier className=\"mtx-w-5 mtx-h-5\" />\n        </IconButton>\n      )}\n    </div>\n  );\n  if (onValueChange) return render(controlledValue ?? internalValue);\n\n  return api ? (\n    <api.table.Subscribe selector={state => state.globalFilter}>{value => render(String(value ?? \"\"))}</api.table.Subscribe>\n  ) : (\n    render(search)\n  );\n}\n\nexport type DataTableFreezeActionProps = ButtonProps & { freezeText?: string; unFreezeText?: string; position?: \"top\" | \"bottom\" };\nexport function DataTableFreezeAction({\n  freezeText = \"Freeze\",\n  unFreezeText = \"Unfreeze\",\n  position = \"top\",\n  disabled,\n  onClick,\n  ...props\n}: DataTableFreezeActionProps) {\n  const { api, selectedCount, pinnedCount } = useDataTable();\n  return (\n    <Button\n      type=\"button\"\n      variant=\"text\"\n      startIcon={<Snowflake className=\"mtx-h-4.5 mtx-w-4.5\" />}\n      {...props}\n      disabled={disabled || !api || (!selectedCount && !pinnedCount)}\n      onClick={event => {\n        if (api) {\n          if (pinnedCount) api.table.setRowPinning({ top: [], bottom: [] });\n          else {\n            api.pinRows(api.table.getSelectedRowIds(), position);\n            api.deselectAll();\n          }\n        }\n        onClick?.(event);\n      }}\n    >\n      {pinnedCount ? unFreezeText : freezeText}\n    </Button>\n  );\n}\n\nexport type DataTablePrintActionProps = IconButtonProps & { onPrintError?: (error: unknown) => void };\nexport function DataTablePrintAction({ onClick, children, disabled, onPrintError, className, ...props }: DataTablePrintActionProps) {\n  const { api } = useDataTable();\n  const [busy, setBusy] = React.useState(false);\n  const [error, setError] = React.useState(false);\n  return (\n    <>\n      <IconButton\n        type=\"button\"\n        variant=\"toolbar\"\n        aria-label=\"Print table\"\n        {...props}\n        className={cn(\"mtx-h-6 mtx-w-6 mtx-p-0.5\", className)}\n        disabled={disabled || busy || !api}\n        onClick={async event => {\n          onClick?.(event);\n          if (event.defaultPrevented || !api) return;\n          setBusy(true);\n          setError(false);\n          try {\n            await api.print();\n          } catch (caught) {\n            setError(true);\n            onPrintError?.(caught);\n          } finally {\n            setBusy(false);\n          }\n        }}\n      >\n        {children ?? <Print className=\"mtx-h-5 mtx-w-5\" />}\n      </IconButton>\n      {error && (\n        <span role=\"alert\" className=\"mtx-text-danger\">\n          Unable to print table\n        </span>\n      )}\n    </>\n  );\n}\n\nexport type DataTableRefreshActionProps = Omit<IconButtonProps, \"onClick\"> & { onRefresh: () => void };\nexport function DataTableRefreshAction({ onRefresh, loading, children, disabled, className, ...props }: DataTableRefreshActionProps) {\n  return (\n    <IconButton\n      type=\"button\"\n      variant=\"toolbar\"\n      aria-label=\"Refresh table\"\n      {...props}\n      className={cn(\"mtx-h-6 mtx-w-6 mtx-p-0.5\", className)}\n      disabled={disabled || loading}\n      onClick={onRefresh}\n    >\n      {children ?? <Refresh className={cn(\"mtx-h-4.5 mtx-w-4.5\", loading && \"mtx-animate-spin\")} />}\n    </IconButton>\n  );\n}\n\nexport type DataTableDeleteActionProps = Omit<ButtonProps, \"onClick\"> & { onDelete: () => void };\nexport function DataTableDeleteAction({ onDelete, ...props }: DataTableDeleteActionProps) {\n  return <Button type=\"button\" variant=\"danger\" startIcon={<Trashcan className=\"mtx-h-4.5 mtx-w-4.5\" />} {...props} onClick={onDelete} />;\n}\n\nexport type DataTableExtraActionsProps = PopoverContentProps & { label?: string };\nexport function DataTableExtraActions({ children, label = \"More actions\", ...props }: DataTableExtraActionsProps) {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <IconButton type=\"button\" variant=\"toolbar\" aria-label={label} className=\"mtx-h-6 mtx-w-6 mtx-p-0.5\">\n          <ElipsisVertical className=\"mtx-h-4.5 mtx-w-4.5\" />\n        </IconButton>\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" {...props}>\n        {children}\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nexport type DataTableColumnsActionProps = IconButtonProps;\nexport function DataTableColumnsAction({ children, disabled, className, ...props }: DataTableColumnsActionProps) {\n  const { api } = useDataTable();\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <IconButton\n          type=\"button\"\n          variant=\"toolbar\"\n          aria-label=\"Show or hide columns\"\n          {...props}\n          className={cn(\"mtx-h-6 mtx-w-6 mtx-p-0.5\", className)}\n          disabled={disabled || !api}\n        >\n          {children ?? <ElipsisVertical className=\"mtx-h-4.5 mtx-w-4.5\" />}\n        </IconButton>\n      </PopoverTrigger>\n      <PopoverContent align=\"end\" className=\"mtx-w-56 mtx-space-y-2\">\n        {api && (\n          <api.table.Subscribe selector={state => state.columnVisibility}>\n            {() =>\n              api.table\n                .getAllLeafColumns()\n                .filter(column => !column.id.startsWith(\"__\"))\n                .map(column => (\n                  <label key={column.id} className=\"mtx-flex mtx-items-center mtx-gap-2 mtx-text-xs\">\n                    <Checkbox\n                      checked={column.getIsVisible()}\n                      disabled={!column.getCanHide()}\n                      onCheckedChange={value => column.toggleVisibility(value === true)}\n                    />\n                    {typeof column.columnDef.header === \"string\" ? column.columnDef.header : column.id}\n                  </label>\n                ))\n            }\n          </api.table.Subscribe>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"names":["DataTableSearchAction","controlledValue","defaultValue","onValueChange","defaultOpen","defaultOpenAutoFocus","placeholder","label","className","props","api","search","setSearch","useDataTable","internalValue","setInternalValue","React","open","setOpen","isClosing","setIsClosing","inputRef","firstRender","closeTimeoutRef","update","value","handleClose","render","jsx","cn","TextField","event","IconButton","Magnifier","CircleXmark","state","DataTableFreezeAction","freezeText","unFreezeText","position","disabled","onClick","selectedCount","pinnedCount","Button","Snowflake","DataTablePrintAction","children","onPrintError","busy","setBusy","error","setError","jsxs","Fragment","caught","Print","DataTableRefreshAction","onRefresh","loading","Refresh","DataTableDeleteAction","onDelete","Trashcan","DataTableExtraActions","Popover","PopoverTrigger","ElipsisVertical","PopoverContent","DataTableColumnsAction","column","Checkbox"],"mappings":"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"}

package/dist/datatablealignment.es.js

@@ -0,0 +1,11 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as t from "react";
+import { DataTableAlignmentContext as i } from "./datatablecontext.es.js";
+function f({ children: o, initialState: a = {} }) {
+  const [e, n] = t.useState(a), r = t.useRef(/* @__PURE__ */ new Set()), s = t.useMemo(() => ({ state: e, setState: n, viewports: r }), [e]);
+  return /* @__PURE__ */ m(i.Provider, { value: s, children: o });
+}
+export {
+  f as DataTableAlignment
+};
+//# sourceMappingURL=datatablealignment.es.js.map

package/dist/datatablealignment.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatablealignment.es.js","sources":["../src/components/data-table/DataTableAlignment.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\n\nimport { DataTableAlignmentContext, type AlignmentState } from \"./DataTableContext\";\n\nexport type DataTableAlignmentProps = {\n  children: React.ReactNode;\n  initialState?: Partial<AlignmentState>;\n};\n\n/** Tables in this provider share column layout and horizontal scroll, but retain independent data and selection. */\nexport function DataTableAlignment({ children, initialState = {} }: DataTableAlignmentProps) {\n  const [state, setState] = React.useState(initialState);\n  const viewports = React.useRef(new Set<HTMLDivElement>());\n  const value = React.useMemo(() => ({ state, setState, viewports }), [state]);\n  return <DataTableAlignmentContext.Provider value={value}>{children}</DataTableAlignmentContext.Provider>;\n}\n"],"names":["DataTableAlignment","children","initialState","state","setState","React","viewports","value","jsx","DataTableAlignmentContext"],"mappings":";;;AAYO,SAASA,EAAmB,EAAE,UAAAC,GAAU,cAAAC,IAAe,CAAA,KAA+B;AAC3F,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAASH,CAAY,GAC/CI,IAAYD,EAAM,OAAO,oBAAI,KAAqB,GAClDE,IAAQF,EAAM,QAAQ,OAAO,EAAE,OAAAF,GAAO,UAAAC,GAAU,WAAAE,EAAA,IAAc,CAACH,CAAK,CAAC;AAC3E,SAAO,gBAAAK,EAACC,EAA0B,UAA1B,EAAmC,OAAAF,GAAe,UAAAN,EAAA,CAAS;AACrE;"}

package/dist/datatablecolumndrag.es.js

@@ -0,0 +1,34 @@
+import { PointerSensor as u, KeyboardSensor as m } from "@dnd-kit/react";
+import { PointerActivationConstraints as d } from "@dnd-kit/dom";
+class f extends m {
+  choosingTarget = !1;
+  constructor(n) {
+    super(n, { preventActivation: (r, a) => r.target !== a.element });
+  }
+  handleMove(n, r) {
+    if (r.preventDefault(), n !== "left" && n !== "right") return;
+    const { source: a, target: h } = this.manager.dragOperation, l = h ?? a;
+    if (!a || !l?.element) return;
+    const c = l.element.getBoundingClientRect(), o = c.left + c.width / 2, s = Array.from(this.manager.registry.droppables).filter((e) => !e.disabled && e.id !== l.id && e.accepts(a) && e.element).map((e) => ({ item: e, rect: e.element.getBoundingClientRect() })).filter(
+      ({ rect: e }) => e.width > 0 && (n === "left" ? e.left + e.width / 2 < o - 1 : e.left + e.width / 2 > o + 1)
+    ).sort((e, g) => Math.abs(e.rect.left + e.rect.width / 2 - o) - Math.abs(g.rect.left + g.rect.width / 2 - o))[0]?.item;
+    if (!s?.element) return;
+    this.manager.collisionObserver.disable(), this.choosingTarget = !0, this.manager.actions.setDropTarget(s.id), s.element.scrollIntoView({ block: "nearest", inline: "nearest" });
+    const i = s.element.getBoundingClientRect();
+    this.manager.actions.move({ event: r, to: { x: i.left + i.width / 2, y: i.top + i.height / 2 } });
+  }
+  cleanup() {
+    this.choosingTarget && (this.manager.collisionObserver.enable(), this.choosingTarget = !1), super.cleanup();
+  }
+}
+const w = [
+  u.configure({
+    preventActivation: (t) => t.target instanceof Element && !!t.target.closest("[data-column-drag-ignore],button:not([data-column-sort]),a,input,select,textarea,[role=separator]"),
+    activationConstraints: (t) => t.pointerType === "touch" ? [new d.Delay({ value: 250, tolerance: 5 })] : [new d.Distance({ value: 5 })]
+  }),
+  f
+];
+export {
+  w as dataTableColumnSensors
+};
+//# sourceMappingURL=datatablecolumndrag.es.js.map

package/dist/datatablecolumndrag.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datatablecolumndrag.es.js","sources":["../src/components/data-table/dataTableColumnDrag.ts"],"sourcesContent":["import { KeyboardSensor, PointerSensor } from \"@dnd-kit/react\";\nimport { PointerActivationConstraints } from \"@dnd-kit/dom\";\n\n/** Move by a whole column rather than the default sensor's fixed pixel step. */\nclass DataTableColumnKeyboardSensor extends KeyboardSensor {\n  private choosingTarget = false;\n\n  constructor(manager: ConstructorParameters<typeof KeyboardSensor>[0]) {\n    super(manager, { preventActivation: (event, source) => event.target !== source.element });\n  }\n\n  protected handleMove(direction: \"up\" | \"down\" | \"left\" | \"right\", event: KeyboardEvent) {\n    event.preventDefault();\n    if (direction !== \"left\" && direction !== \"right\") return;\n    const { source, target } = this.manager.dragOperation;\n    const current = target ?? source;\n    if (!source || !current?.element) return;\n    const bounds = current.element.getBoundingClientRect();\n    const center = bounds.left + bounds.width / 2;\n    const candidates = Array.from(this.manager.registry.droppables)\n      .filter(item => !item.disabled && item.id !== current.id && item.accepts(source) && item.element)\n      .map(item => ({ item, rect: item.element!.getBoundingClientRect() }))\n      .filter(\n        ({ rect }) => rect.width > 0 && (direction === \"left\" ? rect.left + rect.width / 2 < center - 1 : rect.left + rect.width / 2 > center + 1),\n      )\n      .sort((a, b) => Math.abs(a.rect.left + a.rect.width / 2 - center) - Math.abs(b.rect.left + b.rect.width / 2 - center));\n    const next = candidates[0]?.item;\n    if (!next?.element) return;\n    // Keyboard targets are semantic column choices; geometry must not override them mid-animation.\n    this.manager.collisionObserver.disable();\n    this.choosingTarget = true;\n    void this.manager.actions.setDropTarget(next.id);\n    next.element.scrollIntoView({ block: \"nearest\", inline: \"nearest\" });\n    const rect = next.element.getBoundingClientRect();\n    this.manager.actions.move({ event, to: { x: rect.left + rect.width / 2, y: rect.top + rect.height / 2 } });\n  }\n\n  protected cleanup() {\n    if (this.choosingTarget) {\n      this.manager.collisionObserver.enable();\n      this.choosingTarget = false;\n    }\n    super.cleanup();\n  }\n}\n\nexport const dataTableColumnSensors = [\n  PointerSensor.configure({\n    preventActivation: event =>\n      event.target instanceof Element &&\n      !!event.target.closest(\"[data-column-drag-ignore],button:not([data-column-sort]),a,input,select,textarea,[role=separator]\"),\n    activationConstraints: event =>\n      event.pointerType === \"touch\"\n        ? [new PointerActivationConstraints.Delay({ value: 250, tolerance: 5 })]\n        : [new PointerActivationConstraints.Distance({ value: 5 })],\n  }),\n  DataTableColumnKeyboardSensor,\n];\n"],"names":["DataTableColumnKeyboardSensor","KeyboardSensor","manager","event","source","direction","target","current","bounds","center","next","item","rect","a","b","dataTableColumnSensors","PointerSensor","PointerActivationConstraints"],"mappings":";;AAIA,MAAMA,UAAsCC,EAAe;AAAA,EACjD,iBAAiB;AAAA,EAEzB,YAAYC,GAA0D;AACpE,UAAMA,GAAS,EAAE,mBAAmB,CAACC,GAAOC,MAAWD,EAAM,WAAWC,EAAO,SAAS;AAAA,EAC1F;AAAA,EAEU,WAAWC,GAA6CF,GAAsB;AAEtF,QADAA,EAAM,eAAA,GACFE,MAAc,UAAUA,MAAc,QAAS;AACnD,UAAM,EAAE,QAAAD,GAAQ,QAAAE,EAAA,IAAW,KAAK,QAAQ,eAClCC,IAAUD,KAAUF;AAC1B,QAAI,CAACA,KAAU,CAACG,GAAS,QAAS;AAClC,UAAMC,IAASD,EAAQ,QAAQ,sBAAA,GACzBE,IAASD,EAAO,OAAOA,EAAO,QAAQ,GAQtCE,IAPa,MAAM,KAAK,KAAK,QAAQ,SAAS,UAAU,EAC3D,OAAO,OAAQ,CAACC,EAAK,YAAYA,EAAK,OAAOJ,EAAQ,MAAMI,EAAK,QAAQP,CAAM,KAAKO,EAAK,OAAO,EAC/F,IAAI,CAAAA,OAAS,EAAE,MAAAA,GAAM,MAAMA,EAAK,QAAS,sBAAA,EAAsB,EAAI,EACnE;AAAA,MACC,CAAC,EAAE,MAAAC,EAAAA,MAAWA,EAAK,QAAQ,MAAMP,MAAc,SAASO,EAAK,OAAOA,EAAK,QAAQ,IAAIH,IAAS,IAAIG,EAAK,OAAOA,EAAK,QAAQ,IAAIH,IAAS;AAAA,IAAA,EAEzI,KAAK,CAACI,GAAGC,MAAM,KAAK,IAAID,EAAE,KAAK,OAAOA,EAAE,KAAK,QAAQ,IAAIJ,CAAM,IAAI,KAAK,IAAIK,EAAE,KAAK,OAAOA,EAAE,KAAK,QAAQ,IAAIL,CAAM,CAAC,EAC/F,CAAC,GAAG;AAC5B,QAAI,CAACC,GAAM,QAAS;AAEpB,SAAK,QAAQ,kBAAkB,QAAA,GAC/B,KAAK,iBAAiB,IACjB,KAAK,QAAQ,QAAQ,cAAcA,EAAK,EAAE,GAC/CA,EAAK,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AACnE,UAAME,IAAOF,EAAK,QAAQ,sBAAA;AAC1B,SAAK,QAAQ,QAAQ,KAAK,EAAE,OAAAP,GAAO,IAAI,EAAE,GAAGS,EAAK,OAAOA,EAAK,QAAQ,GAAG,GAAGA,EAAK,MAAMA,EAAK,SAAS,EAAA,GAAK;AAAA,EAC3G;AAAA,EAEU,UAAU;AAClB,IAAI,KAAK,mBACP,KAAK,QAAQ,kBAAkB,OAAA,GAC/B,KAAK,iBAAiB,KAExB,MAAM,QAAA;AAAA,EACR;AACF;AAEO,MAAMG,IAAyB;AAAA,EACpCC,EAAc,UAAU;AAAA,IACtB,mBAAmB,CAAAb,MACjBA,EAAM,kBAAkB,WACxB,CAAC,CAACA,EAAM,OAAO,QAAQ,mGAAmG;AAAA,IAC5H,uBAAuB,CAAAA,MACrBA,EAAM,gBAAgB,UAClB,CAAC,IAAIc,EAA6B,MAAM,EAAE,OAAO,KAAK,WAAW,GAAG,CAAC,IACrE,CAAC,IAAIA,EAA6B,SAAS,EAAE,OAAO,GAAG,CAAC;AAAA,EAAA,CAC/D;AAAA,EACDjB;AACF;"}