@inf-monkeys-tech/monkeys-design 1.0.109 → 1.0.111

package/dist/components/workbench/index.mjs

@@ -10850,6 +10850,142 @@ function WorkbenchCollectionSkeleton({
     }
   );
 }
+function setsEqual(left, right) {
+  if (left.size !== right.size) return false;
+  for (const value of left) {
+    if (!right.has(value)) return false;
+  }
+  return true;
+}
+function getComparableKey(key) {
+  return String(key);
+}
+function getDefaultBehavior(mode) {
+  return mode === "multiple" ? "toggle" : "replace";
+}
+function useWorkbenchCollectionSelection({
+  items,
+  getItemKey,
+  mode = "none",
+  behavior,
+  selectedKeys: controlledSelectedKeys,
+  defaultSelectedKeys,
+  isItemDisabled,
+  onSelectionChange
+}) {
+  const controlled = controlledSelectedKeys !== void 0;
+  const [internalSelectedKeys, setInternalSelectedKeys] = useState(
+    () => new Set(defaultSelectedKeys ?? [])
+  );
+  const anchorKeyRef = useRef(null);
+  const onSelectionChangeRef = useRef(onSelectionChange);
+  onSelectionChangeRef.current = onSelectionChange;
+  const normalizedItems = useMemo(() => {
+    const seenKeys = /* @__PURE__ */ new Map();
+    return items.map((item, index) => {
+      const key = getItemKey(item, index);
+      const comparableKey = getComparableKey(key);
+      const duplicateIndex = seenKeys.get(comparableKey);
+      if (duplicateIndex !== void 0) {
+        throw new TypeError(
+          `useWorkbenchCollectionSelection received duplicate item key "${comparableKey}" at indices ${duplicateIndex} and ${index}.`
+        );
+      }
+      seenKeys.set(comparableKey, index);
+      return { item, index, key };
+    });
+  }, [getItemKey, items]);
+  const itemByKey = useMemo(() => {
+    const entries = /* @__PURE__ */ new Map();
+    normalizedItems.forEach((entry) => entries.set(entry.key, entry));
+    return entries;
+  }, [normalizedItems]);
+  const selectedKeys = useMemo(
+    () => mode === "none" ? /* @__PURE__ */ new Set() : controlled ? new Set(controlledSelectedKeys ?? []) : internalSelectedKeys,
+    [controlled, controlledSelectedKeys, internalSelectedKeys, mode]
+  );
+  const selectedKeysRef = useRef(selectedKeys);
+  selectedKeysRef.current = selectedKeys;
+  const resetAnchor = useCallback(() => {
+    anchorKeyRef.current = null;
+  }, []);
+  useEffect(() => {
+    if (controlled) return;
+    const availableKeys = new Set(normalizedItems.map(({ key }) => key));
+    setInternalSelectedKeys((previous) => {
+      const next = new Set(Array.from(previous).filter((key) => availableKeys.has(key)));
+      if (setsEqual(previous, next)) return previous;
+      selectedKeysRef.current = next;
+      return next;
+    });
+  }, [controlled, normalizedItems]);
+  useEffect(() => {
+    const anchorKey = anchorKeyRef.current;
+    if (mode !== "multiple" || selectedKeys.size === 0 || anchorKey === null) {
+      resetAnchor();
+      return;
+    }
+    const anchor = itemByKey.get(anchorKey);
+    if (!anchor || isItemDisabled?.(anchor.item, anchor.index)) resetAnchor();
+  }, [isItemDisabled, itemByKey, mode, resetAnchor, selectedKeys.size]);
+  const selectKey = useCallback((key, intent = {}) => {
+    if (mode === "none") return;
+    const entry = itemByKey.get(key);
+    if (!entry || isItemDisabled?.(entry.item, entry.index)) return;
+    const current = new Set(selectedKeysRef.current);
+    const configuredBehavior = behavior ?? getDefaultBehavior(mode);
+    let effectiveBehavior = intent.shiftKey && mode === "multiple" ? "range" : intent.behavior ?? configuredBehavior;
+    if (mode === "single") {
+      effectiveBehavior = effectiveBehavior === "toggle" ? "toggle" : "replace";
+    }
+    const anchor = anchorKeyRef.current === null ? void 0 : itemByKey.get(anchorKeyRef.current);
+    const hasValidAnchor = Boolean(
+      anchor && !isItemDisabled?.(anchor.item, anchor.index)
+    );
+    if (mode === "multiple" && effectiveBehavior === "range" && !hasValidAnchor) {
+      effectiveBehavior = configuredBehavior === "range" ? "toggle" : configuredBehavior;
+    }
+    const next = /* @__PURE__ */ new Set();
+    if (mode === "single") {
+      if (!(effectiveBehavior === "toggle" && current.has(entry.key))) next.add(entry.key);
+    } else if (effectiveBehavior === "range" && anchor) {
+      current.forEach((selectedKey) => next.add(selectedKey));
+      const start = Math.min(anchor.index, entry.index);
+      const end = Math.max(anchor.index, entry.index);
+      normalizedItems.slice(start, end + 1).forEach((candidate) => {
+        if (!isItemDisabled?.(candidate.item, candidate.index)) next.add(candidate.key);
+      });
+    } else if (effectiveBehavior === "replace") {
+      next.add(entry.key);
+    } else {
+      current.forEach((selectedKey) => next.add(selectedKey));
+      if (next.has(entry.key)) next.delete(entry.key);
+      else next.add(entry.key);
+    }
+    anchorKeyRef.current = mode === "multiple" ? entry.key : null;
+    if (!controlled) {
+      selectedKeysRef.current = next;
+      setInternalSelectedKeys(next);
+    }
+    onSelectionChangeRef.current?.(next, {
+      item: entry.item,
+      index: entry.index,
+      key: entry.key,
+      behavior: effectiveBehavior
+    });
+  }, [behavior, controlled, isItemDisabled, itemByKey, mode, normalizedItems]);
+  const isSelected = useCallback(
+    (key) => selectedKeys.has(key),
+    [selectedKeys]
+  );
+  return {
+    mode,
+    selectedKeys,
+    isSelected,
+    selectKey,
+    resetAnchor
+  };
+}
 var DEFAULT_GAP_PX = 12;
 var DEFAULT_ROW_HEIGHT_PX = 8;
 var DEFAULT_CARD_WIDTH_PX = 280;
