@j2-health/design-system 0.5.0 → 0.5.2

package/dist/src/components/table/Table.cjs

@@ -1,117 +1,111 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const antd = require("antd");
-const cx = require("classnames");
-const Table_module = require("./Table.module.css.cjs");
-const Pagination = require("../pagination/Pagination.cjs");
-const react = require("@phosphor-icons/react");
-const Spinner = require("../spinner/Spinner.cjs");
-const defaultSortIcon = ({
-  sortOrder
-}) => {
-  if (sortOrder == "ascend") return /* @__PURE__ */ jsxRuntime.jsx(react.CaretUpIcon, {});
-  if (sortOrder == "descend") return /* @__PURE__ */ jsxRuntime.jsx(react.CaretDownIcon, {});
-  return /* @__PURE__ */ jsxRuntime.jsx(react.CaretUpDownIcon, {});
+const require_runtime = require("../../../_virtual/_rolldown/runtime.cjs");
+const require_Pagination = require("../pagination/Pagination.cjs");
+const require_Spinner = require("../spinner/Spinner.cjs");
+const require_Table_module = require("./Table.module.css.cjs");
+let antd = require("antd");
+let _phosphor_icons_react = require("@phosphor-icons/react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames, 1);
+//#region src/components/table/Table.tsx
+var defaultSortIcon = ({ sortOrder }) => {
+	if (sortOrder == "ascend") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.CaretUpIcon, {});
+	if (sortOrder == "descend") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.CaretDownIcon, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_phosphor_icons_react.CaretUpDownIcon, {});
 };
-const Table = ({
-  verticalBorders,
-  alternatingRows,
-  paginationTextLabels = false,
-  ...props
-}) => {
-  var _a, _b;
-  const defaultLoadingProps = {
-    indicator: /* @__PURE__ */ jsxRuntime.jsx(Spinner.Spinner, { className: "!w-fit !h-fit !mx-0 translate-x-[-50%]" }),
-    description: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-20", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h4", { children: "Loading this chart" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg", children: "Please wait a moment" })
-    ] })
-  };
-  const loading = typeof props.loading == "object" ? { ...props.loading, ...defaultLoadingProps } : props.loading && defaultLoadingProps;
-  const isSimpleValue = (value) => {
-    return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
-  };
-  const extractTextContent = (node) => {
-    if (isSimpleValue(node)) {
-      return String(node);
-    }
-    if (node && typeof node === "object" && "props" in node && node.props && typeof node.props === "object" && "children" in node.props) {
-      const children = node.props.children;
-      if (isSimpleValue(children)) {
-        return String(children);
-      }
-    }
-    return null;
-  };
-  const columns = (_a = props.columns) == null ? void 0 : _a.map((column) => {
-    const hasEllipsis = column.ellipsis === true || typeof column.ellipsis === "object" && column.ellipsis;
-    const originalRender = column.render;
-    return {
-      ...column,
-      sortIcon: column.sortIcon ?? defaultSortIcon,
-      ellipsis: hasEllipsis ? {
-        showTitle: false
-        // Disable default browser tooltip
-      } : column.ellipsis,
-      render: (value, record, index) => {
-        const renderedContent = originalRender ? originalRender(value, record, index) : value;
-        if (renderedContent == null) {
-          return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-j2-text-secondary", children: "--" });
-        }
-        const tooltipText = extractTextContent(renderedContent);
-        if (tooltipText) {
-          if (isSimpleValue(renderedContent)) {
-            return /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: tooltipText, arrow: false, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: hasEllipsis ? "block truncate" : void 0, children: renderedContent }) });
-          }
-          return /* @__PURE__ */ jsxRuntime.jsx(antd.Tooltip, { title: tooltipText, arrow: false, children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderedContent }) });
-        }
-        return renderedContent;
-      }
-    };
-  });
-  const paginationConfig = props.pagination ? Pagination.withDesignSystemPaginationOverrides(
-    typeof props.pagination === "object" ? props.pagination : {},
-    {
-      paginationTextLabels,
-      isSmall: typeof props.pagination === "object" && props.pagination.size === "small" || props.size === "small"
-    }
-  ) : false;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cx(props.className, {
-        [Table_module.default.bordered]: props.bordered && !verticalBorders,
-        [Table_module.default.alternatingRows]: alternatingRows
-      }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Table,
-        {
-          showSorterTooltip: { target: "sorter-icon" },
-          ...props,
-          loading,
-          columns,
-          pagination: paginationConfig,
-          rowKey: (record) => JSON.stringify(record),
-          locale: {
-            emptyText: /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                style: { height: ((_b = props.scroll) == null ? void 0 : _b.y) || 400, width: "content-fit" }
-              }
-            )
-          }
-        }
-      )
-    }
-  );
+var Table = ({ verticalBorders, alternatingRows, paginationTextLabels = false, ...props }) => {
+	const defaultLoadingProps = {
+		indicator: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Spinner.Spinner, { className: "!w-fit !h-fit !mx-0 translate-x-[-50%]" }),
+		description: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "mt-20",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h4", { children: "Loading this chart" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-lg",
+				children: "Please wait a moment"
+			})]
+		})
+	};
+	const loading = typeof props.loading == "object" ? {
+		...props.loading,
+		...defaultLoadingProps
+	} : props.loading && defaultLoadingProps;
+	const isSimpleValue = (value) => {
+		return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+	};
+	const extractTextContent = (node) => {
+		if (isSimpleValue(node)) return String(node);
+		if (node && typeof node === "object" && "props" in node && node.props && typeof node.props === "object" && "children" in node.props) {
+			const children = node.props.children;
+			if (isSimpleValue(children)) return String(children);
+		}
+		return null;
+	};
+	const columns = props.columns?.map((column) => {
+		const hasEllipsis = column.ellipsis === true || typeof column.ellipsis === "object" && column.ellipsis;
+		const originalRender = column.render;
+		return {
+			...column,
+			sortIcon: column.sortIcon ?? defaultSortIcon,
+			ellipsis: hasEllipsis ? { showTitle: false } : column.ellipsis,
+			render: (value, record, index) => {
+				const renderedContent = originalRender ? originalRender(value, record, index) : value;
+				if (renderedContent == null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-j2-text-secondary",
+					children: "--"
+				});
+				const tooltipText = extractTextContent(renderedContent);
+				if (tooltipText) {
+					if (isSimpleValue(renderedContent)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tooltip, {
+						title: tooltipText,
+						arrow: false,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: hasEllipsis ? "block truncate" : void 0,
+							children: renderedContent
+						})
+					});
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tooltip, {
+						title: tooltipText,
+						arrow: false,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: renderedContent })
+					});
+				}
+				return renderedContent;
+			}
+		};
+	});
+	const paginationConfig = props.pagination ? require_Pagination.withDesignSystemPaginationOverrides(typeof props.pagination === "object" ? props.pagination : {}, {
+		paginationTextLabels,
+		isSmall: typeof props.pagination === "object" && props.pagination.size === "small" || props.size === "small"
+	}) : false;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, classnames.default)(props.className, {
+			[require_Table_module.default.bordered]: props.bordered && !verticalBorders,
+			[require_Table_module.default.alternatingRows]: alternatingRows
+		}),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Table, {
+			showSorterTooltip: { target: "sorter-icon" },
+			...props,
+			loading,
+			columns,
+			pagination: paginationConfig,
+			rowKey: (record) => JSON.stringify(record),
+			locale: { emptyText: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { style: {
+				height: props.scroll?.y || 400,
+				width: "content-fit"
+			} }) }
+		})
+	});
 };
