@1money/component-ui 0.0.46 → 0.0.47

package/lib/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/lib/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/lib/components/Table/renderers/BodyCell.js

@@ -44,4 +44,4 @@ var BodyCell = exports.BodyCell = function BodyCell(_ref) {
     children: rendered
   });
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0JvZHlDZWxsLmpzIiwiY29tcG9uZW50cy9UYWJsZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQm9keUNlbGwudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9DZWxsQ29udGVudCIsImlzQ2VsbENvbnRlbnRWYWx1ZSIsInZhbHVlIiwiX3R5cGVvZjIiLCJpc1JlbmRlcmVkQ2VsbCIsIm9iaiIsInByb3BzIiwiQm9keUNlbGwiLCJleHBvcnRzIiwiX3JlZiIsImNvbHVtbiIsInJlY29yZCIsImluZGV4IiwicmVuZGVyZWQiLCJyZW5kZXIiLCJpbm5lciIsImNoaWxkcmVuIiwiX2pzeCIsIkNlbGxDb250ZW50IiwiX0ZyYWdtZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0NBLElBQUFDLFlBQUEsR0FBQUQsT0FBQTtBQUVBLElBQU1FLGtCQUFrQixHQUFHLFNBQXJCQSxrQkFBa0JBLENBQUlDLEtBQWMsRUFBb0M7RUFDNUUsT0FBTyxDQUFDLENBQUNBLEtBQUssSUFBSSxJQUFBQyxRQUFBLGFBQU9ELEtBQUssTUFBSyxRQUFRLElBQUksU0FBUyxJQUFLQSxLQUFpQztBQUNoRyxDQUFDO0FBRUQsSUFBTUUsY0FBYyxHQUFHLFNBQWpCQSxjQUFjQSxDQUFJRixLQUFjLEVBQXlDO0VBQzdFLElBQUksQ0FBQ0EsS0FBSyxJQUFJLElBQUFDLFFBQUEsYUFBT0QsS0FBSyxNQUFLLFFBQVEsRUFBRSxPQUFPLEtBQUs7RUFDckQsSUFBTUcsR0FBRyxHQUFHSCxLQUFnQztFQUM1QztFQUNBLElBQUksVUFBVSxJQUFJRyxHQUFHLEVBQUUsT0FBTyxLQUFLO0VBQ25DLE9BQU8sT0FBTyxJQUFJQSxHQUFHLElBQUksSUFBQUYsUUFBQSxhQUFPRSxHQUFHLENBQUNDLEtBQUssTUFBSyxRQUFRO0FBQ3hELENBQUM7QUFFTSxJQUFNQyxRQUFRLEdBQUFDLE9BQUEsQ0FBQUQsUUFBQSxHQUFHLFNBQVhBLFFBQVFBLENBQUFFLElBQUEsRUFVaEI7RUFBQSxJQVRIQyxNQUFNLEdBQUFELElBQUEsQ0FBTkMsTUFBTTtJQUNOUixLQUFLLEdBQUFPLElBQUEsQ0FBTFAsS0FBSztJQUNMUyxNQUFNLEdBQUFGLElBQUEsQ0FBTkUsTUFBTTtJQUNOQyxLQUFLLEdBQUFILElBQUEsQ0FBTEcsS0FBSztFQU9MLElBQU1DLFFBQVEsR0FBR0gsTUFBTSxDQUFDSSxNQUFNLEdBQzFCSixNQUFNLENBQUNJLE1BQU0sQ0FBQ1osS0FBSyxFQUFFUyxNQUFNLEVBQUVDLEtBQUssRUFBRTtJQUFFRixNQUFNLEVBQU5BO0VBQU0sQ0FBRSxDQUFDLEdBQy9DUixLQUFLO0VBRVQsSUFBSUUsY0FBYyxDQUFDUyxRQUFRLENBQUMsRUFBRTtJQUM1QixJQUFNRSxLQUFLLEdBQUdkLGtCQUFrQixDQUFDWSxRQUFRLENBQUNHLFFBQVEsQ0FBQyxHQUMvQyxJQUFBQyxlQUFBLEVBQUNDLHdCQUFXLEVBQUE7TUFBQ2hCLEtBQUssRUFBRVcsUUFBUSxDQUFDRztJQUFRLENBQUEsQ0FBSSxHQUN6Q0gsUUFBUSxDQUFDRyxRQUFRO0lBQ3JCLE9BQU87TUFBRUEsUUFBUSxFQUFFRCxLQUFLO01BQUVULEtBQUssRUFBRU8sUUFBUSxDQUFDUDtJQUFLLENBQUU7RUFDbkQ7RUFFQSxJQUFJTCxrQkFBa0IsQ0FBQ1ksUUFBUSxDQUFDLEVBQUU7SUFDaEMsT0FBTyxJQUFBSSxlQUFBLEVBQUNDLHdCQUFXLEVBQUE7TUFBQ2hCLEtBQUssRUFBRVc7SUFBUSxDQUFBLENBQUk7RUFDekM7RUFFQSxPQUFPLElBQUFJLGVBQUEsRUFBQUUsb0JBQUEsRUFBQTtJQUFBSCxRQUFBLEVBQUdIO0VBQVEsQ0FBQSxDQUFJO0FBQ3hCLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQm9keUNlbGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBDZWxsQ29udGVudCB9IGZyb20gJy4vQ2VsbENvbnRlbnQnO1xuY29uc3QgaXNDZWxsQ29udGVudFZhbHVlID0gKHZhbHVlKSA9PiB7XG4gICAgcmV0dXJuICEhdmFsdWUgJiYgdHlwZW9mIHZhbHVlID09PSAnb2JqZWN0JyAmJiAncHJpbWFyeScgaW4gdmFsdWU7XG59O1xuY29uc3QgaXNSZW5kZXJlZENlbGwgPSAodmFsdWUpID0+IHtcbiAgICBpZiAoIXZhbHVlIHx8IHR5cGVvZiB2YWx1ZSAhPT0gJ29iamVjdCcpXG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICBjb25zdCBvYmogPSB2YWx1ZTtcbiAgICAvLyBSZWFjdCBlbGVtZW50cyBhbHNvIGhhdmUgJ3Byb3BzJywgc28gZXhjbHVkZSB0aGVtIGJ5IGNoZWNraW5nIGZvciAkJHR5cGVvZlxuICAgIGlmICgnJCR0eXBlb2YnIGluIG9iailcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIHJldHVybiAncHJvcHMnIGluIG9iaiAmJiB0eXBlb2Ygb2JqLnByb3BzID09PSAnb2JqZWN0Jztcbn07XG5leHBvcnQgY29uc3QgQm9keUNlbGwgPSAoeyBjb2x1bW4sIHZhbHVlLCByZWNvcmQsIGluZGV4LCB9KSA9PiB7XG4gICAgY29uc3QgcmVuZGVyZWQgPSBjb2x1bW4ucmVuZGVyXG4gICAgICAgID8gY29sdW1uLnJlbmRlcih2YWx1ZSwgcmVjb3JkLCBpbmRleCwgeyBjb2x1bW4gfSlcbiAgICAgICAgOiB2YWx1ZTtcbiAgICBpZiAoaXNSZW5kZXJlZENlbGwocmVuZGVyZWQpKSB7XG4gICAgICAgIGNvbnN0IGlubmVyID0gaXNDZWxsQ29udGVudFZhbHVlKHJlbmRlcmVkLmNoaWxkcmVuKVxuICAgICAgICAgICAgPyBfanN4KENlbGxDb250ZW50LCB7IHZhbHVlOiByZW5kZXJlZC5jaGlsZHJlbiB9KVxuICAgICAgICAgICAgOiByZW5kZXJlZC5jaGlsZHJlbjtcbiAgICAgICAgcmV0dXJuIHsgY2hpbGRyZW46IGlubmVyLCBwcm9wczogcmVuZGVyZWQucHJvcHMgfTtcbiAgICB9XG4gICAgaWYgKGlzQ2VsbENvbnRlbnRWYWx1ZShyZW5kZXJlZCkpIHtcbiAgICAgICAgcmV0dXJuIF9qc3goQ2VsbENvbnRlbnQsIHsgdmFsdWU6IHJlbmRlcmVkIH0pO1xuICAgIH1cbiAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHsgY2hpbGRyZW46IHJlbmRlcmVkIH0pO1xufTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0JvZHlDZWxsLmpzIiwiY29tcG9uZW50cy9UYWJsZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvQm9keUNlbGwudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9DZWxsQ29udGVudCIsImlzQ2VsbENvbnRlbnRWYWx1ZSIsInZhbHVlIiwiX3R5cGVvZjIiLCJpc1JlbmRlcmVkQ2VsbCIsIm9iaiIsInByb3BzIiwiQm9keUNlbGwiLCJleHBvcnRzIiwiX3JlZiIsImNvbHVtbiIsInJlY29yZCIsImluZGV4IiwicmVuZGVyZWQiLCJyZW5kZXIiLCJpbm5lciIsImNoaWxkcmVuIiwiX2pzeCIsIkNlbGxDb250ZW50IiwiX0ZyYWdtZW50Il0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0NBLElBQUFDLFlBQUEsR0FBQUQsT0FBQTtBQUVBLElBQU1FLGtCQUFrQixHQUFHLFNBQXJCQSxrQkFBa0JBLENBQUlDLEtBQWMsRUFBb0M7RUFDNUUsT0FBTyxDQUFDLENBQUNBLEtBQUssSUFBSSxJQUFBQyxRQUFBLGFBQU9ELEtBQUssTUFBSyxRQUFRLElBQUksU0FBUyxJQUFLQSxLQUFpQztBQUNoRyxDQUFDO0FBRUQsSUFBTUUsY0FBYyxHQUFHLFNBQWpCQSxjQUFjQSxDQUEyQkYsS0FBYyxFQUFtQztFQUM5RixJQUFJLENBQUNBLEtBQUssSUFBSSxJQUFBQyxRQUFBLGFBQU9ELEtBQUssTUFBSyxRQUFRLEVBQUUsT0FBTyxLQUFLO0VBQ3JELElBQU1HLEdBQUcsR0FBR0gsS0FBZ0M7RUFDNUM7RUFDQSxJQUFJLFVBQVUsSUFBSUcsR0FBRyxFQUFFLE9BQU8sS0FBSztFQUNuQyxPQUFPLE9BQU8sSUFBSUEsR0FBRyxJQUFJLElBQUFGLFFBQUEsYUFBT0UsR0FBRyxDQUFDQyxLQUFLLE1BQUssUUFBUTtBQUN4RCxDQUFDO0FBRU0sSUFBTUMsUUFBUSxHQUFBQyxPQUFBLENBQUFELFFBQUEsR0FBRyxTQUFYQSxRQUFRQSxDQUFBRSxJQUFBLEVBVWhCO0VBQUEsSUFUSEMsTUFBTSxHQUFBRCxJQUFBLENBQU5DLE1BQU07SUFDTlIsS0FBSyxHQUFBTyxJQUFBLENBQUxQLEtBQUs7SUFDTFMsTUFBTSxHQUFBRixJQUFBLENBQU5FLE1BQU07SUFDTkMsS0FBSyxHQUFBSCxJQUFBLENBQUxHLEtBQUs7RUFPTCxJQUFNQyxRQUFRLEdBQUdILE1BQU0sQ0FBQ0ksTUFBTSxHQUMxQkosTUFBTSxDQUFDSSxNQUFNLENBQUNaLEtBQUssRUFBRVMsTUFBTSxFQUFFQyxLQUFLLEVBQUU7SUFBRUYsTUFBTSxFQUFOQTtFQUFNLENBQUUsQ0FBQyxHQUMvQ1IsS0FBSztFQUVULElBQUlFLGNBQWMsQ0FBSVMsUUFBUSxDQUFDLEVBQUU7SUFDL0IsSUFBTUUsS0FBSyxHQUFHZCxrQkFBa0IsQ0FBQ1ksUUFBUSxDQUFDRyxRQUFRLENBQUMsR0FDL0MsSUFBQUMsZUFBQSxFQUFDQyx3QkFBVyxFQUFBO01BQUNoQixLQUFLLEVBQUVXLFFBQVEsQ0FBQ0c7SUFBUSxDQUFBLENBQUksR0FDekNILFFBQVEsQ0FBQ0csUUFBUTtJQUNyQixPQUFPO01BQUVBLFFBQVEsRUFBRUQsS0FBSztNQUFFVCxLQUFLLEVBQUVPLFFBQVEsQ0FBQ1A7SUFBSyxDQUFFO0VBQ25EO0VBRUEsSUFBSUwsa0JBQWtCLENBQUNZLFFBQVEsQ0FBQyxFQUFFO0lBQ2hDLE9BQU8sSUFBQUksZUFBQSxFQUFDQyx3QkFBVyxFQUFBO01BQUNoQixLQUFLLEVBQUVXO0lBQVEsQ0FBQSxDQUFJO0VBQ3pDO0VBRUEsT0FBTyxJQUFBSSxlQUFBLEVBQUFFLG9CQUFBLEVBQUE7SUFBQUgsUUFBQSxFQUFHSDtFQUFRLENBQUEsQ0FBSTtBQUN4QixDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0JvZHlDZWxsLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIEZyYWdtZW50IGFzIF9GcmFnbWVudCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgQ2VsbENvbnRlbnQgfSBmcm9tICcuL0NlbGxDb250ZW50JztcbmNvbnN0IGlzQ2VsbENvbnRlbnRWYWx1ZSA9ICh2YWx1ZSkgPT4ge1xuICAgIHJldHVybiAhIXZhbHVlICYmIHR5cGVvZiB2YWx1ZSA9PT0gJ29iamVjdCcgJiYgJ3ByaW1hcnknIGluIHZhbHVlO1xufTtcbmNvbnN0IGlzUmVuZGVyZWRDZWxsID0gKHZhbHVlKSA9PiB7XG4gICAgaWYgKCF2YWx1ZSB8fCB0eXBlb2YgdmFsdWUgIT09ICdvYmplY3QnKVxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgY29uc3Qgb2JqID0gdmFsdWU7XG4gICAgLy8gUmVhY3QgZWxlbWVudHMgYWxzbyBoYXZlICdwcm9wcycsIHNvIGV4Y2x1ZGUgdGhlbSBieSBjaGVja2luZyBmb3IgJCR0eXBlb2ZcbiAgICBpZiAoJyQkdHlwZW9mJyBpbiBvYmopXG4gICAgICAgIHJldHVybiBmYWxzZTtcbiAgICByZXR1cm4gJ3Byb3BzJyBpbiBvYmogJiYgdHlwZW9mIG9iai5wcm9wcyA9PT0gJ29iamVjdCc7XG59O1xuZXhwb3J0IGNvbnN0IEJvZHlDZWxsID0gKHsgY29sdW1uLCB2YWx1ZSwgcmVjb3JkLCBpbmRleCwgfSkgPT4ge1xuICAgIGNvbnN0IHJlbmRlcmVkID0gY29sdW1uLnJlbmRlclxuICAgICAgICA/IGNvbHVtbi5yZW5kZXIodmFsdWUsIHJlY29yZCwgaW5kZXgsIHsgY29sdW1uIH0pXG4gICAgICAgIDogdmFsdWU7XG4gICAgaWYgKGlzUmVuZGVyZWRDZWxsKHJlbmRlcmVkKSkge1xuICAgICAgICBjb25zdCBpbm5lciA9IGlzQ2VsbENvbnRlbnRWYWx1ZShyZW5kZXJlZC5jaGlsZHJlbilcbiAgICAgICAgICAgID8gX2pzeChDZWxsQ29udGVudCwgeyB2YWx1ZTogcmVuZGVyZWQuY2hpbGRyZW4gfSlcbiAgICAgICAgICAgIDogcmVuZGVyZWQuY2hpbGRyZW47XG4gICAgICAgIHJldHVybiB7IGNoaWxkcmVuOiBpbm5lciwgcHJvcHM6IHJlbmRlcmVkLnByb3BzIH07XG4gICAgfVxuICAgIGlmIChpc0NlbGxDb250ZW50VmFsdWUocmVuZGVyZWQpKSB7XG4gICAgICAgIHJldHVybiBfanN4KENlbGxDb250ZW50LCB7IHZhbHVlOiByZW5kZXJlZCB9KTtcbiAgICB9XG4gICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiByZW5kZXJlZCB9KTtcbn07IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/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/lib/components/Table/renderers/HeaderCell.js

