@jinmi/ui 0.0.0-stage → 6.0.2

package/es/base-ui/Table/style.mjs

@@ -0,0 +1,168 @@
+import { focusRing } from "../focusRing.mjs";
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/Table/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	bordered: css`
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    border-radius: ${cssVar.borderRadiusLG};
+
+    & th,
+    & td {
+      border-inline-end: 1px solid ${cssVar.colorBorderSecondary};
+    }
+
+    & th:last-child,
+    & td:last-child {
+      border-inline-end: 0;
+    }
+  `,
+	cell: css`
+    border-block-end: 1px solid ${cssVar.colorBorderSecondary};
+    font-variant-numeric: tabular-nums;
+    background: ${cssVar.colorBgContainer};
+  `,
+	clickable: css`
+    cursor: pointer;
+  `,
+	ellipsis: css`
+    overflow: hidden;
+    max-width: 0;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	empty: css`
+    padding-block: 32px;
+    color: ${cssVar.colorTextDescription};
+    text-align: center;
+  `,
+	filterActive: css`
+    color: ${cssVar.colorPrimary};
+  `,
+	filterButton: css`
+    ${focusRing};
+    cursor: pointer;
+
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+
+    padding: 2px;
+    border: 0;
+    border-radius: 4px;
+
+    color: ${cssVar.colorTextQuaternary};
+
+    background: none;
+
+    &:hover {
+      color: ${cssVar.colorText};
+      background: ${cssVar.colorFillTertiary};
+    }
+  `,
+	fixed: css`
+    z-index: 1;
+    background: ${cssVar.colorBgContainer};
+  `,
+	header: css`
+    position: sticky;
+    z-index: 2;
+    inset-block-start: 0;
+
+    font-size: 13px;
+    font-weight: 500;
+    color: ${cssVar.colorTextSecondary};
+    text-align: start;
+
+    background: ${cssVar.colorBgContainer};
+    box-shadow:
+      inset 0 -1px 0 ${cssVar.colorBorderSecondary},
+      inset 0 999px 0 ${cssVar.colorFillQuaternary};
+  `,
+	headerInner: css`
+    display: inline-flex;
+    gap: 6px;
+    align-items: center;
+  `,
+	loading: css`
+    position: absolute;
+    z-index: 3;
+    inset: 0;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    background: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);
+  `,
+	middle: css`
+    & th,
+    & td {
+      padding-block: 12px;
+      padding-inline: 16px;
+    }
+  `,
+	pagination: css`
+    display: flex;
+    justify-content: flex-end;
+    margin-block-start: 12px;
+  `,
+	root: css`
+    min-width: 0;
+  `,
+	row: css`
+    &:hover > td {
+      background: color-mix(in srgb, ${cssVar.colorBgContainer}, ${cssVar.colorText} 3%);
+    }
+
+    &:last-child > td {
+      border-block-end: 0;
+    }
+  `,
+	small: css`
+    & th,
+    & td {
+      padding-block: 8px;
+      padding-inline: 12px;
+    }
+  `,
+	sortButton: css`
+    ${focusRing};
+    cursor: pointer;
+
+    display: inline-flex;
+    gap: 6px;
+    align-items: center;
+
+    padding: 0;
+    border: 0;
+    border-radius: 4px;
+
+    font: inherit;
+    color: inherit;
+
+    background: none;
+  `,
+	sortCaret: css`
+    display: inline-flex;
+    flex-direction: column;
+    color: ${cssVar.colorTextQuaternary};
+
+    & > [data-active='true'] {
+      color: ${cssVar.colorText};
+    }
+  `,
+	table: css`
+    border-spacing: 0;
+    border-collapse: separate;
+    width: 100%;
+    font-size: 14px;
+  `,
+	wrapper: css`
+    position: relative;
+    overflow: auto;
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/Table/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Table/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nimport { focusRing } from '@/base-ui/focusRing';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  bordered: css`\r\n    border: 1px solid ${cssVar.colorBorderSecondary};\r\n    border-radius: ${cssVar.borderRadiusLG};\r\n\r\n    & th,\r\n    & td {\r\n      border-inline-end: 1px solid ${cssVar.colorBorderSecondary};\r\n    }\r\n\r\n    & th:last-child,\r\n    & td:last-child {\r\n      border-inline-end: 0;\r\n    }\r\n  `,\r\n  cell: css`\r\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\r\n    font-variant-numeric: tabular-nums;\r\n    background: ${cssVar.colorBgContainer};\r\n  `,\r\n  clickable: css`\r\n    cursor: pointer;\r\n  `,\r\n  ellipsis: css`\r\n    overflow: hidden;\r\n    max-width: 0;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  `,\r\n  empty: css`\r\n    padding-block: 32px;\r\n    color: ${cssVar.colorTextDescription};\r\n    text-align: center;\r\n  `,\r\n  filterActive: css`\r\n    color: ${cssVar.colorPrimary};\r\n  `,\r\n  filterButton: css`\r\n    ${focusRing};\r\n    cursor: pointer;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 2px;\r\n    border: 0;\r\n    border-radius: 4px;\r\n\r\n    color: ${cssVar.colorTextQuaternary};\r\n\r\n    background: none;\r\n\r\n    &:hover {\r\n      color: ${cssVar.colorText};\r\n      background: ${cssVar.colorFillTertiary};\r\n    }\r\n  `,\r\n  fixed: css`\r\n    z-index: 1;\r\n    background: ${cssVar.colorBgContainer};\r\n  `,\r\n  header: css`\r\n    position: sticky;\r\n    z-index: 2;\r\n    inset-block-start: 0;\r\n\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: ${cssVar.colorTextSecondary};\r\n    text-align: start;\r\n\r\n    background: ${cssVar.colorBgContainer};\r\n    box-shadow:\r\n      inset 0 -1px 0 ${cssVar.colorBorderSecondary},\r\n      inset 0 999px 0 ${cssVar.colorFillQuaternary};\r\n  `,\r\n  headerInner: css`\r\n    display: inline-flex;\r\n    gap: 6px;\r\n    align-items: center;\r\n  `,\r\n  loading: css`\r\n    position: absolute;\r\n    z-index: 3;\r\n    inset: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: color-mix(in srgb, ${cssVar.colorBgContainer} 60%, transparent);\r\n  `,\r\n  middle: css`\r\n    & th,\r\n    & td {\r\n      padding-block: 12px;\r\n      padding-inline: 16px;\r\n    }\r\n  `,\r\n  pagination: css`\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    margin-block-start: 12px;\r\n  `,\r\n  root: css`\r\n    min-width: 0;\r\n  `,\r\n  row: css`\r\n    &:hover > td {\r\n      background: color-mix(in srgb, ${cssVar.colorBgContainer}, ${cssVar.colorText} 3%);\r\n    }\r\n\r\n    &:last-child > td {\r\n      border-block-end: 0;\r\n    }\r\n  `,\r\n  small: css`\r\n    & th,\r\n    & td {\r\n      padding-block: 8px;\r\n      padding-inline: 12px;\r\n    }\r\n  `,\r\n  sortButton: css`\r\n    ${focusRing};\r\n    cursor: pointer;\r\n\r\n    display: inline-flex;\r\n    gap: 6px;\r\n    align-items: center;\r\n\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 4px;\r\n\r\n    font: inherit;\r\n    color: inherit;\r\n\r\n    background: none;\r\n  `,\r\n  sortCaret: css`\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n    color: ${cssVar.colorTextQuaternary};\r\n\r\n    & > [data-active='true'] {\r\n      color: ${cssVar.colorText};\r\n    }\r\n  `,\r\n  table: css`\r\n    border-spacing: 0;\r\n    border-collapse: separate;\r\n    width: 100%;\r\n    font-size: 14px;\r\n  `,\r\n  wrapper: css`\r\n    position: relative;\r\n    overflow: auto;\r\n  `,\r\n}));\r\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,UAAU,GAAG;wBACS,OAAO,qBAAqB;qBAC/B,OAAO,eAAe;;;;qCAIN,OAAO,qBAAqB;;;;;;;;CAQ/D,MAAM,GAAG;kCACuB,OAAO,qBAAqB;;kBAE5C,OAAO,iBAAiB;;CAExC,WAAW,GAAG;;;CAGd,UAAU,GAAG;;;;;;CAMb,OAAO,GAAG;;aAEC,OAAO,qBAAqB;;;CAGvC,cAAc,GAAG;aACN,OAAO,aAAa;;CAE/B,cAAc,GAAG;MACb,UAAU;;;;;;;;;;;aAWH,OAAO,oBAAoB;;;;;eAKzB,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;CAG3C,OAAO,GAAG;;kBAEM,OAAO,iBAAiB;;CAExC,QAAQ,GAAG;;;;;;;aAOA,OAAO,mBAAmB;;;kBAGrB,OAAO,iBAAiB;;uBAEnB,OAAO,qBAAqB;wBAC3B,OAAO,oBAAoB;;CAEjD,aAAa,GAAG;;;;;CAKhB,SAAS,GAAG;;;;;;;;;qCASuB,OAAO,iBAAiB;;CAE3D,QAAQ,GAAG;;;;;;;CAOX,YAAY,GAAG;;;;;CAKf,MAAM,GAAG;;;CAGT,KAAK,GAAG;;uCAE6B,OAAO,iBAAiB,IAAI,OAAO,UAAU;;;;;;;CAOlF,OAAO,GAAG;;;;;;;CAOV,YAAY,GAAG;MACX,UAAU;;;;;;;;;;;;;;;;CAgBd,WAAW,GAAG;;;aAGH,OAAO,oBAAoB;;;eAGzB,OAAO,UAAU;;;CAG9B,OAAO,GAAG;;;;;;CAMV,SAAS,GAAG;;;;AAId,EAAE"}

