@1money/component-ui 0.0.46 → 0.0.47

package/es/components/Table/interface.d.ts

@@ -1,23 +1,33 @@
 import type React from 'react';
 import type { CSSProperties, HTMLAttributes, Key, ReactNode } from 'react';
+import type { CheckboxProps } from "../Checkbox";
 import type { EmptyProps } from "../Empty";
+import type { DataIndex as InternalDataIndex } from './internal/kernel/interface';
 export type TableSize = 'large' | 'small';
 export type TableVariant = 'fill' | 'stroke';
 export type TableAlign = 'left' | 'center' | 'right';
 export type TableSortOrder = 'ascend' | 'descend' | null;
-export type TableAction = 'paginate' | 'sort';
+export type TableAction = 'paginate' | 'sort' | 'filter';
 export type TableLayout = 'auto' | 'fixed';
 export type TableDirection = 'ltr' | 'rtl';
+/** Default record shape — matches `rc-table`'s `DefaultRecordType`. */
+export type TableRecord = Record<string, any>;
+/**
+ * Path used to derive a value from a record. Re-exported from the kernel so the
+ * public API supports the same shapes as `rc-table` (string / number / array /
+ * recursive deep paths) instead of the previous narrower union.
+ */
+export type TableDataIndex<T extends TableRecord = TableRecord> = InternalDataIndex<T>;
 export interface TablePaginationConfig {
     current?: number;
     defaultCurrent?: number;
     pageSize?: number;
     defaultPageSize?: number;
 }
