@octaviaflow/core 3.1.0-beta.112 → 3.1.0-beta.113

package/dist/index.js

@@ -5333,13 +5333,18 @@ var CommandPalette = forwardRef26(
     open,
     onClose,
     groups,
-    placeholder = "Search for actions, pages, datasets\u2026",
+    placeholder = "Search\u2026",
     onSelect,
     emptyState,
     footer,
     filter = defaultFilter,
     container,
     disableAnimation = false,
+    query: controlledQuery,
+    onQueryChange,
+    shouldFilter = true,
+    loading = false,
+    loadingLabel = "Searching\u2026",
     id: providedId,
     className,
     ...rest
@@ -5349,14 +5354,16 @@ var CommandPalette = forwardRef26(
     const reducedMotion = useReducedMotion3();
     const inputRef = useRef10(null);
     const listRef = useRef10(null);
-    const [query, setQuery] = useState16("");
+    const isQueryControlled = controlledQuery !== void 0;
+    const [internalQuery, setInternalQuery] = useState16("");
+    const query = isQueryControlled ? controlledQuery : internalQuery;
     const [activeIndex, setActiveIndex] = useState16(0);
     const filteredGroups = useMemo5(() => {
       return groups.map((g) => ({
         ...g,
-        items: g.items.filter((it) => filter(it, query, g.heading))
+        items: g.shouldFilter ?? shouldFilter ? g.items.filter((it) => filter(it, query, g.heading)) : g.items
       })).filter((g) => g.items.length > 0);
-    }, [groups, query, filter]);
+    }, [groups, query, filter, shouldFilter]);
     const flatItems = useMemo5(
       () => filteredGroups.flatMap((g) => g.items),
       [filteredGroups]
@@ -5368,7 +5375,7 @@ var CommandPalette = forwardRef26(
     }, [flatItems.length, activeIndex]);
     useEffect8(() => {
       if (open) {
-        setQuery("");
+        if (!isQueryControlled) setInternalQuery("");
         setActiveIndex(0);
         requestAnimationFrame(() => inputRef.current?.focus());
       }
@@ -5447,76 +5454,85 @@ var CommandPalette = forwardRef26(
                 placeholder,
                 value: query,
                 onChange: (e) => {
-                  setQuery(e.target.value);
+                  const next = e.target.value;
+                  if (!isQueryControlled) setInternalQuery(next);
+                  onQueryChange?.(next);
                   setActiveIndex(0);
                 }
               }
             ),
             /* @__PURE__ */ jsx30("kbd", { className: "ods-cmdk__esc-hint", "aria-hidden": "true", children: "Esc" })
           ] }),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsxs30(
             "div",
             {
               ref: listRef,
               id: `${baseId}-list`,
               role: "listbox",
               className: "ods-cmdk__list",
-              children: filteredGroups.length === 0 ? /* @__PURE__ */ jsx30("div", { className: "ods-cmdk__empty", children: emptyState ?? /* @__PURE__ */ jsxs30(Fragment10, { children: [
-                /* @__PURE__ */ jsx30("p", { className: "ods-cmdk__empty-title", children: "No results" }),
-                /* @__PURE__ */ jsx30("p", { className: "ods-cmdk__empty-hint", children: "Try a different keyword." })
-              ] }) }) : (() => {
-                let flatIdx = -1;
-                return filteredGroups.map((g, gi) => /* @__PURE__ */ jsxs30(
-                  "div",
-                  {
-                    className: "ods-cmdk__group",
-                    role: "group",
-                    "aria-label": typeof g.heading === "string" ? g.heading : void 0,
-                    children: [
-                      /* @__PURE__ */ jsx30("div", { className: "ods-cmdk__group-heading", children: g.heading }),
-                      g.items.map((item) => {
-                        flatIdx += 1;
-                        const idx = flatIdx;
-                        const isActive2 = idx === activeIndex;
-                        return /* @__PURE__ */ jsxs30(
-                          "div",
-                          {
-                            id: `${baseId}-opt-${idx}`,
-                            role: "option",
-                            "aria-selected": isActive2,
-                            "aria-disabled": item.disabled || void 0,
-                            className: cn(
-                              "ods-cmdk__option",
-                              isActive2 && "ods-cmdk__option--active",
-                              item.danger && "ods-cmdk__option--danger",
-                              item.disabled && "ods-cmdk__option--disabled"
-                            ),
-                            onMouseEnter: () => setActiveIndex(idx),
-                            onClick: () => handleItemClick(item),
-                            children: [
-                              item.icon && /* @__PURE__ */ jsx30(
-                                "span",
-                                {
-                                  className: "ods-cmdk__option-icon",
-                                  "aria-hidden": "true",
-                                  children: item.icon
-                                }
+              "aria-busy": loading || void 0,
+              children: [
+                filteredGroups.length === 0 ? loading ? null : /* @__PURE__ */ jsx30("div", { className: "ods-cmdk__empty", children: emptyState ?? /* @__PURE__ */ jsxs30(Fragment10, { children: [
+                  /* @__PURE__ */ jsx30("p", { className: "ods-cmdk__empty-title", children: "No results" }),
+                  /* @__PURE__ */ jsx30("p", { className: "ods-cmdk__empty-hint", children: "Try a different keyword." })
+                ] }) }) : (() => {
+                  let flatIdx = -1;
+                  return filteredGroups.map((g, gi) => /* @__PURE__ */ jsxs30(
+                    "div",
+                    {
+                      className: "ods-cmdk__group",
+                      role: "group",
+                      "aria-label": typeof g.heading === "string" ? g.heading : void 0,
+                      children: [
+                        /* @__PURE__ */ jsx30("div", { className: "ods-cmdk__group-heading", children: g.heading }),
+                        g.items.map((item) => {
+                          flatIdx += 1;
+                          const idx = flatIdx;
+                          const isActive2 = idx === activeIndex;
+                          return /* @__PURE__ */ jsxs30(
+                            "div",
+                            {
+                              id: `${baseId}-opt-${idx}`,
+                              role: "option",
+                              "aria-selected": isActive2,
+                              "aria-disabled": item.disabled || void 0,
+                              className: cn(
+                                "ods-cmdk__option",
+                                isActive2 && "ods-cmdk__option--active",
+                                item.danger && "ods-cmdk__option--danger",
+                                item.disabled && "ods-cmdk__option--disabled"
                               ),
-                              /* @__PURE__ */ jsxs30("span", { className: "ods-cmdk__option-body", children: [
-                                /* @__PURE__ */ jsx30("span", { className: "ods-cmdk__option-label", children: item.label }),
-                                item.description && /* @__PURE__ */ jsx30("span", { className: "ods-cmdk__option-desc", children: item.description })
-                              ] }),
-                              item.shortcut && /* @__PURE__ */ jsx30("kbd", { className: "ods-cmdk__option-shortcut", children: item.shortcut })
-                            ]
-                          },
-                          item.id
-                        );
-                      })
-                    ]
-                  },
-                  gi
-                ));
-              })()
+                              onMouseEnter: () => setActiveIndex(idx),
+                              onClick: () => handleItemClick(item),
+                              children: [
+                                item.icon && /* @__PURE__ */ jsx30(
+                                  "span",
+                                  {
+                                    className: "ods-cmdk__option-icon",
+                                    "aria-hidden": "true",
+                                    children: item.icon
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs30("span", { className: "ods-cmdk__option-body", children: [
+                                  /* @__PURE__ */ jsx30("span", { className: "ods-cmdk__option-label", children: item.label }),
+                                  item.description && /* @__PURE__ */ jsx30("span", { className: "ods-cmdk__option-desc", children: item.description })
+                                ] }),
+                                item.shortcut && /* @__PURE__ */ jsx30("kbd", { className: "ods-cmdk__option-shortcut", children: item.shortcut })
+                              ]
+                            },
+                            item.id
+                          );
+                        })
+                      ]
+                    },
+                    gi
+                  ));
+                })(),
+                loading && /* @__PURE__ */ jsxs30("div", { className: "ods-cmdk__loading", role: "status", "aria-live": "polite", children: [
+                  /* @__PURE__ */ jsx30(Spinner, { size: "sm", tone: "muted", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx30("span", { children: loadingLabel })
+                ] })
+              ]
             }
           ),
           footer && /* @__PURE__ */ jsx30("div", { className: "ods-cmdk__footer", children: footer })
@@ -38338,6 +38354,14 @@ var DEFAULT_NOTIFICATION_CATALOG = [
         subjectNoun: "app",
         defaultEmail: false
       },
+      {
+        key: "connector.expiring_soon",
+        label: "App sign-in expires soon",
+        phrase: "an app's sign-in is about to expire",
+        severity: "warning",
+        audience: "org",
+        subjectNoun: "app"
+      },
       {
         key: "connector.test_failed",
         label: "Connection test failed",