package/es/base-ui/Table/toColumnDefs.mjs

@@ -0,0 +1,26 @@
+//#region src/base-ui/Table/toColumnDefs.ts
+const getColumnId = (column, index) => String(column.key ?? column.dataIndex ?? `__column_${index}`);
+const getCellValue = (record, column) => column.dataIndex ? record[column.dataIndex] : void 0;
+const isEmptyFilter = (value) => !Array.isArray(value) || value.length === 0;
+const toColumnDefs = (columns) => columns.map((column, index) => {
+	if ((Boolean(column.sorter) || Boolean(column.filters?.length)) && column.key == null && column.dataIndex == null) throw new Error("[Table] sortable or filterable columns need a `key` or `dataIndex`");
+	const comparator = typeof column.sorter === "function" ? column.sorter : void 0;
+	const { onFilter } = column;
+	const filterFn = onFilter ? Object.assign((row, _columnId, filterValue) => filterValue.some((value) => onFilter(value, row.original)), { autoRemove: isEmptyFilter }) : void 0;
+	return {
+		accessorFn: (record) => getCellValue(record, column),
+		enableColumnFilter: Boolean(column.filters?.length),
+		enableSorting: Boolean(column.sorter),
+		filterFn,
+		id: getColumnId(column, index),
+		sortDescFirst: column.sortDirections?.[0] === "descend",
+		...comparator && {
+			sortFn: (rowA, rowB) => comparator(rowA.original, rowB.original),
+			sortUndefined: false
+		}
+	};
+});
+//#endregion
+export { getCellValue, getColumnId, toColumnDefs };
+
+//# sourceMappingURL=toColumnDefs.mjs.map

