infinity-ui-elements 1.8.16 → 1.8.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Table/Table.d.ts +1 -0
- package/dist/components/Table/Table.d.ts.map +1 -1
- package/dist/components/Table/Table.stories.d.ts.map +1 -1
- package/dist/components/Table/TableBody.d.ts +1 -1
- package/dist/components/Table/TableBody.d.ts.map +1 -1
- package/dist/components/Table/TableHeader.d.ts +1 -1
- package/dist/components/Table/TableHeader.d.ts.map +1 -1
- package/dist/components/Table/tableVariants.d.ts +3 -3
- package/dist/components/Table/tableVariants.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.esm.js +6 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +6 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3815,6 +3815,7 @@ const tableVariants = classVarianceAuthority.cva("w-full border-collapse", {
|
|
|
3815
3815
|
small: "text-body-small-medium",
|
|
3816
3816
|
medium: "text-body-medium-medium",
|
|
3817
3817
|
large: "text-body-large-medium",
|
|
3818
|
+
auto: "text-body-medium-medium",
|
|
3818
3819
|
},
|
|
3819
3820
|
},
|
|
3820
3821
|
defaultVariants: {
|
|
@@ -3828,6 +3829,7 @@ const tableHeaderVariants = classVarianceAuthority.cva("text-body-medium-regular
|
|
|
3828
3829
|
small: "px-3 py-2 h-[32px]",
|
|
3829
3830
|
medium: "px-4 py-3 h-[40px]",
|
|
3830
3831
|
large: "px-6 py-4 h-[48px]",
|
|
3832
|
+
auto: "px-4 py-3 h-[56px]",
|
|
3831
3833
|
},
|
|
3832
3834
|
},
|
|
3833
3835
|
defaultVariants: {
|
|
@@ -3840,6 +3842,7 @@ const tableCellVariants = classVarianceAuthority.cva("text-body-medium-regular b
|
|
|
3840
3842
|
small: "px-3 py-2 h-[40px]",
|
|
3841
3843
|
medium: "px-4 py-3 h-[72px]",
|
|
3842
3844
|
large: "px-6 py-4 h-[56px]",
|
|
3845
|
+
auto: "px-4 py-3",
|
|
3843
3846
|
},
|
|
3844
3847
|
state: {
|
|
3845
3848
|
default: "",
|
|
@@ -3859,6 +3862,7 @@ function TableHeader({ headerGroups, enableRowSelection, enableSelectAll, showHe
|
|
|
3859
3862
|
small: 32,
|
|
3860
3863
|
medium: 40,
|
|
3861
3864
|
large: 48,
|
|
3865
|
+
auto: 56,
|
|
3862
3866
|
}[size] ?? 40;
|
|
3863
3867
|
return (jsxRuntime.jsx("thead", { className: cn(showHeaderBackground ? "bg-surface-fill-neutral-moderate" : "bg-white", stickyHeader && "sticky top-0 z-10"), children: headerGroups.map((headerGroup, groupIndex) => {
|
|
3864
3868
|
const stickyTop = stickyHeader ? groupIndex * headerHeight : undefined;
|
|
@@ -3960,6 +3964,7 @@ function TableComponent({ className, wrapperClassName, containerClassName, varia
|
|
|
3960
3964
|
small: 16,
|
|
3961
3965
|
medium: 20,
|
|
3962
3966
|
large: 24,
|
|
3967
|
+
auto: "auto",
|
|
3963
3968
|
};
|
|
3964
3969
|
const skeletonCellHeight = normalizeSizeValue(loadingSkeletonHeight ?? skeletonHeightMap[sizeKey]);
|
|
3965
3970
|
const selectionSkeletonSize = sizeKey === "small" ? 14 : sizeKey === "large" ? 20 : 16;
|
|
@@ -4008,7 +4013,7 @@ function TableComponent({ className, wrapperClassName, containerClassName, varia
|
|
|
4008
4013
|
return renderDefaultEmptyState({ colSpan: table.getAllColumns().length });
|
|
4009
4014
|
};
|
|
4010
4015
|
// ==================== Render ====================
|
|
4011
|
-
return (jsxRuntime.jsx("div", { ref: ref, className: cn("w-full", wrapperClassName), ...props, children: jsxRuntime.jsx("div", { className: cn("relative", enableHorizontalScroll ? "overflow-x-auto" : "overflow-x-hidden", maxHeight && "overflow-y-auto", containerClassName), style: containerStyle, children: jsxRuntime.jsxs("table", { className: cn(tableVariants({ variant, size }), className), children: [jsxRuntime.jsx(TableHeader, { headerGroups: headerGroups, enableRowSelection: enableRowSelection, enableSelectAll: enableSelectAll, showHeaderBackground: showHeaderBackground, stickyHeader: stickyHeader, size: size
|
|
4016
|
+
return (jsxRuntime.jsx("div", { ref: ref, className: cn("w-full", wrapperClassName), ...props, children: jsxRuntime.jsx("div", { className: cn("relative", enableHorizontalScroll ? "overflow-x-auto" : "overflow-x-hidden", maxHeight && "overflow-y-auto", containerClassName), style: containerStyle, children: jsxRuntime.jsxs("table", { className: cn(tableVariants({ variant, size }), className), children: [jsxRuntime.jsx(TableHeader, { headerGroups: headerGroups, enableRowSelection: enableRowSelection, enableSelectAll: enableSelectAll, showHeaderBackground: showHeaderBackground, stickyHeader: stickyHeader, size: size, headerClassName: headerClassName, onToggleAllRows: (e) => table.getToggleAllRowsSelectedHandler()(e), isAllRowsSelected: table.getIsAllRowsSelected(), isSomeRowsSelected: table.getIsSomeRowsSelected(), getColumnStyle: getColumnStyle }), resolvedLoading ? (jsxRuntime.jsx("tbody", { children: renderLoadingContent() })) : !hasData ? (jsxRuntime.jsx("tbody", { children: renderEmptyState() })) : (jsxRuntime.jsx(TableBody, { rows: table.getRowModel().rows, enableRowSelection: enableRowSelection, size: size || "medium", variant: variant || "default", showRowHover: showRowHover, cellClassName: cellClassName, onRowClick: onRowClick, getRowClassName: getRowClassName, handleRowClick: handleRowClickInternal, getColumnStyle: getColumnStyle }))] }) }) }));
|
|
4012
4017
|
}
|
|
4013
4018
|
// ==================== Export ====================
|
|
4014
4019
|
const Table = React__namespace.forwardRef(TableComponent);
|