@jinmi/ui 0.0.0-stage → 6.0.1

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

@@ -0,0 +1,127 @@
+import { CSSProperties, ComponentProps, KeyboardEvent, MouseEvent, ReactNode, Ref } from "react";
+import { Switch } from "@base-ui/react/switch";
+//#region src/base-ui/Switch/type.d.ts
+type SwitchSize = 'default' | 'small';
+type SwitchChangeEventHandler = (checked: boolean, event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+type SwitchClickEventHandler = SwitchChangeEventHandler;
+interface SwitchClassNames {
+  content?: string;
+  root?: string;
+  thumb?: string;
+}
+interface SwitchStyles {
+  content?: CSSProperties;
+  root?: CSSProperties;
+  thumb?: CSSProperties;
+}
+interface SwitchContextType {
+  isChecked: boolean;
+  isPressed: boolean;
+  setIsChecked: (checked: boolean) => void;
+  setIsPressed: (pressed: boolean) => void;
+}
+type SwitchRootProps = Omit<ComponentProps<typeof Switch.Root>, 'render'> & ComponentProps<'button'> & {
+  size?: SwitchSize;
+};
+type SwitchThumbProps = Omit<ComponentProps<typeof Switch.Thumb>, 'render'> & ComponentProps<'span'> & {
+  size?: SwitchSize;
+};
+type SwitchIconPosition = 'left' | 'right' | 'thumb';
+type SwitchIconProps = ComponentProps<'span'> & {
+  position: SwitchIconPosition;
+  size?: SwitchSize;
+};
+interface SwitchProps {
+  /**
+   * Whether to set focus automatically when mounted
+   */
+  autoFocus?: boolean;
+  /**
+   * Whether the switch is checked
+   */
+  checked?: boolean;
+  /**
+   * Icon to show when checked (left position)
+   */
+  checkedChildren?: ReactNode;
+  /**
+   * Custom class name
+   */
+  className?: string;
+  /**
+   * Custom class names for each part
+   */
+  classNames?: SwitchClassNames;
+  /**
+   * Initial checked state (uncontrolled)
+   */
+  defaultChecked?: boolean;
+  /**
+   * Alias for `defaultChecked`
+   */
+  defaultValue?: boolean;
+  /**
+   * Whether the switch is disabled
+   */
+  disabled?: boolean;
+  /**
+   * Element id
+   */
+  id?: string;
+  /**
+   * Show loading indicator
+   */
+  loading?: boolean;
+  /**
+   * Name attribute for form submission
+   */
+  name?: string;
+  /**
+   * Callback when the switch state changes
+   */
+  onChange?: SwitchChangeEventHandler;
+  /**
+   * Callback when clicking the switch
+   */
+  onClick?: SwitchClickEventHandler;
+  /**
+   * Reference to the root element
+   */
+  ref?: Ref<HTMLButtonElement>;
+  /**
+   * Additional class name for root element
+   */
+  rootClassName?: string;
+  /**
+   * Size of the switch
+   * @default 'default'
+   */
+  size?: SwitchSize;
+  /**
+   * Custom inline style
+   */
+  style?: CSSProperties;
+  /**
+   * Custom styles for each part
+   */
+  styles?: SwitchStyles;
+  /**
+   * Tab index for keyboard navigation
+   */
+  tabIndex?: number;
+  /**
+   * Native title attribute
+   */
+  title?: string;
+  /**
+   * Icon to show when unchecked (right position)
+   */
+  unCheckedChildren?: ReactNode;
+  /**
+   * Alias for `checked`
+   */
+  value?: boolean;
+}
+//#endregion
+export { SwitchChangeEventHandler, SwitchClassNames, SwitchClickEventHandler, SwitchContextType, SwitchIconPosition, SwitchIconProps, SwitchProps, SwitchRootProps, SwitchSize, SwitchStyles, SwitchThumbProps };
+//# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,45 @@
+"use client";
+import Icon from "../../Icon/Icon.mjs";
+import DropdownMenu from "../DropdownMenu/DropdownMenu.mjs";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { ListFilter } from "lucide-react";
+//#region src/base-ui/Table/FilterMenu.tsx
+const FilterMenu = memo(({ filters, label, onChange, value }) => {
+	const items = [
+		...filters.map((filter) => ({
+			checked: value.includes(filter.value),
+			closeOnClick: false,
+			key: String(filter.value),
+			label: filter.text,
+			onCheckedChange: (checked) => onChange(checked ? [...value, filter.value] : value.filter((item) => item !== filter.value)),
+			type: "checkbox"
+		})),
+		{ type: "divider" },
+		{
+			disabled: value.length === 0,
+			key: "__reset",
+			label: "Reset",
+			onClick: () => onChange([])
+		}
+	];
+	return /* @__PURE__ */ jsx(DropdownMenu, {
+		items,
+		children: /* @__PURE__ */ jsx("button", {
+			"aria-label": `Filter ${label}`,
+			className: cx(styles.filterButton, value.length > 0 && styles.filterActive),
+			type: "button",
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: ListFilter,
+				size: 12
+			})
+		})
+	});
+});
+FilterMenu.displayName = "TableFilterMenu";
+//#endregion
+export { FilterMenu as default };
+
+//# sourceMappingURL=FilterMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterMenu.mjs","names":[],"sources":["../../../src/base-ui/Table/FilterMenu.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { ListFilter } from 'lucide-react';\r\nimport { memo, type ReactNode } from 'react';\r\n\r\nimport DropdownMenu from '@/base-ui/DropdownMenu';\r\nimport type { DropdownItem } from '@/base-ui/DropdownMenu/type';\r\nimport Icon from '@/Icon';\r\n\r\nimport { styles } from './style';\r\nimport type { FilterValue } from './type';\r\n\r\ninterface FilterMenuProps {\r\n  filters: { text: ReactNode; value: FilterValue }[];\r\n  label: string;\r\n  onChange: (next: FilterValue[]) => void;\r\n  value: FilterValue[];\r\n}\r\n\r\nconst FilterMenu = memo<FilterMenuProps>(({ filters, label, onChange, value }) => {\r\n  const items: DropdownItem[] = [\r\n    ...filters.map((filter) => ({\r\n      checked: value.includes(filter.value),\r\n      closeOnClick: false,\r\n      key: String(filter.value),\r\n      label: filter.text,\r\n      onCheckedChange: (checked: boolean) =>\r\n        onChange(\r\n          checked ? [...value, filter.value] : value.filter((item) => item !== filter.value),\r\n        ),\r\n      type: 'checkbox' as const,\r\n    })),\r\n    { type: 'divider' as const },\r\n    { disabled: value.length === 0, key: '__reset', label: 'Reset', onClick: () => onChange([]) },\r\n  ];\r\n\r\n  return (\r\n    <DropdownMenu items={items}>\r\n      <button\r\n        aria-label={`Filter ${label}`}\r\n        className={cx(styles.filterButton, value.length > 0 && styles.filterActive)}\r\n        type=\"button\"\r\n      >\r\n        <Icon icon={ListFilter} size={12} />\r\n      </button>\r\n    </DropdownMenu>\r\n  );\r\n});\r\n\r\nFilterMenu.displayName = 'TableFilterMenu';\r\n\r\nexport default FilterMenu;\r\n"],"mappings":";;;;;;;;;AAoBA,MAAM,aAAa,MAAuB,EAAE,SAAS,OAAO,UAAU,YAAY;CAChF,MAAM,QAAwB;EAC5B,GAAG,QAAQ,KAAK,YAAY;GAC1B,SAAS,MAAM,SAAS,OAAO,KAAK;GACpC,cAAc;GACd,KAAK,OAAO,OAAO,KAAK;GACxB,OAAO,OAAO;GACd,kBAAkB,YAChB,SACE,UAAU,CAAC,GAAG,OAAO,OAAO,KAAK,IAAI,MAAM,QAAQ,SAAS,SAAS,OAAO,KAAK,CACnF;GACF,MAAM;EACR,EAAE;EACF,EAAE,MAAM,UAAmB;EAC3B;GAAE,UAAU,MAAM,WAAW;GAAG,KAAK;GAAW,OAAO;GAAS,eAAe,SAAS,CAAC,CAAC;EAAE;CAC9F;CAEA,OACE,oBAAC,cAAD;EAAqB;EACnB,UAAA,oBAAC,UAAD;GACE,cAAY,UAAU;GACtB,WAAW,GAAG,OAAO,cAAc,MAAM,SAAS,KAAK,OAAO,YAAY;GAC1E,MAAK;GAEL,UAAA,oBAAC,MAAD;IAAM,MAAM;IAAY,MAAM;GAAK,CAAA;EAC7B,CAAA;CACI,CAAA;AAElB,CAAC;AAED,WAAW,cAAc"}

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