-export interface TableCellRenderMeta<T> {
+export interface TableCellRenderMeta<T extends TableRecord = TableRecord> {
     column: TableColumn<T>;
 }
-export interface TableHeaderRenderMeta<T> {
+export interface TableHeaderRenderMeta<T extends TableRecord = TableRecord> {
     column: TableColumn<T>;
 }
 export interface TableCellContentValue {
@@ -26,7 +36,7 @@ export interface TableCellContentValue {
     leading?: ReactNode;
     trailing?: ReactNode;
 }
-export interface TableRenderedCell<T> {
+export interface TableRenderedCell<T extends TableRecord = TableRecord> {
     children?: ReactNode;
     props?: {
         colSpan?: number;
@@ -34,16 +44,18 @@ export interface TableRenderedCell<T> {
         className?: string;
         style?: CSSProperties;
     };
+    /** Reserved for future record/column-aware overrides; preserves T for variance. */
+    __recordType?: T;
 }
-export interface TableColumnSorterConfig<T> {
+export interface TableColumnSorterConfig<T extends TableRecord = TableRecord> {
     compare: (a: T, b: T) => number;
     /** Priority number for multi-column sort. Columns with higher values are compared first. */
     multiple: number;
 }
 export type TableGetComponentProps<T> = (data: T, index?: number) => HTMLAttributes<HTMLElement> & React.TdHTMLAttributes<HTMLElement>;
-export type TableRowClassName<T> = string | ((record: T, index: number, indent: number) => string);
+export type TableRowClassName<T extends TableRecord = TableRecord> = string | ((record: T, index: number, indent: number) => string);
 type TableCustomizeComponent = React.ComponentType<any> | React.ForwardRefExoticComponent<any> | React.FC<any> | keyof React.JSX.IntrinsicElements;
-export interface TableComponents<T> {
+export interface TableComponents<T extends TableRecord = TableRecord> {
     table?: TableCustomizeComponent;
     header?: {
         table?: TableCustomizeComponent;
@@ -56,10 +68,31 @@ export interface TableComponents<T> {
         row?: TableCustomizeComponent;
         cell?: TableCustomizeComponent;
     };
+    /** Reserved to preserve record-type variance. */
+    __recordType?: T;
 }
-export interface TableColumn<T> {
+export type TableFilterValue = (Key | boolean)[];
+export interface TableColumnFilterItem {
+    text: ReactNode;
+    value: Key | boolean;
+    children?: TableColumnFilterItem[];
+}
+export interface TableFilterDropdownProps<T extends TableRecord = TableRecord> {
+    prefixCls: string;
+    setSelectedKeys: (selectedKeys: TableFilterValue) => void;
+    selectedKeys: TableFilterValue;
+    /** Apply current selection and close the dropdown. */
+    confirm: () => void;
+    /** Reset selection for this column. */
+    clearFilters?: () => void;
+    filters?: TableColumnFilterItem[];
+    visible: boolean;
+    close: () => void;
+    column: TableColumn<T>;
+}
+export interface TableColumn<T extends TableRecord = TableRecord> {
     key?: Key;
-    dataIndex?: keyof T | string | string[];
+    dataIndex?: TableDataIndex<T>;
     title?: ReactNode;
     width?: number | string;
     minWidth?: number;
@@ -76,6 +109,23 @@ export interface TableColumn<T> {
     sorter?: boolean | ((a: T, b: T) => number) | TableColumnSorterConfig<T>;
     sortOrder?: TableSortOrder;
     defaultSortOrder?: Exclude<TableSortOrder, null>;
+    filters?: TableColumnFilterItem[];
+    filteredValue?: TableFilterValue | null;
+    defaultFilteredValue?: TableFilterValue | null;
+    filterMultiple?: boolean;
+    filterMode?: 'menu' | 'tree';
+    filterSearch?: boolean | ((input: string, item: TableColumnFilterItem) => boolean);
+    filterIcon?: ReactNode | ((filtered: boolean) => ReactNode);
+    filterDropdown?: ReactNode | ((props: TableFilterDropdownProps<T>) => ReactNode);
+    filterDropdownOpen?: boolean;
+    defaultFilterDropdownOpen?: boolean;
+    /**
+     * Predicate used to filter rows when `filters` (built-in UI) or `filteredValue`
+     * (controlled) is set. Receives one filter value at a time per row; row is kept
+     * if the predicate returns `true` for ANY currently selected value.
+     */
+    onFilter?: (value: Key | boolean, record: T) => boolean;
+    onFilterDropdownOpenChange?: (open: boolean) => void;
     onCell?: TableGetComponentProps<T>;
     onHeaderCell?: TableGetComponentProps<TableColumn<T>>;
     shouldCellUpdate?: (record: T, prevRecord: T) => boolean;
@@ -83,37 +133,60 @@ export interface TableColumn<T> {
     headerClassName?: string;
     cellClassName?: string | ((value: unknown, record: T, index: number) => string);
 }
-export interface TableColumnGroup<T> extends Pick<TableColumn<T>, 'key' | 'title' | 'align' | 'className' | 'headerClassName' | 'fixed'> {
+export interface TableColumnGroup<T extends TableRecord = TableRecord> extends Pick<TableColumn<T>, 'key' | 'title' | 'align' | 'className' | 'headerClassName' | 'fixed'> {
     children: TableColumnType<T>[];
 }
-export type TableColumnType<T> = TableColumn<T> | TableColumnGroup<T>;
-export interface TableChangeMeta<T> {
+export type TableColumnType<T extends TableRecord = TableRecord> = TableColumn<T> | TableColumnGroup<T>;
+export interface TableChangeMeta<T extends TableRecord = TableRecord> {
     currentDataSource: T[];
     action: TableAction;
+    /**
+     * Current pagination state after this change. Always present so consumers can
+     * mirror the table's state.
+     */
+    pagination?: {
+        current: number;
+        pageSize: number;
+    } | false;
+    /** Current sorter (single-column shape — `{ columnKey, order }`). */
+    sorter?: {
+        columnKey?: Key;
+        order?: TableSortOrder;
+    };
+    /**
+     * Current filter selection keyed by column key. Required for controlled-mode
+     * consumers who want clicks inside the built-in filter dropdown to round-trip
+     * back to their state — e.g. `onChange={meta => setFilteredValue(meta.filters?.network ?? [])}`.
+     */
+    filters?: Record<string, TableFilterValue | null>;
 }
 export type TableRowSelectMethod = 'all' | 'none' | 'single';
-export interface TableRowSelection<T> {
+/**
+ * Properties returned from `getCheckboxProps`. Mirrors antd: any prop accepted
+ * by the underlying Checkbox EXCEPT `checked` / `defaultChecked` (those are
+ * controlled by the table) can be customized per-row.
+ */
+export type TableCheckboxProps = Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onChange'>>;
+export interface TableRowSelection<T extends TableRecord = TableRecord> {
     type?: 'checkbox' | 'radio';
     selectedRowKeys?: Key[];
     defaultSelectedRowKeys?: Key[];
     onChange?: (selectedRowKeys: Key[], selectedRows: T[], info: {
         type: TableRowSelectMethod;
     }) => void;
-    getCheckboxProps?: (record: T) => Partial<{
-        disabled: boolean;
-    }>;
+    getCheckboxProps?: (record: T) => TableCheckboxProps;
     preserveSelectedRowKeys?: boolean;
     fixed?: boolean;
     columnWidth?: number | string;
 }
-export interface TableExpandIconProps<T> {
+export interface TableExpandIconProps<T extends TableRecord = TableRecord> {
     prefixCls: string;
     expanded: boolean;
     record: T;
     expandable: boolean;
     onExpand: (record: T, e: React.MouseEvent<HTMLElement>) => void;
 }
-export interface TableExpandableConfig<T> {
+export interface TableExpandableConfig<T extends TableRecord = TableRecord> {
     expandedRowKeys?: Key[];
     defaultExpandedRowKeys?: Key[];
     defaultExpandAllRows?: boolean;
@@ -137,11 +210,19 @@ export interface TableRef {
         offset?: number;
     }) => void;
 }
-export interface TableProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+export interface TableProps<T extends TableRecord = TableRecord> extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     prefixCls?: string;
     columns: TableColumnType<T>[];
     dataSource: T[];
-    rowKey: keyof T | ((record: T) => Key);
+    /**
+     * Row key for tracking. Accepts:
+     *   - `string` — a property name, including synthetic keys not statically known on `T`
+     *               (e.g. records carrying an injected `key` field). Same shape as `rc-table`.
+     *   - `keyof T` — type-checked property name.
+     *   - `(record) => Key` — function form for composite or computed keys.
+     * Defaults to `'key'` at runtime (kernel falls back to row index if the field is absent).
+     */
+    rowKey?: string | keyof T | ((record: T) => Key);
     size?: TableSize;
     variant?: TableVariant;
     bordered?: boolean;
@@ -170,7 +251,7 @@ export interface TableProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
     summary?: (data: readonly T[]) => ReactNode;
     onChange?: (meta: TableChangeMeta<T>) => void;
 }
-export interface VirtualTableProps<T> extends Omit<TableProps<T>, 'scroll'> {
+export interface VirtualTableProps<T extends TableRecord = TableRecord> extends Omit<TableProps<T>, 'scroll'> {
     scroll: {
         x: number;
         y: number;

package/es/components/Table/renderers/BodyCell.d.ts

@@ -1,8 +1,8 @@
-import type { TableColumn } from '../interface';
-export declare const BodyCell: ({ column, value, record, index, }: {
-    column: TableColumn<Record<string, unknown>>;
+import type { TableColumn, TableRecord } from '../interface';
+export declare const BodyCell: <T extends TableRecord = TableRecord>({ column, value, record, index, }: {
+    column: TableColumn<T>;
     value: unknown;
-    record: Record<string, unknown>;
+    record: T;
     index: number;
 }) => import("react/jsx-runtime").JSX.Element | {
     children: string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/es/components/Table/renderers/BodyCell.js

@@ -37,4 +37,4 @@ export var BodyCell = function BodyCell(_ref) {
     children: rendered
   });
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0JvZHlDZWxsLmpzIiwiY29tcG9uZW50cy9UYWJsZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQm9keUNlbGwudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJGcmFnbWVudCIsIl9GcmFnbWVudCIsIkNlbGxDb250ZW50IiwiaXNDZWxsQ29udGVudFZhbHVlIiwidmFsdWUiLCJfdHlwZW9mIiwiaXNSZW5kZXJlZENlbGwiLCJvYmoiLCJwcm9wcyIsIkJvZHlDZWxsIiwiX3JlZiIsImNvbHVtbiIsInJlY29yZCIsImluZGV4IiwicmVuZGVyZWQiLCJyZW5kZXIiLCJpbm5lciIsImNoaWxkcmVuIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLEVBQUVDLFFBQVEsSUFBSUMsU0FBUyxRQUFRLG1CQUFtQjtBQ0N0RSxTQUFTQyxXQUFXLFFBQVEsZUFBZTtBQUUzQyxJQUFNQyxrQkFBa0IsR0FBRyxTQUFyQkEsa0JBQWtCQSxDQUFJQyxLQUFjLEVBQW9DO0VBQzVFLE9BQU8sQ0FBQyxDQUFDQSxLQUFLLElBQUlDLE9BQUEsQ0FBT0QsS0FBSyxNQUFLLFFBQVEsSUFBSSxTQUFTLElBQUtBLEtBQWlDO0FBQ2hHLENBQUM7QUFFRCxJQUFNRSxjQUFjLEdBQUcsU0FBakJBLGNBQWNBLENBQUlGLEtBQWMsRUFBeUM7RUFDN0UsSUFBSSxDQUFDQSxLQUFLLElBQUlDLE9BQUEsQ0FBT0QsS0FBSyxNQUFLLFFBQVEsRUFBRSxPQUFPLEtBQUs7RUFDckQsSUFBTUcsR0FBRyxHQUFHSCxLQUFnQztFQUM1QztFQUNBLElBQUksVUFBVSxJQUFJRyxHQUFHLEVBQUUsT0FBTyxLQUFLO0VBQ25DLE9BQU8sT0FBTyxJQUFJQSxHQUFHLElBQUlGLE9BQUEsQ0FBT0UsR0FBRyxDQUFDQyxLQUFLLE1BQUssUUFBUTtBQUN4RCxDQUFDO0FBRUQsT0FBTyxJQUFNQyxRQUFRLEdBQUcsU0FBWEEsUUFBUUEsQ0FBQUMsSUFBQSxFQVVoQjtFQUFBLElBVEhDLE1BQU0sR0FBQUQsSUFBQSxDQUFOQyxNQUFNO0lBQ05QLEtBQUssR0FBQU0sSUFBQSxDQUFMTixLQUFLO0lBQ0xRLE1BQU0sR0FBQUYsSUFBQSxDQUFORSxNQUFNO0lBQ05DLEtBQUssR0FBQUgsSUFBQSxDQUFMRyxLQUFLO0VBT0wsSUFBTUMsUUFBUSxHQUFHSCxNQUFNLENBQUNJLE1BQU0sR0FDMUJKLE1BQU0sQ0FBQ0ksTUFBTSxDQUFDWCxLQUFLLEVBQUVRLE1BQU0sRUFBRUMsS0FBSyxFQUFFO0lBQUVGLE1BQU0sRUFBTkE7RUFBTSxDQUFFLENBQUMsR0FDL0NQLEtBQUs7RUFFVCxJQUFJRSxjQUFjLENBQUNRLFFBQVEsQ0FBQyxFQUFFO0lBQzVCLElBQU1FLEtBQUssR0FBR2Isa0JBQWtCLENBQUNXLFFBQVEsQ0FBQ0csUUFBUSxDQUFDLEdBQy9DbEIsSUFBQSxDQUFDRyxXQUFXLEVBQUE7TUFBQ0UsS0FBSyxFQUFFVSxRQUFRLENBQUNHO0lBQVEsQ0FBQSxDQUFJLEdBQ3pDSCxRQUFRLENBQUNHLFFBQVE7SUFDckIsT0FBTztNQUFFQSxRQUFRLEVBQUVELEtBQUs7TUFBRVIsS0FBSyxFQUFFTSxRQUFRLENBQUNOO0lBQUssQ0FBRTtFQUNuRDtFQUVBLElBQUlMLGtCQUFrQixDQUFDVyxRQUFRLENBQUMsRUFBRTtJQUNoQyxPQUFPZixJQUFBLENBQUNHLFdBQVcsRUFBQTtNQUFDRSxLQUFLLEVBQUVVO0lBQVEsQ0FBQSxDQUFJO0VBQ3pDO0VBRUEsT0FBT2YsSUFBQSxDQUFBRSxTQUFBLEVBQUE7SUFBQWdCLFFBQUEsRUFBR0g7RUFBUSxDQUFBLENBQUk7QUFDeEIsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9Cb2R5Q2VsbC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IENlbGxDb250ZW50IH0gZnJvbSAnLi9DZWxsQ29udGVudCc7XG5jb25zdCBpc0NlbGxDb250ZW50VmFsdWUgPSAodmFsdWUpID0+IHtcbiAgICByZXR1cm4gISF2YWx1ZSAmJiB0eXBlb2YgdmFsdWUgPT09ICdvYmplY3QnICYmICdwcmltYXJ5JyBpbiB2YWx1ZTtcbn07XG5jb25zdCBpc1JlbmRlcmVkQ2VsbCA9ICh2YWx1ZSkgPT4ge1xuICAgIGlmICghdmFsdWUgfHwgdHlwZW9mIHZhbHVlICE9PSAnb2JqZWN0JylcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIGNvbnN0IG9iaiA9IHZhbHVlO1xuICAgIC8vIFJlYWN0IGVsZW1lbnRzIGFsc28gaGF2ZSAncHJvcHMnLCBzbyBleGNsdWRlIHRoZW0gYnkgY2hlY2tpbmcgZm9yICQkdHlwZW9mXG4gICAgaWYgKCckJHR5cGVvZicgaW4gb2JqKVxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgcmV0dXJuICdwcm9wcycgaW4gb2JqICYmIHR5cGVvZiBvYmoucHJvcHMgPT09ICdvYmplY3QnO1xufTtcbmV4cG9ydCBjb25zdCBCb2R5Q2VsbCA9ICh7IGNvbHVtbiwgdmFsdWUsIHJlY29yZCwgaW5kZXgsIH0pID0+IHtcbiAgICBjb25zdCByZW5kZXJlZCA9IGNvbHVtbi5yZW5kZXJcbiAgICAgICAgPyBjb2x1bW4ucmVuZGVyKHZhbHVlLCByZWNvcmQsIGluZGV4LCB7IGNvbHVtbiB9KVxuICAgICAgICA6IHZhbHVlO1xuICAgIGlmIChpc1JlbmRlcmVkQ2VsbChyZW5kZXJlZCkpIHtcbiAgICAgICAgY29uc3QgaW5uZXIgPSBpc0NlbGxDb250ZW50VmFsdWUocmVuZGVyZWQuY2hpbGRyZW4pXG4gICAgICAgICAgICA/IF9qc3goQ2VsbENvbnRlbnQsIHsgdmFsdWU6IHJlbmRlcmVkLmNoaWxkcmVuIH0pXG4gICAgICAgICAgICA6IHJlbmRlcmVkLmNoaWxkcmVuO1xuICAgICAgICByZXR1cm4geyBjaGlsZHJlbjogaW5uZXIsIHByb3BzOiByZW5kZXJlZC5wcm9wcyB9O1xuICAgIH1cbiAgICBpZiAoaXNDZWxsQ29udGVudFZhbHVlKHJlbmRlcmVkKSkge1xuICAgICAgICByZXR1cm4gX2pzeChDZWxsQ29udGVudCwgeyB2YWx1ZTogcmVuZGVyZWQgfSk7XG4gICAgfVxuICAgIHJldHVybiBfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogcmVuZGVyZWQgfSk7XG59OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0JvZHlDZWxsLmpzIiwiY29tcG9uZW50cy9UYWJsZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQm9keUNlbGwudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJGcmFnbWVudCIsIl9GcmFnbWVudCIsIkNlbGxDb250ZW50IiwiaXNDZWxsQ29udGVudFZhbHVlIiwidmFsdWUiLCJfdHlwZW9mIiwiaXNSZW5kZXJlZENlbGwiLCJvYmoiLCJwcm9wcyIsIkJvZHlDZWxsIiwiX3JlZiIsImNvbHVtbiIsInJlY29yZCIsImluZGV4IiwicmVuZGVyZWQiLCJyZW5kZXIiLCJpbm5lciIsImNoaWxkcmVuIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLEVBQUVDLFFBQVEsSUFBSUMsU0FBUyxRQUFRLG1CQUFtQjtBQ0N0RSxTQUFTQyxXQUFXLFFBQVEsZUFBZTtBQUUzQyxJQUFNQyxrQkFBa0IsR0FBRyxTQUFyQkEsa0JBQWtCQSxDQUFJQyxLQUFjLEVBQW9DO0VBQzVFLE9BQU8sQ0FBQyxDQUFDQSxLQUFLLElBQUlDLE9BQUEsQ0FBT0QsS0FBSyxNQUFLLFFBQVEsSUFBSSxTQUFTLElBQUtBLEtBQWlDO0FBQ2hHLENBQUM7QUFFRCxJQUFNRSxjQUFjLEdBQUcsU0FBakJBLGNBQWNBLENBQTJCRixLQUFjLEVBQW1DO0VBQzlGLElBQUksQ0FBQ0EsS0FBSyxJQUFJQyxPQUFBLENBQU9ELEtBQUssTUFBSyxRQUFRLEVBQUUsT0FBTyxLQUFLO0VBQ3JELElBQU1HLEdBQUcsR0FBR0gsS0FBZ0M7RUFDNUM7RUFDQSxJQUFJLFVBQVUsSUFBSUcsR0FBRyxFQUFFLE9BQU8sS0FBSztFQUNuQyxPQUFPLE9BQU8sSUFBSUEsR0FBRyxJQUFJRixPQUFBLENBQU9FLEdBQUcsQ0FBQ0MsS0FBSyxNQUFLLFFBQVE7QUFDeEQsQ0FBQztBQUVELE9BQU8sSUFBTUMsUUFBUSxHQUFHLFNBQVhBLFFBQVFBLENBQUFDLElBQUEsRUFVaEI7RUFBQSxJQVRIQyxNQUFNLEdBQUFELElBQUEsQ0FBTkMsTUFBTTtJQUNOUCxLQUFLLEdBQUFNLElBQUEsQ0FBTE4sS0FBSztJQUNMUSxNQUFNLEdBQUFGLElBQUEsQ0FBTkUsTUFBTTtJQUNOQyxLQUFLLEdBQUFILElBQUEsQ0FBTEcsS0FBSztFQU9MLElBQU1DLFFBQVEsR0FBR0gsTUFBTSxDQUFDSSxNQUFNLEdBQzFCSixNQUFNLENBQUNJLE1BQU0sQ0FBQ1gsS0FBSyxFQUFFUSxNQUFNLEVBQUVDLEtBQUssRUFBRTtJQUFFRixNQUFNLEVBQU5BO0VBQU0sQ0FBRSxDQUFDLEdBQy9DUCxLQUFLO0VBRVQsSUFBSUUsY0FBYyxDQUFJUSxRQUFRLENBQUMsRUFBRTtJQUMvQixJQUFNRSxLQUFLLEdBQUdiLGtCQUFrQixDQUFDVyxRQUFRLENBQUNHLFFBQVEsQ0FBQyxHQUMvQ2xCLElBQUEsQ0FBQ0csV0FBVyxFQUFBO01BQUNFLEtBQUssRUFBRVUsUUFBUSxDQUFDRztJQUFRLENBQUEsQ0FBSSxHQUN6Q0gsUUFBUSxDQUFDRyxRQUFRO0lBQ3JCLE9BQU87TUFBRUEsUUFBUSxFQUFFRCxLQUFLO01BQUVSLEtBQUssRUFBRU0sUUFBUSxDQUFDTjtJQUFLLENBQUU7RUFDbkQ7RUFFQSxJQUFJTCxrQkFBa0IsQ0FBQ1csUUFBUSxDQUFDLEVBQUU7SUFDaEMsT0FBT2YsSUFBQSxDQUFDRyxXQUFXLEVBQUE7TUFBQ0UsS0FBSyxFQUFFVTtJQUFRLENBQUEsQ0FBSTtFQUN6QztFQUVBLE9BQU9mLElBQUEsQ0FBQUUsU0FBQSxFQUFBO0lBQUFnQixRQUFBLEVBQUdIO0VBQVEsQ0FBQSxDQUFJO0FBQ3hCLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQm9keUNlbGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBDZWxsQ29udGVudCB9IGZyb20gJy4vQ2VsbENvbnRlbnQnO1xuY29uc3QgaXNDZWxsQ29udGVudFZhbHVlID0gKHZhbHVlKSA9PiB7XG4gICAgcmV0dXJuICEhdmFsdWUgJiYgdHlwZW9mIHZhbHVlID09PSAnb2JqZWN0JyAmJiAncHJpbWFyeScgaW4gdmFsdWU7XG59O1xuY29uc3QgaXNSZW5kZXJlZENlbGwgPSAodmFsdWUpID0+IHtcbiAgICBpZiAoIXZhbHVlIHx8IHR5cGVvZiB2YWx1ZSAhPT0gJ29iamVjdCcpXG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICBjb25zdCBvYmogPSB2YWx1ZTtcbiAgICAvLyBSZWFjdCBlbGVtZW50cyBhbHNvIGhhdmUgJ3Byb3BzJywgc28gZXhjbHVkZSB0aGVtIGJ5IGNoZWNraW5nIGZvciAkJHR5cGVvZlxuICAgIGlmICgnJCR0eXBlb2YnIGluIG9iailcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIHJldHVybiAncHJvcHMnIGluIG9iaiAmJiB0eXBlb2Ygb2JqLnByb3BzID09PSAnb2JqZWN0Jztcbn07XG5leHBvcnQgY29uc3QgQm9keUNlbGwgPSAoeyBjb2x1bW4sIHZhbHVlLCByZWNvcmQsIGluZGV4LCB9KSA9PiB7XG4gICAgY29uc3QgcmVuZGVyZWQgPSBjb2x1bW4ucmVuZGVyXG4gICAgICAgID8gY29sdW1uLnJlbmRlcih2YWx1ZSwgcmVjb3JkLCBpbmRleCwgeyBjb2x1bW4gfSlcbiAgICAgICAgOiB2YWx1ZTtcbiAgICBpZiAoaXNSZW5kZXJlZENlbGwocmVuZGVyZWQpKSB7XG4gICAgICAgIGNvbnN0IGlubmVyID0gaXNDZWxsQ29udGVudFZhbHVlKHJlbmRlcmVkLmNoaWxkcmVuKVxuICAgICAgICAgICAgPyBfanN4KENlbGxDb250ZW50LCB7IHZhbHVlOiByZW5kZXJlZC5jaGlsZHJlbiB9KVxuICAgICAgICAgICAgOiByZW5kZXJlZC5jaGlsZHJlbjtcbiAgICAgICAgcmV0dXJuIHsgY2hpbGRyZW46IGlubmVyLCBwcm9wczogcmVuZGVyZWQucHJvcHMgfTtcbiAgICB9XG4gICAgaWYgKGlzQ2VsbENvbnRlbnRWYWx1ZShyZW5kZXJlZCkpIHtcbiAgICAgICAgcmV0dXJuIF9qc3goQ2VsbENvbnRlbnQsIHsgdmFsdWU6IHJlbmRlcmVkIH0pO1xuICAgIH1cbiAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHsgY2hpbGRyZW46IHJlbmRlcmVkIH0pO1xufTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/es/components/Table/renderers/HeaderCell.d.ts

@@ -1,7 +1,11 @@
-import type { TableColumn, TableSize, TableSortOrder } from '../interface';
-export declare const HeaderCell: ({ column, size, sortOrder, onSortClick, }: {
-    column: TableColumn<Record<string, unknown>>;
+import type { TableColumn, TableFilterValue, TableRecord, TableSize, TableSortOrder } from '../interface';
+interface HeaderCellProps<T extends TableRecord> {
+    column: TableColumn<T>;
     size: TableSize;
     sortOrder?: TableSortOrder;
     onSortClick: () => void;
-}) => import("react/jsx-runtime").JSX.Element;
+    filterSelected: TableFilterValue;
+    onFilterChange: (next: TableFilterValue) => void;
+}
+export declare const HeaderCell: <T extends TableRecord = TableRecord>({ column, size, sortOrder, onSortClick, filterSelected, onFilterChange, }: HeaderCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/es/components/Table/renderers/HeaderCell.js

@@ -1,22 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SortTrigger } from '../features/SortTrigger';
+import { FilterTrigger } from '../features/FilterTrigger';
 import { TABLE_DEFAULT_PREFIX } from '../constants';
 export var HeaderCell = function HeaderCell(_ref) {
   var column = _ref.column,
     size = _ref.size,
     sortOrder = _ref.sortOrder,
-    onSortClick = _ref.onSortClick;
+    onSortClick = _ref.onSortClick,
+    filterSelected = _ref.filterSelected,
+    onFilterChange = _ref.onFilterChange;
+  var titleText = typeof column.title === 'string' || typeof column.title === 'number' ? String(column.title) : '';
+  var hasFilter = column.filters && column.filters.length > 0 || column.filterDropdown !== undefined;
   return _jsxs("div", {
     className: "".concat(TABLE_DEFAULT_PREFIX, "-header-cell ").concat(TABLE_DEFAULT_PREFIX, "-header-cell--").concat(size),
     children: [_jsx("span", {
       className: "".concat(TABLE_DEFAULT_PREFIX, "-header-cell__title"),
       children: column.title
     }), column.sorter ? _jsx(SortTrigger, {
-      label: String(column.title),
+      label: titleText,
       order: sortOrder,
       size: size,
       onClick: onSortClick
+    }) : null, hasFilter ? _jsx(FilterTrigger, {
+      column: column,
+      size: size,
+      selectedKeys: filterSelected,
+      onChange: onFilterChange
     }) : null]
   });
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiU29ydFRyaWdnZXIiLCJUQUJMRV9ERUZBVUxUX1BSRUZJWCIsIkhlYWRlckNlbGwiLCJfcmVmIiwiY29sdW1uIiwic2l6ZSIsInNvcnRPcmRlciIsIm9uU29ydENsaWNrIiwiY2xhc3NOYW1lIiwiY29uY2F0IiwiY2hpbGRyZW4iLCJ0aXRsZSIsInNvcnRlciIsImxhYmVsIiwiU3RyaW5nIiwib3JkZXIiLCJvbkNsaWNrIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksRUFBRUMsSUFBSSxJQUFJQyxLQUFLLFFBQVEsbUJBQW1CO0FDQTlELFNBQVNDLFdBQVcsUUFBUSx5QkFBeUI7QUFDckQsU0FBU0Msb0JBQW9CLFFBQVEsY0FBYztBQUduRCxPQUFPLElBQU1DLFVBQVUsR0FBRyxTQUFiQSxVQUFVQSxDQUFBQyxJQUFBO0VBQUEsSUFDckJDLE1BQU0sR0FBQUQsSUFBQSxDQUFOQyxNQUFNO0lBQ05DLElBQUksR0FBQUYsSUFBQSxDQUFKRSxJQUFJO0lBQ0pDLFNBQVMsR0FBQUgsSUFBQSxDQUFURyxTQUFTO0lBQ1RDLFdBQVcsR0FBQUosSUFBQSxDQUFYSSxXQUFXO0VBQUEsT0FPWFIsS0FBQSxDQUFBLEtBQUEsRUFBQTtJQUFLUyxTQUFTLEtBQUFDLE1BQUEsQ0FBS1Isb0JBQW9CLG1CQUFBUSxNQUFBLENBQWdCUixvQkFBb0Isb0JBQUFRLE1BQUEsQ0FBaUJKLElBQUksQ0FBRTtJQUFBSyxRQUFBLEVBQUEsQ0FDaEdiLElBQUEsQ0FBQSxNQUFBLEVBQUE7TUFBTVcsU0FBUyxLQUFBQyxNQUFBLENBQUtSLG9CQUFvQix3QkFBcUI7TUFBQVMsUUFBQSxFQUFHTixNQUFNLENBQUNPO0lBQUssQ0FBQSxDQUFRLEVBQ25GUCxNQUFNLENBQUNRLE1BQU0sR0FBR2YsSUFBQSxDQUFDRyxXQUFXLEVBQUE7TUFBQ2EsS0FBSyxFQUFFQyxNQUFNLENBQUNWLE1BQU0sQ0FBQ08sS0FBSyxDQUFDO01BQUVJLEtBQUssRUFBRVQsU0FBUztNQUFFRCxJQUFJLEVBQUVBLElBQUk7TUFBRVcsT0FBTyxFQUFFVDtJQUFXLENBQUEsQ0FBSSxHQUFHLElBQUk7RUFBQSxDQUFBLENBQ3BIO0FBQUEsQ0FDUCIsImZpbGUiOiJjb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IFNvcnRUcmlnZ2VyIH0gZnJvbSAnLi4vZmVhdHVyZXMvU29ydFRyaWdnZXInO1xuaW1wb3J0IHsgVEFCTEVfREVGQVVMVF9QUkVGSVggfSBmcm9tICcuLi9jb25zdGFudHMnO1xuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSAoeyBjb2x1bW4sIHNpemUsIHNvcnRPcmRlciwgb25Tb3J0Q2xpY2ssIH0pID0+IChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogYCR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWhlYWRlci1jZWxsICR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWhlYWRlci1jZWxsLS0ke3NpemV9YCwgY2hpbGRyZW46IFtfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogYCR7VEFCTEVfREVGQVVMVF9QUkVGSVh9LWhlYWRlci1jZWxsX190aXRsZWAsIGNoaWxkcmVuOiBjb2x1bW4udGl0bGUgfSksIGNvbHVtbi5zb3J0ZXIgPyBfanN4KFNvcnRUcmlnZ2VyLCB7IGxhYmVsOiBTdHJpbmcoY29sdW1uLnRpdGxlKSwgb3JkZXI6IHNvcnRPcmRlciwgc2l6ZTogc2l6ZSwgb25DbGljazogb25Tb3J0Q2xpY2sgfSkgOiBudWxsXSB9KSk7IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiU29ydFRyaWdnZXIiLCJGaWx0ZXJUcmlnZ2VyIiwiVEFCTEVfREVGQVVMVF9QUkVGSVgiLCJIZWFkZXJDZWxsIiwiX3JlZiIsImNvbHVtbiIsInNpemUiLCJzb3J0T3JkZXIiLCJvblNvcnRDbGljayIsImZpbHRlclNlbGVjdGVkIiwib25GaWx0ZXJDaGFuZ2UiLCJ0aXRsZVRleHQiLCJ0aXRsZSIsIlN0cmluZyIsImhhc0ZpbHRlciIsImZpbHRlcnMiLCJsZW5ndGgiLCJmaWx0ZXJEcm9wZG93biIsInVuZGVmaW5lZCIsImNsYXNzTmFtZSIsImNvbmNhdCIsImNoaWxkcmVuIiwic29ydGVyIiwibGFiZWwiLCJvcmRlciIsIm9uQ2xpY2siLCJzZWxlY3RlZEtleXMiLCJvbkNoYW5nZSJdLCJtYXBwaW5ncyI6IkFBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLEVBQUVDLElBQUksSUFBSUMsS0FBSyxRQUFRLG1CQUFtQjtBQ0E5RCxTQUFTQyxXQUFXLFFBQVEseUJBQXlCO0FBQ3JELFNBQVNDLGFBQWEsUUFBUSwyQkFBMkI7QUFDekQsU0FBU0Msb0JBQW9CLFFBQVEsY0FBYztBQWtCbkQsT0FBTyxJQUFNQyxVQUFVLEdBQUcsU0FBYkEsVUFBVUEsQ0FBQUMsSUFBQSxFQU9FO0VBQUEsSUFOdkJDLE1BQU0sR0FBQUQsSUFBQSxDQUFOQyxNQUFNO0lBQ05DLElBQUksR0FBQUYsSUFBQSxDQUFKRSxJQUFJO0lBQ0pDLFNBQVMsR0FBQUgsSUFBQSxDQUFURyxTQUFTO0lBQ1RDLFdBQVcsR0FBQUosSUFBQSxDQUFYSSxXQUFXO0lBQ1hDLGNBQWMsR0FBQUwsSUFBQSxDQUFkSyxjQUFjO0lBQ2RDLGNBQWMsR0FBQU4sSUFBQSxDQUFkTSxjQUFjO0VBRWQsSUFBTUMsU0FBUyxHQUFHLE9BQU9OLE1BQU0sQ0FBQ08sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPUCxNQUFNLENBQUNPLEtBQUssS0FBSyxRQUFRLEdBQ2xGQyxNQUFNLENBQUNSLE1BQU0sQ0FBQ08sS0FBSyxDQUFDLEdBQ3BCLEVBQUU7RUFFTixJQUFNRSxTQUFTLEdBQ1pULE1BQU0sQ0FBQ1UsT0FBTyxJQUFJVixNQUFNLENBQUNVLE9BQU8sQ0FBQ0MsTUFBTSxHQUFHLENBQUMsSUFDNUNYLE1BQU0sQ0FBQ1ksY0FBYyxLQUFLQyxTQUFTO0VBRXJDLE9BQ0VuQixLQUFBLENBQUEsS0FBQSxFQUFBO0lBQUtvQixTQUFTLEtBQUFDLE1BQUEsQ0FBS2xCLG9CQUFvQixtQkFBQWtCLE1BQUEsQ0FBZ0JsQixvQkFBb0Isb0JBQUFrQixNQUFBLENBQWlCZCxJQUFJLENBQUU7SUFBQWUsUUFBQSxFQUFBLENBQ2hHeEIsSUFBQSxDQUFBLE1BQUEsRUFBQTtNQUFNc0IsU0FBUyxLQUFBQyxNQUFBLENBQUtsQixvQkFBb0Isd0JBQXFCO01BQUFtQixRQUFBLEVBQUdoQixNQUFNLENBQUNPO0lBQUssQ0FBQSxDQUFRLEVBQ25GUCxNQUFNLENBQUNpQixNQUFNLEdBQ1p6QixJQUFBLENBQUNHLFdBQVcsRUFBQTtNQUNWdUIsS0FBSyxFQUFFWixTQUFTO01BQ2hCYSxLQUFLLEVBQUVqQixTQUFTO01BQ2hCRCxJQUFJLEVBQUVBLElBQUk7TUFDVm1CLE9BQU8sRUFBRWpCO0lBQVcsQ0FBQSxDQUNwQixHQUNBLElBQUksRUFDUE0sU0FBUyxHQUNSakIsSUFBQSxDQUFDSSxhQUFhLEVBQUE7TUFDWkksTUFBTSxFQUFFQSxNQUFNO01BQ2RDLElBQUksRUFBRUEsSUFBSTtNQUNWb0IsWUFBWSxFQUFFakIsY0FBYztNQUM1QmtCLFFBQVEsRUFBRWpCO0lBQWMsQ0FBQSxDQUN4QixHQUNBLElBQUk7RUFBQSxDQUFBLENBQ0o7QUFFVixDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgU29ydFRyaWdnZXIgfSBmcm9tICcuLi9mZWF0dXJlcy9Tb3J0VHJpZ2dlcic7XG5pbXBvcnQgeyBGaWx0ZXJUcmlnZ2VyIH0gZnJvbSAnLi4vZmVhdHVyZXMvRmlsdGVyVHJpZ2dlcic7XG5pbXBvcnQgeyBUQUJMRV9ERUZBVUxUX1BSRUZJWCB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbCA9ICh7IGNvbHVtbiwgc2l6ZSwgc29ydE9yZGVyLCBvblNvcnRDbGljaywgZmlsdGVyU2VsZWN0ZWQsIG9uRmlsdGVyQ2hhbmdlLCB9KSA9PiB7XG4gICAgY29uc3QgdGl0bGVUZXh0ID0gdHlwZW9mIGNvbHVtbi50aXRsZSA9PT0gJ3N0cmluZycgfHwgdHlwZW9mIGNvbHVtbi50aXRsZSA9PT0gJ251bWJlcidcbiAgICAgICAgPyBTdHJpbmcoY29sdW1uLnRpdGxlKVxuICAgICAgICA6ICcnO1xuICAgIGNvbnN0IGhhc0ZpbHRlciA9IChjb2x1bW4uZmlsdGVycyAmJiBjb2x1bW4uZmlsdGVycy5sZW5ndGggPiAwKSB8fFxuICAgICAgICBjb2x1bW4uZmlsdGVyRHJvcGRvd24gIT09IHVuZGVmaW5lZDtcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGwgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGwtLSR7c2l6ZX1gLCBjaGlsZHJlbjogW19qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGxfX3RpdGxlYCwgY2hpbGRyZW46IGNvbHVtbi50aXRsZSB9KSwgY29sdW1uLnNvcnRlciA/IChfanN4KFNvcnRUcmlnZ2VyLCB7IGxhYmVsOiB0aXRsZVRleHQsIG9yZGVyOiBzb3J0T3JkZXIsIHNpemU6IHNpemUsIG9uQ2xpY2s6IG9uU29ydENsaWNrIH0pKSA6IG51bGwsIGhhc0ZpbHRlciA/IChfanN4KEZpbHRlclRyaWdnZXIsIHsgY29sdW1uOiBjb2x1bW4sIHNpemU6IHNpemUsIHNlbGVjdGVkS2V5czogZmlsdGVyU2VsZWN0ZWQsIG9uQ2hhbmdlOiBvbkZpbHRlckNoYW5nZSB9KSkgOiBudWxsXSB9KSk7XG59OyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/es/components/Table/style/Table.css

@@ -1 +1 @@
-.om-component-ui-table{position:relative;box-sizing:border-box;width:100%;overflow:clip;font-variant:tabular-nums;background:var(--om-bg-default,#fff);border:1px solid var(--om-border-neutral,#e3e4e4);border-radius:var(--om-radius-300,12px)}.om-component-ui-table table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.om-component-ui-table-thead>tr>td,.om-component-ui-table-thead>tr>th{text-align:start;background:var(--om-bg-default-secondary,#f8f8f8);font-size:var(--om-label-md-font-size);font-family:var(--om-label-md-font-family);line-height:var(--om-label-md-line-height);letter-spacing:var(--om-label-md-letter-spacing);font-weight:var(--om-label-md-font-weight)}.om-component-ui-table-tbody>tr>td,.om-component-ui-table-thead>tr>td,.om-component-ui-table-thead>tr>th{position:relative;padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);overflow-wrap:break-word;border-bottom:1px solid var(--om-border-neutral,#e3e4e4)}.om-component-ui-table-tbody>tr>td{color:var(--om-text-default,#131313);vertical-align:middle;font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight)}.om-component-ui-table-tbody>tr:last-child>td{border-bottom:0}.om-component-ui-table-tbody>tr:has(+.om-component-ui-table-expanded-row:last-child)>td{border-bottom:0}.om-component-ui-table-tbody>tr:hover>td{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-body,.om-component-ui-table-content{overflow:auto}.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-sticky-holder{position:sticky;z-index:3;background:var(--om-bg-default,#fff)}.om-component-ui-table-fixed-header>.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-fixed-header>.om-component-ui-table-body{overflow:auto scroll}.om-component-ui-table-cell-fix-end,.om-component-ui-table-cell-fix-start{position:sticky!important;z-index:calc(2 + var(--z-offset, 0));background:var(--om-bg-default,#fff)}.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-end,.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-start,.om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-cell-fix-end-shadow:after,.om-component-ui-table-cell-fix-start-shadow:after{position:absolute;top:0;bottom:-1px;width:30px;transition:box-shadow .3s;content:"";pointer-events:none}.om-component-ui-table-cell-fix-start-shadow:after{right:0;transform:translateX(100%)}.om-component-ui-table-cell-fix-start-shadow-show:after{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-cell-fix-end-shadow:after{left:0;transform:translateX(-100%)}.om-component-ui-table-cell-fix-end-shadow-show:after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-expanded-row .om-component-ui-table-cell{padding:var(--om-spacing-300,12px);background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-placeholder{text-align:center}.om-component-ui-table-tbody-virtual .om-component-ui-table-row{display:flex}.om-component-ui-table-tbody-virtual .om-component-ui-table-row:hover .om-component-ui-table-cell{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-tbody-virtual .om-component-ui-table-cell{padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);color:var(--om-text-default,#131313);overflow-wrap:break-word;border-bottom:1px solid var(--om-border-neutral,#e3e4e4);font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight)}.om-component-ui-table-body,.om-component-ui-table-container,.om-component-ui-table-content,.om-component-ui-table-header{background:inherit}.om-component-ui-table-pagination{display:flex;justify-content:flex-end;margin-top:var(--om-spacing-600,24px)}.om-component-ui-table-small{--table-row-height:56px;--table-header-height:40px}.om-component-ui-table-small .om-component-ui-table-tbody>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>th{padding:var(--om-spacing-200,8px) var(--om-spacing-300,12px)}.om-component-ui-table-large{--table-row-height:66px;--table-header-height:48px}.om-component-ui-table-fill{border:0;border-radius:0}.om-component-ui-table-fill .om-component-ui-table-thead>tr>td,.om-component-ui-table-fill .om-component-ui-table-thead>tr>th{background:transparent}.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default,#fff)}.om-component-ui-table-stroke .om-component-ui-table-thead>tr>td,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th{border-bottom:none}.om-component-ui-table-stroke .om-component-ui-table-tbody>tr>td.om-component-ui-table-cell--spacer,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>td.om-component-ui-table-cell--spacer,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th.om-component-ui-table-cell--spacer{padding:0;border-bottom:none}.om-component-ui-table .om-component-ui-table-header-cell{display:inline-flex;gap:4px;align-items:center}.om-component-ui-table .om-component-ui-table-header-cell__title{color:var(--om-text-default,#131313);white-space:nowrap}.om-component-ui-table .om-component-ui-table-header-cell--large .om-component-ui-table-header-cell__title{font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight)}.om-component-ui-table .om-component-ui-table-header-cell--small .om-component-ui-table-header-cell__title{font-size:var(--om-title-sm-font-size);font-family:var(--om-title-sm-font-family);line-height:var(--om-title-sm-line-height);letter-spacing:var(--om-title-sm-letter-spacing);font-weight:var(--om-title-sm-strong-font-weight)}.om-component-ui-table .om-component-ui-table-sort-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--om-icon-default,#131313);line-height:0;background:transparent;border:0;cursor:pointer}.om-component-ui-table .om-component-ui-table-sort-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-sort-trigger--large{width:16px;height:16px}.om-component-ui-table .om-component-ui-table-sort-trigger--small{width:12px;height:12px}.om-component-ui-table .om-component-ui-table-expand-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--om-spacing-400,16px);height:var(--om-spacing-400,16px);padding:0;color:var(--om-icon-default,#131313);background:transparent;border:0;cursor:pointer;transition:color .2s ease}.om-component-ui-table .om-component-ui-table-expand-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-expand-trigger:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]{color:var(--om-icon-default,#131313)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger__icon{transition:transform .2s ease}.om-component-ui-table .om-component-ui-table-cell-content{display:inline-flex;gap:8px;align-items:center}.om-component-ui-table .om-component-ui-table-cell-content__text{display:inline-flex;flex-direction:column;gap:0}.om-component-ui-table .om-component-ui-table-expanded-row{background:var(--om-bg-default,#fff)}.om-component-ui-table .om-component-ui-table-expanded-row__content{padding:var(--om-spacing-200,8px) 0}.om-component-ui-table-wrapper{position:relative}.om-component-ui-table-wrapper--loading>.om-component-ui-table{opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.om-component-ui-table-loading-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center}
+.om-component-ui-table{position:relative;box-sizing:border-box;width:100%;overflow:clip;font-variant:tabular-nums;background:var(--om-bg-default,#fff);border:1px solid var(--om-border-neutral,#e3e4e4);border-radius:var(--om-radius-300,12px)}.om-component-ui-table table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.om-component-ui-table-thead>tr>td,.om-component-ui-table-thead>tr>th{position:relative;padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);text-align:start;overflow-wrap:break-word;background:var(--om-bg-default-secondary,#f8f8f8);border-bottom:1px solid var(--om-border-neutral,#e3e4e4);font-size:var(--om-label-md-font-size);font-family:var(--om-label-md-font-family);line-height:var(--om-label-md-line-height);letter-spacing:var(--om-label-md-letter-spacing);font-weight:var(--om-label-md-font-weight)}.om-component-ui-table-tbody>tr>td{position:relative;padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);color:var(--om-text-default,#131313);vertical-align:middle;overflow-wrap:break-word;border-bottom:1px solid var(--om-bg-default-secondary,#f8f8f8);font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight)}.om-component-ui-table-tbody>tr:last-child>td{border-bottom:0}.om-component-ui-table-tbody>tr:has(+.om-component-ui-table-expanded-row:last-child)>td{border-bottom:0}.om-component-ui-table-tbody>tr:hover>td{background:var(--om-bg-default-secondary,#f8f8f8);cursor:pointer}.om-component-ui-table-body,.om-component-ui-table-content{overflow:auto}.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-sticky-holder{position:sticky;z-index:3;background:var(--om-bg-default,#fff)}.om-component-ui-table-fixed-header>.om-component-ui-table-header{overflow:hidden}.om-component-ui-table-fixed-header>.om-component-ui-table-body{overflow:auto scroll}.om-component-ui-table-cell-fix-end,.om-component-ui-table-cell-fix-start{position:sticky!important;z-index:calc(2 + var(--z-offset, 0));background:var(--om-bg-default,#fff)}.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-end,.om-component-ui-table-tbody>tr:hover .om-component-ui-table-cell-fix-start,.om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-cell-fix-end-shadow:after,.om-component-ui-table-cell-fix-start-shadow:after{position:absolute;top:0;bottom:-1px;width:30px;transition:box-shadow .3s;content:"";pointer-events:none}.om-component-ui-table-cell-fix-start-shadow:after{right:0;transform:translateX(100%)}.om-component-ui-table-cell-fix-start-shadow-show:after{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-cell-fix-end-shadow:after{left:0;transform:translateX(-100%)}.om-component-ui-table-cell-fix-end-shadow-show:after{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.om-component-ui-table-expanded-row .om-component-ui-table-cell{padding:var(--om-spacing-300,12px);background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-placeholder{text-align:center}.om-component-ui-table-tbody-virtual .om-component-ui-table-row{display:flex}.om-component-ui-table-tbody-virtual .om-component-ui-table-row:hover .om-component-ui-table-cell{background:var(--om-bg-default-secondary,#f8f8f8);cursor:pointer}.om-component-ui-table-tbody-virtual .om-component-ui-table-cell{padding:var(--om-spacing-300,12px) var(--om-spacing-400,16px);color:var(--om-text-default,#131313);overflow-wrap:break-word;border-bottom:1px solid var(--om-bg-default-secondary,#f8f8f8);font-size:var(--om-body-md-font-size);font-family:var(--om-body-md-font-family);line-height:var(--om-body-md-line-height);letter-spacing:var(--om-body-md-letter-spacing);font-weight:var(--om-body-md-font-weight)}.om-component-ui-table-body,.om-component-ui-table-container,.om-component-ui-table-content,.om-component-ui-table-header{background:inherit}.om-component-ui-table-pagination{display:flex;justify-content:flex-end;margin-top:var(--om-spacing-600,24px)}.om-component-ui-table-small{--table-row-height:56px;--table-header-height:40px}.om-component-ui-table-small .om-component-ui-table-tbody>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>td,.om-component-ui-table-small .om-component-ui-table-thead>tr>th{padding:var(--om-spacing-200,8px) var(--om-spacing-300,12px)}.om-component-ui-table-large{--table-row-height:66px;--table-header-height:48px}.om-component-ui-table-fill{border:0;border-radius:0}.om-component-ui-table-fill .om-component-ui-table-thead>tr>td,.om-component-ui-table-fill .om-component-ui-table-thead>tr>th{background:transparent}.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-end,.om-component-ui-table-fill .om-component-ui-table-thead .om-component-ui-table-cell-fix-start{background:var(--om-bg-default,#fff)}.om-component-ui-table-stroke .om-component-ui-table-thead>tr>td,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th{border-bottom:none}.om-component-ui-table-stroke .om-component-ui-table-tbody>tr>td.om-component-ui-table-cell--spacer,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>td.om-component-ui-table-cell--spacer,.om-component-ui-table-stroke .om-component-ui-table-thead>tr>th.om-component-ui-table-cell--spacer{padding:0;border-bottom:none}.om-component-ui-table .om-component-ui-table-header-cell{display:inline-flex;gap:4px;align-items:center}.om-component-ui-table .om-component-ui-table-header-cell__title{color:var(--om-text-default,#131313);white-space:nowrap}.om-component-ui-table .om-component-ui-table-header-cell--large .om-component-ui-table-header-cell__title{font-size:var(--om-title-lg-font-size);font-family:var(--om-title-lg-font-family);line-height:var(--om-title-lg-line-height);letter-spacing:var(--om-title-lg-letter-spacing);font-weight:var(--om-title-lg-font-weight)}.om-component-ui-table .om-component-ui-table-header-cell--small .om-component-ui-table-header-cell__title{font-size:var(--om-title-sm-font-size);font-family:var(--om-title-sm-font-family);line-height:var(--om-title-sm-line-height);letter-spacing:var(--om-title-sm-letter-spacing);font-weight:var(--om-title-sm-strong-font-weight)}.om-component-ui-table .om-component-ui-table-sort-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--om-icon-default,#131313);line-height:0;background:transparent;border:0;cursor:pointer}.om-component-ui-table .om-component-ui-table-sort-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-sort-trigger--large{width:16px;height:16px}.om-component-ui-table .om-component-ui-table-sort-trigger--small{width:12px;height:12px}.om-component-ui-table .om-component-ui-table-filter-trigger{display:inline-flex;align-items:center;justify-content:center;margin-left:var(--om-spacing-100,4px);padding:0;color:var(--om-icon-default,#131313);line-height:0;background:transparent;border:0;border-radius:var(--om-radius-100,4px);cursor:pointer}.om-component-ui-table .om-component-ui-table-filter-trigger:hover{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table .om-component-ui-table-filter-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-filter-trigger--active{color:var(--om-icon-brand,#073387)}.om-component-ui-table .om-component-ui-table-filter-trigger--large{width:20px;height:20px}.om-component-ui-table .om-component-ui-table-filter-trigger--small{width:16px;height:16px}.om-component-ui-table-filter-dropdown{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px);min-width:200px;padding:var(--om-spacing-200,8px);background:var(--om-bg-default,#fff);border-radius:var(--om-radius-200,8px);box-shadow:0 8px 24px hsla(0,0%,7%,.12)}.om-component-ui-table-filter-dropdown__item{display:flex;gap:var(--om-spacing-200,8px);align-items:center;padding:var(--om-spacing-100,4px) var(--om-spacing-200,8px);cursor:pointer}.om-component-ui-table-filter-dropdown__item:hover{background:var(--om-bg-default-secondary,#f8f8f8)}.om-component-ui-table-filter-dropdown__footer{display:flex;gap:var(--om-spacing-200,8px);justify-content:flex-end;padding-top:var(--om-spacing-100,4px);border-top:1px solid var(--om-border-neutral,#e3e4e4)}.om-component-ui-table .om-component-ui-table-expand-trigger{display:inline-flex;align-items:center;justify-content:center;width:var(--om-spacing-400,16px);height:var(--om-spacing-400,16px);padding:0;color:var(--om-icon-default,#131313);background:transparent;border:0;cursor:pointer;transition:color .2s ease}.om-component-ui-table .om-component-ui-table-expand-trigger:focus-visible{outline:2px solid var(--om-border-default,#d1d2d2);outline-offset:2px}.om-component-ui-table .om-component-ui-table-expand-trigger:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]{color:var(--om-icon-default,#131313)}.om-component-ui-table .om-component-ui-table-expand-trigger[aria-expanded=true]:hover{color:var(--om-icon-default-secondary,#404042)}.om-component-ui-table .om-component-ui-table-expand-trigger__icon{transition:transform .2s ease}.om-component-ui-table .om-component-ui-table-cell-content{display:inline-flex;gap:8px;align-items:center}.om-component-ui-table .om-component-ui-table-cell-content__text{display:inline-flex;flex-direction:column;gap:0}.om-component-ui-table .om-component-ui-table-expanded-row{background:var(--om-bg-default,#fff)}.om-component-ui-table .om-component-ui-table-expanded-row__content{padding:var(--om-spacing-200,8px) 0}.om-component-ui-table-wrapper{position:relative}.om-component-ui-table-wrapper--loading>.om-component-ui-table{opacity:.6;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.om-component-ui-table-loading-overlay{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center}