@lobehub/ui 5.57.2 → 6.0.0-beta.1

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

@@ -1,212 +0,0 @@
-import { focusRing } from "../focusRing.mjs";
-import { createStaticStyles } from "antd-style";
-import { cva } from "class-variance-authority";
-//#region src/base-ui/Switch/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => ({
-	icon: css`
-    pointer-events: none;
-
-    position: absolute;
-    inset-block: 0;
-
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    color: ${cssVar.colorBgLayout};
-
-    transition:
-      opacity 200ms ${cssVar.motionEaseOut},
-      scale 200ms ${cssVar.motionEaseOut};
-
-    @media (prefers-reduced-motion: reduce) {
-      transition-duration: 0s;
-    }
-  `,
-	iconLeft: css`
-    inset-inline-start: 4px;
-    scale: 0;
-    opacity: 0;
-
-    [data-checked] & {
-      scale: 1;
-      opacity: 1;
-    }
-  `,
-	iconLeftSmall: css`
-    inset-inline-start: 4px;
-    scale: 0;
-    opacity: 0;
-
-    [data-checked] & {
-      scale: 1;
-      opacity: 1;
-    }
-  `,
-	iconRight: css`
-    inset-inline-end: 4px;
-
-    [data-checked] & {
-      scale: 0;
-      opacity: 0;
-    }
-  `,
-	iconRightSmall: css`
-    inset-inline-end: 4px;
-
-    [data-checked] & {
-      scale: 0;
-      opacity: 0;
-    }
-  `,
-	iconThumb: css`
-    position: relative;
-    inset: unset;
-    transform: none;
-    color: ${cssVar.colorPrimary};
-  `,
-	loading: css`
-    @keyframes lobe-switch-loading {
-      0% {
-        transform: rotate(0deg);
-      }
-
-      100% {
-        transform: rotate(360deg);
-      }
-    }
-
-    animation: lobe-switch-loading 1s linear infinite;
-
-    @media (prefers-reduced-motion: reduce) {
-      animation-duration: 0s;
-    }
-  `,
-	root: css`
-    --switch-dir: 1;
-
-    cursor: pointer;
-    user-select: none;
-
-    position: relative;
-
-    overflow: hidden;
-    display: inline-flex;
-    align-items: center;
-    justify-content: flex-start;
-
-    box-sizing: border-box;
-    padding: 2px;
-    border: 0;
-    border-radius: 100px;
-
-    background: ${cssVar.colorFillSecondary};
-    outline: none;
-    box-shadow: inset 0 1.5px 2px rgb(0 0 0 / 8%);
-
-    transition:
-      background 200ms ${cssVar.motionEaseOut},
-      box-shadow 200ms ${cssVar.motionEaseOut};
-
-    &:dir(rtl) {
-      --switch-dir: -1;
-    }
-
-    [dir='rtl'] & {
-      --switch-dir: -1;
-    }
-
-    ${focusRing};
-
-    &:hover:not([data-disabled]) {
-      background: ${cssVar.colorFill};
-    }
-
-    &[data-checked] {
-      background: ${cssVar.colorPrimary};
-      box-shadow: inset 0 1.5px 3px rgb(0 0 0 / 18%);
-
-      &:hover:not([data-disabled]) {
-        background: ${cssVar.colorPrimaryHover};
-      }
-    }
-
-    &[data-disabled] {
-      cursor: not-allowed;
-      opacity: 0.45;
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-      transition-duration: 0s;
-    }
-  `,
-	rootDefault: css`
-    width: 36px;
-    min-width: 36px;
-    height: 22px;
-  `,
-	rootSmall: css`
-    width: 28px;
-    min-width: 28px;
-    height: 16px;
-  `,
-	thumb: css`
-    transform: translateX(calc(var(--switch-x, 0px) * var(--switch-dir, 1)));
-
-    display: flex;
-    flex-shrink: 0;
-    align-items: center;
-    justify-content: center;
-
-    border-radius: 50%;
-
-    background: ${cssVar.colorBgContainer};
-    box-shadow:
-      0 0 0 0.5px rgb(0 0 0 / 4%),
-      0 1px 1px rgb(0 0 0 / 6%),
-      0 3px 8px rgb(0 30 80 / 16%);
-
-    transition: box-shadow 200ms ${cssVar.motionEaseOut};
-
-    [role='switch']:hover:not([data-disabled]) > & {
-      box-shadow:
-        0 0 0 0.5px rgb(0 0 0 / 4%),
-        0 1px 1px rgb(0 0 0 / 8%),
-        0 6px 14px rgb(0 30 80 / 24%);
-    }
-
-    [data-disabled] > & {
-      box-shadow: none;
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-      transition-duration: 0s;
-    }
-  `,
-	thumbDefault: css`
-    width: 18px;
-    height: 18px;
-  `,
-	thumbSmall: css`
-    width: 12px;
-    height: 12px;
-  `
-}));
-const rootVariants = cva(styles.root, {
-	defaultVariants: { size: "default" },
-	variants: { size: {
-		default: styles.rootDefault,
-		small: styles.rootSmall
-	} }
-});
-const thumbVariants = cva(styles.thumb, {
-	defaultVariants: { size: "default" },
-	variants: { size: {
-		default: styles.thumbDefault,
-		small: styles.thumbSmall
-	} }
-});
-//#endregion
-export { rootVariants, styles, thumbVariants };
-
-//# sourceMappingURL=style.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Switch/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  icon: css`\n    pointer-events: none;\n\n    position: absolute;\n    inset-block: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    color: ${cssVar.colorBgLayout};\n\n    transition:\n      opacity 200ms ${cssVar.motionEaseOut},\n      scale 200ms ${cssVar.motionEaseOut};\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  iconLeft: css`\n    inset-inline-start: 4px;\n    scale: 0;\n    opacity: 0;\n\n    [data-checked] & {\n      scale: 1;\n      opacity: 1;\n    }\n  `,\n  iconLeftSmall: css`\n    inset-inline-start: 4px;\n    scale: 0;\n    opacity: 0;\n\n    [data-checked] & {\n      scale: 1;\n      opacity: 1;\n    }\n  `,\n  iconRight: css`\n    inset-inline-end: 4px;\n\n    [data-checked] & {\n      scale: 0;\n      opacity: 0;\n    }\n  `,\n  iconRightSmall: css`\n    inset-inline-end: 4px;\n\n    [data-checked] & {\n      scale: 0;\n      opacity: 0;\n    }\n  `,\n  iconThumb: css`\n    position: relative;\n    inset: unset;\n    transform: none;\n    color: ${cssVar.colorPrimary};\n  `,\n  loading: css`\n    @keyframes lobe-switch-loading {\n      0% {\n        transform: rotate(0deg);\n      }\n\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n\n    animation: lobe-switch-loading 1s linear infinite;\n\n    @media (prefers-reduced-motion: reduce) {\n      animation-duration: 0s;\n    }\n  `,\n  root: css`\n    --switch-dir: 1;\n\n    cursor: pointer;\n    user-select: none;\n\n    position: relative;\n\n    overflow: hidden;\n    display: inline-flex;\n    align-items: center;\n    justify-content: flex-start;\n\n    box-sizing: border-box;\n    padding: 2px;\n    border: 0;\n    border-radius: 100px;\n\n    background: ${cssVar.colorFillSecondary};\n    outline: none;\n    box-shadow: inset 0 1.5px 2px rgb(0 0 0 / 8%);\n\n    transition:\n      background 200ms ${cssVar.motionEaseOut},\n      box-shadow 200ms ${cssVar.motionEaseOut};\n\n    &:dir(rtl) {\n      --switch-dir: -1;\n    }\n\n    [dir='rtl'] & {\n      --switch-dir: -1;\n    }\n\n    ${focusRing};\n\n    &:hover:not([data-disabled]) {\n      background: ${cssVar.colorFill};\n    }\n\n    &[data-checked] {\n      background: ${cssVar.colorPrimary};\n      box-shadow: inset 0 1.5px 3px rgb(0 0 0 / 18%);\n\n      &:hover:not([data-disabled]) {\n        background: ${cssVar.colorPrimaryHover};\n      }\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      opacity: 0.45;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  rootDefault: css`\n    width: 36px;\n    min-width: 36px;\n    height: 22px;\n  `,\n  rootSmall: css`\n    width: 28px;\n    min-width: 28px;\n    height: 16px;\n  `,\n  thumb: css`\n    transform: translateX(calc(var(--switch-x, 0px) * var(--switch-dir, 1)));\n\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: ${cssVar.colorBgContainer};\n    box-shadow:\n      0 0 0 0.5px rgb(0 0 0 / 4%),\n      0 1px 1px rgb(0 0 0 / 6%),\n      0 3px 8px rgb(0 30 80 / 16%);\n\n    transition: box-shadow 200ms ${cssVar.motionEaseOut};\n\n    [role='switch']:hover:not([data-disabled]) > & {\n      box-shadow:\n        0 0 0 0.5px rgb(0 0 0 / 4%),\n        0 1px 1px rgb(0 0 0 / 8%),\n        0 6px 14px rgb(0 30 80 / 24%);\n    }\n\n    [data-disabled] > & {\n      box-shadow: none;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  thumbDefault: css`\n    width: 18px;\n    height: 18px;\n  `,\n  thumbSmall: css`\n    width: 12px;\n    height: 12px;\n  `,\n}));\n\nexport const rootVariants = cva(styles.root, {\n  defaultVariants: {\n    size: 'default',\n  },\n  variants: {\n    size: {\n      default: styles.rootDefault,\n      small: styles.rootSmall,\n    },\n  },\n});\n\nexport const thumbVariants = cva(styles.thumb, {\n  defaultVariants: {\n    size: 'default',\n  },\n  variants: {\n    size: {\n      default: styles.thumbDefault,\n      small: styles.thumbSmall,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,MAAM,GAAG;;;;;;;;;;aAUE,OAAO,cAAc;;;sBAGZ,OAAO,cAAc;oBACvB,OAAO,cAAc;;;;;;CAMvC,UAAU,GAAG;;;;;;;;;;CAUb,eAAe,GAAG;;;;;;;;;;CAUlB,WAAW,GAAG;;;;;;;;CAQd,gBAAgB,GAAG;;;;;;;;CAQnB,WAAW,GAAG;;;;aAIH,OAAO,aAAa;;CAE/B,SAAS,GAAG;;;;;;;;;;;;;;;;;CAiBZ,MAAM,GAAG;;;;;;;;;;;;;;;;;;kBAkBO,OAAO,mBAAmB;;;;;yBAKnB,OAAO,cAAc;yBACrB,OAAO,cAAc;;;;;;;;;;MAUxC,UAAU;;;oBAGI,OAAO,UAAU;;;;oBAIjB,OAAO,aAAa;;;;sBAIlB,OAAO,kBAAkB;;;;;;;;;;;;;CAa7C,aAAa,GAAG;;;;;CAKhB,WAAW,GAAG;;;;;CAKd,OAAO,GAAG;;;;;;;;;;kBAUM,OAAO,iBAAiB;;;;;;mCAMP,OAAO,cAAc;;;;;;;;;;;;;;;;;CAiBtD,cAAc,GAAG;;;;CAIjB,YAAY,GAAG;;;;AAIjB,EAAE;AAEF,MAAa,eAAe,IAAI,OAAO,MAAM;CAC3C,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM;EACJ,SAAS,OAAO;EAChB,OAAO,OAAO;CAChB,EACF;AACF,CAAC;AAED,MAAa,gBAAgB,IAAI,OAAO,OAAO;CAC7C,iBAAiB,EACf,MAAM,UACR;CACA,UAAU,EACR,MAAM;EACJ,SAAS,OAAO;EAChB,OAAO,OAAO;CAChB,EACF;AACF,CAAC"}

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