@@ -0,0 +1,10 @@
+import { TableProps } from "./type.mjs";
+import { ReactNode } from "react";
+import { RowData } from "@tanstack/react-table";
+//#region src/base-ui/Table/Table.d.ts
+declare const Table: (<T extends RowData>(props: TableProps<T>) => ReactNode) & {
+  displayName?: string;
+};
+//#endregion
+export { Table as default };
+//# sourceMappingURL=Table.d.mts.map

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

@@ -0,0 +1,134 @@
+"use client";
+import { useEventCallback } from "../../hooks/useEventCallback.mjs";
+import Pagination from "../Pagination/Pagination.mjs";
+import Spin from "../Spin/Spin.mjs";
+import { tableFeatureSet } from "./features.mjs";
+import { styles } from "./style.mjs";
+import FilterMenu from "./FilterMenu.mjs";
+import { getFixedOffsets } from "./fixedOffsets.mjs";
+import { toColumnDefs } from "./toColumnDefs.mjs";
+import TableBody from "./TableBody.mjs";
+import TableHead from "./TableHead.mjs";
+import { useTableState } from "./useTableState.mjs";
+import { memo, useEffect, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { useTable } from "@tanstack/react-table";
+//#region src/base-ui/Table/Table.tsx
+const EMPTY_DATA = [];
+const TableInner = (props) => {
+	const { bordered = false, className, classNames, columns, dataSource = EMPTY_DATA, emptyText, loading = false, onChange, onRow, pagination, ref, renderFilter, rowClassName, rowKey, scroll, size = "middle", style, styles: customStyles, tableLayout } = props;
+	const state = useTableState({
+		columns,
+		onChange,
+		pagination
+	});
+	const columnDefs = useMemo(() => toColumnDefs(columns), [columns]);
+	const fixedOffsets = useMemo(() => getFixedOffsets(columns), [columns]);
+	const table = useTable({
+		columns: columnDefs,
+		data: dataSource,
+		enableMultiSort: false,
+		enableSortingRemoval: true,
+		features: tableFeatureSet,
+		getRowId: (record) => String(typeof rowKey === "function" ? rowKey(record) : record[rowKey]),
+		manualSorting: state.manualSorting,
+		onColumnFiltersChange: state.onColumnFiltersChange,
+		onSortingChange: state.onSortingChange,
+		state: {
+			columnFilters: state.columnFilters,
+			sorting: state.sorting
+		}
+	});
+	const allRows = table.getRowModel().rows;
+	const { page } = state;
+	const clientPaginated = pagination !== false && state.config?.total === void 0;
+	const total = state.config?.total ?? allRows.length;
+	const pageCount = Math.max(1, Math.ceil(total / page.pageSize));
+	const pageIndex = Math.min(page.pageIndex, pageCount - 1);
+	const rows = clientPaginated ? allRows.slice(pageIndex * page.pageSize, (pageIndex + 1) * page.pageSize) : allRows;
+	const syncClampedPage = useEventCallback(() => state.clampPage(pageIndex));
+	useEffect(() => {
+		if (clientPaginated && pageIndex !== page.pageIndex) syncClampedPage();
+	}, [
+		clientPaginated,
+		pageIndex,
+		page.pageIndex,
+		syncClampedPage
+	]);
+	const minWidth = scroll?.x === "max-content" ? "100%" : scroll?.x;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(styles.root, className),
+		ref,
+		style,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cx(styles.wrapper, bordered && styles.bordered, classNames?.wrapper),
+			"data-table-wrapper": "",
+			style: {
+				maxHeight: scroll?.y,
+				...customStyles?.wrapper
+			},
+			children: [/* @__PURE__ */ jsxs("table", {
+				className: cx(styles.table, size === "small" ? styles.small : styles.middle),
+				style: {
+					minWidth,
+					tableLayout,
+					width: scroll?.x === "max-content" ? "max-content" : "100%"
+				},
+				children: [/* @__PURE__ */ jsx(TableHead, {
+					classNames,
+					columnIds: state.columnIds,
+					columns,
+					fixedOffsets,
+					getColumn: (id) => table.getColumn(id),
+					styles: customStyles,
+					renderFilter: (column, id) => {
+						if (renderFilter) return renderFilter(column, id, table);
+						const tableColumn = table.getColumn(id);
+						const value = tableColumn?.getFilterValue() ?? [];
+						return /* @__PURE__ */ jsx(FilterMenu, {
+							filters: column.filters ?? [],
+							label: typeof column.title === "string" ? column.title : id,
+							value,
+							onChange: (next) => tableColumn?.setFilterValue(next.length > 0 ? next : void 0)
+						});
+					}
+				}), /* @__PURE__ */ jsx(TableBody, {
+					classNames,
+					columnIds: state.columnIds,
+					columns,
+					emptyText,
+					fixedOffsets,
+					loading,
+					rowClassName,
+					rows,
+					styles: customStyles,
+					onRow
+				})]
+			}), loading && rows.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: styles.loading,
+				"data-table-loading": "",
+				children: /* @__PURE__ */ jsx(Spin, {})
+			})]
+		}), pagination !== false && total > 0 && /* @__PURE__ */ jsx("div", {
+			className: styles.pagination,
+			children: /* @__PURE__ */ jsx(Pagination, {
+				current: pageIndex + 1,
+				pageSize: page.pageSize,
+				pageSizeOptions: state.config?.pageSizeOptions,
+				showSizeChanger: state.config?.showSizeChanger,
+				total,
+				onChange: (next, pageSize) => state.onPaginationChange({
+					pageIndex: next - 1,
+					pageSize
+				})
+			})
+		})]
+	});
+};
+const Table = memo(TableInner);
+Table.displayName = "Table";
+//#endregion
+export { TableInner, Table as default };
+
+//# sourceMappingURL=Table.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.mjs","names":[],"sources":["../../../src/base-ui/Table/Table.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { type RowData, useTable } from '@tanstack/react-table';\r\nimport { cx } from 'antd-style';\r\nimport { type Key, memo, type ReactNode, useEffect, useMemo } from 'react';\r\n\r\nimport Pagination from '@/base-ui/Pagination';\r\nimport Spin from '@/base-ui/Spin';\r\nimport { useEventCallback } from '@/hooks/useEventCallback';\r\n\r\nimport { tableFeatureSet } from './features';\r\nimport FilterMenu from './FilterMenu';\r\nimport { getFixedOffsets } from './fixedOffsets';\r\nimport { styles } from './style';\r\nimport TableBody from './TableBody';\r\nimport TableHead from './TableHead';\r\nimport { toColumnDefs } from './toColumnDefs';\r\nimport type { FilterValue, TableColumn, TableProps } from './type';\r\nimport { useTableState } from './useTableState';\r\n\r\nconst EMPTY_DATA: any[] = [];\r\n\r\nexport interface TableInternalProps<T> extends TableProps<T> {\r\n  renderFilter?: (column: TableColumn<T>, id: string, table: any) => ReactNode;\r\n}\r\n\r\nconst TableInner = <T extends RowData>(props: TableInternalProps<T>) => {\r\n  const {\r\n    bordered = false,\r\n    className,\r\n    classNames,\r\n    columns,\r\n    dataSource = EMPTY_DATA as T[],\r\n    emptyText,\r\n    loading = false,\r\n    onChange,\r\n    onRow,\r\n    pagination,\r\n    ref,\r\n    renderFilter,\r\n    rowClassName,\r\n    rowKey,\r\n    scroll,\r\n    size = 'middle',\r\n    style,\r\n    styles: customStyles,\r\n    tableLayout,\r\n  } = props;\r\n\r\n  const state = useTableState({ columns, onChange, pagination });\r\n  const columnDefs = useMemo(() => toColumnDefs(columns), [columns]);\r\n  const fixedOffsets = useMemo(() => getFixedOffsets(columns), [columns]);\r\n\r\n  const table = useTable({\r\n    columns: columnDefs,\r\n    data: dataSource,\r\n    enableMultiSort: false,\r\n    enableSortingRemoval: true,\r\n    features: tableFeatureSet,\r\n    getRowId: (record: T) =>\r\n      String(typeof rowKey === 'function' ? rowKey(record) : (record[rowKey] as Key)),\r\n    manualSorting: state.manualSorting,\r\n    onColumnFiltersChange: state.onColumnFiltersChange,\r\n    onSortingChange: state.onSortingChange,\r\n    state: {\r\n      columnFilters: state.columnFilters,\r\n      sorting: state.sorting,\r\n    },\r\n  } as any);\r\n\r\n  const allRows = table.getRowModel().rows as unknown as { id: Key; original: T }[];\r\n  const { page } = state;\r\n  const clientPaginated = pagination !== false && state.config?.total === undefined;\r\n  const total = state.config?.total ?? allRows.length;\r\n  const pageCount = Math.max(1, Math.ceil(total / page.pageSize));\r\n  const pageIndex = Math.min(page.pageIndex, pageCount - 1);\r\n  const rows = clientPaginated\r\n    ? allRows.slice(pageIndex * page.pageSize, (pageIndex + 1) * page.pageSize)\r\n    : allRows;\r\n\r\n  const syncClampedPage = useEventCallback(() => state.clampPage(pageIndex));\r\n\r\n  useEffect(() => {\r\n    if (clientPaginated && pageIndex !== page.pageIndex) syncClampedPage();\r\n  }, [clientPaginated, pageIndex, page.pageIndex, syncClampedPage]);\r\n\r\n  const minWidth = scroll?.x === 'max-content' ? '100%' : scroll?.x;\r\n\r\n  return (\r\n    <div className={cx(styles.root, className)} ref={ref} style={style}>\r\n      <div\r\n        className={cx(styles.wrapper, bordered && styles.bordered, classNames?.wrapper)}\r\n        data-table-wrapper=\"\"\r\n        style={{ maxHeight: scroll?.y, ...customStyles?.wrapper }}\r\n      >\r\n        <table\r\n          className={cx(styles.table, size === 'small' ? styles.small : styles.middle)}\r\n          style={{\r\n            minWidth,\r\n            tableLayout,\r\n            width: scroll?.x === 'max-content' ? 'max-content' : '100%',\r\n          }}\r\n        >\r\n          <TableHead\r\n            classNames={classNames}\r\n            columnIds={state.columnIds}\r\n            columns={columns}\r\n            fixedOffsets={fixedOffsets}\r\n            getColumn={(id) => table.getColumn(id) as any}\r\n            styles={customStyles}\r\n            renderFilter={(column, id) => {\r\n              if (renderFilter) return renderFilter(column, id, table);\r\n              const tableColumn = table.getColumn(id) as any;\r\n              const value = (tableColumn?.getFilterValue() as FilterValue[] | undefined) ?? [];\r\n              return (\r\n                <FilterMenu\r\n                  filters={column.filters ?? []}\r\n                  label={typeof column.title === 'string' ? column.title : id}\r\n                  value={value}\r\n                  onChange={(next) =>\r\n                    tableColumn?.setFilterValue(next.length > 0 ? next : undefined)\r\n                  }\r\n                />\r\n              );\r\n            }}\r\n          />\r\n          <TableBody\r\n            classNames={classNames}\r\n            columnIds={state.columnIds}\r\n            columns={columns}\r\n            emptyText={emptyText}\r\n            fixedOffsets={fixedOffsets}\r\n            loading={loading}\r\n            rowClassName={rowClassName}\r\n            rows={rows}\r\n            styles={customStyles}\r\n            onRow={onRow}\r\n          />\r\n        </table>\r\n        {loading && rows.length > 0 && (\r\n          <div className={styles.loading} data-table-loading=\"\">\r\n            <Spin />\r\n          </div>\r\n        )}\r\n      </div>\r\n      {pagination !== false && total > 0 && (\r\n        <div className={styles.pagination}>\r\n          <Pagination\r\n            current={pageIndex + 1}\r\n            pageSize={page.pageSize}\r\n            pageSizeOptions={state.config?.pageSizeOptions}\r\n            showSizeChanger={state.config?.showSizeChanger}\r\n            total={total}\r\n            onChange={(next, pageSize) =>\r\n              state.onPaginationChange({ pageIndex: next - 1, pageSize })\r\n            }\r\n          />\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nconst Table = memo(TableInner) as unknown as (<T extends RowData>(\r\n  props: TableProps<T>,\r\n) => ReactNode) & {\r\n  displayName?: string;\r\n};\r\n\r\nTable.displayName = 'Table';\r\n\r\nexport { TableInner };\r\n\r\nexport default Table;\r\n"],"mappings":"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"}

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