package/es/base-ui/Table/toColumnDefs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toColumnDefs.mjs","names":[],"sources":["../../../src/base-ui/Table/toColumnDefs.ts"],"sourcesContent":["import type { ColumnDef, RowData } from '@tanstack/react-table';\r\n\r\nimport type { TableFeatureSet } from './features';\r\nimport type { FilterValue, TableColumn } from './type';\r\n\r\nexport const getColumnId = (column: TableColumn<any>, index: number): string =>\r\n  String(column.key ?? column.dataIndex ?? `__column_${index}`);\r\n\r\nexport const getCellValue = <T>(record: T, column: TableColumn<T>): unknown =>\r\n  column.dataIndex ? record[column.dataIndex] : undefined;\r\n\r\nconst isEmptyFilter = (value: unknown) => !Array.isArray(value) || value.length === 0;\r\n\r\nexport const toColumnDefs = <T extends RowData>(\r\n  columns: TableColumn<T>[],\r\n): ColumnDef<TableFeatureSet, T, unknown>[] =>\r\n  columns.map((column, index) => {\r\n    const needsStableId = Boolean(column.sorter) || Boolean(column.filters?.length);\r\n    if (needsStableId && column.key == null && column.dataIndex == null) {\r\n      throw new Error('[Table] sortable or filterable columns need a `key` or `dataIndex`');\r\n    }\r\n\r\n    const comparator = typeof column.sorter === 'function' ? column.sorter : undefined;\r\n    const { onFilter } = column;\r\n\r\n    const filterFn = onFilter\r\n      ? Object.assign(\r\n          (row: { original: T }, _columnId: string, filterValue: FilterValue[]) =>\r\n            filterValue.some((value) => onFilter(value, row.original)),\r\n          { autoRemove: isEmptyFilter },\r\n        )\r\n      : undefined;\r\n\r\n    return {\r\n      accessorFn: (record: T) => getCellValue(record, column),\r\n      enableColumnFilter: Boolean(column.filters?.length),\r\n      enableSorting: Boolean(column.sorter),\r\n      filterFn,\r\n      id: getColumnId(column, index),\r\n      sortDescFirst: column.sortDirections?.[0] === 'descend',\r\n      ...(comparator && {\r\n        sortFn: (rowA: { original: T }, rowB: { original: T }) =>\r\n          comparator(rowA.original, rowB.original),\r\n        sortUndefined: false,\r\n      }),\r\n    } as unknown as ColumnDef<TableFeatureSet, T, unknown>;\r\n  });\r\n"],"mappings":";AAKA,MAAa,eAAe,QAA0B,UACpD,OAAO,OAAO,OAAO,OAAO,aAAa,YAAY,OAAO;AAE9D,MAAa,gBAAmB,QAAW,WACzC,OAAO,YAAY,OAAO,OAAO,aAAa,KAAA;AAEhD,MAAM,iBAAiB,UAAmB,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;AAEpF,MAAa,gBACX,YAEA,QAAQ,KAAK,QAAQ,UAAU;CAE7B,KADsB,QAAQ,OAAO,MAAM,KAAK,QAAQ,OAAO,SAAS,MAAM,MACzD,OAAO,OAAO,QAAQ,OAAO,aAAa,MAC7D,MAAM,IAAI,MAAM,oEAAoE;CAGtF,MAAM,aAAa,OAAO,OAAO,WAAW,aAAa,OAAO,SAAS,KAAA;CACzE,MAAM,EAAE,aAAa;CAErB,MAAM,WAAW,WACb,OAAO,QACJ,KAAsB,WAAmB,gBACxC,YAAY,MAAM,UAAU,SAAS,OAAO,IAAI,QAAQ,CAAC,GAC3D,EAAE,YAAY,cAAc,CAC9B,IACA,KAAA;CAEJ,OAAO;EACL,aAAa,WAAc,aAAa,QAAQ,MAAM;EACtD,oBAAoB,QAAQ,OAAO,SAAS,MAAM;EAClD,eAAe,QAAQ,OAAO,MAAM;EACpC;EACA,IAAI,YAAY,QAAQ,KAAK;EAC7B,eAAe,OAAO,iBAAiB,OAAO;EAC9C,GAAI,cAAc;GAChB,SAAS,MAAuB,SAC9B,WAAW,KAAK,UAAU,KAAK,QAAQ;GACzC,eAAe;EACjB;CACF;AACF,CAAC"}

package/es/base-ui/Table/type.d.mts

@@ -0,0 +1,68 @@
+import { CSSProperties, HTMLAttributes, Key, ReactNode, Ref, TdHTMLAttributes } from "react";
+//#region src/base-ui/Table/type.d.ts
+type SortOrder = 'ascend' | 'descend';
+type FilterValue = string | number | boolean;
+interface TableColumn<T> {
+  align?: 'left' | 'center' | 'right';
+  className?: string;
+  dataIndex?: Extract<keyof T, string>;
+  defaultSortOrder?: SortOrder;
+  ellipsis?: boolean;
+  filters?: {
+    text: ReactNode;
+    value: FilterValue;
+  }[];
+  fixed?: 'left' | 'right';
+  key?: Key;
+  onCell?: (record: T, index: number) => TdHTMLAttributes<HTMLTableCellElement>;
+  onFilter?: (value: FilterValue, record: T) => boolean;
+  render?: (value: any, record: T, index: number) => ReactNode;
+  sortDirections?: SortOrder[];
+  sorter?: boolean | ((a: T, b: T) => number);
+  title?: ReactNode;
+  width?: number | string;
+}
+interface TablePaginationConfig {
+  current?: number;
+  defaultCurrent?: number;
+  defaultPageSize?: number;
+  onChange?: (page: number, pageSize: number) => void;
+  onShowSizeChange?: (current: number, size: number) => void;
+  pageSize?: number;
+  pageSizeOptions?: number[];
+  showSizeChanger?: boolean;
+  total?: number;
+}
+interface TableSorterResult<T> {
+  column?: TableColumn<T>;
+  columnKey?: Key;
+  order?: SortOrder;
+}
+type TableFilters = Record<string, FilterValue[] | null>;
+type TableSemanticName = 'body' | 'cell' | 'header' | 'row' | 'wrapper';
+interface TableProps<T> {
+  bordered?: boolean;
+  className?: string;
+  classNames?: Partial<Record<TableSemanticName, string>>;
+  columns: TableColumn<T>[];
+  dataSource?: T[];
+  emptyText?: ReactNode;
+  loading?: boolean;
+  onChange?: (pagination: TablePaginationConfig, filters: TableFilters, sorter: TableSorterResult<T>) => void;
+  onRow?: (record: T, index: number) => HTMLAttributes<HTMLTableRowElement>;
+  pagination?: false | TablePaginationConfig;
+  ref?: Ref<HTMLDivElement>;
+  rowClassName?: string | ((record: T, index: number) => string);
+  rowKey: Extract<keyof T, string> | ((record: T) => Key);
+  scroll?: {
+    x?: number | string;
+    y?: number | string;
+  };
+  size?: 'small' | 'middle';
+  style?: CSSProperties;
+  styles?: Partial<Record<TableSemanticName, CSSProperties>>;
+  tableLayout?: 'auto' | 'fixed';
+}
+//#endregion
+export { FilterValue, SortOrder, TableColumn, TableFilters, TablePaginationConfig, TableProps, TableSemanticName, TableSorterResult };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Table/useTableState.mjs

