Merge pull request #5818 from matuzalemsteles/clay-new-feature

feat(@clayui/core): add new API to omit a column to columns visibility

packages/clay-core/src/table/Head.tsx

@@ -53,6 +53,7 @@ function HeadInner<T extends Record<string, any>>(
 	ref: React.Ref<HTMLTableSectionElement>
 ) {
 	const {
+		alwaysVisibleColumns,
 		columnsVisibility,
 		messages,
 		onHeadCellsChange,
@@ -97,7 +98,12 @@ function HeadInner<T extends Record<string, any>>(
 											'columnsVisibilityHeader'
 										]!,
 									},
-									...collection.getItems(),
+									...collection
+										.getItems()
+										.filter(
+											(item) =>
+												!alwaysVisibleColumns.has(item)
+										),
 								]}
 								style={{
 									maxWidth: '210px',

packages/clay-core/src/table/Table.tsx

@@ -18,6 +18,12 @@ import {useTreeNavigation} from './useTreeNavigation';
 import type {AnnouncerAPI} from '../live-announcer';
 
 export type Props = {
+	/**
+	 * Defines the columns that are always visible and will be ignored by the
+	 * visible columns functionality.
+	 */
+	alwaysVisibleColumns?: Set<React.Key>;
+
 	/**
 	 * Flag to enable column visibility control.
 	 */
@@ -109,6 +115,7 @@ const defaultSet = new Set<React.Key>();
 export const Table = React.forwardRef<HTMLDivElement, Props>(
 	function TableInner(
 		{
+			alwaysVisibleColumns = new Set(),
 			columnsVisibility = true,
 			children,
 			className,
@@ -203,6 +210,7 @@ export const Table = React.forwardRef<HTMLDivElement, Props>(
 				>
 					<TableContext.Provider
 						value={{
+							alwaysVisibleColumns,
 							columnsVisibility,
 							expandedKeys,
 							headCellsCount,

packages/clay-core/src/table/context.tsx

@@ -11,6 +11,7 @@ export type Sorting = {
 };
 
 type Context = {
+	alwaysVisibleColumns: Set<React.Key>;
 	columnsVisibility: boolean;
 	expandedKeys: Set<React.Key>;
 	headCellsCount: number;