@@ -10973,13 +11109,6 @@ function getParentScrollOwner(node) {
   }
   return null;
 }
-function setsEqual(left, right) {
-  if (left.size !== right.size) return false;
-  for (const value of left) {
-    if (!right.has(value)) return false;
-  }
-  return true;
-}
 function isInteractiveEventTarget(target, currentTarget) {
   if (typeof Element === "undefined" || !(target instanceof Element) || target === currentTarget) return false;
   const control = target.closest(
@@ -10987,19 +11116,6 @@ function isInteractiveEventTarget(target, currentTarget) {
   );
   return Boolean(control && currentTarget.contains(control));
 }
-function warnOnDuplicateKeys(keys) {
-  if (typeof process !== "undefined" && process.env?.NODE_ENV === "production") return;
-  const seen = /* @__PURE__ */ new Set();
-  const duplicates = /* @__PURE__ */ new Set();
-  keys.forEach((key) => {
-    const stringKey = String(key);
-    if (seen.has(stringKey)) duplicates.add(stringKey);
-    seen.add(stringKey);
-  });
-  if (duplicates.size) {
-    console.warn(`WorkbenchCollection received duplicate item keys: ${Array.from(duplicates).join(", ")}`);
-  }
-}
 function normalizeTitleMaxLines(value) {
   if (!Number.isFinite(value) || Number(value) <= 0) return void 0;
   return clamp3(Math.round(Number(value)), 1, 12);
@@ -11022,7 +11138,6 @@ function WorkbenchCollection({
   const rootRef = useRef(null);
   const itemsRef = useRef(null);
   const loadMoreRef = useRef(null);
-  const lastSelectedIndexRef = useRef(null);
   const loadMoreRequestPendingRef = useRef(false);
   const loadMoreIntersectionActiveRef = useRef(false);
   const loadMoreIntersectionConsumedRef = useRef(false);
@@ -11031,9 +11146,6 @@ function WorkbenchCollection({
   const layoutReadyRef = useRef(false);
   const [containerWidth, setContainerWidth] = useState(0);
   const [itemsNode, setItemsNode] = useState(null);
-  const [internalSelectedKeys, setInternalSelectedKeys] = useState(
-    () => new Set(config.selection?.defaultSelectedKeys ?? [])
-  );
   const callbacksRef = useRef(callbacks);
   callbacksRef.current = callbacks;
   const registerItemsNode = useCallback((node) => {
@@ -11051,10 +11163,6 @@ function WorkbenchCollection({
     const key = getItemKey(item, index);
     return { item, index, key, stringKey: String(key) };
   }), [getItemKey, items]);
-  const keys = useMemo(
-    () => normalizedItems.map(({ key }) => key),
-    [normalizedItems]
-  );
   const keysSignature = normalizedItems.map(({ stringKey }) => stringKey).join("
");
   const state = config.state;
   const loading = state?.loading === true;
@@ -11062,21 +11170,32 @@ function WorkbenchCollection({
   const hasMore = state?.hasMore === true;
   const loadingVariant = resolveWorkbenchCollectionLoadingVariant(config.loading?.variant);
   const layoutItemCount = loading && normalizedItems.length === 0 && loadingVariant === "skeleton" ? resolveWorkbenchCollectionSkeletonCapacity(config.loading?.skeleton) : normalizedItems.length;
-  useEffect(() => warnOnDuplicateKeys(keys), [keys, keysSignature]);
   const selectionMode = config.selection?.mode ?? "none";
-  const controlledSelection = config.selection?.selectedKeys !== void 0;
-  const selectedKeys = useMemo(
-    () => selectionMode === "none" ? /* @__PURE__ */ new Set() : controlledSelection ? new Set(config.selection?.selectedKeys ?? []) : internalSelectedKeys,
-    [config.selection?.selectedKeys, controlledSelection, internalSelectedKeys, selectionMode]
+  const isSelectionItemDisabled = useCallback(
+    (entry) => config.selection?.isItemDisabled?.(entry.item, entry.index) ?? false,
+    [config.selection?.isItemDisabled]
   );
-  useEffect(() => {
-    if (controlledSelection) return;
-    const availableKeys = new Set(keys);
-    setInternalSelectedKeys((previous) => {
-      const next = new Set(Array.from(previous).filter((key) => availableKeys.has(key)));
-      return setsEqual(previous, next) ? previous : next;
+  const getSelectionItemKey = useCallback(
+    (entry) => entry.key,
+    []
+  );
+  const handleSelectionChange = useCallback((next, details) => {
+    callbacksRef.current?.onSelectionChange?.(next, {
+      item: details.item.item,
+      key: details.key,
+      behavior: details.behavior
     });
-  }, [controlledSelection, keys, keysSignature]);
+  }, []);
+  const { selectedKeys, selectKey } = useWorkbenchCollectionSelection({
+    items: normalizedItems,
+    getItemKey: getSelectionItemKey,
+    mode: selectionMode,
+    behavior: config.selection?.behavior,
+    selectedKeys: config.selection?.selectedKeys,
+    defaultSelectedKeys: config.selection?.defaultSelectedKeys,
+    isItemDisabled: isSelectionItemDisabled,
+    onSelectionChange: handleSelectionChange
+  });
   useEffect(() => {
     const node = itemsNode;
     if (!node) return void 0;
@@ -11314,30 +11433,6 @@ function WorkbenchCollection({
     });
     return Array.from(grouped.values());
   }, [config.grouping, normalizedItems]);
-  const setSelection = useCallback((entry, behavior = config.selection?.behavior ?? (selectionMode === "multiple" ? "toggle" : "replace")) => {
-    if (selectionMode === "none" || config.selection?.isItemDisabled?.(entry.item, entry.index)) return;
-    const current = new Set(selectedKeys);
-    const next = /* @__PURE__ */ new Set();
-    if (selectionMode === "single") {
-      if (!(behavior === "toggle" && current.has(entry.key))) next.add(entry.key);
-    } else if (behavior === "range" && lastSelectedIndexRef.current !== null) {
-      current.forEach((key) => next.add(key));
-      const start = Math.min(lastSelectedIndexRef.current, entry.index);
-      const end = Math.max(lastSelectedIndexRef.current, entry.index);
-      normalizedItems.slice(start, end + 1).forEach((candidate) => {
-        if (!config.selection?.isItemDisabled?.(candidate.item, candidate.index)) next.add(candidate.key);
-      });
-    } else if (behavior === "replace") {
-      next.add(entry.key);
-    } else {
-      current.forEach((key) => next.add(key));
-      if (next.has(entry.key)) next.delete(entry.key);
-      else next.add(entry.key);
-    }
-    lastSelectedIndexRef.current = entry.index;
-    if (!controlledSelection) setInternalSelectedKeys(next);
-    callbacks?.onSelectionChange?.(next, { item: entry.item, key: entry.key, behavior });
-  }, [callbacks, config.selection, controlledSelection, normalizedItems, selectedKeys, selectionMode]);
   const createItemContext = useCallback((entry, layout) => {
     const disabled = config.selection?.isItemDisabled?.(entry.item, entry.index) ?? false;
     const context = {
@@ -11349,7 +11444,11 @@ function WorkbenchCollection({
       selected: selectedKeys.has(entry.key),
       selectionMode,
       layout,
-      select: (behavior) => setSelection(entry, behavior),
+      select: (behavior) => selectKey(entry.key, { behavior }),
+      selectFromEvent: (event, behavior) => selectKey(entry.key, {
+        behavior,
+        shiftKey: event.shiftKey
+      }),
       preview: () => callbacks?.onItemPreview?.(entry.item, context),
       detail: () => callbacks?.onItemDetail?.(entry.item, context),
       renderSlot: (name) => {
@@ -11359,12 +11458,12 @@ function WorkbenchCollection({
       notifyMediaError: (error) => callbacks?.onMediaError?.(entry.item, context, error)
     };
     return context;
-  }, [callbacks, config.getItemStatus, config.selection, selectedKeys, selectionMode, setSelection, slots?.item]);
+  }, [callbacks, config.getItemStatus, config.selection, selectedKeys, selectKey, selectionMode, slots?.item]);
   const getItemInteractionProps = useCallback((entry, context) => {
     const handleKeyboard = (event) => {
       if (event.target !== event.currentTarget || event.key !== "Enter" && event.key !== " ") return;
       event.preventDefault();
-      if (selectionMode !== "none") context.select(event.shiftKey ? "range" : void 0);
+      if (selectionMode !== "none") context.selectFromEvent(event);
       else callbacks?.onItemClick?.(entry.item, context, event);
     };
     return {
@@ -11393,7 +11492,7 @@ function WorkbenchCollection({
       ),
       onClick: (event) => {
         if (isInteractiveEventTarget(event.target, event.currentTarget)) return;
-        if (selectionMode !== "none") context.select(event.shiftKey ? "range" : void 0);
+        if (selectionMode !== "none") context.selectFromEvent(event);
         callbacks?.onItemClick?.(entry.item, context, event);
       },
       onDoubleClick: (event) => {
@@ -13936,6 +14035,6 @@ function WorkbenchRadarMatrix({
   );
 }
 
-export { InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, WorkbenchAssetGallery, WorkbenchCollection, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchEvidenceList, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGallerySkeleton, WorkbenchGalleryView, WorkbenchJourneyNavigation, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchMetricGrid, WorkbenchPageSkeleton, WorkbenchRadarFilterChip, WorkbenchRadarFilterRow, WorkbenchRadarInspectorSection, WorkbenchRadarMatrix, WorkbenchRadarNavigation, WorkbenchRadarWorkspace, WorkbenchRankedList, WorkbenchRelationshipGraph, WorkbenchResizableSidebar, WorkbenchScatterPlot, WorkbenchSelectionTray, WorkbenchTableView };
+export { InteractiveTable, InteractiveTableEditableTextCell, InteractiveTableReadonlyCell, InteractiveTableSelectCell, WorkbenchAssetGallery, WorkbenchCollection, WorkbenchContentPane, WorkbenchContentToolbar, WorkbenchDetailSidebar, WorkbenchEvidenceList, WorkbenchGalleryCard, WorkbenchGallerySettingsButton, WorkbenchGallerySettingsPanel, WorkbenchGallerySkeleton, WorkbenchGalleryView, WorkbenchJourneyNavigation, WorkbenchLaneView, WorkbenchMasonryLayout, WorkbenchMetricGrid, WorkbenchPageSkeleton, WorkbenchRadarFilterChip, WorkbenchRadarFilterRow, WorkbenchRadarInspectorSection, WorkbenchRadarMatrix, WorkbenchRadarNavigation, WorkbenchRadarWorkspace, WorkbenchRankedList, WorkbenchRelationshipGraph, WorkbenchResizableSidebar, WorkbenchScatterPlot, WorkbenchSelectionTray, WorkbenchTableView, useWorkbenchCollectionSelection };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map