@@ -0,0 +1,99 @@
+import { getColumnId } from "./toColumnDefs.mjs";
+import { useState } from "react";
+//#region src/base-ui/Table/useTableState.ts
+const resolve = (updater, previous) => typeof updater === "function" ? updater(previous) : updater;
+const initialSorting = (columns) => {
+	const index = columns.findIndex((column) => column.defaultSortOrder);
+	if (index === -1) return [];
+	return [{
+		desc: columns[index].defaultSortOrder === "descend",
+		id: getColumnId(columns[index], index)
+	}];
+};
+const useTableState = ({ columns, onChange, pagination }) => {
+	const config = pagination === false ? void 0 : pagination ?? {};
+	const columnIds = columns.map((column, index) => getColumnId(column, index));
+	const [sorting, setSorting] = useState(() => initialSorting(columns));
+	const [columnFilters, setColumnFilters] = useState([]);
+	const [innerPage, setInnerPage] = useState({
+		pageIndex: (config?.defaultCurrent ?? 1) - 1,
+		pageSize: config?.defaultPageSize ?? 10
+	});
+	const page = {
+		pageIndex: config?.current === void 0 ? innerPage.pageIndex : config.current - 1,
+		pageSize: config?.pageSize ?? innerPage.pageSize
+	};
+	const toFilters = (state) => Object.fromEntries(columns.map((column, index) => [column, columnIds[index]]).filter(([column]) => column.filters?.length).map(([, id]) => [id, state.find((filter) => filter.id === id)?.value ?? null]));
+	const toSorter = (state) => {
+		const [active] = state;
+		if (!active) return {};
+		return {
+			column: columns[columnIds.indexOf(active.id)],
+			columnKey: active.id,
+			order: active.desc ? "descend" : "ascend"
+		};
+	};
+	const toPaginationArg = (next) => config ? {
+		...config,
+		current: next.pageIndex + 1,
+		pageSize: next.pageSize
+	} : {};
+	const report = (nextPage, nextFilters, nextSorting) => onChange?.(toPaginationArg(nextPage), toFilters(nextFilters), toSorter(nextSorting));
+	const changePage = (next) => {
+		setInnerPage(next);
+		const sizeChanged = next.pageSize !== page.pageSize;
+		if (sizeChanged) config?.onShowSizeChange?.(next.pageIndex + 1, next.pageSize);
+		if (sizeChanged || next.pageIndex !== page.pageIndex) config?.onChange?.(next.pageIndex + 1, next.pageSize);
+	};
+	const clampPage = (pageIndex) => {
+		if (config?.current === void 0) {
+			setInnerPage((previous) => ({
+				...previous,
+				pageIndex
+			}));
+			return;
+		}
+		config.onChange?.(pageIndex + 1, page.pageSize);
+	};
+	const onSortingChange = (updater) => {
+		const next = resolve(updater, sorting);
+		const firstPage = {
+			...page,
+			pageIndex: 0
+		};
+		setSorting(next);
+		changePage(firstPage);
+		report(firstPage, columnFilters, next);
+	};
+	const onColumnFiltersChange = (updater) => {
+		const next = resolve(updater, columnFilters);
+		const firstPage = {
+			...page,
+			pageIndex: 0
+		};
+		setColumnFilters(next);
+		changePage(firstPage);
+		report(firstPage, next, sorting);
+	};
+	const onPaginationChange = (updater) => {
+		const next = resolve(updater, page);
+		changePage(next);
+		report(next, columnFilters, sorting);
+	};
+	return {
+		clampPage,
+		columnFilters,
+		columnIds,
+		config,
+		manualSorting: columns.some((column) => column.sorter === true),
+		onColumnFiltersChange,
+		onPaginationChange,
+		onSortingChange,
+		page,
+		sorting
+	};
+};
+//#endregion
+export { useTableState };
+
+//# sourceMappingURL=useTableState.mjs.map