@@ -0,0 +1,59 @@
+"use client";
+import Spin from "../Spin/Spin.mjs";
+import Empty from "../../Empty/Empty.mjs";
+import { styles } from "./style.mjs";
+import { getCellValue } from "./toColumnDefs.mjs";
+import { createElement } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/base-ui/Table/TableBody.tsx
+const TableBody = ({ classNames, columnIds, columns, emptyText, fixedOffsets, loading, onRow, rowClassName, rows, styles: customStyles }) => {
+	if (rows.length === 0) return /* @__PURE__ */ jsx("tbody", {
+		className: classNames?.body,
+		style: customStyles?.body,
+		children: /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
+			className: styles.empty,
+			colSpan: columns.length,
+			children: loading ? /* @__PURE__ */ jsx(Spin, {}) : emptyText ?? /* @__PURE__ */ jsx(Empty, { description: "No data" })
+		}) })
+	});
+	return /* @__PURE__ */ jsx("tbody", {
+		className: classNames?.body,
+		style: customStyles?.body,
+		children: rows.map((row, rowIndex) => {
+			const record = row.original;
+			const rowProps = onRow?.(record, rowIndex) ?? {};
+			const extraClassName = typeof rowClassName === "function" ? rowClassName(record, rowIndex) : rowClassName;
+			return /* @__PURE__ */ createElement("tr", {
+				...rowProps,
+				key: row.id,
+				style: {
+					...customStyles?.row,
+					...rowProps.style
+				},
+				className: cx(styles.row, rowProps.onClick && styles.clickable, extraClassName, classNames?.row, rowProps.className)
+			}, columns.map((column, columnIndex) => {
+				const value = getCellValue(record, column);
+				const cellProps = column.onCell?.(record, rowIndex) ?? {};
+				const content = column.render ? column.render(value, record, rowIndex) : value;
+				return /* @__PURE__ */ createElement("td", {
+					...cellProps,
+					key: columnIds[columnIndex],
+					title: column.ellipsis && typeof content === "string" ? content : cellProps.title,
+					className: cx(styles.cell, column.ellipsis && styles.ellipsis, column.fixed && styles.fixed, column.className, classNames?.cell, cellProps.className),
+					style: {
+						textAlign: column.align,
+						width: column.width,
+						...fixedOffsets[columnIndex],
+						...customStyles?.cell,
+						...cellProps.style
+					}
+				}, content);
+			}));
+		})
+	});
+};
+//#endregion
+export { TableBody as default };
+
+//# sourceMappingURL=TableBody.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableBody.mjs","names":[],"sources":["../../../src/base-ui/Table/TableBody.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport type { CSSProperties, Key, ReactNode } from 'react';\r\n\r\nimport Spin from '@/base-ui/Spin';\r\nimport Empty from '@/Empty';\r\n\r\nimport { styles } from './style';\r\nimport { getCellValue } from './toColumnDefs';\r\nimport type { TableColumn, TableProps } from './type';\r\n\r\ninterface TableBodyProps<T> {\r\n  classNames?: TableProps<T>['classNames'];\r\n  columnIds: string[];\r\n  columns: TableColumn<T>[];\r\n  emptyText?: ReactNode;\r\n  fixedOffsets: (CSSProperties | undefined)[];\r\n  loading: boolean;\r\n  onRow?: TableProps<T>['onRow'];\r\n  rowClassName?: TableProps<T>['rowClassName'];\r\n  rows: { id: Key; original: T }[];\r\n  styles?: TableProps<T>['styles'];\r\n}\r\n\r\nconst TableBody = <T,>({\r\n  classNames,\r\n  columnIds,\r\n  columns,\r\n  emptyText,\r\n  fixedOffsets,\r\n  loading,\r\n  onRow,\r\n  rowClassName,\r\n  rows,\r\n  styles: customStyles,\r\n}: TableBodyProps<T>) => {\r\n  if (rows.length === 0) {\r\n    return (\r\n      <tbody className={classNames?.body} style={customStyles?.body}>\r\n        <tr>\r\n          <td className={styles.empty} colSpan={columns.length}>\r\n            {loading ? <Spin /> : (emptyText ?? <Empty description=\"No data\" />)}\r\n          </td>\r\n        </tr>\r\n      </tbody>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <tbody className={classNames?.body} style={customStyles?.body}>\r\n      {rows.map((row, rowIndex) => {\r\n        const record = row.original;\r\n        const rowProps = onRow?.(record, rowIndex) ?? {};\r\n        const extraClassName =\r\n          typeof rowClassName === 'function' ? rowClassName(record, rowIndex) : rowClassName;\r\n\r\n        return (\r\n          <tr\r\n            {...rowProps}\r\n            key={row.id}\r\n            style={{ ...customStyles?.row, ...rowProps.style }}\r\n            className={cx(\r\n              styles.row,\r\n              rowProps.onClick && styles.clickable,\r\n              extraClassName,\r\n              classNames?.row,\r\n              rowProps.className,\r\n            )}\r\n          >\r\n            {columns.map((column, columnIndex) => {\r\n              const value = getCellValue(record, column);\r\n              const cellProps = column.onCell?.(record, rowIndex) ?? {};\r\n              const content = column.render\r\n                ? column.render(value, record, rowIndex)\r\n                : (value as ReactNode);\r\n\r\n              return (\r\n                <td\r\n                  {...cellProps}\r\n                  key={columnIds[columnIndex]}\r\n                  title={column.ellipsis && typeof content === 'string' ? content : cellProps.title}\r\n                  className={cx(\r\n                    styles.cell,\r\n                    column.ellipsis && styles.ellipsis,\r\n                    column.fixed && styles.fixed,\r\n                    column.className,\r\n                    classNames?.cell,\r\n                    cellProps.className,\r\n                  )}\r\n                  style={{\r\n                    textAlign: column.align,\r\n                    width: column.width,\r\n                    ...fixedOffsets[columnIndex],\r\n                    ...customStyles?.cell,\r\n                    ...cellProps.style,\r\n                  }}\r\n                >\r\n                  {content}\r\n                </td>\r\n              );\r\n            })}\r\n          </tr>\r\n        );\r\n      })}\r\n    </tbody>\r\n  );\r\n};\r\n\r\nexport default TableBody;\r\n"],"mappings":";;;;;;;;;AAyBA,MAAM,aAAiB,EACrB,YACA,WACA,SACA,WACA,cACA,SACA,OACA,cACA,MACA,QAAQ,mBACe;CACvB,IAAI,KAAK,WAAW,GAClB,OACE,oBAAC,SAAD;EAAO,WAAW,YAAY;EAAM,OAAO,cAAc;EACvD,UAAA,oBAAC,MAAD,EAAA,UACE,oBAAC,MAAD;GAAI,WAAW,OAAO;GAAO,SAAS,QAAQ;GAC3C,UAAA,UAAU,oBAAC,MAAD,CAAO,CAAA,IAAK,aAAa,oBAAC,OAAD,EAAO,aAAY,UAAW,CAAA;EAChE,CAAA,EACF,CAAA;CACC,CAAA;CAIX,OACE,oBAAC,SAAD;EAAO,WAAW,YAAY;EAAM,OAAO,cAAc;EACtD,UAAA,KAAK,KAAK,KAAK,aAAa;GAC3B,MAAM,SAAS,IAAI;GACnB,MAAM,WAAW,QAAQ,QAAQ,QAAQ,KAAK,CAAC;GAC/C,MAAM,iBACJ,OAAO,iBAAiB,aAAa,aAAa,QAAQ,QAAQ,IAAI;GAExE,OACE,8BAAC,MAAD;IACE,GAAI;IACJ,KAAK,IAAI;IACT,OAAO;KAAE,GAAG,cAAc;KAAK,GAAG,SAAS;IAAM;IACjD,WAAW,GACT,OAAO,KACP,SAAS,WAAW,OAAO,WAC3B,gBACA,YAAY,KACZ,SAAS,SACX;GAkCE,GAhCD,QAAQ,KAAK,QAAQ,gBAAgB;IACpC,MAAM,QAAQ,aAAa,QAAQ,MAAM;IACzC,MAAM,YAAY,OAAO,SAAS,QAAQ,QAAQ,KAAK,CAAC;IACxD,MAAM,UAAU,OAAO,SACnB,OAAO,OAAO,OAAO,QAAQ,QAAQ,IACpC;IAEL,OACE,8BAAC,MAAD;KACE,GAAI;KACJ,KAAK,UAAU;KACf,OAAO,OAAO,YAAY,OAAO,YAAY,WAAW,UAAU,UAAU;KAC5E,WAAW,GACT,OAAO,MACP,OAAO,YAAY,OAAO,UAC1B,OAAO,SAAS,OAAO,OACvB,OAAO,WACP,YAAY,MACZ,UAAU,SACZ;KACA,OAAO;MACL,WAAW,OAAO;MAClB,OAAO,OAAO;MACd,GAAG,aAAa;MAChB,GAAG,cAAc;MACjB,GAAG,UAAU;KACf;IAGE,GADD,OACC;GAER,CAAC,CACC;EAER,CAAC;CACI,CAAA;AAEX"}

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

