@progress/kendo-react-grid 14.0.0-develop.1 → 14.0.0-develop.2

package/toolbar-tools/smartbox/SmartBox.mjs

@@ -0,0 +1,380 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as e from "react";
+import { SegmentedControl as et } from "./SegmentedControl.mjs";
+import { SpeechToTextButton as tt, Button as nt } from "@progress/kendo-react-buttons";
+import { xIcon as rt, stopSmIcon as at, arrowUpOutlineIcon as st } from "@progress/kendo-svg-icons";
+import { guid as ot, kendoThemeMaps as it, classNames as y, IconWrap as le } from "@progress/kendo-react-common";
+import { useLocalization as lt } from "@progress/kendo-react-intl";
+import { useGridAIRequest as ct } from "../../hooks/useGridAIRequest.mjs";
+import { GridContext as ut } from "../../utils/GridContext.mjs";
+import { List as U } from "@progress/kendo-react-dropdowns";
+import { Popup as pt } from "@progress/kendo-react-popup";
+import { createListItemRender as mt, searchModeItemRender as dt, listGroupHeaderRender as ce, NoDataRender as ft } from "./listItemRenders.mjs";
+import { smartBoxClearTitle as ue, messages as C, smartBoxSpeechToTextButton as P, smartBoxSubmitPromptButton as L } from "../../messages/index.mjs";
+import { useSmartBoxModes as ht } from "./hooks/useSmartBoxModes.mjs";
+import { useSmartBoxHistory as gt } from "./hooks/useSmartBoxHistory.mjs";
+import { useSmartBoxPopup as St } from "./hooks/useSmartBoxPopup.mjs";
+import { useSmartBoxGridState as kt } from "./hooks/useSmartBoxGridState.mjs";
+import { useSmartBoxLabels as Ct } from "./hooks/useSmartBoxLabels.mjs";
+import { useSmartBoxListData as bt } from "./hooks/useSmartBoxListData.mjs";
+import { useSmartBoxSegmentedControl as xt } from "./hooks/useSmartBoxSegmentedControl.mjs";
+import { useSmartBoxSearch as Rt } from "./hooks/useSmartBoxSearch.mjs";
+import { useDebounce as It } from "./hooks/useDebounce.mjs";
+const vt = e.forwardRef((pe, me) => {
+  var oe;
+  const {
+    searchConfig: de,
+    semanticSearchConfig: fe,
+    aiAssistantConfig: he,
+    activeMode: ge,
+    dir: Se = "ltr",
+    size: $ = "medium",
+    placeholder: ke,
+    history: Ce,
+    loading: be = !1,
+    promptSuggestionRender: K,
+    historyItemRender: j,
+    onOpen: xe,
+    onClose: Re,
+    onFocus: b,
+    onBlur: x,
+    onSearch: Ie,
+    onSemanticSearch: ve,
+    onAIPromptRequest: F,
+    onAIResponseSuccess: H,
+    onAIResponseError: N,
+    onAICancelRequest: R
+  } = pe, h = lt(), g = e.useContext(ut), Ee = e.useRef(`k-${ot()}`), p = e.useRef(null), S = e.useRef(null), J = e.useRef(null), [o, m] = e.useState(""), [we, I] = e.useState(!1), [De, Be] = e.useState(void 0), [ye, Q] = e.useState(null), {
+    searchMode: i,
+    semanticSearchMode: c,
+    aiAssistantMode: a,
+    selectedView: n,
+    setSelectedViewState: z,
+    lastSearchMode: Pe,
+    searchHistorySettings: X,
+    semanticSearchHistorySettings: Y,
+    aiAssistantHistorySettings: T,
+    speechToTextButtonSettings: Z,
+    currentSearchDelay: Le
+  } = ht({
+    searchConfigProp: de,
+    semanticSearchConfigProp: fe,
+    aiAssistantConfigProp: he,
+    activeModeProp: ge,
+    sharedHistory: Ce
+  }), { currentHistory: v, currentHistorySettings: Fe, addToHistory: q } = gt({
+    selectedView: n,
+    searchHistorySettings: X,
+    semanticSearchHistorySettings: Y,
+    aiAssistantHistorySettings: T
+  }), { isOpen: k, togglePopup: s } = St({ onOpen: xe, onClose: Re }), { columns: _, gridState: He, gridRef: Ne, handleStateChange: ze } = kt(g), V = e.useMemo(
+    () => (a == null ? void 0 : a.promptSuggestions) || [],
+    [a == null ? void 0 : a.promptSuggestions]
+  ), { inputPlaceholder: Te, prefixIcon: qe } = Ct({
+    selectedView: n,
+    searchMode: i,
+    semanticSearchMode: c,
+    aiAssistantMode: a,
+    sharedPlaceholder: ke
+  }), { searchListData: f, aiAssistantListData: E, searchHistoryListData: w } = bt({
+    selectedView: n,
+    searchModeEnabled: i == null ? void 0 : i.enabled,
+    semanticSearchModeEnabled: c == null ? void 0 : c.enabled,
+    promptSuggestions: V,
+    currentHistory: v,
+    currentHistorySettings: Fe
+  }), A = xt({
+    searchMode: i,
+    semanticSearchMode: c,
+    aiAssistantMode: a,
+    selectedView: n,
+    lastSearchMode: Pe,
+    setSelectedViewState: z,
+    setInputValue: m
+  });
+  e.useEffect(() => {
+    k && p.current && Be(p.current.offsetWidth);
+  }, [k]);
+  const d = be || we, O = !n, Ve = !(i != null && i.enabled) && !(c != null && c.enabled) && !(a != null && a.enabled), Oe = it.sizeMap[$] || "md", { emitSearchEvent: u } = Rt({
+    selectedView: n,
+    searchMode: i,
+    columns: _,
+    gridContext: g,
+    searchHistorySettings: X,
+    semanticSearchHistorySettings: Y,
+    addToHistory: q,
+    onSearch: Ie,
+    onSemanticSearch: ve
+  }), { sendRequest: M, cancelRequest: ee } = ct({
+    requestUrl: a == null ? void 0 : a.requestUrl,
+    requestOptions: a == null ? void 0 : a.requestOptions,
+    columns: _,
+    gridState: He,
+    gridRef: Ne,
+    onPromptRequest: (t) => {
+      F == null || F({ requestData: t });
+    },
+    onResponseSuccess: (t) => {
+      I(!1), H == null || H({ response: t });
+    },
+    onResponseError: (t) => {
+      I(!1), N == null || N({ error: t });
+    },
+    onStateChange: ze,
+    onExportPdf: () => g == null ? void 0 : g.exportAsPdf()
+  });
+  e.useImperativeHandle(
+    me,
+    () => ({
+      show: () => s(!0),
+      hide: () => s(!1)
+    }),
+    [s]
+  );
+  const G = It(ye, Le), te = e.useRef(u);
+  te.current = u, e.useEffect(() => {
+    G !== null && te.current(G);
+  }, [G]);
+  const Ge = e.useCallback(
+    (t) => {
+      const r = t.target.value;
+      m(r), s(!r), (n === "search" || n === "semanticSearch") && Q(r);
+    },
+    [s, n]
+  ), We = e.useCallback(() => {
+    b == null || b(), o || s(!0);
+  }, [b, s, o]), Ue = e.useCallback(
+    (t) => {
+      var ie;
+      const r = p.current, l = (ie = J.current) == null ? void 0 : ie.element, B = t.relatedTarget, Ae = B && (r == null ? void 0 : r.contains(B)), Me = B && (l == null ? void 0 : l.contains(B));
+      !Ae && !Me && (x == null || x(), s(!1));
+    },
+    [x, s]
+  ), $e = e.useCallback(() => {
+    o || s(!0);
+  }, [s, o]), ne = !!((oe = a == null ? void 0 : a.requestOptions) != null && oe.url || a != null && a.requestUrl), W = e.useCallback(() => {
+    if (d) {
+      R == null || R(), ee(), I(!1);
+      return;
+    }
+    o.trim() && (ne && I(!0), q("aiAssistant", o, T), s(!1), M(o.trim()), m(""));
+  }, [
+    d,
+    o,
+    T,
+    s,
+    q,
+    M,
+    ee,
+    ne,
+    R
+  ]), Ke = e.useCallback(
+    (t) => {
+      t.key === "Enter" && (n === "aiAssistant" ? W() : n === "semanticSearch" && u(o));
+    },
+    [n, o, u, W]
+  ), je = e.useCallback(() => {
+    var t;
+    s(!k), (t = S.current) == null || t.focus();
+  }, [k, s]), Je = e.useCallback(
+    (t) => {
+      var r;
+      t.stopPropagation(), t.preventDefault(), m(""), (r = S.current) == null || r.focus(), s(!0), u("");
+    },
+    [s, u]
+  ), re = e.useCallback(
+    (t) => {
+      var r;
+      z(t), m(""), Q(null), (r = S.current) == null || r.focus();
+    },
+    [z]
+  ), D = e.useCallback(
+    (t) => {
+      var r;
+      m(t), s(!1), (r = S.current) == null || r.focus(), n !== "aiAssistant" && u(t);
+    },
+    [n, s, u]
+  ), Qe = e.useCallback((t) => {
+    if (t.isFinal && t.alternatives.length > 0) {
+      const r = t.alternatives[0].transcript;
+      m((l) => l ? `${l} ${r}` : r);
+    }
+  }, []), Xe = e.useMemo(() => n === "aiAssistant" ? v.length === 0 && V.length === 0 : n === "search" || n === "semanticSearch" ? v.length === 0 && f.length === 0 : !1, [n, v.length, V.length, f.length]), ae = e.useCallback(
+    (t) => {
+      const l = (n === "aiAssistant" ? E : w)[t];
+      l && D(l.text);
+    },
+    [n, E, w, D]
+  ), Ye = e.useCallback(
+    (t) => {
+      const r = f[t];
+      r && re(r.mode);
+    },
+    [f, re]
+  ), se = e.useMemo(
+    () => mt({
+      historyItemRender: j,
+      promptSuggestionRender: K,
+      handleListItemClick: D
+    }),
+    [j, K, D]
+  ), Ze = k && !Ve, _e = () => /* @__PURE__ */ e.createElement(e.Fragment, null, A.length > 0 && /* @__PURE__ */ e.createElement(et, { buttons: A, size: $, stretched: !0 }), (n === "search" || n === "semanticSearch") && f.length > 0 && /* @__PURE__ */ e.createElement(
+    U,
+    {
+      data: f,
+      textField: "text",
+      descriptionField: "description",
+      onClick: Ye,
+      itemRender: dt,
+      show: !0,
+      wrapperCssClass: "k-list k-list-md"
+    }
+  ), n === "aiAssistant" && E.length > 0 && /* @__PURE__ */ e.createElement(
+    U,
+    {
+      data: E,
+      textField: "text",
+      groupField: "group",
+      svgIconField: "groupSvgIcon",
+      descriptionField: "description",
+      onClick: ae,
+      itemRender: se,
+      groupHeaderItemRender: ce,
+      showFirstGroupHeader: !0,
+      show: !0,
+      wrapperCssClass: "k-list k-list-md"
+    }
+  ), (n === "search" || n === "semanticSearch") && w.length > 0 && /* @__PURE__ */ e.createElement(
+    U,
+    {
+      data: w,
+      textField: "text",
+      groupField: "group",
+      svgIconField: "groupSvgIcon",
+      descriptionField: "description",
+      onClick: ae,
+      itemRender: se,
+      groupHeaderItemRender: ce,
+      showFirstGroupHeader: !0,
+      show: !0,
+      wrapperCssClass: "k-list k-list-md"
+    }
+  ), Xe && /* @__PURE__ */ e.createElement(ft, { selectedView: n }));
+  return /* @__PURE__ */ e.createElement("div", { ref: p, className: "k-smart-box-wrapper", dir: Se, onBlur: Ue }, /* @__PURE__ */ e.createElement(
+    "span",
+    {
+      className: y("k-smart-box", "k-input", `k-input-${Oe}`, {
+        "k-loading": d
+      })
+    },
+    !O && /* @__PURE__ */ e.createElement("span", { className: "k-input-prefix k-input-prefix-horizontal" }, /* @__PURE__ */ e.createElement(
+      le,
+      {
+        className: y("k-icon", {
+          "k-accent-icon": n === "aiAssistant" || n === "semanticSearch"
+        }),
+        icon: qe.svgIcon,
+        onClick: je,
+        onMouseDown: (t) => {
+          "preventDefault" in t && t.preventDefault();
+        }
+      }
+    )),
+    /* @__PURE__ */ e.createElement(
+      "input",
+      {
+        ref: S,
+        type: "text",
+        className: y("k-input-inner", { "k-disabled": O }),
+        id: Ee.current,
+        placeholder: Te,
+        value: o,
+        disabled: O,
+        onChange: Ge,
+        onFocus: We,
+        onClick: $e,
+        onKeyDown: Ke
+      }
+    ),
+    o.length > 0 && (n === "search" || n === "semanticSearch") && /* @__PURE__ */ e.createElement(
+      "span",
+      {
+        className: "k-clear-value",
+        title: h.toLanguageString(
+          ue,
+          C[ue]
+        ),
+        role: "button",
+        tabIndex: -1,
+        onClick: Je,
+        onMouseDown: (t) => t.preventDefault()
+      },
+      /* @__PURE__ */ e.createElement(le, { className: "k-icon", icon: rt })
+    ),
+    n === "aiAssistant" && /* @__PURE__ */ e.createElement("span", { className: "k-input-suffix k-input-suffix-horizontal" }, Z && /* @__PURE__ */ e.createElement(
+      tt,
+      {
+        ...Z,
+        "aria-label": h.toLanguageString(
+          P,
+          C[P]
+        ),
+        title: h.toLanguageString(
+          P,
+          C[P]
+        ),
+        onResult: Qe
+      }
+    ), /* @__PURE__ */ e.createElement(
+      nt,
+      {
+        className: y("k-smart-box-send", {
+          "k-processing": d,
+          "k-active": d
+        }),
+        type: "button",
+        rounded: "full",
+        size: "small",
+        title: h.toLanguageString(
+          L,
+          C[L]
+        ),
+        "aria-label": h.toLanguageString(
+          L,
+          C[L]
+        ),
+        "aria-disabled": o.length === 0,
+        svgIcon: d ? at : st,
+        disabled: o.length === 0 && !d,
+        onClick: W
+      }
+    ))
+  ), /* @__PURE__ */ e.createElement(
+    pt,
+    {
+      ref: J,
+      anchor: p.current,
+      show: Ze,
+      popupClass: "k-smart-box-popup",
+      style: { width: De },
+      anchorAlign: { horizontal: "left", vertical: "bottom" },
+      popupAlign: { horizontal: "left", vertical: "top" },
+      margin: { horizontal: 0, vertical: 2 },
+      onMouseDownOutside: (t) => {
+        const r = t.event.target;
+        p.current && !p.current.contains(r) && s(!1);
+      }
+    },
+    _e()
+  ));
+});
+vt.displayName = "KendoReactSmartBox";
+export {
+  vt as SmartBox
+};