package/es/base-ui/Table/useTableState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableState.mjs","names":[],"sources":["../../../src/base-ui/Table/useTableState.ts"],"sourcesContent":["import type {\r\n  ColumnFiltersState,\r\n  PaginationState,\r\n  SortingState,\r\n  Updater,\r\n} from '@tanstack/react-table';\r\nimport { useState } from 'react';\r\n\r\nimport { getColumnId } from './toColumnDefs';\r\nimport type {\r\n  TableColumn,\r\n  TableFilters,\r\n  TablePaginationConfig,\r\n  TableProps,\r\n  TableSorterResult,\r\n} from './type';\r\n\r\nconst resolve = <S>(updater: Updater<S>, previous: S): S =>\r\n  typeof updater === 'function' ? (updater as (old: S) => S)(previous) : updater;\r\n\r\nconst initialSorting = (columns: TableColumn<any>[]): SortingState => {\r\n  const index = columns.findIndex((column) => column.defaultSortOrder);\r\n  if (index === -1) return [];\r\n  return [\r\n    { desc: columns[index].defaultSortOrder === 'descend', id: getColumnId(columns[index], index) },\r\n  ];\r\n};\r\n\r\nexport const useTableState = <T>({\r\n  columns,\r\n  onChange,\r\n  pagination,\r\n}: Pick<TableProps<T>, 'columns' | 'onChange' | 'pagination'>) => {\r\n  const config: TablePaginationConfig | undefined =\r\n    pagination === false ? undefined : (pagination ?? {});\r\n  const columnIds = columns.map((column, index) => getColumnId(column, index));\r\n\r\n  const [sorting, setSorting] = useState<SortingState>(() => initialSorting(columns));\r\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\r\n  const [innerPage, setInnerPage] = useState<PaginationState>({\r\n    pageIndex: (config?.defaultCurrent ?? 1) - 1,\r\n    pageSize: config?.defaultPageSize ?? 10,\r\n  });\r\n\r\n  const page: PaginationState = {\r\n    pageIndex: config?.current === undefined ? innerPage.pageIndex : config.current - 1,\r\n    pageSize: config?.pageSize ?? innerPage.pageSize,\r\n  };\r\n\r\n  const toFilters = (state: ColumnFiltersState): TableFilters =>\r\n    Object.fromEntries(\r\n      columns\r\n        .map((column, index) => [column, columnIds[index]] as const)\r\n        .filter(([column]) => column.filters?.length)\r\n        .map(([, id]) => [\r\n          id,\r\n          (state.find((filter) => filter.id === id)?.value as TableFilters[string]) ?? null,\r\n        ]),\r\n    );\r\n\r\n  const toSorter = (state: SortingState): TableSorterResult<T> => {\r\n    const [active] = state;\r\n    if (!active) return {};\r\n    const index = columnIds.indexOf(active.id);\r\n    return {\r\n      column: columns[index],\r\n      columnKey: active.id,\r\n      order: active.desc ? 'descend' : 'ascend',\r\n    };\r\n  };\r\n\r\n  const toPaginationArg = (next: PaginationState): TablePaginationConfig =>\r\n    config ? { ...config, current: next.pageIndex + 1, pageSize: next.pageSize } : {};\r\n\r\n  const report = (\r\n    nextPage: PaginationState,\r\n    nextFilters: ColumnFiltersState,\r\n    nextSorting: SortingState,\r\n  ) => onChange?.(toPaginationArg(nextPage), toFilters(nextFilters), toSorter(nextSorting));\r\n\r\n  const changePage = (next: PaginationState) => {\r\n    setInnerPage(next);\r\n    const sizeChanged = next.pageSize !== page.pageSize;\r\n    if (sizeChanged) config?.onShowSizeChange?.(next.pageIndex + 1, next.pageSize);\r\n    if (sizeChanged || next.pageIndex !== page.pageIndex) {\r\n      config?.onChange?.(next.pageIndex + 1, next.pageSize);\r\n    }\r\n  };\r\n\r\n  const clampPage = (pageIndex: number) => {\r\n    if (config?.current === undefined) {\r\n      setInnerPage((previous) => ({ ...previous, pageIndex }));\r\n      return;\r\n    }\r\n    config.onChange?.(pageIndex + 1, page.pageSize);\r\n  };\r\n\r\n  const onSortingChange = (updater: Updater<SortingState>) => {\r\n    const next = resolve(updater, sorting);\r\n    const firstPage = { ...page, pageIndex: 0 };\r\n    setSorting(next);\r\n    changePage(firstPage);\r\n    report(firstPage, columnFilters, next);\r\n  };\r\n\r\n  const onColumnFiltersChange = (updater: Updater<ColumnFiltersState>) => {\r\n    const next = resolve(updater, columnFilters);\r\n    const firstPage = { ...page, pageIndex: 0 };\r\n    setColumnFilters(next);\r\n    changePage(firstPage);\r\n    report(firstPage, next, sorting);\r\n  };\r\n\r\n  const onPaginationChange = (updater: Updater<PaginationState>) => {\r\n    const next = resolve(updater, page);\r\n    changePage(next);\r\n    report(next, columnFilters, sorting);\r\n  };\r\n\r\n  return {\r\n    clampPage,\r\n    columnFilters,\r\n    columnIds,\r\n    config,\r\n    manualSorting: columns.some((column) => column.sorter === true),\r\n    onColumnFiltersChange,\r\n    onPaginationChange,\r\n    onSortingChange,\r\n    page,\r\n    sorting,\r\n  };\r\n};\r\n"],"mappings":"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"}

package/es/base-ui/Tabs/Tabs.d.mts

@@ -0,0 +1,7 @@
+import { TabsProps } from "./type.mjs";
+import { FC } from "react";
+//#region src/base-ui/Tabs/Tabs.d.ts
+declare const Tabs: FC<TabsProps>;
+//#endregion
+export { Tabs as default };
+//# sourceMappingURL=Tabs.d.mts.map