@@ -0,0 +1,50 @@
+"use client";
+import Icon from "../../Icon/Icon.mjs";
+import { styles } from "./style.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { ChevronDown, ChevronUp } from "lucide-react";
+//#region src/base-ui/Table/TableHead.tsx
+const ariaSortOf = (sorted) => sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : "none";
+const TableHead = ({ classNames, columnIds, columns, fixedOffsets, getColumn, renderFilter, styles: customStyles }) => /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((column, index) => {
+	const id = columnIds[index];
+	const tableColumn = getColumn(id);
+	const sorted = column.sorter ? tableColumn?.getIsSorted() ?? false : false;
+	return /* @__PURE__ */ jsx("th", {
+		"aria-sort": column.sorter ? ariaSortOf(sorted) : void 0,
+		scope: "col",
+		className: cx(styles.header, column.fixed && styles.fixed, column.className, classNames?.header),
+		style: {
+			textAlign: column.align,
+			width: column.width,
+			...fixedOffsets[index],
+			...customStyles?.header,
+			...column.fixed ? { zIndex: 3 } : void 0
+		},
+		children: /* @__PURE__ */ jsxs("span", {
+			className: styles.headerInner,
+			children: [column.sorter ? /* @__PURE__ */ jsxs("button", {
+				className: styles.sortButton,
+				type: "button",
+				onClick: tableColumn?.getToggleSortingHandler(),
+				children: [column.title, /* @__PURE__ */ jsxs("span", {
+					"aria-hidden": "true",
+					className: styles.sortCaret,
+					children: [/* @__PURE__ */ jsx(Icon, {
+						"data-active": sorted === "asc",
+						icon: ChevronUp,
+						size: 10
+					}), /* @__PURE__ */ jsx(Icon, {
+						"data-active": sorted === "desc",
+						icon: ChevronDown,
+						size: 10
+					})]
+				})]
+			}) : column.title, column.filters?.length ? renderFilter?.(column, id) : null]
+		})
+	}, id);
+}) }) });
+//#endregion
+export { TableHead as default };
+
+//# sourceMappingURL=TableHead.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHead.mjs","names":[],"sources":["../../../src/base-ui/Table/TableHead.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { ChevronDown, ChevronUp } from 'lucide-react';\r\nimport type { CSSProperties, ReactNode } from 'react';\r\n\r\nimport Icon from '@/Icon';\r\n\r\nimport { styles } from './style';\r\nimport type { TableColumn, TableProps } from './type';\r\n\r\ntype SortState = false | 'asc' | 'desc';\r\n\r\ninterface HeadColumn {\r\n  getIsSorted: () => SortState;\r\n  getToggleSortingHandler: () => undefined | ((event: unknown) => void);\r\n}\r\n\r\ninterface TableHeadProps<T> {\r\n  classNames?: TableProps<T>['classNames'];\r\n  columnIds: string[];\r\n  columns: TableColumn<T>[];\r\n  fixedOffsets: (CSSProperties | undefined)[];\r\n  getColumn: (id: string) => HeadColumn | undefined;\r\n  renderFilter?: (column: TableColumn<T>, id: string) => ReactNode;\r\n  styles?: TableProps<T>['styles'];\r\n}\r\n\r\nconst ariaSortOf = (sorted: SortState) =>\r\n  sorted === 'asc' ? 'ascending' : sorted === 'desc' ? 'descending' : 'none';\r\n\r\nconst TableHead = <T,>({\r\n  classNames,\r\n  columnIds,\r\n  columns,\r\n  fixedOffsets,\r\n  getColumn,\r\n  renderFilter,\r\n  styles: customStyles,\r\n}: TableHeadProps<T>) => (\r\n  <thead>\r\n    <tr>\r\n      {columns.map((column, index) => {\r\n        const id = columnIds[index];\r\n        const tableColumn = getColumn(id);\r\n        const sorted: SortState = column.sorter ? (tableColumn?.getIsSorted() ?? false) : false;\r\n\r\n        return (\r\n          <th\r\n            aria-sort={column.sorter ? ariaSortOf(sorted) : undefined}\r\n            key={id}\r\n            scope=\"col\"\r\n            className={cx(\r\n              styles.header,\r\n              column.fixed && styles.fixed,\r\n              column.className,\r\n              classNames?.header,\r\n            )}\r\n            style={{\r\n              textAlign: column.align,\r\n              width: column.width,\r\n              ...fixedOffsets[index],\r\n              ...customStyles?.header,\r\n              ...(column.fixed ? { zIndex: 3 } : undefined),\r\n            }}\r\n          >\r\n            <span className={styles.headerInner}>\r\n              {column.sorter ? (\r\n                <button\r\n                  className={styles.sortButton}\r\n                  type=\"button\"\r\n                  onClick={tableColumn?.getToggleSortingHandler()}\r\n                >\r\n                  {column.title}\r\n                  <span aria-hidden=\"true\" className={styles.sortCaret}>\r\n                    <Icon data-active={sorted === 'asc'} icon={ChevronUp} size={10} />\r\n                    <Icon data-active={sorted === 'desc'} icon={ChevronDown} size={10} />\r\n                  </span>\r\n                </button>\r\n              ) : (\r\n                column.title\r\n              )}\r\n              {column.filters?.length ? renderFilter?.(column, id) : null}\r\n            </span>\r\n          </th>\r\n        );\r\n      })}\r\n    </tr>\r\n  </thead>\r\n);\r\n\r\nexport default TableHead;\r\n"],"mappings":";;;;;;;AA4BA,MAAM,cAAc,WAClB,WAAW,QAAQ,cAAc,WAAW,SAAS,eAAe;AAEtE,MAAM,aAAiB,EACrB,YACA,WACA,SACA,cACA,WACA,cACA,QAAQ,mBAER,oBAAC,SAAD,EAAA,UACE,oBAAC,MAAD,EAAA,UACG,QAAQ,KAAK,QAAQ,UAAU;CAC9B,MAAM,KAAK,UAAU;CACrB,MAAM,cAAc,UAAU,EAAE;CAChC,MAAM,SAAoB,OAAO,SAAU,aAAa,YAAY,KAAK,QAAS;CAElF,OACE,oBAAC,MAAD;EACE,aAAW,OAAO,SAAS,WAAW,MAAM,IAAI,KAAA;EAEhD,OAAM;EACN,WAAW,GACT,OAAO,QACP,OAAO,SAAS,OAAO,OACvB,OAAO,WACP,YAAY,MACd;EACA,OAAO;GACL,WAAW,OAAO;GAClB,OAAO,OAAO;GACd,GAAG,aAAa;GAChB,GAAG,cAAc;GACjB,GAAI,OAAO,QAAQ,EAAE,QAAQ,EAAE,IAAI,KAAA;EACrC;EAEA,UAAA,qBAAC,QAAD;GAAM,WAAW,OAAO;GAAxB,UAAA,CACG,OAAO,SACN,qBAAC,UAAD;IACE,WAAW,OAAO;IAClB,MAAK;IACL,SAAS,aAAa,wBAAwB;IAHhD,UAAA,CAKG,OAAO,OACR,qBAAC,QAAD;KAAM,eAAY;KAAO,WAAW,OAAO;KAA3C,UAAA,CACE,oBAAC,MAAD;MAAM,eAAa,WAAW;MAAO,MAAM;MAAW,MAAM;KAAK,CAAA,GACjE,oBAAC,MAAD;MAAM,eAAa,WAAW;MAAQ,MAAM;MAAa,MAAM;KAAK,CAAA,CAChE;IACA,CAAA,CAAA;GAER,CAAA,IAAA,OAAO,OAER,OAAO,SAAS,SAAS,eAAe,QAAQ,EAAE,IAAI,IACnD;;CACJ,GAlCG,EAkCH;AAER,CAAC,EACC,CAAA,EACC,CAAA"}

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