@@ -1,127 +0,0 @@
-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

@@ -1,45 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"file":"FilterMenu.mjs","names":[],"sources":["../../../src/base-ui/Table/FilterMenu.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ListFilter } from 'lucide-react';\nimport { memo, type ReactNode } from 'react';\n\nimport DropdownMenu from '@/base-ui/DropdownMenu';\nimport type { DropdownItem } from '@/base-ui/DropdownMenu/type';\nimport Icon from '@/Icon';\n\nimport { styles } from './style';\nimport type { FilterValue } from './type';\n\ninterface FilterMenuProps {\n  filters: { text: ReactNode; value: FilterValue }[];\n  label: string;\n  onChange: (next: FilterValue[]) => void;\n  value: FilterValue[];\n}\n\nconst FilterMenu = memo<FilterMenuProps>(({ filters, label, onChange, value }) => {\n  const items: DropdownItem[] = [\n    ...filters.map((filter) => ({\n      checked: value.includes(filter.value),\n      closeOnClick: false,\n      key: String(filter.value),\n      label: filter.text,\n      onCheckedChange: (checked: boolean) =>\n        onChange(\n          checked ? [...value, filter.value] : value.filter((item) => item !== filter.value),\n        ),\n      type: 'checkbox' as const,\n    })),\n    { type: 'divider' as const },\n    { disabled: value.length === 0, key: '__reset', label: 'Reset', onClick: () => onChange([]) },\n  ];\n\n  return (\n    <DropdownMenu items={items}>\n      <button\n        aria-label={`Filter ${label}`}\n        className={cx(styles.filterButton, value.length > 0 && styles.filterActive)}\n        type=\"button\"\n      >\n        <Icon icon={ListFilter} size={12} />\n      </button>\n    </DropdownMenu>\n  );\n});\n\nFilterMenu.displayName = 'TableFilterMenu';\n\nexport default FilterMenu;\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

@@ -1,10 +0,0 @@
-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

@@ -1,134 +0,0 @@
-"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

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

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

@@ -1,59 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"version":3,"file":"TableBody.mjs","names":[],"sources":["../../../src/base-ui/Table/TableBody.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { CSSProperties, Key, ReactNode } from 'react';\n\nimport Spin from '@/base-ui/Spin';\nimport Empty from '@/Empty';\n\nimport { styles } from './style';\nimport { getCellValue } from './toColumnDefs';\nimport type { TableColumn, TableProps } from './type';\n\ninterface TableBodyProps<T> {\n  classNames?: TableProps<T>['classNames'];\n  columnIds: string[];\n  columns: TableColumn<T>[];\n  emptyText?: ReactNode;\n  fixedOffsets: (CSSProperties | undefined)[];\n  loading: boolean;\n  onRow?: TableProps<T>['onRow'];\n  rowClassName?: TableProps<T>['rowClassName'];\n  rows: { id: Key; original: T }[];\n  styles?: TableProps<T>['styles'];\n}\n\nconst TableBody = <T,>({\n  classNames,\n  columnIds,\n  columns,\n  emptyText,\n  fixedOffsets,\n  loading,\n  onRow,\n  rowClassName,\n  rows,\n  styles: customStyles,\n}: TableBodyProps<T>) => {\n  if (rows.length === 0) {\n    return (\n      <tbody className={classNames?.body} style={customStyles?.body}>\n        <tr>\n          <td className={styles.empty} colSpan={columns.length}>\n            {loading ? <Spin /> : (emptyText ?? <Empty description=\"No data\" />)}\n          </td>\n        </tr>\n      </tbody>\n    );\n  }\n\n  return (\n    <tbody className={classNames?.body} style={customStyles?.body}>\n      {rows.map((row, rowIndex) => {\n        const record = row.original;\n        const rowProps = onRow?.(record, rowIndex) ?? {};\n        const extraClassName =\n          typeof rowClassName === 'function' ? rowClassName(record, rowIndex) : rowClassName;\n\n        return (\n          <tr\n            {...rowProps}\n            key={row.id}\n            style={{ ...customStyles?.row, ...rowProps.style }}\n            className={cx(\n              styles.row,\n              rowProps.onClick && styles.clickable,\n              extraClassName,\n              classNames?.row,\n              rowProps.className,\n            )}\n          >\n            {columns.map((column, columnIndex) => {\n              const value = getCellValue(record, column);\n              const cellProps = column.onCell?.(record, rowIndex) ?? {};\n              const content = column.render\n                ? column.render(value, record, rowIndex)\n                : (value as ReactNode);\n\n              return (\n                <td\n                  {...cellProps}\n                  key={columnIds[columnIndex]}\n                  title={column.ellipsis && typeof content === 'string' ? content : cellProps.title}\n                  className={cx(\n                    styles.cell,\n                    column.ellipsis && styles.ellipsis,\n                    column.fixed && styles.fixed,\n                    column.className,\n                    classNames?.cell,\n                    cellProps.className,\n                  )}\n                  style={{\n                    textAlign: column.align,\n                    width: column.width,\n                    ...fixedOffsets[columnIndex],\n                    ...customStyles?.cell,\n                    ...cellProps.style,\n                  }}\n                >\n                  {content}\n                </td>\n              );\n            })}\n          </tr>\n        );\n      })}\n    </tbody>\n  );\n};\n\nexport default TableBody;\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"}