@@ -6,23 +6,33 @@ Object.defineProperty(exports, "__esModule", {
 exports.HeaderCell = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var _SortTrigger = require("../features/SortTrigger");
+var _FilterTrigger = require("../features/FilterTrigger");
 var _constants = require("../constants");
 var HeaderCell = exports.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 (0, _jsxRuntime.jsxs)("div", {
     className: "".concat(_constants.TABLE_DEFAULT_PREFIX, "-header-cell ").concat(_constants.TABLE_DEFAULT_PREFIX, "-header-cell--").concat(size),
     children: [(0, _jsxRuntime.jsx)("span", {
       className: "".concat(_constants.TABLE_DEFAULT_PREFIX, "-header-cell__title"),
       children: column.title
     }), column.sorter ? (0, _jsxRuntime.jsx)(_SortTrigger.SortTrigger, {
-      label: String(column.title),
+      label: titleText,
       order: sortOrder,
       size: size,
       onClick: onSortClick
+    }) : null, hasFilter ? (0, _jsxRuntime.jsx)(_FilterTrigger.FilterTrigger, {
+      column: column,
+      size: size,
+      selectedKeys: filterSelected,
+      onChange: onFilterChange
     }) : null]
   });
 };
-//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfU29ydFRyaWdnZXIiLCJfY29uc3RhbnRzIiwiSGVhZGVyQ2VsbCIsImV4cG9ydHMiLCJfcmVmIiwiY29sdW1uIiwic2l6ZSIsInNvcnRPcmRlciIsIm9uU29ydENsaWNrIiwiX2pzeHMiLCJjbGFzc05hbWUiLCJjb25jYXQiLCJUQUJMRV9ERUZBVUxUX1BSRUZJWCIsImNoaWxkcmVuIiwiX2pzeCIsInRpdGxlIiwic29ydGVyIiwiU29ydFRyaWdnZXIiLCJsYWJlbCIsIlN0cmluZyIsIm9yZGVyIiwib25DbGljayJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDQUEsSUFBQUMsWUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsVUFBQSxHQUFBRixPQUFBO0FBR08sSUFBTUcsVUFBVSxHQUFBQyxPQUFBLENBQUFELFVBQUEsR0FBRyxTQUFiQSxVQUFVQSxDQUFBRSxJQUFBO0VBQUEsSUFDckJDLE1BQU0sR0FBQUQsSUFBQSxDQUFOQyxNQUFNO0lBQ05DLElBQUksR0FBQUYsSUFBQSxDQUFKRSxJQUFJO0lBQ0pDLFNBQVMsR0FBQUgsSUFBQSxDQUFURyxTQUFTO0lBQ1RDLFdBQVcsR0FBQUosSUFBQSxDQUFYSSxXQUFXO0VBQUEsT0FPWCxJQUFBQyxnQkFBQSxFQUFBLEtBQUEsRUFBQTtJQUFLQyxTQUFTLEtBQUFDLE1BQUEsQ0FBS0MsK0JBQW9CLG1CQUFBRCxNQUFBLENBQWdCQywrQkFBb0Isb0JBQUFELE1BQUEsQ0FBaUJMLElBQUksQ0FBRTtJQUFBTyxRQUFBLEVBQUEsQ0FDaEcsSUFBQUMsZUFBQSxFQUFBLE1BQUEsRUFBQTtNQUFNSixTQUFTLEtBQUFDLE1BQUEsQ0FBS0MsK0JBQW9CLHdCQUFxQjtNQUFBQyxRQUFBLEVBQUdSLE1BQU0sQ0FBQ1U7SUFBSyxDQUFBLENBQVEsRUFDbkZWLE1BQU0sQ0FBQ1csTUFBTSxHQUFHLElBQUFGLGVBQUEsRUFBQ0csd0JBQVcsRUFBQTtNQUFDQyxLQUFLLEVBQUVDLE1BQU0sQ0FBQ2QsTUFBTSxDQUFDVSxLQUFLLENBQUM7TUFBRUssS0FBSyxFQUFFYixTQUFTO01BQUVELElBQUksRUFBRUEsSUFBSTtNQUFFZSxPQUFPLEVBQUViO0lBQVcsQ0FBQSxDQUFJLEdBQUcsSUFBSTtFQUFBLENBQUEsQ0FDcEg7QUFBQSxDQUNQIiwiZmlsZSI6ImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgU29ydFRyaWdnZXIgfSBmcm9tICcuLi9mZWF0dXJlcy9Tb3J0VHJpZ2dlcic7XG5pbXBvcnQgeyBUQUJMRV9ERUZBVUxUX1BSRUZJWCB9IGZyb20gJy4uL2NvbnN0YW50cyc7XG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbCA9ICh7IGNvbHVtbiwgc2l6ZSwgc29ydE9yZGVyLCBvblNvcnRDbGljaywgfSkgPT4gKF9qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGwgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGwtLSR7c2l6ZX1gLCBjaGlsZHJlbjogW19qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBgJHtUQUJMRV9ERUZBVUxUX1BSRUZJWH0taGVhZGVyLWNlbGxfX3RpdGxlYCwgY2hpbGRyZW46IGNvbHVtbi50aXRsZSB9KSwgY29sdW1uLnNvcnRlciA/IF9qc3goU29ydFRyaWdnZXIsIHsgbGFiZWw6IFN0cmluZyhjb2x1bW4udGl0bGUpLCBvcmRlcjogc29ydE9yZGVyLCBzaXplOiBzaXplLCBvbkNsaWNrOiBvblNvcnRDbGljayB9KSA6IG51bGxdIH0pKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL0hlYWRlckNlbGwuanMiLCJjb21wb25lbnRzL1RhYmxlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9IZWFkZXJDZWxsLnRzeCJdLCJuYW1lcyI6WyJfanN4UnVudGltZSIsInJlcXVpcmUiLCJfU29ydFRyaWdnZXIiLCJfRmlsdGVyVHJpZ2dlciIsIl9jb25zdGFudHMiLCJIZWFkZXJDZWxsIiwiZXhwb3J0cyIsIl9yZWYiLCJjb2x1bW4iLCJzaXplIiwic29ydE9yZGVyIiwib25Tb3J0Q2xpY2siLCJmaWx0ZXJTZWxlY3RlZCIsIm9uRmlsdGVyQ2hhbmdlIiwidGl0bGVUZXh0IiwidGl0bGUiLCJTdHJpbmciLCJoYXNGaWx0ZXIiLCJmaWx0ZXJzIiwibGVuZ3RoIiwiZmlsdGVyRHJvcGRvd24iLCJ1bmRlZmluZWQiLCJfanN4cyIsImNsYXNzTmFtZSIsImNvbmNhdCIsIlRBQkxFX0RFRkFVTFRfUFJFRklYIiwiY2hpbGRyZW4iLCJfanN4Iiwic29ydGVyIiwiU29ydFRyaWdnZXIiLCJsYWJlbCIsIm9yZGVyIiwib25DbGljayIsIkZpbHRlclRyaWdnZXIiLCJzZWxlY3RlZEtleXMiLCJvbkNoYW5nZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDQUEsSUFBQUMsWUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsY0FBQSxHQUFBRixPQUFBO0FBQ0EsSUFBQUcsVUFBQSxHQUFBSCxPQUFBO0FBa0JPLElBQU1JLFVBQVUsR0FBQUMsT0FBQSxDQUFBRCxVQUFBLEdBQUcsU0FBYkEsVUFBVUEsQ0FBQUUsSUFBQSxFQU9FO0VBQUEsSUFOdkJDLE1BQU0sR0FBQUQsSUFBQSxDQUFOQyxNQUFNO0lBQ05DLElBQUksR0FBQUYsSUFBQSxDQUFKRSxJQUFJO0lBQ0pDLFNBQVMsR0FBQUgsSUFBQSxDQUFURyxTQUFTO0lBQ1RDLFdBQVcsR0FBQUosSUFBQSxDQUFYSSxXQUFXO0lBQ1hDLGNBQWMsR0FBQUwsSUFBQSxDQUFkSyxjQUFjO0lBQ2RDLGNBQWMsR0FBQU4sSUFBQSxDQUFkTSxjQUFjO0VBRWQsSUFBTUMsU0FBUyxHQUFHLE9BQU9OLE1BQU0sQ0FBQ08sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPUCxNQUFNLENBQUNPLEtBQUssS0FBSyxRQUFRLEdBQ2xGQyxNQUFNLENBQUNSLE1BQU0sQ0FBQ08sS0FBSyxDQUFDLEdBQ3BCLEVBQUU7RUFFTixJQUFNRSxTQUFTLEdBQ1pULE1BQU0sQ0FBQ1UsT0FBTyxJQUFJVixNQUFNLENBQUNVLE9BQU8sQ0FBQ0MsTUFBTSxHQUFHLENBQUMsSUFDNUNYLE1BQU0sQ0FBQ1ksY0FBYyxLQUFLQyxTQUFTO0VBRXJDLE9BQ0UsSUFBQUMsZ0JBQUEsRUFBQSxLQUFBLEVBQUE7SUFBS0MsU0FBUyxLQUFBQyxNQUFBLENBQUtDLCtCQUFvQixtQkFBQUQsTUFBQSxDQUFnQkMsK0JBQW9CLG9CQUFBRCxNQUFBLENBQWlCZixJQUFJLENBQUU7SUFBQWlCLFFBQUEsRUFBQSxDQUNoRyxJQUFBQyxlQUFBLEVBQUEsTUFBQSxFQUFBO01BQU1KLFNBQVMsS0FBQUMsTUFBQSxDQUFLQywrQkFBb0Isd0JBQXFCO01BQUFDLFFBQUEsRUFBR2xCLE1BQU0sQ0FBQ087SUFBSyxDQUFBLENBQVEsRUFDbkZQLE1BQU0sQ0FBQ29CLE1BQU0sR0FDWixJQUFBRCxlQUFBLEVBQUNFLHdCQUFXLEVBQUE7TUFDVkMsS0FBSyxFQUFFaEIsU0FBUztNQUNoQmlCLEtBQUssRUFBRXJCLFNBQVM7TUFDaEJELElBQUksRUFBRUEsSUFBSTtNQUNWdUIsT0FBTyxFQUFFckI7SUFBVyxDQUFBLENBQ3BCLEdBQ0EsSUFBSSxFQUNQTSxTQUFTLEdBQ1IsSUFBQVUsZUFBQSxFQUFDTSw0QkFBYSxFQUFBO01BQ1p6QixNQUFNLEVBQUVBLE1BQU07TUFDZEMsSUFBSSxFQUFFQSxJQUFJO01BQ1Z5QixZQUFZLEVBQUV0QixjQUFjO01BQzVCdUIsUUFBUSxFQUFFdEI7SUFBYyxDQUFBLENBQ3hCLEdBQ0EsSUFBSTtFQUFBLENBQUEsQ0FDSjtBQUVWLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvSGVhZGVyQ2VsbC5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBTb3J0VHJpZ2dlciB9IGZyb20gJy4uL2ZlYXR1cmVzL1NvcnRUcmlnZ2VyJztcbmltcG9ydCB7IEZpbHRlclRyaWdnZXIgfSBmcm9tICcuLi9mZWF0dXJlcy9GaWx0ZXJUcmlnZ2VyJztcbmltcG9ydCB7IFRBQkxFX0RFRkFVTFRfUFJFRklYIH0gZnJvbSAnLi4vY29uc3RhbnRzJztcbmV4cG9ydCBjb25zdCBIZWFkZXJDZWxsID0gKHsgY29sdW1uLCBzaXplLCBzb3J0T3JkZXIsIG9uU29ydENsaWNrLCBmaWx0ZXJTZWxlY3RlZCwgb25GaWx0ZXJDaGFuZ2UsIH0pID0+IHtcbiAgICBjb25zdCB0aXRsZVRleHQgPSB0eXBlb2YgY29sdW1uLnRpdGxlID09PSAnc3RyaW5nJyB8fCB0eXBlb2YgY29sdW1uLnRpdGxlID09PSAnbnVtYmVyJ1xuICAgICAgICA/IFN0cmluZyhjb2x1bW4udGl0bGUpXG4gICAgICAgIDogJyc7XG4gICAgY29uc3QgaGFzRmlsdGVyID0gKGNvbHVtbi5maWx0ZXJzICYmIGNvbHVtbi5maWx0ZXJzLmxlbmd0aCA+IDApIHx8XG4gICAgICAgIGNvbHVtbi5maWx0ZXJEcm9wZG93biAhPT0gdW5kZWZpbmVkO1xuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1oZWFkZXItY2VsbCAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1oZWFkZXItY2VsbC0tJHtzaXplfWAsIGNoaWxkcmVuOiBbX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGAke1RBQkxFX0RFRkFVTFRfUFJFRklYfS1oZWFkZXItY2VsbF9fdGl0bGVgLCBjaGlsZHJlbjogY29sdW1uLnRpdGxlIH0pLCBjb2x1bW4uc29ydGVyID8gKF9qc3goU29ydFRyaWdnZXIsIHsgbGFiZWw6IHRpdGxlVGV4dCwgb3JkZXI6IHNvcnRPcmRlciwgc2l6ZTogc2l6ZSwgb25DbGljazogb25Tb3J0Q2xpY2sgfSkpIDogbnVsbCwgaGFzRmlsdGVyID8gKF9qc3goRmlsdGVyVHJpZ2dlciwgeyBjb2x1bW46IGNvbHVtbiwgc2l6ZTogc2l6ZSwgc2VsZWN0ZWRLZXlzOiBmaWx0ZXJTZWxlY3RlZCwgb25DaGFuZ2U6IG9uRmlsdGVyQ2hhbmdlIH0pKSA6IG51bGxdIH0pKTtcbn07IixudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9

package/lib/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}