@parallelworks/ui 0.84.2 → 0.85.0

package/dist/list/listView.js

@@ -11,6 +11,10 @@ var PRIORITY_SHOW_CLASS = {
 function stacks(col, i) {
 	return i > 0 && !col.priority && col.stack !== false;
 }
+/** Whether a column is always shown and kept out of the column picker. */
+function isLocked(col) {
+	return Boolean(col.alwaysVisible || col.locked);
+}
 function columnResponsiveClass(col, i) {
 	if (stacks(col, i)) return PRIORITY_SHOW_CLASS.medium;
 	return col.priority ? PRIORITY_SHOW_CLASS[col.priority] : "";
@@ -55,7 +59,7 @@ function useListView({ storageKey, sharedFiltersKey, columns, groupBys = [], def
 	]);
 	const defaultGroupByValue = defaultGroupBy ?? groupBys[0]?.value ?? "";
 	const defaultOrderByValue = isFavorite ? DEFAULT_ORDER : defaultOrderBy ?? orderBys[0]?.value ?? "";
-	const defaultHiddenKeys = useMemo(() => columns.filter((c) => c.defaultHidden && !c.alwaysVisible).map((c) => c.key), [columns]);
+	const defaultHiddenKeys = useMemo(() => columns.filter((c) => c.defaultHidden && !isLocked(c)).map((c) => c.key), [columns]);
 	const defaultPinnedKeys = useMemo(() => actions.filter((a) => a.defaultPinned).map((a) => a.key), [actions]);
 	const [hiddenKeys, setHiddenKeys] = usePersistedState(`${storageKey}:hiddenColumns`, defaultHiddenKeys);
 	const [pinnedKeys, setPinnedKeys] = usePersistedState(`${storageKey}:pinnedActions`, defaultPinnedKeys);
@@ -84,11 +88,13 @@ function useListView({ storageKey, sharedFiltersKey, columns, groupBys = [], def
 	const actionsWidth = effectiveShowActions ? actionsColumnWidth(pinnedCount) : 0;
 	const isVisible = useCallback((key) => {
 		const col = columns.find((c) => c.key === key);
-		return Boolean(col?.alwaysVisible) || !hiddenKeys.includes(key);
+		return col !== void 0 && isLocked(col) || !hiddenKeys.includes(key);
 	}, [columns, hiddenKeys]);
-	const visibleColumns = useMemo(() => columns.filter((c) => !c.inline && (c.alwaysVisible || !hiddenKeys.includes(c.key))), [columns, hiddenKeys]);
+	const visibleColumns = useMemo(() => columns.filter((c) => !c.inline && (isLocked(c) || !hiddenKeys.includes(c.key))), [columns, hiddenKeys]);
 	const columnClasses = useMemo(() => visibleColumns.map(columnClass), [visibleColumns]);
 	const columnStacks = useMemo(() => visibleColumns.map(stacks), [visibleColumns]);
+	const last = visibleColumns.at(-1);
+	const lastColumnLocked = visibleColumns.length > 1 && last !== void 0 && !last.alwaysVisible && isLocked(last);
 	const toggleColumn = useCallback((key) => setHiddenKeys((prev) => prev.includes(key) ? prev.filter((k) => k !== key) : [...prev, key]), [setHiddenKeys]);
 	const { add, update, remove } = filterState;
 	const setFacetValues = useCallback((key, values) => {
@@ -183,6 +189,7 @@ function useListView({ storageKey, sharedFiltersKey, columns, groupBys = [], def
 		visibleColumns,
 		columnClasses,
 		columnStacks,
+		lastColumnLocked,
 		isVisible,
 		pinnedCount,
 		actionsWidth,
@@ -230,4 +237,4 @@ function facetField(facet) {
 	};
 }
 //#endregion
-export { DEFAULT_ORDER, FAVORITE_ORDER, useListView };
+export { DEFAULT_ORDER, FAVORITE_ORDER, isLocked, useListView };