-const TableColumn = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(antd.Table.Column, { ...props, sortIcon: defaultSortIcon });
+var TableColumn = (props) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Table.Column, {
+		...props,
+		sortIcon: defaultSortIcon
+	});
 };
 TableColumn.displayName = "Table.Column";
 Table.Column = TableColumn;
 Table.Summary = antd.Table.Summary;
+//#endregion
 exports.Table = Table;
 exports.defaultSortIcon = defaultSortIcon;
-//# sourceMappingURL=Table.cjs.map
+
+//# sourceMappingURL=Table.cjs.map

package/dist/src/components/table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import { Table as AntdTable, SpinProps, TableProps, Tooltip } from 'antd'\nimport cx from 'classnames'\nimport s from './Table.module.css'\nimport { Spinner } from '../spinner'\nimport { withDesignSystemPaginationOverrides } from '../pagination/Pagination'\nimport {\n  CaretDownIcon,\n  CaretUpIcon,\n  CaretUpDownIcon,\n} from '@phosphor-icons/react'\nimport { ComponentProps, ReactNode } from 'react'\nimport { AnyObject } from 'antd/es/_util/type'\n\ntype MergedProps<T> = TableProps<T> & {\n  verticalBorders?: boolean\n  alternatingRows?: boolean\n  columns?: TableProps<T>['columns']\n  paginationTextLabels?: boolean\n}\n\ntype Props<T> = Expand<MergedProps<T>>\n\nexport const defaultSortIcon = ({\n  sortOrder,\n}: {\n  sortOrder: 'ascend' | 'descend' | null\n}) => {\n  if (sortOrder == 'ascend') return <CaretUpIcon />\n  if (sortOrder == 'descend') return <CaretDownIcon />\n  return <CaretUpDownIcon />\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-constraint\nconst Table = <T extends unknown = any>({\n  verticalBorders,\n  alternatingRows,\n  paginationTextLabels = false,\n  ...props\n}: Props<T>) => {\n  const defaultLoadingProps: SpinProps = {\n    indicator: <Spinner className=\"!w-fit !h-fit !mx-0 translate-x-[-50%]\" />,\n    description: (\n      <div className=\"mt-20\">\n        <h4>Loading this chart</h4>\n        <span className=\"text-lg\">Please wait a moment</span>\n      </div>\n    ),\n  }\n\n  const loading: SpinProps | boolean | undefined =\n    typeof props.loading == 'object'\n      ? { ...props.loading, ...defaultLoadingProps }\n      : props.loading && defaultLoadingProps\n\n  const isSimpleValue = (\n    value: unknown\n  ): value is string | number | boolean => {\n    return (\n      typeof value === 'string' ||\n      typeof value === 'number' ||\n      typeof value === 'boolean'\n    )\n  }\n\n  // Helper to extract text content from React elements\n  const extractTextContent = (node: unknown): string | null => {\n    if (isSimpleValue(node)) {\n      return String(node)\n    }\n\n    // Check if it's a React element with simple text children\n    if (\n      node &&\n      typeof node === 'object' &&\n      'props' in node &&\n      node.props &&\n      typeof node.props === 'object' &&\n      'children' in node.props\n    ) {\n      const children = node.props.children\n      if (isSimpleValue(children)) {\n        return String(children)\n      }\n    }\n\n    return null\n  }\n\n  const columns = props.columns?.map((column) => {\n    const hasEllipsis =\n      column.ellipsis === true ||\n      (typeof column.ellipsis === 'object' && column.ellipsis)\n\n    const originalRender = column.render\n\n    return {\n      ...column,\n      sortIcon: column.sortIcon ?? defaultSortIcon,\n      ellipsis: hasEllipsis\n        ? {\n            showTitle: false, // Disable default browser tooltip\n          }\n        : column.ellipsis,\n      render: (value: unknown, record: T, index: number): ReactNode => {\n        const renderedContent = originalRender\n          ? originalRender(value, record, index)\n          : value\n\n        // Render null/undefined as dashes with no tooltip\n        if (renderedContent == null) {\n          return <span className=\"text-j2-text-secondary\">--</span>\n        }\n\n        // Try to extract text content for tooltip\n        const tooltipText = extractTextContent(renderedContent)\n\n        // If we can extract text content, wrap with tooltip\n        if (tooltipText) {\n          // For simple values, wrap in a span\n          if (isSimpleValue(renderedContent)) {\n            return (\n              <Tooltip title={tooltipText} arrow={false}>\n                <span className={hasEllipsis ? 'block truncate' : undefined}>\n                  {renderedContent}\n                </span>\n              </Tooltip>\n            )\n          }\n\n          // For React elements, wrap the element itself\n          return (\n            <Tooltip title={tooltipText} arrow={false}>\n              <div>{renderedContent as ReactNode}</div>\n            </Tooltip>\n          )\n        }\n\n        // Complex components without extractable text - return as is\n        return renderedContent as ReactNode\n      },\n    }\n  })\n\n  const paginationConfig = props.pagination\n    ? withDesignSystemPaginationOverrides(\n        typeof props.pagination === 'object' ? props.pagination : {},\n        {\n          paginationTextLabels,\n          isSmall:\n            (typeof props.pagination === 'object' &&\n              props.pagination.size === 'small') ||\n            props.size === 'small',\n        }\n      )\n    : false\n\n  return (\n    <div\n      className={cx(props.className, {\n        [s.bordered]: props.bordered && !verticalBorders,\n        [s.alternatingRows]: alternatingRows,\n      })}\n    >\n      <AntdTable<T>\n        showSorterTooltip={{ target: 'sorter-icon' }}\n        {...props}\n        loading={loading}\n        columns={columns}\n        pagination={paginationConfig}\n        rowKey={(record) => JSON.stringify(record)}\n        locale={{\n          emptyText: (\n            <div\n              style={{ height: props.scroll?.y || 400, width: 'content-fit' }}\n            />\n          ),\n        }}\n      />\n    </div>\n  )\n}\n\ntype ColumnProps<T extends AnyObject> = Expand<\n  ComponentProps<typeof AntdTable.Column<T>>\n>\n\nconst TableColumn = <T extends AnyObject>(props: ColumnProps<T>) => {\n  return <AntdTable.Column<T> {...props} sortIcon={defaultSortIcon} />\n}\nTableColumn.displayName = 'Table.Column'\n\nTable.Column = TableColumn\nTable.Summary = AntdTable.Summary\n\nexport type { TableColumnType } from 'antd'\nexport { Table }\n"],"names":["jsx","CaretUpIcon","CaretDownIcon","CaretUpDownIcon","Spinner","jsxs","Tooltip","withDesignSystemPaginationOverrides","s","AntdTable"],"mappings":"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"}
+{"version":3,"file":"Table.cjs","names":["CaretUpIcon","CaretDownIcon","CaretUpDownIcon","Spinner","Tooltip","withDesignSystemPaginationOverrides","cx","s","AntdTable"],"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import { Table as AntdTable, SpinProps, TableProps, Tooltip } from 'antd'\nimport cx from 'classnames'\nimport s from './Table.module.css'\nimport { Spinner } from '../spinner'\nimport { withDesignSystemPaginationOverrides } from '../pagination/Pagination'\nimport {\n  CaretDownIcon,\n  CaretUpIcon,\n  CaretUpDownIcon,\n} from '@phosphor-icons/react'\nimport { ComponentProps, ReactNode } from 'react'\nimport { AnyObject } from 'antd/es/_util/type'\n\ntype MergedProps<T> = TableProps<T> & {\n  verticalBorders?: boolean\n  alternatingRows?: boolean\n  columns?: TableProps<T>['columns']\n  paginationTextLabels?: boolean\n}\n\ntype Props<T> = Expand<MergedProps<T>>\n\nexport const defaultSortIcon = ({\n  sortOrder,\n}: {\n  sortOrder: 'ascend' | 'descend' | null\n}) => {\n  if (sortOrder == 'ascend') return <CaretUpIcon />\n  if (sortOrder == 'descend') return <CaretDownIcon />\n  return <CaretUpDownIcon />\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-constraint\nconst Table = <T extends unknown = any>({\n  verticalBorders,\n  alternatingRows,\n  paginationTextLabels = false,\n  ...props\n}: Props<T>) => {\n  const defaultLoadingProps: SpinProps = {\n    indicator: <Spinner className=\"!w-fit !h-fit !mx-0 translate-x-[-50%]\" />,\n    description: (\n      <div className=\"mt-20\">\n        <h4>Loading this chart</h4>\n        <span className=\"text-lg\">Please wait a moment</span>\n      </div>\n    ),\n  }\n\n  const loading: SpinProps | boolean | undefined =\n    typeof props.loading == 'object'\n      ? { ...props.loading, ...defaultLoadingProps }\n      : props.loading && defaultLoadingProps\n\n  const isSimpleValue = (\n    value: unknown\n  ): value is string | number | boolean => {\n    return (\n      typeof value === 'string' ||\n      typeof value === 'number' ||\n      typeof value === 'boolean'\n    )\n  }\n\n  // Helper to extract text content from React elements\n  const extractTextContent = (node: unknown): string | null => {\n    if (isSimpleValue(node)) {\n      return String(node)\n    }\n\n    // Check if it's a React element with simple text children\n    if (\n      node &&\n      typeof node === 'object' &&\n      'props' in node &&\n      node.props &&\n      typeof node.props === 'object' &&\n      'children' in node.props\n    ) {\n      const children = node.props.children\n      if (isSimpleValue(children)) {\n        return String(children)\n      }\n    }\n\n    return null\n  }\n\n  const columns = props.columns?.map((column) => {\n    const hasEllipsis =\n      column.ellipsis === true ||\n      (typeof column.ellipsis === 'object' && column.ellipsis)\n\n    const originalRender = column.render\n\n    return {\n      ...column,\n      sortIcon: column.sortIcon ?? defaultSortIcon,\n      ellipsis: hasEllipsis\n        ? {\n            showTitle: false, // Disable default browser tooltip\n          }\n        : column.ellipsis,\n      render: (value: unknown, record: T, index: number): ReactNode => {\n        const renderedContent = originalRender\n          ? originalRender(value, record, index)\n          : value\n\n        // Render null/undefined as dashes with no tooltip\n        if (renderedContent == null) {\n          return <span className=\"text-j2-text-secondary\">--</span>\n        }\n\n        // Try to extract text content for tooltip\n        const tooltipText = extractTextContent(renderedContent)\n\n        // If we can extract text content, wrap with tooltip\n        if (tooltipText) {\n          // For simple values, wrap in a span\n          if (isSimpleValue(renderedContent)) {\n            return (\n              <Tooltip title={tooltipText} arrow={false}>\n                <span className={hasEllipsis ? 'block truncate' : undefined}>\n                  {renderedContent}\n                </span>\n              </Tooltip>\n            )\n          }\n\n          // For React elements, wrap the element itself\n          return (\n            <Tooltip title={tooltipText} arrow={false}>\n              <div>{renderedContent as ReactNode}</div>\n            </Tooltip>\n          )\n        }\n\n        // Complex components without extractable text - return as is\n        return renderedContent as ReactNode\n      },\n    }\n  })\n\n  const paginationConfig = props.pagination\n    ? withDesignSystemPaginationOverrides(\n        typeof props.pagination === 'object' ? props.pagination : {},\n        {\n          paginationTextLabels,\n          isSmall:\n            (typeof props.pagination === 'object' &&\n              props.pagination.size === 'small') ||\n            props.size === 'small',\n        }\n      )\n    : false\n\n  return (\n    <div\n      className={cx(props.className, {\n        [s.bordered]: props.bordered && !verticalBorders,\n        [s.alternatingRows]: alternatingRows,\n      })}\n    >\n      <AntdTable<T>\n        showSorterTooltip={{ target: 'sorter-icon' }}\n        {...props}\n        loading={loading}\n        columns={columns}\n        pagination={paginationConfig}\n        rowKey={(record) => JSON.stringify(record)}\n        locale={{\n          emptyText: (\n            <div\n              style={{ height: props.scroll?.y || 400, width: 'content-fit' }}\n            />\n          ),\n        }}\n      />\n    </div>\n  )\n}\n\ntype ColumnProps<T extends AnyObject> = Expand<\n  ComponentProps<typeof AntdTable.Column<T>>\n>\n\nconst TableColumn = <T extends AnyObject>(props: ColumnProps<T>) => {\n  return <AntdTable.Column<T> {...props} sortIcon={defaultSortIcon} />\n}\nTableColumn.displayName = 'Table.Column'\n\nTable.Column = TableColumn\nTable.Summary = AntdTable.Summary\n\nexport type { TableColumnType } from 'antd'\nexport { Table }\n"],"mappings":"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"}