package/toolbar-tools/smartbox/defaultConfigs.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SpeechToTextButtonProps } from '@progress/kendo-react-buttons';
+import { GridSmartBoxSearchProps, GridSmartBoxSemanticSearchConfigProps, GridSmartBoxAIAssistantConfigProps } from './interfaces/index.js';
+import { GridSmartBoxHistoryProps } from './interfaces/utilTypes.js';
+/**
+ * @hidden
+ */
+export declare const defaultHistoryProps: GridSmartBoxHistoryProps;
+/**
+ * @hidden
+ */
+export declare const defaultSearchProps: GridSmartBoxSearchProps;
+/**
+ * @hidden
+ */
+export declare const defaultSemanticSearchProps: GridSmartBoxSemanticSearchConfigProps;
+/**
+ * @hidden
+ */
+export declare const defaultAiAssistantProps: GridSmartBoxAIAssistantConfigProps;
+/**
+ * @hidden
+ */
+export declare const DEFAULT_STB_SETTINGS: SpeechToTextButtonProps;

package/toolbar-tools/smartbox/defaultConfigs.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={size:5,timestampFormat:"HH:mm"},s={enabled:!1,fields:[],delay:300,history:e},t={enabled:!1,delay:300,history:e},a={enabled:!1,promptSuggestions:[],speechToTextButton:!1,history:e},o={fillMode:"clear",size:"small",rounded:"full"};exports.DEFAULT_STB_SETTINGS=o;exports.defaultAiAssistantProps=a;exports.defaultHistoryProps=e;exports.defaultSearchProps=s;exports.defaultSemanticSearchProps=t;