@@ -0,0 +1,12 @@
+import { columnFilteringFeature, createFilteredRowModel, createSortedRowModel, rowSortingFeature, tableFeatures } from "@tanstack/react-table";
+//#region src/base-ui/Table/features.ts
+const tableFeatureSet = tableFeatures({
+	columnFilteringFeature,
+	filteredRowModel: createFilteredRowModel(),
+	rowSortingFeature,
+	sortedRowModel: createSortedRowModel()
+});
+//#endregion
+export { tableFeatureSet };
+
+//# sourceMappingURL=features.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"features.mjs","names":[],"sources":["../../../src/base-ui/Table/features.ts"],"sourcesContent":["import {\r\n  columnFilteringFeature,\r\n  createFilteredRowModel,\r\n  createSortedRowModel,\r\n  rowSortingFeature,\r\n  tableFeatures,\r\n} from '@tanstack/react-table';\r\n\r\nexport const tableFeatureSet = tableFeatures({\r\n  columnFilteringFeature,\r\n  filteredRowModel: createFilteredRowModel(),\r\n  rowSortingFeature,\r\n  sortedRowModel: createSortedRowModel(),\r\n});\r\n\r\nexport type TableFeatureSet = typeof tableFeatureSet;\r\n"],"mappings":";;AAQA,MAAa,kBAAkB,cAAc;CAC3C;CACA,kBAAkB,uBAAuB;CACzC;CACA,gBAAgB,qBAAqB;AACvC,CAAC"}

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