package/dist/src/components/table/Table.d.ts

@@ -10,11 +10,11 @@ type MergedProps<T> = TableProps<T> & {
 type Props<T> = Expand<MergedProps<T>>;
 export declare const defaultSortIcon: ({ sortOrder, }: {
     sortOrder: "ascend" | "descend" | null;
-}) => import("react").JSX.Element;
+}) => import('react').JSX.Element;
 declare const Table: {
-    <T extends unknown = any>({ verticalBorders, alternatingRows, paginationTextLabels, ...props }: Props<T>): import("react").JSX.Element;
+    <T extends unknown = any>({ verticalBorders, alternatingRows, paginationTextLabels, ...props }: Props<T>): import('react').JSX.Element;
     Column: {
-        <T extends AnyObject>(props: ColumnProps<T>): import("react").JSX.Element;
+        <T extends AnyObject>(props: ColumnProps<T>): import('react').JSX.Element;
         displayName: string;
     };
     Summary: import('react').FC<import('react').PropsWithChildren<import('@rc-component/table/es/Footer/Summary').SummaryProps>> & {

package/dist/src/components/table/Table.js

@@ -1,117 +1,108 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Tooltip, Table as Table$1 } from "antd";
-import cx from "classnames";
-import s from "./Table.module.css.js";
 import { withDesignSystemPaginationOverrides } from "../pagination/Pagination.js";
-import { CaretUpIcon, CaretDownIcon, CaretUpDownIcon } from "@phosphor-icons/react";
 import { Spinner } from "../spinner/Spinner.js";
-const defaultSortIcon = ({
-  sortOrder
-}) => {
-  if (sortOrder == "ascend") return /* @__PURE__ */ jsx(CaretUpIcon, {});
-  if (sortOrder == "descend") return /* @__PURE__ */ jsx(CaretDownIcon, {});
-  return /* @__PURE__ */ jsx(CaretUpDownIcon, {});
+import Table_module_default from "./Table.module.css.js";
+import { Table, Tooltip } from "antd";
+import { CaretDownIcon, CaretUpDownIcon, CaretUpIcon } from "@phosphor-icons/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+//#region src/components/table/Table.tsx
+var defaultSortIcon = ({ sortOrder }) => {
+	if (sortOrder == "ascend") return /* @__PURE__ */ jsx(CaretUpIcon, {});
+	if (sortOrder == "descend") return /* @__PURE__ */ jsx(CaretDownIcon, {});
+	return /* @__PURE__ */ jsx(CaretUpDownIcon, {});
 };
-const Table = ({
-  verticalBorders,
-  alternatingRows,
-  paginationTextLabels = false,
-  ...props
-}) => {
-  var _a, _b;
-  const defaultLoadingProps = {
-    indicator: /* @__PURE__ */ jsx(Spinner, { className: "!w-fit !h-fit !mx-0 translate-x-[-50%]" }),
-    description: /* @__PURE__ */ jsxs("div", { className: "mt-20", children: [
-      /* @__PURE__ */ jsx("h4", { children: "Loading this chart" }),
-      /* @__PURE__ */ jsx("span", { className: "text-lg", children: "Please wait a moment" })
-    ] })
-  };
-  const loading = typeof props.loading == "object" ? { ...props.loading, ...defaultLoadingProps } : props.loading && defaultLoadingProps;
-  const isSimpleValue = (value) => {
-    return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
-  };
-  const extractTextContent = (node) => {
-    if (isSimpleValue(node)) {
-      return String(node);
-    }
-    if (node && typeof node === "object" && "props" in node && node.props && typeof node.props === "object" && "children" in node.props) {
-      const children = node.props.children;
-      if (isSimpleValue(children)) {
-        return String(children);
-      }
-    }
-    return null;
-  };
-  const columns = (_a = props.columns) == null ? void 0 : _a.map((column) => {
-    const hasEllipsis = column.ellipsis === true || typeof column.ellipsis === "object" && column.ellipsis;
-    const originalRender = column.render;
-    return {
-      ...column,
-      sortIcon: column.sortIcon ?? defaultSortIcon,
-      ellipsis: hasEllipsis ? {
-        showTitle: false
-        // Disable default browser tooltip
-      } : column.ellipsis,
-      render: (value, record, index) => {
-        const renderedContent = originalRender ? originalRender(value, record, index) : value;
-        if (renderedContent == null) {
-          return /* @__PURE__ */ jsx("span", { className: "text-j2-text-secondary", children: "--" });
-        }
-        const tooltipText = extractTextContent(renderedContent);
-        if (tooltipText) {
-          if (isSimpleValue(renderedContent)) {
-            return /* @__PURE__ */ jsx(Tooltip, { title: tooltipText, arrow: false, children: /* @__PURE__ */ jsx("span", { className: hasEllipsis ? "block truncate" : void 0, children: renderedContent }) });
-          }
-          return /* @__PURE__ */ jsx(Tooltip, { title: tooltipText, arrow: false, children: /* @__PURE__ */ jsx("div", { children: renderedContent }) });
-        }
-        return renderedContent;
-      }
-    };
-  });
-  const paginationConfig = props.pagination ? withDesignSystemPaginationOverrides(
-    typeof props.pagination === "object" ? props.pagination : {},
-    {
-      paginationTextLabels,
-      isSmall: typeof props.pagination === "object" && props.pagination.size === "small" || props.size === "small"
-    }
-  ) : false;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cx(props.className, {
-        [s.bordered]: props.bordered && !verticalBorders,
-        [s.alternatingRows]: alternatingRows
-      }),
-      children: /* @__PURE__ */ jsx(
-        Table$1,
-        {
-          showSorterTooltip: { target: "sorter-icon" },
-          ...props,
-          loading,
-          columns,
-          pagination: paginationConfig,
-          rowKey: (record) => JSON.stringify(record),
-          locale: {
-            emptyText: /* @__PURE__ */ jsx(
-              "div",
-              {
-                style: { height: ((_b = props.scroll) == null ? void 0 : _b.y) || 400, width: "content-fit" }
-              }
-            )
-          }
-        }
-      )
-    }
-  );
+var Table$1 = ({ verticalBorders, alternatingRows, paginationTextLabels = false, ...props }) => {
+	const defaultLoadingProps = {
+		indicator: /* @__PURE__ */ jsx(Spinner, { className: "!w-fit !h-fit !mx-0 translate-x-[-50%]" }),
+		description: /* @__PURE__ */ jsxs("div", {
+			className: "mt-20",
+			children: [/* @__PURE__ */ jsx("h4", { children: "Loading this chart" }), /* @__PURE__ */ jsx("span", {
+				className: "text-lg",
+				children: "Please wait a moment"
+			})]
+		})
+	};
+	const loading = typeof props.loading == "object" ? {
+		...props.loading,
+		...defaultLoadingProps
+	} : props.loading && defaultLoadingProps;
+	const isSimpleValue = (value) => {
+		return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+	};
+	const extractTextContent = (node) => {
+		if (isSimpleValue(node)) return String(node);
+		if (node && typeof node === "object" && "props" in node && node.props && typeof node.props === "object" && "children" in node.props) {
+			const children = node.props.children;
+			if (isSimpleValue(children)) return String(children);
+		}
+		return null;
+	};
+	const columns = props.columns?.map((column) => {
+		const hasEllipsis = column.ellipsis === true || typeof column.ellipsis === "object" && column.ellipsis;
+		const originalRender = column.render;
+		return {
+			...column,
+			sortIcon: column.sortIcon ?? defaultSortIcon,
+			ellipsis: hasEllipsis ? { showTitle: false } : column.ellipsis,
+			render: (value, record, index) => {
+				const renderedContent = originalRender ? originalRender(value, record, index) : value;
+				if (renderedContent == null) return /* @__PURE__ */ jsx("span", {
+					className: "text-j2-text-secondary",
+					children: "--"
+				});
+				const tooltipText = extractTextContent(renderedContent);
+				if (tooltipText) {
+					if (isSimpleValue(renderedContent)) return /* @__PURE__ */ jsx(Tooltip, {
+						title: tooltipText,
+						arrow: false,
+						children: /* @__PURE__ */ jsx("span", {
+							className: hasEllipsis ? "block truncate" : void 0,
+							children: renderedContent
+						})
+					});
+					return /* @__PURE__ */ jsx(Tooltip, {
+						title: tooltipText,
+						arrow: false,
+						children: /* @__PURE__ */ jsx("div", { children: renderedContent })
+					});
+				}
+				return renderedContent;
+			}
+		};
+	});
+	const paginationConfig = props.pagination ? withDesignSystemPaginationOverrides(typeof props.pagination === "object" ? props.pagination : {}, {
+		paginationTextLabels,
+		isSmall: typeof props.pagination === "object" && props.pagination.size === "small" || props.size === "small"
+	}) : false;
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(props.className, {
+			[Table_module_default.bordered]: props.bordered && !verticalBorders,
+			[Table_module_default.alternatingRows]: alternatingRows
+		}),
+		children: /* @__PURE__ */ jsx(Table, {
+			showSorterTooltip: { target: "sorter-icon" },
+			...props,
+			loading,
+			columns,
+			pagination: paginationConfig,
+			rowKey: (record) => JSON.stringify(record),
+			locale: { emptyText: /* @__PURE__ */ jsx("div", { style: {
+				height: props.scroll?.y || 400,
+				width: "content-fit"
+			} }) }
+		})
+	});
 };