package/toolbar-tools/smartbox/defaultConfigs.mjs

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const e = {
+  size: 5,
+  timestampFormat: "HH:mm"
+}, s = {
+  enabled: !1,
+  fields: [],
+  delay: 300,
+  history: e
+}, t = {
+  enabled: !1,
+  delay: 300,
+  history: e
+}, a = {
+  enabled: !1,
+  promptSuggestions: [],
+  speechToTextButton: !1,
+  history: e
+}, l = {
+  fillMode: "clear",
+  size: "small",
+  rounded: "full"
+};
+export {
+  l as DEFAULT_STB_SETTINGS,
+  a as defaultAiAssistantProps,
+  e as defaultHistoryProps,
+  s as defaultSearchProps,
+  t as defaultSemanticSearchProps
+};

package/toolbar-tools/smartbox/hooks/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export * from './useDebounce.js';
+export * from './useSmartBoxModes.js';
+export * from './useSmartBoxHistory.js';
+export * from './useSmartBoxSearch.js';
+export * from './useSmartBoxPopup.js';
+export * from './useSmartBoxGridState.js';
+export * from './useSmartBoxListData.js';
+export * from './useSmartBoxInput.js';
+export * from './useSmartBoxLabels.js';
+export * from './useSmartBoxSegmentedControl.js';

package/toolbar-tools/smartbox/hooks/useDebounce.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const useDebounce: <T>(value: T, delay?: number) => T;

package/toolbar-tools/smartbox/hooks/useDebounce.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=(e,t=500)=>{const[o,c]=u.useState(e);return u.useEffect(()=>{const n=setTimeout(()=>{c(e)},t);return()=>clearTimeout(n)},[e,t]),o};exports.useDebounce=s;

package/toolbar-tools/smartbox/hooks/useDebounce.mjs

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { useState as n, useEffect as r } from "react";
+const m = (e, t = 500) => {
+  const [o, u] = n(e);
+  return r(() => {
+    const c = setTimeout(() => {
+      u(e);
+    }, t);
+    return () => clearTimeout(c);
+  }, [e, t]), o;
+};
+export {
+  m as useDebounce
+};