package/es/base-ui/Tabs/Tabs.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { styles } from "./style.mjs";
+import { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab } from "./atoms.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import useMergeState from "use-merge-value";
+//#region src/base-ui/Tabs/Tabs.tsx
+const Tabs = ({ activeKey, className, classNames, defaultActiveKey, items, onChange, orientation = "horizontal", ref, size = "middle", style, styles: customStyles, variant = "rounded" }) => {
+	const initialActiveKey = defaultActiveKey ?? items?.find((item) => !item.disabled)?.key ?? null;
+	const [value, setValue] = useMergeState(initialActiveKey, {
+		defaultValue: initialActiveKey,
+		onChange: (next) => {
+			if (next != null) onChange?.(next);
+		},
+		value: activeKey
+	});
+	const hasPanels = items?.some((item) => item.children != null);
+	return /* @__PURE__ */ jsxs(TabsRoot, {
+		className: cx(styles.root, classNames?.root, className),
+		orientation,
+		ref,
+		size,
+		style: {
+			...style,
+			...customStyles?.root
+		},
+		value,
+		variant,
+		onValueChange: (next) => setValue(next ?? null),
+		children: [/* @__PURE__ */ jsxs(TabsList, {
+			className: cx(classNames?.list),
+			style: customStyles?.list,
+			children: [/* @__PURE__ */ jsx(TabsIndicator, {
+				className: cx(classNames?.indicator),
+				style: customStyles?.indicator
+			}), items?.map((item) => /* @__PURE__ */ jsxs(TabsTab, {
+				className: cx(classNames?.tab),
+				disabled: item.disabled,
+				style: customStyles?.tab,
+				value: item.key,
+				children: [item.icon, item.label]
+			}, item.key))]
+		}), hasPanels && items?.map((item) => /* @__PURE__ */ jsx(TabsPanel, {
+			className: cx(classNames?.panel),
+			style: customStyles?.panel,
+			value: item.key,
+			children: item.children
+		}, item.key))]
+	});
+};
+Tabs.displayName = "Tabs";
+//#endregion
+export { Tabs as default };
+
+//# sourceMappingURL=Tabs.mjs.map

package/es/base-ui/Tabs/Tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","names":["useControlledState"],"sources":["../../../src/base-ui/Tabs/Tabs.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC } from 'react';\r\nimport useControlledState from 'use-merge-value';\r\n\r\nimport { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab } from './atoms';\r\nimport { styles } from './style';\r\nimport type { TabsProps } from './type';\r\n\r\nconst Tabs: FC<TabsProps> = ({\r\n  activeKey,\r\n  className,\r\n  classNames,\r\n  defaultActiveKey,\r\n  items,\r\n  onChange,\r\n  orientation = 'horizontal',\r\n  ref,\r\n  size = 'middle',\r\n  style,\r\n  styles: customStyles,\r\n  variant = 'rounded',\r\n}) => {\r\n  const initialActiveKey = defaultActiveKey ?? items?.find((item) => !item.disabled)?.key ?? null;\r\n  const [value, setValue] = useControlledState<string | null>(initialActiveKey, {\r\n    defaultValue: initialActiveKey,\r\n    onChange: (next) => {\r\n      if (next != null) onChange?.(next);\r\n    },\r\n    value: activeKey,\r\n  });\r\n\r\n  const hasPanels = items?.some((item) => item.children != null);\r\n\r\n  return (\r\n    <TabsRoot\r\n      className={cx(styles.root, classNames?.root, className)}\r\n      orientation={orientation}\r\n      ref={ref}\r\n      size={size}\r\n      style={{ ...style, ...customStyles?.root }}\r\n      value={value}\r\n      variant={variant}\r\n      onValueChange={(next) => setValue(next ?? null)}\r\n    >\r\n      <TabsList className={cx(classNames?.list)} style={customStyles?.list}>\r\n        <TabsIndicator className={cx(classNames?.indicator)} style={customStyles?.indicator} />\r\n        {items?.map((item) => (\r\n          <TabsTab\r\n            className={cx(classNames?.tab)}\r\n            disabled={item.disabled}\r\n            key={item.key}\r\n            style={customStyles?.tab}\r\n            value={item.key}\r\n          >\r\n            {item.icon}\r\n            {item.label}\r\n          </TabsTab>\r\n        ))}\r\n      </TabsList>\r\n      {hasPanels &&\r\n        items?.map((item) => (\r\n          <TabsPanel\r\n            className={cx(classNames?.panel)}\r\n            key={item.key}\r\n            style={customStyles?.panel}\r\n            value={item.key}\r\n          >\r\n            {item.children}\r\n          </TabsPanel>\r\n        ))}\r\n    </TabsRoot>\r\n  );\r\n};\r\n\r\nTabs.displayName = 'Tabs';\r\n\r\nexport default Tabs;\r\n"],"mappings":";;;;;;;AAUA,MAAM,QAAuB,EAC3B,WACA,WACA,YACA,kBACA,OACA,UACA,cAAc,cACd,KACA,OAAO,UACP,OACA,QAAQ,cACR,UAAU,gBACN;CACJ,MAAM,mBAAmB,oBAAoB,OAAO,MAAM,SAAS,CAAC,KAAK,QAAQ,CAAC,EAAE,OAAO;CAC3F,MAAM,CAAC,OAAO,YAAYA,cAAkC,kBAAkB;EAC5E,cAAc;EACd,WAAW,SAAS;GAClB,IAAI,QAAQ,MAAM,WAAW,IAAI;EACnC;EACA,OAAO;CACT,CAAC;CAED,MAAM,YAAY,OAAO,MAAM,SAAS,KAAK,YAAY,IAAI;CAE7D,OACE,qBAAC,UAAD;EACE,WAAW,GAAG,OAAO,MAAM,YAAY,MAAM,SAAS;EACzC;EACR;EACC;EACN,OAAO;GAAE,GAAG;GAAO,GAAG,cAAc;EAAK;EAClC;EACE;EACT,gBAAgB,SAAS,SAAS,QAAQ,IAAI;EARhD,UAAA,CAUE,qBAAC,UAAD;GAAU,WAAW,GAAG,YAAY,IAAI;GAAG,OAAO,cAAc;GAAhE,UAAA,CACE,oBAAC,eAAD;IAAe,WAAW,GAAG,YAAY,SAAS;IAAG,OAAO,cAAc;GAAY,CAAA,GACrF,OAAO,KAAK,SACX,qBAAC,SAAD;IACE,WAAW,GAAG,YAAY,GAAG;IAC7B,UAAU,KAAK;IAEf,OAAO,cAAc;IACrB,OAAO,KAAK;IALd,UAAA,CAOG,KAAK,MACL,KAAK,KACC;GANF,GAAA,KAAK,GAMH,CACV,CACO;EACT,CAAA,GAAA,aACC,OAAO,KAAK,SACV,oBAAC,WAAD;GACE,WAAW,GAAG,YAAY,KAAK;GAE/B,OAAO,cAAc;GACrB,OAAO,KAAK;GAEX,UAAA,KAAK;EACG,GALJ,KAAK,GAKD,CACZ,CACK;;AAEd;AAEA,KAAK,cAAc"}