-const TableColumn = (props) => {
-  return /* @__PURE__ */ jsx(Table$1.Column, { ...props, sortIcon: defaultSortIcon });
+var TableColumn = (props) => {
+	return /* @__PURE__ */ jsx(Table.Column, {
+		...props,
+		sortIcon: defaultSortIcon
+	});
 };
 TableColumn.displayName = "Table.Column";
-Table.Column = TableColumn;
-Table.Summary = Table$1.Summary;
-export {
-  Table,
-  defaultSortIcon
-};
-//# sourceMappingURL=Table.js.map
+Table$1.Column = TableColumn;
+Table$1.Summary = Table.Summary;
+//#endregion
+export { Table$1 as Table, defaultSortIcon };
+
+//# sourceMappingURL=Table.js.map

package/dist/src/components/table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import { Table as AntdTable, SpinProps, TableProps, Tooltip } from 'antd'\nimport cx from 'classnames'\nimport s from './Table.module.css'\nimport { Spinner } from '../spinner'\nimport { withDesignSystemPaginationOverrides } from '../pagination/Pagination'\nimport {\n  CaretDownIcon,\n  CaretUpIcon,\n  CaretUpDownIcon,\n} from '@phosphor-icons/react'\nimport { ComponentProps, ReactNode } from 'react'\nimport { AnyObject } from 'antd/es/_util/type'\n\ntype MergedProps<T> = TableProps<T> & {\n  verticalBorders?: boolean\n  alternatingRows?: boolean\n  columns?: TableProps<T>['columns']\n  paginationTextLabels?: boolean\n}\n\ntype Props<T> = Expand<MergedProps<T>>\n\nexport const defaultSortIcon = ({\n  sortOrder,\n}: {\n  sortOrder: 'ascend' | 'descend' | null\n}) => {\n  if (sortOrder == 'ascend') return <CaretUpIcon />\n  if (sortOrder == 'descend') return <CaretDownIcon />\n  return <CaretUpDownIcon />\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-constraint\nconst Table = <T extends unknown = any>({\n  verticalBorders,\n  alternatingRows,\n  paginationTextLabels = false,\n  ...props\n}: Props<T>) => {\n  const defaultLoadingProps: SpinProps = {\n    indicator: <Spinner className=\"!w-fit !h-fit !mx-0 translate-x-[-50%]\" />,\n    description: (\n      <div className=\"mt-20\">\n        <h4>Loading this chart</h4>\n        <span className=\"text-lg\">Please wait a moment</span>\n      </div>\n    ),\n  }\n\n  const loading: SpinProps | boolean | undefined =\n    typeof props.loading == 'object'\n      ? { ...props.loading, ...defaultLoadingProps }\n      : props.loading && defaultLoadingProps\n\n  const isSimpleValue = (\n    value: unknown\n  ): value is string | number | boolean => {\n    return (\n      typeof value === 'string' ||\n      typeof value === 'number' ||\n      typeof value === 'boolean'\n    )\n  }\n\n  // Helper to extract text content from React elements\n  const extractTextContent = (node: unknown): string | null => {\n    if (isSimpleValue(node)) {\n      return String(node)\n    }\n\n    // Check if it's a React element with simple text children\n    if (\n      node &&\n      typeof node === 'object' &&\n      'props' in node &&\n      node.props &&\n      typeof node.props === 'object' &&\n      'children' in node.props\n    ) {\n      const children = node.props.children\n      if (isSimpleValue(children)) {\n        return String(children)\n      }\n    }\n\n    return null\n  }\n\n  const columns = props.columns?.map((column) => {\n    const hasEllipsis =\n      column.ellipsis === true ||\n      (typeof column.ellipsis === 'object' && column.ellipsis)\n\n    const originalRender = column.render\n\n    return {\n      ...column,\n      sortIcon: column.sortIcon ?? defaultSortIcon,\n      ellipsis: hasEllipsis\n        ? {\n            showTitle: false, // Disable default browser tooltip\n          }\n        : column.ellipsis,\n      render: (value: unknown, record: T, index: number): ReactNode => {\n        const renderedContent = originalRender\n          ? originalRender(value, record, index)\n          : value\n\n        // Render null/undefined as dashes with no tooltip\n        if (renderedContent == null) {\n          return <span className=\"text-j2-text-secondary\">--</span>\n        }\n\n        // Try to extract text content for tooltip\n        const tooltipText = extractTextContent(renderedContent)\n\n        // If we can extract text content, wrap with tooltip\n        if (tooltipText) {\n          // For simple values, wrap in a span\n          if (isSimpleValue(renderedContent)) {\n            return (\n              <Tooltip title={tooltipText} arrow={false}>\n                <span className={hasEllipsis ? 'block truncate' : undefined}>\n                  {renderedContent}\n                </span>\n              </Tooltip>\n            )\n          }\n\n          // For React elements, wrap the element itself\n          return (\n            <Tooltip title={tooltipText} arrow={false}>\n              <div>{renderedContent as ReactNode}</div>\n            </Tooltip>\n          )\n        }\n\n        // Complex components without extractable text - return as is\n        return renderedContent as ReactNode\n      },\n    }\n  })\n\n  const paginationConfig = props.pagination\n    ? withDesignSystemPaginationOverrides(\n        typeof props.pagination === 'object' ? props.pagination : {},\n        {\n          paginationTextLabels,\n          isSmall:\n            (typeof props.pagination === 'object' &&\n              props.pagination.size === 'small') ||\n            props.size === 'small',\n        }\n      )\n    : false\n\n  return (\n    <div\n      className={cx(props.className, {\n        [s.bordered]: props.bordered && !verticalBorders,\n        [s.alternatingRows]: alternatingRows,\n      })}\n    >\n      <AntdTable<T>\n        showSorterTooltip={{ target: 'sorter-icon' }}\n        {...props}\n        loading={loading}\n        columns={columns}\n        pagination={paginationConfig}\n        rowKey={(record) => JSON.stringify(record)}\n        locale={{\n          emptyText: (\n            <div\n              style={{ height: props.scroll?.y || 400, width: 'content-fit' }}\n            />\n          ),\n        }}\n      />\n    </div>\n  )\n}\n\ntype ColumnProps<T extends AnyObject> = Expand<\n  ComponentProps<typeof AntdTable.Column<T>>\n>\n\nconst TableColumn = <T extends AnyObject>(props: ColumnProps<T>) => {\n  return <AntdTable.Column<T> {...props} sortIcon={defaultSortIcon} />\n}\nTableColumn.displayName = 'Table.Column'\n\nTable.Column = TableColumn\nTable.Summary = AntdTable.Summary\n\nexport type { TableColumnType } from 'antd'\nexport { Table }\n"],"names":["AntdTable"],"mappings":"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"}
+{"version":3,"file":"Table.js","names":["Table","s","AntdTable"],"sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import { Table as AntdTable, SpinProps, TableProps, Tooltip } from 'antd'\nimport cx from 'classnames'\nimport s from './Table.module.css'\nimport { Spinner } from '../spinner'\nimport { withDesignSystemPaginationOverrides } from '../pagination/Pagination'\nimport {\n  CaretDownIcon,\n  CaretUpIcon,\n  CaretUpDownIcon,\n} from '@phosphor-icons/react'\nimport { ComponentProps, ReactNode } from 'react'\nimport { AnyObject } from 'antd/es/_util/type'\n\ntype MergedProps<T> = TableProps<T> & {\n  verticalBorders?: boolean\n  alternatingRows?: boolean\n  columns?: TableProps<T>['columns']\n  paginationTextLabels?: boolean\n}\n\ntype Props<T> = Expand<MergedProps<T>>\n\nexport const defaultSortIcon = ({\n  sortOrder,\n}: {\n  sortOrder: 'ascend' | 'descend' | null\n}) => {\n  if (sortOrder == 'ascend') return <CaretUpIcon />\n  if (sortOrder == 'descend') return <CaretDownIcon />\n  return <CaretUpDownIcon />\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unnecessary-type-constraint\nconst Table = <T extends unknown = any>({\n  verticalBorders,\n  alternatingRows,\n  paginationTextLabels = false,\n  ...props\n}: Props<T>) => {\n  const defaultLoadingProps: SpinProps = {\n    indicator: <Spinner className=\"!w-fit !h-fit !mx-0 translate-x-[-50%]\" />,\n    description: (\n      <div className=\"mt-20\">\n        <h4>Loading this chart</h4>\n        <span className=\"text-lg\">Please wait a moment</span>\n      </div>\n    ),\n  }\n\n  const loading: SpinProps | boolean | undefined =\n    typeof props.loading == 'object'\n      ? { ...props.loading, ...defaultLoadingProps }\n      : props.loading && defaultLoadingProps\n\n  const isSimpleValue = (\n    value: unknown\n  ): value is string | number | boolean => {\n    return (\n      typeof value === 'string' ||\n      typeof value === 'number' ||\n      typeof value === 'boolean'\n    )\n  }\n\n  // Helper to extract text content from React elements\n  const extractTextContent = (node: unknown): string | null => {\n    if (isSimpleValue(node)) {\n      return String(node)\n    }\n\n    // Check if it's a React element with simple text children\n    if (\n      node &&\n      typeof node === 'object' &&\n      'props' in node &&\n      node.props &&\n      typeof node.props === 'object' &&\n      'children' in node.props\n    ) {\n      const children = node.props.children\n      if (isSimpleValue(children)) {\n        return String(children)\n      }\n    }\n\n    return null\n  }\n\n  const columns = props.columns?.map((column) => {\n    const hasEllipsis =\n      column.ellipsis === true ||\n      (typeof column.ellipsis === 'object' && column.ellipsis)\n\n    const originalRender = column.render\n\n    return {\n      ...column,\n      sortIcon: column.sortIcon ?? defaultSortIcon,\n      ellipsis: hasEllipsis\n        ? {\n            showTitle: false, // Disable default browser tooltip\n          }\n        : column.ellipsis,\n      render: (value: unknown, record: T, index: number): ReactNode => {\n        const renderedContent = originalRender\n          ? originalRender(value, record, index)\n          : value\n\n        // Render null/undefined as dashes with no tooltip\n        if (renderedContent == null) {\n          return <span className=\"text-j2-text-secondary\">--</span>\n        }\n\n        // Try to extract text content for tooltip\n        const tooltipText = extractTextContent(renderedContent)\n\n        // If we can extract text content, wrap with tooltip\n        if (tooltipText) {\n          // For simple values, wrap in a span\n          if (isSimpleValue(renderedContent)) {\n            return (\n              <Tooltip title={tooltipText} arrow={false}>\n                <span className={hasEllipsis ? 'block truncate' : undefined}>\n                  {renderedContent}\n                </span>\n              </Tooltip>\n            )\n          }\n\n          // For React elements, wrap the element itself\n          return (\n            <Tooltip title={tooltipText} arrow={false}>\n              <div>{renderedContent as ReactNode}</div>\n            </Tooltip>\n          )\n        }\n\n        // Complex components without extractable text - return as is\n        return renderedContent as ReactNode\n      },\n    }\n  })\n\n  const paginationConfig = props.pagination\n    ? withDesignSystemPaginationOverrides(\n        typeof props.pagination === 'object' ? props.pagination : {},\n        {\n          paginationTextLabels,\n          isSmall:\n            (typeof props.pagination === 'object' &&\n              props.pagination.size === 'small') ||\n            props.size === 'small',\n        }\n      )\n    : false\n\n  return (\n    <div\n      className={cx(props.className, {\n        [s.bordered]: props.bordered && !verticalBorders,\n        [s.alternatingRows]: alternatingRows,\n      })}\n    >\n      <AntdTable<T>\n        showSorterTooltip={{ target: 'sorter-icon' }}\n        {...props}\n        loading={loading}\n        columns={columns}\n        pagination={paginationConfig}\n        rowKey={(record) => JSON.stringify(record)}\n        locale={{\n          emptyText: (\n            <div\n              style={{ height: props.scroll?.y || 400, width: 'content-fit' }}\n            />\n          ),\n        }}\n      />\n    </div>\n  )\n}\n\ntype ColumnProps<T extends AnyObject> = Expand<\n  ComponentProps<typeof AntdTable.Column<T>>\n>\n\nconst TableColumn = <T extends AnyObject>(props: ColumnProps<T>) => {\n  return <AntdTable.Column<T> {...props} sortIcon={defaultSortIcon} />\n}\nTableColumn.displayName = 'Table.Column'\n\nTable.Column = TableColumn\nTable.Summary = AntdTable.Summary\n\nexport type { TableColumnType } from 'antd'\nexport { Table }\n"],"mappings":";;;;;;;;AAsBA,IAAa,mBAAmB,EAC9B,gBAGI;CACJ,IAAI,aAAa,UAAU,OAAO,oBAAC,aAAD,CAAc,CAAA;CAChD,IAAI,aAAa,WAAW,OAAO,oBAAC,eAAD,CAAgB,CAAA;CACnD,OAAO,oBAAC,iBAAD,CAAkB,CAAA;AAC3B;AAGA,IAAMA,WAAkC,EACtC,iBACA,iBACA,uBAAuB,OACvB,GAAG,YACW;CACd,MAAM,sBAAiC;EACrC,WAAW,oBAAC,SAAD,EAAS,WAAU,yCAA0C,CAAA;EACxE,aACE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACE,oBAAC,MAAD,EAAA,UAAI,qBAAsB,CAAA,GAC1B,oBAAC,QAAD;IAAM,WAAU;IAAU,UAAA;GAA0B,CAAA,CACjD;;CAET;CAEA,MAAM,UACJ,OAAO,MAAM,WAAW,WACpB;EAAE,GAAG,MAAM;EAAS,GAAG;CAAoB,IAC3C,MAAM,WAAW;CAEvB,MAAM,iBACJ,UACuC;EACvC,OACE,OAAO,UAAU,YACjB,OAAO,UAAU,YACjB,OAAO,UAAU;CAErB;CAGA,MAAM,sBAAsB,SAAiC;EAC3D,IAAI,cAAc,IAAI,GACpB,OAAO,OAAO,IAAI;EAIpB,IACE,QACA,OAAO,SAAS,YAChB,WAAW,QACX,KAAK,SACL,OAAO,KAAK,UAAU,YACtB,cAAc,KAAK,OACnB;GACA,MAAM,WAAW,KAAK,MAAM;GAC5B,IAAI,cAAc,QAAQ,GACxB,OAAO,OAAO,QAAQ;EAE1B;EAEA,OAAO;CACT;CAEA,MAAM,UAAU,MAAM,SAAS,KAAK,WAAW;EAC7C,MAAM,cACJ,OAAO,aAAa,QACnB,OAAO,OAAO,aAAa,YAAY,OAAO;EAEjD,MAAM,iBAAiB,OAAO;EAE9B,OAAO;GACL,GAAG;GACH,UAAU,OAAO,YAAY;GAC7B,UAAU,cACN,EACE,WAAW,MACb,IACA,OAAO;GACX,SAAS,OAAgB,QAAW,UAA6B;IAC/D,MAAM,kBAAkB,iBACpB,eAAe,OAAO,QAAQ,KAAK,IACnC;IAGJ,IAAI,mBAAmB,MACrB,OAAO,oBAAC,QAAD;KAAM,WAAU;KAAyB,UAAA;IAAQ,CAAA;IAI1D,MAAM,cAAc,mBAAmB,eAAe;IAGtD,IAAI,aAAa;KAEf,IAAI,cAAc,eAAe,GAC/B,OACE,oBAAC,SAAD;MAAS,OAAO;MAAa,OAAO;MAClC,UAAA,oBAAC,QAAD;OAAM,WAAW,cAAc,mBAAmB,KAAA;OAC/C,UAAA;MACG,CAAA;KACC,CAAA;KAKb,OACE,oBAAC,SAAD;MAAS,OAAO;MAAa,OAAO;MAClC,UAAA,oBAAC,OAAD,EAAA,UAAM,gBAAkC,CAAA;KACjC,CAAA;IAEb;IAGA,OAAO;GACT;EACF;CACF,CAAC;CAED,MAAM,mBAAmB,MAAM,aAC3B,oCACE,OAAO,MAAM,eAAe,WAAW,MAAM,aAAa,CAAC,GAC3D;EACE;EACA,SACG,OAAO,MAAM,eAAe,YAC3B,MAAM,WAAW,SAAS,WAC5B,MAAM,SAAS;CACnB,CACF,IACA;CAEJ,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,MAAM,WAAW;IAC5BC,qBAAE,WAAW,MAAM,YAAY,CAAC;IAChCA,qBAAE,kBAAkB;EACvB,CAAC;EAED,UAAA,oBAACC,OAAD;GACE,mBAAmB,EAAE,QAAQ,cAAc;GAC3C,GAAI;GACK;GACA;GACT,YAAY;GACZ,SAAS,WAAW,KAAK,UAAU,MAAM;GACzC,QAAQ,EACN,WACE,oBAAC,OAAD,EACE,OAAO;IAAE,QAAQ,MAAM,QAAQ,KAAK;IAAK,OAAO;GAAc,EAC/D,CAAA,EAEL;EACD,CAAA;CACE,CAAA;AAET;AAMA,IAAM,eAAoC,UAA0B;CAClE,OAAO,oBAACA,MAAU,QAAX;EAAqB,GAAI;EAAO,UAAU;CAAkB,CAAA;AACrE;AACA,YAAY,cAAc;AAE1B,QAAM,SAAS;AACf,QAAM,UAAUA,MAAU"}

package/dist/src/components/table/Table.module.css.cjs

@@ -1,12 +1,13 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const bordered = "_bordered_1vc5s_1";
-const alternatingRows = "_alternatingRows_1vc5s_49";
-const s = {
-  bordered,
-  alternatingRows
+//#region src/components/table/Table.module.css
+var bordered = "_bordered_evha0_4";
+var alternatingRows = "_alternatingRows_evha0_55";
+var Table_module_default = {
+	bordered,
+	alternatingRows
 };
+//#endregion
 exports.alternatingRows = alternatingRows;
 exports.bordered = bordered;
-exports.default = s;
-//# sourceMappingURL=Table.module.css.cjs.map
+exports.default = Table_module_default;
+
+//# sourceMappingURL=Table.module.css.cjs.map

package/dist/src/components/table/Table.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
+{"version":3,"file":"Table.module.css.cjs","names":[],"sources":["../../../../src/components/table/Table.module.css"],"sourcesContent":["/* antd 6 renamed the pinned-cell classes: fix-left/-right became\n   fix-start/-end, and the last start-pinned cell carries fix-start-shadow\n   (formerly fix-left-last). */\n.bordered :global(.ant-table-cell:not(.ant-table-cell-fix-start-shadow)) {\n  border-left: none !important;\n  border-right: none !important;\n}\n\n:global(.ant-table-cell) {\n  vertical-align: middle;\n}\n\n:global(.ant-table-bordered .ant-table-row .ant-table-cell) {\n  border-bottom: 1px solid var(--j2-color-border-secondary) !important;\n}\n\n:global(.ant-table-bordered .ant-table-container) {\n  border-right: 1px solid var(--j2-color-border-secondary);\n  border-bottom: 1px solid var(--j2-color-border-secondary) !important;\n  border-radius: var(--j2-border-radius);\n  overflow: hidden;\n\n  tr {\n    td:last-of-type {\n      border-inline-end: none !important;\n    }\n  }\n\n  tr:last-of-type:global(.ant-table-row) :global(.ant-table-cell) {\n    border-bottom: none !important;\n  }\n}\n\n:global(.ant-table-wrapper .ant-table-container)\n  table\n  > thead\n  > tr:first-child\n  > *:last-child {\n  border-start-end-radius: var(--j2-border-radius);\n  border-right: none !important;\n}\n\n/* antd 6 dropped the -blur class; a loading table is now a container\n   directly under a spinning Spin. Anchored to the table wrapper so a Spin\n   elsewhere on the page does not hide the headers of tables inside it. */\n:global(.ant-table-wrapper > .ant-spin-spinning > .ant-spin-container) th {\n  visibility: hidden;\n}\n\n:global(.ant-table-thead) > tr > th {\n  white-space: nowrap;\n  color: var(--j2-color-primary) !important;\n}\n\n.alternatingRows :global(.ant-table-tbody > tr:nth-child(even)) {\n  background-color: #fafafa !important;\n}\n\n.alternatingRows\n  :global(.ant-table-tbody > tr:nth-child(even) > .ant-table-cell-fix-start),\n.alternatingRows\n  :global(.ant-table-tbody > tr:nth-child(even) > .ant-table-cell-fix-end) {\n  background-color: inherit !important;\n}\n\n:global(.ant-table-column-sorters) {\n  margin-right: 1rem !important;\n}\n"],"mappings":""}