@@ -0,0 +1,29 @@
+//#region src/base-ui/Table/fixedOffsets.ts
+const widthOf = (column) => typeof column.width === "number" ? column.width : 0;
+const getFixedOffsets = (columns) => {
+	const offsets = columns.map(() => void 0);
+	let left = 0;
+	columns.forEach((column, index) => {
+		if (column.fixed !== "left") return;
+		offsets[index] = {
+			left,
+			position: "sticky"
+		};
+		left += widthOf(column);
+	});
+	let right = 0;
+	for (let index = columns.length - 1; index >= 0; index--) {
+		const column = columns[index];
+		if (column.fixed !== "right") continue;
+		offsets[index] = {
+			position: "sticky",
+			right
+		};
+		right += widthOf(column);
+	}
+	return offsets;
+};
+//#endregion
+export { getFixedOffsets };
+
+//# sourceMappingURL=fixedOffsets.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fixedOffsets.mjs","names":[],"sources":["../../../src/base-ui/Table/fixedOffsets.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\r\n\r\nimport type { TableColumn } from './type';\r\n\r\nconst widthOf = (column: TableColumn<any>) => (typeof column.width === 'number' ? column.width : 0);\r\n\r\nexport const getFixedOffsets = (columns: TableColumn<any>[]): (CSSProperties | undefined)[] => {\r\n  const offsets: (CSSProperties | undefined)[] = columns.map(() => undefined);\r\n\r\n  let left = 0;\r\n  columns.forEach((column, index) => {\r\n    if (column.fixed !== 'left') return;\r\n    offsets[index] = { left, position: 'sticky' };\r\n    left += widthOf(column);\r\n  });\r\n\r\n  let right = 0;\r\n  for (let index = columns.length - 1; index >= 0; index--) {\r\n    const column = columns[index];\r\n    if (column.fixed !== 'right') continue;\r\n    offsets[index] = { position: 'sticky', right };\r\n    right += widthOf(column);\r\n  }\r\n\r\n  return offsets;\r\n};\r\n"],"mappings":";AAIA,MAAM,WAAW,WAA8B,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ;AAEjG,MAAa,mBAAmB,YAA+D;CAC7F,MAAM,UAAyC,QAAQ,UAAU,KAAA,CAAS;CAE1E,IAAI,OAAO;CACX,QAAQ,SAAS,QAAQ,UAAU;EACjC,IAAI,OAAO,UAAU,QAAQ;EAC7B,QAAQ,SAAS;GAAE;GAAM,UAAU;EAAS;EAC5C,QAAQ,QAAQ,MAAM;CACxB,CAAC;CAED,IAAI,QAAQ;CACZ,KAAK,IAAI,QAAQ,QAAQ,SAAS,GAAG,SAAS,GAAG,SAAS;EACxD,MAAM,SAAS,QAAQ;EACvB,IAAI,OAAO,UAAU,SAAS;EAC9B,QAAQ,SAAS;GAAE,UAAU;GAAU;EAAM;EAC7C,SAAS,QAAQ,MAAM;CACzB;CAEA,OAAO;AACT"}

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

@@ -0,0 +1,3 @@
+import { FilterValue, SortOrder, TableColumn, TableFilters, TablePaginationConfig, TableProps, TableSemanticName, TableSorterResult } from "./type.mjs";
+import Table from "./Table.mjs";
+export { type FilterValue, type SortOrder, type TableColumn, type TableFilters, type TablePaginationConfig, type TableProps, type TableSemanticName, type TableSorterResult, Table as default };