package/es/base-ui/Tabs/atoms.d.mts

@@ -0,0 +1,21 @@
+import { TabsIndicatorProps, TabsListProps, TabsPanelProps, TabsRootProps, TabsSize, TabsTabProps, TabsVariant } from "./type.mjs";
+import { styles } from "./style.mjs";
+import { FC } from "react";
+//#region src/base-ui/Tabs/atoms.d.ts
+interface TabsContextValue {
+  size: TabsSize;
+  variant: TabsVariant;
+}
+declare const useTabsContext: () => TabsContextValue;
+type TabsRootInternalProps = TabsRootProps & {
+  size?: TabsSize;
+  variant?: TabsVariant;
+};
+declare const TabsRoot: FC<TabsRootInternalProps>;
+declare const TabsList: FC<TabsListProps>;
+declare const TabsTab: FC<TabsTabProps>;
+declare const TabsPanel: FC<TabsPanelProps>;
+declare const TabsIndicator: FC<TabsIndicatorProps>;
+//#endregion
+export { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, styles as tabsStyles, useTabsContext };
+//# sourceMappingURL=atoms.d.mts.map

package/es/base-ui/Tabs/atoms.mjs

@@ -0,0 +1,69 @@
+"use client";
+import { indicatorVariants, listVariants, styles, tabVariants } from "./style.mjs";
+import { createContext, use, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/base-ui/Tabs/atoms.tsx
+const TabsContext = createContext({
+	size: "middle",
+	variant: "rounded"
+});
+const useTabsContext = () => use(TabsContext);
+const TabsRoot = ({ children, size = "middle", variant = "rounded", ...rest }) => {
+	const contextValue = useMemo(() => ({
+		size,
+		variant
+	}), [size, variant]);
+	return /* @__PURE__ */ jsx(TabsContext, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Tabs.Root, {
+			...rest,
+			children
+		})
+	});
+};
+TabsRoot.displayName = "TabsRoot";
+const TabsList = ({ className, variant: variantProp, ...rest }) => {
+	const ctx = useTabsContext();
+	const variant = variantProp ?? ctx.variant;
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		className: cx(listVariants({ variant }), className),
+		...rest
+	});
+};
+TabsList.displayName = "TabsList";
+const TabsTab = ({ className, size: sizeProp, variant: variantProp, ...rest }) => {
+	const ctx = useTabsContext();
+	const size = sizeProp ?? ctx.size;
+	const variant = variantProp ?? ctx.variant;
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		className: cx(tabVariants({
+			size,
+			variant
+		}), className),
+		...rest
+	});
+};
+TabsTab.displayName = "TabsTab";
+const TabsPanel = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		className: cx(styles.panel, className),
+		...rest
+	});
+};
+TabsPanel.displayName = "TabsPanel";
+const TabsIndicator = ({ className, variant: variantProp, ...rest }) => {
+	const ctx = useTabsContext();
+	const variant = variantProp ?? ctx.variant;
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		renderBeforeHydration: true,
+		className: cx(indicatorVariants({ variant }), className),
+		...rest
+	});
+};
+TabsIndicator.displayName = "TabsIndicator";
+//#endregion
+export { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, styles as tabsStyles, useTabsContext };
+
+//# sourceMappingURL=atoms.mjs.map

