@multiplatform.one/backoffice 6.6.0 → 7.0.0

package/dist/esm/workspace/WorkspaceLinkCard.mjs

@@ -1,9 +1,11 @@
 import { Card, SizableText, XStack, YStack } from "@multiplatform.one/components";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { ensureFocusVisibleRing, getGroupPosition, useResolvedKnobs } from "@multiplatform.one/theme";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useBackofficeCapabilities, useBackofficeNavigator, useBackofficePaths, useIsDoctypeAllowed } from "../config/BackofficeProvider.mjs";
 import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
 import { createBackofficePaths } from "../navigation/paths.mjs";
+import { collapseLinkRows } from "./parseContent.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const defaultPaths = createBackofficePaths();
 function resolveLinkTarget(row, paths = defaultPaths) {
@@ -31,39 +33,71 @@ function resolveLinkTarget(row, paths = defaultPaths) {
       };
   }
 }
+function activateOnEnterOrSpace(onPress) {
+  return e => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault?.();
+      onPress();
+    }
+  };
+}
 function LinkRow({
-  row
+  row,
+  index,
+  total,
+  pad
 }) {
   const navigator = useBackofficeNavigator();
   const paths = useBackofficePaths();
   const target = resolveLinkTarget(row, paths);
+  const position = getGroupPosition(index, total);
+  const disabled = !!target.disabled;
+  const go = () => {
+    if (!disabled && target.path) navigator.navigate(target.path);
+  };
   return /* @__PURE__ */jsx(XStack, {
-    onPress: target.disabled ? void 0 : () => target.path && navigator.navigate(target.path),
-    disabled: target.disabled,
-    opacity: target.disabled ? 0.5 : 1,
-    cursor: target.disabled ? "default" : "pointer",
+    onPress: disabled ? void 0 : go,
+    disabled,
+    opacity: disabled ? 0.5 : 1,
+    cursor: disabled ? "default" : "pointer",
     paddingVertical: "$1.5",
+    paddingHorizontal: pad,
+    minHeight: 36,
     alignItems: "center",
     role: "link",
     "aria-label": row.label,
-    hoverStyle: target.disabled ? void 0 : {
+    overflow: "hidden",
+    borderRadius: 0,
+    ...{
+      "data-group-position": position
+    },
+    hoverStyle: disabled ? void 0 : {
       backgroundColor: "$color3"
     },
-    borderRadius: "$2",
+    pressStyle: disabled ? void 0 : {
+      backgroundColor: "$color4"
+    },
+    tabIndex: disabled ? void 0 : 0,
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: ensureFocusVisibleRing({
+      outlineOffset: -2
+    }),
+    onKeyDown: disabled ? void 0 : activateOnEnterOrSpace(go),
     children: /* @__PURE__ */jsx(SizableText, {
       size: "$3",
-      color: target.disabled ? "$color10" : "$color12",
+      color: disabled ? "$color10" : "$color12",
       numberOfLines: 1,
       flexShrink: 1,
-      hoverStyle: target.disabled ? void 0 : {
-        color: "$color12"
-      },
       children: row.label
     })
   });
 }
 function WorkspaceLinkCard({
-  group
+  group,
+  collapse = true
 }) {
   const {
     knobProps
@@ -75,6 +109,8 @@ function WorkspaceLinkCard({
     views
   } = useBackofficeCapabilities();
   const isDoctypeAllowed = useIsDoctypeAllowed();
+  const [expanded, setExpanded] = useState(false);
+  const pad = knobProps.panelPadding.padding;
   const visibleLinks = group.links.filter(row => {
     if (row.link_type === "DocType" || row.link_type === "Report") {
       if (!views.enabled) return false;
@@ -84,35 +120,94 @@ function WorkspaceLinkCard({
     }
     return true;
   });
+  const preview = collapseLinkRows(visibleLinks, group.breakRow.link_count, {
+    collapse,
+    expanded
+  });
+  const shown = preview.shown;
+  const hiddenCount = preview.hiddenCount;
+  const showMore = preview.showMore;
+  const rowTotal = shown.length + (showMore ? 1 : 0);
   return (
     // LC-10 FRAME-CONTAINMENT: no `height="100%"` — a cyclic percentage
     // against the auto-height grid row zeroed the card's intrinsic height
     // (with the basis-0 inner column) and the links painted past the card
     // border. flexGrow (basis auto) equalizes heights in the stretched grid
     // cell while the content keeps its intrinsic size.
+    //
+    // LC-72 CONTAINER-CLIP: eject Card's default panelPadding so link-row
+    // hover/ring can span the frame; overflow:hidden cuts the last row to
+    // the card radius. Caption keeps its own inset.
     /* @__PURE__ */
-    jsx(Card, {
+    jsxs(Card, {
       flexGrow: 1,
-      children: /* @__PURE__ */jsxs(YStack, {
-        ...knobProps.panelPadding,
-        ...knobProps.gap,
-        flexGrow: 1,
-        children: [/* @__PURE__ */jsx(SizableText, {
+      padding: 0,
+      overflow: "hidden",
+      children: [/* @__PURE__ */jsx(YStack, {
+        paddingHorizontal: pad,
+        paddingTop: pad,
+        paddingBottom: "$2",
+        children: /* @__PURE__ */jsx(SizableText, {
           size: "$2",
           fontWeight: "600",
           textTransform: "uppercase",
           color: "$color11",
           children: group.label
-        }), visibleLinks.length === 0 ? /* @__PURE__ */jsx(SizableText, {
+        })
+      }), visibleLinks.length === 0 ? /* @__PURE__ */jsx(YStack, {
+        paddingHorizontal: pad,
+        paddingBottom: pad,
+        children: /* @__PURE__ */jsx(SizableText, {
           size: "$2",
           color: "$color10",
           children: t("workspaceCardEmpty", "No links in this section")
-        }) : /* @__PURE__ */jsx(YStack, {
-          children: visibleLinks.map(row => /* @__PURE__ */jsx(LinkRow, {
-            row
-          }, row.name))
-        })]
-      })
+        })
+      }) : /* @__PURE__ */jsxs(YStack, {
+        paddingBottom: showMore ? 0 : void 0,
+        children: [shown.map((row, index) => /* @__PURE__ */jsx(LinkRow, {
+          row,
+          index,
+          total: rowTotal,
+          pad
+        }, row.name)), showMore ? /* @__PURE__ */jsx(XStack, {
+          onPress: () => setExpanded(value => !value),
+          cursor: "pointer",
+          paddingVertical: "$1.5",
+          paddingHorizontal: pad,
+          minHeight: 36,
+          alignItems: "center",
+          role: "button",
+          "aria-expanded": expanded,
+          overflow: "hidden",
+          borderRadius: 0,
+          ...{
+            "data-group-position": getGroupPosition(shown.length, rowTotal)
+          },
+          hoverStyle: {
+            backgroundColor: "$color3"
+          },
+          pressStyle: {
+            backgroundColor: "$color4"
+          },
+          tabIndex: 0,
+          outlineWidth: 0,
+          focusStyle: {
+            outlineWidth: 0
+          },
+          focusVisibleStyle: ensureFocusVisibleRing({
+            outlineOffset: -2
+          }),
+          onKeyDown: activateOnEnterOrSpace(() => setExpanded(value => !value)),
+          children: /* @__PURE__ */jsx(SizableText, {
+            size: "$3",
+            color: "$color11",
+            fontWeight: "600",
+            children: expanded ? t("workspaceCardShowLess", "Show less") : t("workspaceCardMore", "+ {{count}} more", {
+              count: hiddenCount
+            })
+          })
+        }) : null]
+      })]
     })
   );
 }

package/dist/esm/workspace/WorkspaceLinkCard.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Card","SizableText","XStack","YStack","useResolvedKnobs","useTranslation","useBackofficeCapabilities","useBackofficeNavigator","useBackofficePaths","useIsDoctypeAllowed","BACKOFFICE_I18N_NAMESPACE","createBackofficePaths","jsx","jsxs","defaultPaths","resolveLinkTarget","row","paths","target","link_to","disabled","prefix","base","link_type","path","list","LinkRow","navigator","onPress","navigate","opacity","cursor","paddingVertical","alignItems","role","label","hoverStyle","backgroundColor","borderRadius","children","size","color","numberOfLines","flexShrink","WorkspaceLinkCard","group","knobProps","t","views","isDoctypeAllowed","visibleLinks","links","filter","enabled","flexGrow","panelPadding","gap","fontWeight","textTransform","length","map","name"],"sources":["../../../src/workspace/WorkspaceLinkCard.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Card","SizableText","XStack","YStack","ensureFocusVisibleRing","getGroupPosition","useResolvedKnobs","useState","useTranslation","useBackofficeCapabilities","useBackofficeNavigator","useBackofficePaths","useIsDoctypeAllowed","BACKOFFICE_I18N_NAMESPACE","createBackofficePaths","collapseLinkRows","jsx","jsxs","defaultPaths","resolveLinkTarget","row","paths","target","link_to","disabled","prefix","base","link_type","path","list","activateOnEnterOrSpace","onPress","e","key","preventDefault","LinkRow","index","total","pad","navigator","position","go","navigate","opacity","cursor","paddingVertical","paddingHorizontal","minHeight","alignItems","role","label","overflow","borderRadius","hoverStyle","backgroundColor","pressStyle","tabIndex","outlineWidth","focusStyle","focusVisibleStyle","outlineOffset","onKeyDown","children","size","color","numberOfLines","flexShrink","WorkspaceLinkCard","group","collapse","knobProps","t","views","isDoctypeAllowed","expanded","setExpanded","panelPadding","padding","visibleLinks","links","filter","enabled","preview","breakRow","link_count","shown","hiddenCount","showMore","rowTotal","length","flexGrow","paddingTop","paddingBottom","fontWeight","textTransform","map","name","value","count"],"sources":["../../../src/workspace/WorkspaceLinkCard.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/workspace/WorkspaceLinkCard.native.js

@@ -1,10 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, SizableText, XStack, YStack } from "@multiplatform.one/components";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { ensureFocusVisibleRing, getGroupPosition, useResolvedKnobs } from "@multiplatform.one/theme";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useBackofficeCapabilities, useBackofficeNavigator, useBackofficePaths, useIsDoctypeAllowed } from "../config/BackofficeProvider.native.js";
 import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.native.js";
 import { createBackofficePaths } from "../navigation/paths.native.js";
+import { collapseLinkRows } from "./parseContent.native.js";
 var defaultPaths = createBackofficePaths();
 function resolveLinkTarget(row) {
   var paths = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : defaultPaths;
@@ -33,43 +35,72 @@ function resolveLinkTarget(row) {
       };
   }
 }
+function activateOnEnterOrSpace(onPress) {
+  return function (e) {
+    if (e.key === "Enter" || e.key === " ") {
+      var _e_preventDefault;
+      (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+      onPress();
+    }
+  };
+}
 function LinkRow(param) {
   var {
-    row
+    row,
+    index,
+    total,
+    pad
   } = param;
   var navigator = useBackofficeNavigator();
   var paths = useBackofficePaths();
   var target = resolveLinkTarget(row, paths);
+  var position = getGroupPosition(index, total);
+  var disabled = !!target.disabled;
+  var go = function go2() {
+    if (!disabled && target.path) navigator.navigate(target.path);
+  };
   return /* @__PURE__ */_jsx(XStack, {
-    onPress: target.disabled ? void 0 : function () {
-      return target.path && navigator.navigate(target.path);
-    },
-    disabled: target.disabled,
-    opacity: target.disabled ? 0.5 : 1,
-    cursor: target.disabled ? "default" : "pointer",
+    onPress: disabled ? void 0 : go,
+    disabled,
+    opacity: disabled ? 0.5 : 1,
+    cursor: disabled ? "default" : "pointer",
     paddingVertical: "$1.5",
+    paddingHorizontal: pad,
+    minHeight: 36,
     alignItems: "center",
     role: "link",
     "aria-label": row.label,
-    hoverStyle: target.disabled ? void 0 : {
+    overflow: "hidden",
+    borderRadius: 0,
+    "data-group-position": position,
+    hoverStyle: disabled ? void 0 : {
       backgroundColor: "$color3"
     },
-    borderRadius: "$2",
+    pressStyle: disabled ? void 0 : {
+      backgroundColor: "$color4"
+    },
+    tabIndex: disabled ? void 0 : 0,
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: ensureFocusVisibleRing({
+      outlineOffset: -2
+    }),
+    onKeyDown: disabled ? void 0 : activateOnEnterOrSpace(go),
     children: /* @__PURE__ */_jsx(SizableText, {
       size: "$3",
-      color: target.disabled ? "$color10" : "$color12",
+      color: disabled ? "$color10" : "$color12",
       numberOfLines: 1,
       flexShrink: 1,
-      hoverStyle: target.disabled ? void 0 : {
-        color: "$color12"
-      },
       children: row.label
     })
   });
 }
 function WorkspaceLinkCard(param) {
   var {
-    group
+    group,
+    collapse = true
   } = param;
   var {
     knobProps
@@ -81,6 +112,8 @@ function WorkspaceLinkCard(param) {
     views
   } = useBackofficeCapabilities();
   var isDoctypeAllowed = useIsDoctypeAllowed();
+  var [expanded, setExpanded] = useState(false);
+  var pad = knobProps.panelPadding.padding;
   var visibleLinks = group.links.filter(function (row) {
     if (row.link_type === "DocType" || row.link_type === "Report") {
       if (!views.enabled) return false;
@@ -90,20 +123,34 @@ function WorkspaceLinkCard(param) {
     }
     return true;
   });
+  var preview = collapseLinkRows(visibleLinks, group.breakRow.link_count, {
+    collapse,
+    expanded
+  });
+  var shown = preview.shown;
+  var hiddenCount = preview.hiddenCount;
+  var showMore = preview.showMore;
+  var rowTotal = shown.length + (showMore ? 1 : 0);
   return (
     // LC-10 FRAME-CONTAINMENT: no `height="100%"` — a cyclic percentage
     // against the auto-height grid row zeroed the card's intrinsic height
     // (with the basis-0 inner column) and the links painted past the card
     // border. flexGrow (basis auto) equalizes heights in the stretched grid
     // cell while the content keeps its intrinsic size.
+    //
+    // LC-72 CONTAINER-CLIP: eject Card's default panelPadding so link-row
+    // hover/ring can span the frame; overflow:hidden cuts the last row to
+    // the card radius. Caption keeps its own inset.
     /* @__PURE__ */
-    _jsx(Card, {
+    _jsxs(Card, {
       flexGrow: 1,
-      children: /* @__PURE__ */_jsxs(YStack, {
-        ...knobProps.panelPadding,
-        ...knobProps.gap,
-        flexGrow: 1,
-        children: [
+      padding: 0,
+      overflow: "hidden",
+      children: [/* @__PURE__ */_jsx(YStack, {
+        paddingHorizontal: pad,
+        paddingTop: pad,
+        paddingBottom: "$2",
+        children: (
         /* Catalog list-group caption (Sidebar section-label treatment):
         small-caps muted label, no underline rule — a full-width rule
         under uneven columns read as table chrome (Axiom 16). */
@@ -114,18 +161,69 @@ function WorkspaceLinkCard(param) {
           textTransform: "uppercase",
           color: "$color11",
           children: group.label
-        }), visibleLinks.length === 0 ? /* @__PURE__ */_jsx(SizableText, {
+        }))
+      }), visibleLinks.length === 0 ? /* @__PURE__ */_jsx(YStack, {
+        paddingHorizontal: pad,
+        paddingBottom: pad,
+        children: /* @__PURE__ */_jsx(SizableText, {
           size: "$2",
           color: "$color10",
           children: t("workspaceCardEmpty", "No links in this section")
-        }) : /* @__PURE__ */_jsx(YStack, {
-          children: visibleLinks.map(function (row) {
-            return /* @__PURE__ */_jsx(LinkRow, {
-              row
-            }, row.name);
+        })
+      }) : /* @__PURE__ */_jsxs(YStack, {
+        paddingBottom: showMore ? 0 : void 0,
+        children: [shown.map(function (row, index) {
+          return /* @__PURE__ */_jsx(LinkRow, {
+            row,
+            index,
+            total: rowTotal,
+            pad
+          }, row.name);
+        }), showMore ? /* @__PURE__ */_jsx(XStack, {
+          onPress: function onPress() {
+            return setExpanded(function (value) {
+              return !value;
+            });
+          },
+          cursor: "pointer",
+          paddingVertical: "$1.5",
+          paddingHorizontal: pad,
+          minHeight: 36,
+          alignItems: "center",
+          role: "button",
+          "aria-expanded": expanded,
+          overflow: "hidden",
+          borderRadius: 0,
+          "data-group-position": getGroupPosition(shown.length, rowTotal),
+          hoverStyle: {
+            backgroundColor: "$color3"
+          },
+          pressStyle: {
+            backgroundColor: "$color4"
+          },
+          tabIndex: 0,
+          outlineWidth: 0,
+          focusStyle: {
+            outlineWidth: 0
+          },
+          focusVisibleStyle: ensureFocusVisibleRing({
+            outlineOffset: -2
+          }),
+          onKeyDown: activateOnEnterOrSpace(function () {
+            return setExpanded(function (value) {
+              return !value;
+            });
+          }),
+          children: /* @__PURE__ */_jsx(SizableText, {
+            size: "$3",
+            color: "$color11",
+            fontWeight: "600",
+            children: expanded ? t("workspaceCardShowLess", "Show less") : t("workspaceCardMore", "+ {{count}} more", {
+              count: hiddenCount
+            })
           })
-        })]
-      })
+        }) : null]
+      })]
     })
   );
 }

package/dist/esm/workspace/WorkspaceLinkCard.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Card","SizableText","XStack","YStack","useResolvedKnobs","useTranslation","useBackofficeCapabilities","useBackofficeNavigator","useBackofficePaths","useIsDoctypeAllowed","BACKOFFICE_I18N_NAMESPACE","createBackofficePaths","defaultPaths","resolveLinkTarget","row","paths","arguments","length","_row_link_to","target","link_to","disabled","prefix","base","link_type","path","list","LinkRow","param","navigator","onPress","navigate","opacity","cursor","paddingVertical","alignItems","role","label","hoverStyle","backgroundColor","borderRadius","children","size","color","numberOfLines","flexShrink","WorkspaceLinkCard","group","knobProps","t","views","isDoctypeAllowed","visibleLinks","links","filter","enabled"],"sources":["../../../src/workspace/WorkspaceLinkCard.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Card","SizableText","XStack","YStack","ensureFocusVisibleRing","getGroupPosition","useResolvedKnobs","useState","useTranslation","useBackofficeCapabilities","useBackofficeNavigator","useBackofficePaths","useIsDoctypeAllowed","BACKOFFICE_I18N_NAMESPACE","createBackofficePaths","collapseLinkRows","defaultPaths","resolveLinkTarget","row","paths","arguments","length","_row_link_to","target","link_to","disabled","prefix","base","link_type","path","list","activateOnEnterOrSpace","onPress","e","key","_e_preventDefault","preventDefault","call","LinkRow","param","index","total","pad","navigator","position","go","go2","navigate","opacity","cursor","paddingVertical","paddingHorizontal","minHeight","alignItems","role","label","overflow","borderRadius","hoverStyle","backgroundColor","pressStyle","tabIndex","outlineWidth","focusStyle","focusVisibleStyle","outlineOffset","onKeyDown","children","size","color","numberOfLines","flexShrink","WorkspaceLinkCard","group","collapse","knobProps","t","views","isDoctypeAllowed","expanded","setExpanded","panelPadding","padding","visibleLinks","links","filter","enabled","preview","breakRow","link_count","shown","hiddenCount","showMore","rowTotal","flexGrow","paddingTop","paddingBottom","fontWeight","textTransform"],"sources":["../../../src/workspace/WorkspaceLinkCard.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/workspace/WorkspaceLinkDirectory.mjs

@@ -1,23 +1,15 @@
 import { EmptyState, Accordion, YStack } from "@multiplatform.one/components";
 import { SearchInput, useViewportGtSm } from "@multiplatform.one/forms";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { ensureCompositeFocusRing, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
+import { filterLinkGroup } from "./parseContent.mjs";
 import { WorkspaceGrid } from "./WorkspaceGrid.mjs";
 import { WorkspaceLinkCard } from "./WorkspaceLinkCard.mjs";
+import { filterLinkGroup as filterLinkGroup2 } from "./parseContent.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const DIRECTORY_VALUE = "links";
-function filterLinkGroup(group, query) {
-  const needle = query.trim().toLowerCase();
-  if (!needle) return group;
-  if (group.label.toLowerCase().includes(needle)) return group;
-  const links = group.links.filter(row => row.label.toLowerCase().includes(needle));
-  return links.length > 0 ? {
-    ...group,
-    links
-  } : void 0;
-}
 function WorkspaceLinkDirectory({
   items
 }) {
@@ -30,7 +22,9 @@ function WorkspaceLinkDirectory({
   const viewportGtSm = useViewportGtSm();
   const [filter, setFilter] = useState("");
   const [openValue, setOpenValue] = useState(() => viewportGtSm ? DIRECTORY_VALUE : "");
+  ensureCompositeFocusRing();
   const totalLinks = useMemo(() => items.reduce((sum, item) => sum + item.group.links.length, 0), [items]);
+  const filtering = filter.trim().length > 0;
   const filteredItems = useMemo(() => items.flatMap(item => {
     const group = filterLinkGroup(item.group, filter);
     if (!group) return [];
@@ -38,10 +32,11 @@ function WorkspaceLinkDirectory({
       key: item.key,
       col: item.col ?? 4,
       node: /* @__PURE__ */jsx(WorkspaceLinkCard, {
-        group
+        group,
+        collapse: !filtering
       })
     }];
-  }), [items, filter]);
+  }), [items, filter, filtering]);
   return /* @__PURE__ */jsx(Accordion, {
     type: "single",
     collapsible: true,
@@ -60,13 +55,24 @@ function WorkspaceLinkDirectory({
       }), /* @__PURE__ */jsx(Accordion.Content, {
         children: /* @__PURE__ */jsxs(YStack, {
           ...knobProps.gap,
-          children: [/* @__PURE__ */jsx(SearchInput, {
-            value: filter,
-            onChange: setFilter,
-            debounceMs: 0,
-            compact: true,
-            placeholder: t("workspaceFilterLinks", "Filter links..."),
-            "aria-label": t("workspaceFilterLinks", "Filter links...")
+          children: [/* @__PURE__ */jsx(YStack, {
+            padding: 2,
+            overflow: "visible",
+            "data-testid": "workspace-filter-links",
+            children: /* @__PURE__ */jsx(SearchInput, {
+              value: filter,
+              onChange: setFilter,
+              debounceMs: 0,
+              compact: true,
+              placeholder: t("workspaceFilterLinks", "Filter links..."),
+              "aria-label": t("workspaceFilterLinks", "Filter links..."),
+              inputProps: {
+                className: "mp-input-area",
+                outlineWidth: 0,
+                outlineStyle: "none",
+                outlineColor: "transparent"
+              }
+            })
           }), filteredItems.length === 0 ? /* @__PURE__ */jsx(EmptyState, {
             compact: true,
             title: t("workspaceFilterNoMatch", 'No links match "{{query}}"', {
@@ -80,5 +86,5 @@ function WorkspaceLinkDirectory({
     })
   });
 }
-export { WorkspaceLinkDirectory, filterLinkGroup };
+export { WorkspaceLinkDirectory, filterLinkGroup2 as filterLinkGroup };
 //# sourceMappingURL=WorkspaceLinkDirectory.mjs.map

package/dist/esm/workspace/WorkspaceLinkDirectory.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["EmptyState","Accordion","YStack","SearchInput","useViewportGtSm","useResolvedKnobs","useMemo","useState","useTranslation","BACKOFFICE_I18N_NAMESPACE","WorkspaceGrid","WorkspaceLinkCard","jsx","jsxs","DIRECTORY_VALUE","filterLinkGroup","group","query","needle","trim","toLowerCase","label","includes","links","filter","row","length","WorkspaceLinkDirectory","items","t","knobProps","viewportGtSm","setFilter","openValue","setOpenValue","totalLinks","reduce","sum","item","filteredItems","flatMap","key","col","node","type","collapsible","variant","value","onValueChange","children","Item","Trigger","description","count","defaultValue_one","defaultValue_other","Content","gap","onChange","debounceMs","compact","placeholder","title"],"sources":["../../../src/workspace/WorkspaceLinkDirectory.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["EmptyState","Accordion","YStack","SearchInput","useViewportGtSm","ensureCompositeFocusRing","useResolvedKnobs","useMemo","useState","useTranslation","BACKOFFICE_I18N_NAMESPACE","filterLinkGroup","WorkspaceGrid","WorkspaceLinkCard","filterLinkGroup2","jsx","jsxs","DIRECTORY_VALUE","WorkspaceLinkDirectory","items","t","knobProps","viewportGtSm","filter","setFilter","openValue","setOpenValue","totalLinks","reduce","sum","item","group","links","length","filtering","trim","filteredItems","flatMap","key","col","node","collapse","type","collapsible","variant","value","onValueChange","children","Item","Trigger","description","count","defaultValue_one","defaultValue_other","Content","gap","padding","overflow","onChange","debounceMs","compact","placeholder","inputProps","className","outlineWidth","outlineStyle","outlineColor","title","query"],"sources":["../../../src/workspace/WorkspaceLinkDirectory.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}