package/es/base-ui/Tabs/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":["BaseUITabs"],"sources":["../../../src/base-ui/Tabs/atoms.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Tabs as BaseUITabs } from '@base-ui/react/tabs';\r\nimport { cx } from 'antd-style';\r\nimport { createContext, type FC, use, useMemo } from 'react';\r\n\r\nimport { indicatorVariants, listVariants, styles, tabVariants } from './style';\r\nimport type {\r\n  TabsIndicatorProps,\r\n  TabsListProps,\r\n  TabsPanelProps,\r\n  TabsRootProps,\r\n  TabsSize,\r\n  TabsTabProps,\r\n  TabsVariant,\r\n} from './type';\r\n\r\ninterface TabsContextValue {\r\n  size: TabsSize;\r\n  variant: TabsVariant;\r\n}\r\n\r\nconst TabsContext = createContext<TabsContextValue>({ size: 'middle', variant: 'rounded' });\r\n\r\nexport const useTabsContext = () => use(TabsContext);\r\n\r\ntype TabsRootInternalProps = TabsRootProps & {\r\n  size?: TabsSize;\r\n  variant?: TabsVariant;\r\n};\r\n\r\nexport const TabsRoot: FC<TabsRootInternalProps> = ({\r\n  children,\r\n  size = 'middle',\r\n  variant = 'rounded',\r\n  ...rest\r\n}) => {\r\n  const contextValue = useMemo(() => ({ size, variant }), [size, variant]);\r\n\r\n  return (\r\n    <TabsContext value={contextValue}>\r\n      <BaseUITabs.Root {...rest}>{children}</BaseUITabs.Root>\r\n    </TabsContext>\r\n  );\r\n};\r\n\r\nTabsRoot.displayName = 'TabsRoot';\r\n\r\nexport const TabsList: FC<TabsListProps> = ({ className, variant: variantProp, ...rest }) => {\r\n  const ctx = useTabsContext();\r\n  const variant = variantProp ?? ctx.variant;\r\n\r\n  return <BaseUITabs.List className={cx(listVariants({ variant }), className)} {...rest} />;\r\n};\r\n\r\nTabsList.displayName = 'TabsList';\r\n\r\nexport const TabsTab: FC<TabsTabProps> = ({\r\n  className,\r\n  size: sizeProp,\r\n  variant: variantProp,\r\n  ...rest\r\n}) => {\r\n  const ctx = useTabsContext();\r\n  const size = sizeProp ?? ctx.size;\r\n  const variant = variantProp ?? ctx.variant;\r\n\r\n  return <BaseUITabs.Tab className={cx(tabVariants({ size, variant }), className)} {...rest} />;\r\n};\r\n\r\nTabsTab.displayName = 'TabsTab';\r\n\r\nexport const TabsPanel: FC<TabsPanelProps> = ({ className, ...rest }) => {\r\n  return <BaseUITabs.Panel className={cx(styles.panel, className)} {...rest} />;\r\n};\r\n\r\nTabsPanel.displayName = 'TabsPanel';\r\n\r\nexport const TabsIndicator: FC<TabsIndicatorProps> = ({\r\n  className,\r\n  variant: variantProp,\r\n  ...rest\r\n}) => {\r\n  const ctx = useTabsContext();\r\n  const variant = variantProp ?? ctx.variant;\r\n\r\n  return (\r\n    <BaseUITabs.Indicator\r\n      renderBeforeHydration\r\n      className={cx(indicatorVariants({ variant }), className)}\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nTabsIndicator.displayName = 'TabsIndicator';\r\n\r\nexport { styles as tabsStyles } from './style';\r\n"],"mappings":";;;;;;;AAsBA,MAAM,cAAc,cAAgC;CAAE,MAAM;CAAU,SAAS;AAAU,CAAC;AAE1F,MAAa,uBAAuB,IAAI,WAAW;AAOnD,MAAa,YAAuC,EAClD,UACA,OAAO,UACP,UAAU,WACV,GAAG,WACC;CACJ,MAAM,eAAe,eAAe;EAAE;EAAM;CAAQ,IAAI,CAAC,MAAM,OAAO,CAAC;CAEvE,OACE,oBAAC,aAAD;EAAa,OAAO;EAClB,UAAA,oBAACA,KAAW,MAAZ;GAAiB,GAAI;GAAO;EAA0B,CAAA;CAC3C,CAAA;AAEjB;AAEA,SAAS,cAAc;AAEvB,MAAa,YAA+B,EAAE,WAAW,SAAS,aAAa,GAAG,WAAW;CAC3F,MAAM,MAAM,eAAe;CAC3B,MAAM,UAAU,eAAe,IAAI;CAEnC,OAAO,oBAACA,KAAW,MAAZ;EAAiB,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAO,CAAA;AAC1F;AAEA,SAAS,cAAc;AAEvB,MAAa,WAA6B,EACxC,WACA,MAAM,UACN,SAAS,aACT,GAAG,WACC;CACJ,MAAM,MAAM,eAAe;CAC3B,MAAM,OAAO,YAAY,IAAI;CAC7B,MAAM,UAAU,eAAe,IAAI;CAEnC,OAAO,oBAACA,KAAW,KAAZ;EAAgB,WAAW,GAAG,YAAY;GAAE;GAAM;EAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAO,CAAA;AAC9F;AAEA,QAAQ,cAAc;AAEtB,MAAa,aAAiC,EAAE,WAAW,GAAG,WAAW;CACvE,OAAO,oBAACA,KAAW,OAAZ;EAAkB,WAAW,GAAG,OAAO,OAAO,SAAS;EAAG,GAAI;CAAO,CAAA;AAC9E;AAEA,UAAU,cAAc;AAExB,MAAa,iBAAyC,EACpD,WACA,SAAS,aACT,GAAG,WACC;CACJ,MAAM,MAAM,eAAe;CAC3B,MAAM,UAAU,eAAe,IAAI;CAEnC,OACE,oBAACA,KAAW,WAAZ;EACE,uBAAA;EACA,WAAW,GAAG,kBAAkB,EAAE,QAAQ,CAAC,GAAG,SAAS;EACvD,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}

package/es/base-ui/Tabs/index.d.mts

@@ -0,0 +1,5 @@
+import { TabsClassNames, TabsIndicatorProps, TabsItem, TabsListProps, TabsOrientation, TabsPanelProps, TabsProps, TabsRootProps, TabsSize, TabsStyles, TabsTabProps, TabsVariant } from "./type.mjs";
+import { styles } from "./style.mjs";
+import { TabsIndicator, TabsList, TabsPanel, TabsRoot, TabsTab, useTabsContext } from "./atoms.mjs";
+import Tabs from "./Tabs.mjs";
+export { type TabsClassNames, TabsIndicator, type TabsIndicatorProps, type TabsItem, TabsList, type TabsListProps, type TabsOrientation, TabsPanel, type TabsPanelProps, type TabsProps, TabsRoot, type TabsRootProps, type TabsSize, type TabsStyles, TabsTab, type TabsTabProps, type TabsVariant, Tabs as default, styles as tabsStyles, useTabsContext };

package/es/base-ui/Tabs/style.d.mts

@@ -0,0 +1,21 @@
+//#region src/base-ui/Tabs/style.d.ts
+declare const styles: {
+  indicator: string;
+  indicatorPoint: string;
+  indicatorRounded: string;
+  indicatorSquare: string;
+  list: string;
+  listRounded: string;
+  listSquare: string;
+  panel: string;
+  root: string;
+  tab: string;
+  tabLarge: string;
+  tabMiddle: string;
+  tabPoint: string;
+  tabSmall: string;
+  tabSquare: string;
+};
+//#endregion
+export { styles };
+//# sourceMappingURL=style.d.mts.map