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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/GridClientWrapper.js +1 -1
  2. package/GridClientWrapper.mjs +625 -555
  3. package/GridComponent.js +1 -1
  4. package/GridComponent.mjs +419 -433
  5. package/components/StickyGroupTable.d.ts +42 -0
  6. package/components/StickyGroupTable.js +9 -0
  7. package/components/StickyGroupTable.mjs +82 -0
  8. package/components/colGroup/GridColGroup.js +1 -1
  9. package/components/colGroup/GridColGroup.mjs +9 -9
  10. package/dist/cdn/js/kendo-react-grid.js +1 -1
  11. package/drag/ColumnResize.d.ts +8 -0
  12. package/drag/ColumnResize.js +1 -1
  13. package/drag/ColumnResize.mjs +125 -108
  14. package/getRowContents.d.ts +58 -0
  15. package/getRowContents.js +8 -0
  16. package/getRowContents.mjs +100 -0
  17. package/{toolbar-tools/smartbox/SegmentedControl.d.ts → header/GridHeaderGroupSpacerCell.d.ts} +2 -2
  18. package/header/GridHeaderGroupSpacerCell.js +9 -0
  19. package/header/GridHeaderGroupSpacerCell.mjs +23 -0
  20. package/hooks/useStickyGroups.d.ts +71 -0
  21. package/hooks/useStickyGroups.js +9 -0
  22. package/hooks/useStickyGroups.mjs +350 -0
  23. package/index.js +1 -1
  24. package/index.mjs +8 -10
  25. package/interfaces/GridGroupableSettings.d.ts +23 -0
  26. package/messages/index.d.ts +5 -0
  27. package/messages/index.js +2 -2
  28. package/messages/index.mjs +28 -26
  29. package/package-metadata.js +1 -1
  30. package/package-metadata.mjs +1 -1
  31. package/package.json +17 -17
  32. package/stacked/StackedModeComponents.d.ts +1 -0
  33. package/stacked/StackedModeComponents.js +1 -1
  34. package/stacked/StackedModeComponents.mjs +14 -14
  35. package/toolbar-tools/smartbox/SmartBox.js +1 -1
  36. package/toolbar-tools/smartbox/SmartBox.mjs +102 -94
  37. package/toolbar-tools/smartbox/hooks/useSmartBoxSegmentedControl.d.ts +12 -3
  38. package/toolbar-tools/smartbox/hooks/useSmartBoxSegmentedControl.js +1 -1
  39. package/toolbar-tools/smartbox/hooks/useSmartBoxSegmentedControl.mjs +42 -41
  40. package/toolbar-tools/smartbox/index.d.ts +0 -1
  41. package/toolbar-tools/smartbox/interfaces/index.d.ts +0 -1
  42. package/toolbar-tools/smartbox/SegmentedControl.js +0 -8
  43. package/toolbar-tools/smartbox/SegmentedControl.mjs +0 -109
  44. package/toolbar-tools/smartbox/interfaces/SegmentedControlTypes.d.ts +0 -66
@@ -5,7 +5,7 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- const e = "grid.noRecords", t = "grid.pagerInfo", r = "grid.pagerFirstPage", o = "grid.pagerPreviousPage", a = "grid.pagerNextPage", i = "grid.pagerLastPage", l = "grid.pagerItemsPerPage", s = "grid.pagerPage", n = "grid.pagerPageSizeAriaLabel", g = "grid.pagerOf", d = "grid.pagerTotalPages", c = "grid.groupPanelEmpty", p = "grid.groupColumn", u = "grid.ungroupColumn", m = "grid.columnMenu", h = "grid.filterApplyButton", C = "grid.filterClearButton", S = "grid.filterClearAllButton", f = "grid.filterResetButton", B = "grid.filterSubmitButton", x = "grid.filterTitle", A = "grid.sortAscending", P = "grid.sortDescending", b = "grid.sortClearButton", I = "grid.sortApplyButton", T = "grid.searchPlaceholder", v = "grid.searchboxPlaceholder", y = "grid.exportPDF", O = "grid.exportCSV", D = "grid.filterCheckAll", M = "grid.filterChooseOperator", F = "grid.filterSelectAll", E = "grid.filterSelectedItems", L = "grid.sortAriaLabel", R = "grid.editDialogTitle", G = "grid.editDialogSaveButtonTitle", N = "grid.editDialogCancelButtonTitle", w = "grid.filterAriaLabel", k = "grid.groupPanelAriaLabel", q = "grid.groupExpand", W = "grid.groupCollapse", z = "grid.groupClearButton", V = "grid.groupApplyButton", U = "grid.detailExpand", j = "grid.detailCollapse", H = "grid.selectRow", J = "grid.gridAriaLabel", K = "grid.gridRowReorderAriaLabel", Q = "grid.gridAdaptiveColumnMenuFilterTitle", X = "grid.columnMenuColumnChooserTitle", Y = "grid.columnMenuColumnChooserSelectedItems", Z = "grid.adaptiveColumnMenuChooserTitle", _ = "grid.adaptiveColumnMenuChooserSubTitle", $ = "grid.columnChooserApplyButton", ee = "grid.columnChooserResetButton", te = "grid.adaptiveColumnMenuCheckboxFilterTitle", re = "grid.adaptiveToolbarSortTitle", oe = "grid.adaptiveToolbarGroupTitle", ae = "grid.toolbarSort", ie = "grid.toolbarAI", le = "grid.aIResponseData", se = "grid.generatedWithAI", ne = "grid.toolbarAIApply", ge = "grid.toolbarGroup", de = "grid.toolbarFilter", ce = "grid.toolbarColumnsChooser", pe = "grid.toolbarCheckboxFilter", ue = "grid.smartBoxSearchPlaceholder", me = "grid.smartBoxSemanticSearchPlaceholder", he = "grid.smartBoxAIAssistantPlaceholder", Ce = "grid.smartBoxSuggestedPrompts", Se = "grid.smartBoxPreviouslySearched", fe = "grid.smartBoxPreviouslyAsked", Be = "grid.smartBoxNoPreviousSearches", xe = "grid.smartBoxNoPreviousPrompts", Ae = "grid.smartBoxClearTitle", Pe = "grid.smartBoxSubmitPromptButton", be = "grid.smartBoxSpeechToTextButton", Ie = "grid.smartBoxSearchModeText", Te = "grid.smartBoxSearchModeDescription", ve = "grid.smartBoxSemanticSearchModeText", ye = "grid.smartBoxSemanticSearchModeDescription", Oe = {
8
+ const e = "grid.noRecords", r = "grid.pagerInfo", t = "grid.pagerFirstPage", o = "grid.pagerPreviousPage", a = "grid.pagerNextPage", i = "grid.pagerLastPage", l = "grid.pagerItemsPerPage", s = "grid.pagerPage", n = "grid.pagerPageSizeAriaLabel", g = "grid.pagerOf", d = "grid.pagerTotalPages", c = "grid.groupPanelEmpty", p = "grid.groupColumn", u = "grid.ungroupColumn", m = "grid.columnMenu", h = "grid.filterApplyButton", C = "grid.filterClearButton", S = "grid.filterClearAllButton", f = "grid.filterResetButton", B = "grid.filterSubmitButton", x = "grid.filterTitle", A = "grid.sortAscending", b = "grid.sortDescending", P = "grid.sortClearButton", I = "grid.sortApplyButton", T = "grid.searchPlaceholder", v = "grid.searchboxPlaceholder", y = "grid.exportPDF", O = "grid.exportCSV", D = "grid.filterCheckAll", M = "grid.filterChooseOperator", F = "grid.filterSelectAll", L = "grid.filterSelectedItems", E = "grid.sortAriaLabel", G = "grid.editDialogTitle", R = "grid.editDialogSaveButtonTitle", N = "grid.editDialogCancelButtonTitle", w = "grid.filterAriaLabel", k = "grid.groupPanelAriaLabel", q = "grid.groupExpand", W = "grid.groupCollapse", z = "grid.groupClearButton", V = "grid.groupApplyButton", U = "grid.detailExpand", j = "grid.detailCollapse", H = "grid.selectRow", J = "grid.gridAriaLabel", K = "grid.gridRowReorderAriaLabel", Q = "grid.gridAdaptiveColumnMenuFilterTitle", X = "grid.columnMenuColumnChooserTitle", Y = "grid.columnMenuColumnChooserSelectedItems", Z = "grid.adaptiveColumnMenuChooserTitle", _ = "grid.adaptiveColumnMenuChooserSubTitle", $ = "grid.columnChooserApplyButton", ee = "grid.columnChooserResetButton", re = "grid.adaptiveColumnMenuCheckboxFilterTitle", te = "grid.adaptiveToolbarSortTitle", oe = "grid.adaptiveToolbarGroupTitle", ae = "grid.toolbarSort", ie = "grid.toolbarAI", le = "grid.aIResponseData", se = "grid.generatedWithAI", ne = "grid.toolbarAIApply", ge = "grid.toolbarGroup", de = "grid.toolbarFilter", ce = "grid.toolbarColumnsChooser", pe = "grid.toolbarCheckboxFilter", ue = "grid.smartBoxSearchPlaceholder", me = "grid.smartBoxSemanticSearchPlaceholder", he = "grid.smartBoxAIAssistantPlaceholder", Ce = "grid.smartBoxSuggestedPrompts", Se = "grid.smartBoxPreviouslySearched", fe = "grid.smartBoxPreviouslyAsked", Be = "grid.smartBoxNoPreviousSearches", xe = "grid.smartBoxNoPreviousPrompts", Ae = "grid.smartBoxClearTitle", be = "grid.smartBoxSubmitPromptButton", Pe = "grid.smartBoxSpeechToTextButton", Ie = "grid.smartBoxSearchModeText", Te = "grid.smartBoxSearchModeDescription", ve = "grid.smartBoxSemanticSearchModeText", ye = "grid.smartBoxSemanticSearchModeDescription", Oe = "grid.headerGroupSpacerAccessibleLabel", De = {
9
9
  [U]: "Expand detail row",
10
10
  [j]: "Collapse detail row",
11
11
  [q]: "Expand group",
@@ -21,11 +21,11 @@ const e = "grid.noRecords", t = "grid.pagerInfo", r = "grid.pagerFirstPage", o =
21
21
  [B]: "Filter",
22
22
  [x]: "Filter",
23
23
  [A]: "Sort Ascending",
24
- [P]: "Sort Descending",
25
- [b]: "Clear sorting",
24
+ [b]: "Sort Descending",
25
+ [P]: "Clear sorting",
26
26
  [I]: "Done",
27
- [L]: "Sortable",
28
- [re]: "Sort by",
27
+ [E]: "Sortable",
28
+ [te]: "Sort by",
29
29
  [oe]: "Group by",
30
30
  [ae]: "Sort",
31
31
  [ie]: "AI Assistant",
@@ -41,8 +41,8 @@ const e = "grid.noRecords", t = "grid.pagerInfo", r = "grid.pagerFirstPage", o =
41
41
  [u]: "Ungroup Column",
42
42
  [m]: "Column menu",
43
43
  [l]: "items per page",
44
- [t]: "{0} - {1} of {2} items",
45
- [r]: "Go to the first page",
44
+ [r]: "{0} - {1} of {2} items",
45
+ [t]: "Go to the first page",
46
46
  [o]: "Go to the previous page",
47
47
  [a]: "Go to the next page",
48
48
  [i]: "Go to the last page",
@@ -55,14 +55,15 @@ const e = "grid.noRecords", t = "grid.pagerInfo", r = "grid.pagerFirstPage", o =
55
55
  [y]: "Export PDF",
56
56
  [O]: "Export CSV",
57
57
  [D]: "Check All",
58
- [R]: "Edit Dialog",
59
- [G]: "Save",
58
+ [G]: "Edit Dialog",
59
+ [R]: "Save",
60
60
  [N]: "Cancel",
61
61
  [M]: "Choose Operator",
62
- [E]: "selected items",
62
+ [L]: "selected items",
63
63
  [F]: "Select All",
64
64
  [w]: "Filter",
65
65
  [k]: "Group panel",
66
+ [Oe]: "Group",
66
67
  [J]: "Table",
67
68
  [K]: "Drag row",
68
69
  [H]: "Select Row",
@@ -70,7 +71,7 @@ const e = "grid.noRecords", t = "grid.pagerInfo", r = "grid.pagerFirstPage", o =
70
71
  [Q]: "Filter by",
71
72
  [Z]: "Columns Chooser",
72
73
  [_]: "Selected fields are visible",
73
- [te]: "Filter by",
74
+ [re]: "Filter by",
74
75
  [Y]: "Selected items",
75
76
  [$]: "Apply",
76
77
  [ee]: "Reset",
@@ -83,8 +84,8 @@ const e = "grid.noRecords", t = "grid.pagerInfo", r = "grid.pagerFirstPage", o =
83
84
  [Be]: "No previous searches",
84
85
  [xe]: "No previous prompts",
85
86
  [Ae]: "Clear",
86
- [Pe]: "Submit prompt",
87
- [be]: "Speech to text",
87
+ [be]: "Submit prompt",
88
+ [Pe]: "Speech to text",
88
89
  [Ie]: "Search",
89
90
  [Te]: "Looks for exact word matches across your data.",
90
91
  [ve]: "Semantic Search",
@@ -115,12 +116,12 @@ const e = "grid.noRecords", t = "grid.pagerInfo", r = "grid.pagerFirstPage", o =
115
116
  };
116
117
  export {
117
118
  le as aIResponseData,
118
- te as adaptiveColumnMenuCheckboxFilterTitle,
119
+ re as adaptiveColumnMenuCheckboxFilterTitle,
119
120
  _ as adaptiveColumnMenuChooserSubTitle,
120
121
  Z as adaptiveColumnMenuChooserTitle,
121
122
  Q as adaptiveColumnMenuFilterTitle,
122
123
  oe as adaptiveToolbarGroupTitle,
123
- re as adaptiveToolbarSortTitle,
124
+ te as adaptiveToolbarSortTitle,
124
125
  $ as columnChooserApplyButton,
125
126
  ee as columnChooserResetButton,
126
127
  m as columnMenu,
@@ -129,8 +130,8 @@ export {
129
130
  j as detailCollapse,
130
131
  U as detailExpand,
131
132
  N as editDialogCancelButtonTitle,
132
- G as editDialogSaveButtonTitle,
133
- R as editDialogTitle,
133
+ R as editDialogSaveButtonTitle,
134
+ G as editDialogTitle,
134
135
  O as exportCSV,
135
136
  y as exportPDF,
136
137
  h as filterApplyButton,
@@ -141,7 +142,7 @@ export {
141
142
  C as filterClearButton,
142
143
  f as filterResetButton,
143
144
  F as filterSelectAll,
144
- E as filterSelectedItems,
145
+ L as filterSelectedItems,
145
146
  B as filterSubmitButton,
146
147
  x as filterTitle,
147
148
  se as generatedWithAI,
@@ -154,10 +155,11 @@ export {
154
155
  q as groupExpand,
155
156
  k as groupPanelAriaLabel,
156
157
  c as groupPanelEmpty,
157
- Oe as messages,
158
+ Oe as headerGroupSpacerAccessibleLabel,
159
+ De as messages,
158
160
  e as noRecords,
159
- r as pagerFirstPage,
160
- t as pagerInfo,
161
+ t as pagerFirstPage,
162
+ r as pagerInfo,
161
163
  l as pagerItemPerPage,
162
164
  i as pagerLastPage,
163
165
  a as pagerNextPage,
@@ -181,14 +183,14 @@ export {
181
183
  ye as smartBoxSemanticSearchModeDescription,
182
184
  ve as smartBoxSemanticSearchModeText,
183
185
  me as smartBoxSemanticSearchPlaceholder,
184
- be as smartBoxSpeechToTextButton,
185
- Pe as smartBoxSubmitPromptButton,
186
+ Pe as smartBoxSpeechToTextButton,
187
+ be as smartBoxSubmitPromptButton,
186
188
  Ce as smartBoxSuggestedPrompts,
187
189
  I as sortApplyButton,
188
- L as sortAriaLabel,
190
+ E as sortAriaLabel,
189
191
  A as sortAscending,
190
- b as sortClearButton,
191
- P as sortDescending,
192
+ P as sortClearButton,
193
+ b as sortDescending,
192
194
  ie as toolbarAI,
193
195
  ne as toolbarAIApply,
194
196
  pe as toolbarCheckboxFilter,
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1772817614,version:"14.2.2-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-grid",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1773414331,version:"14.3.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
@@ -8,6 +8,6 @@ export const packageMetadata = Object.freeze({
8
8
  productCode: 'KENDOUIREACT',
9
9
  productCodes: ['KENDOUIREACT'],
10
10
  publishDate: 0,
11
- version: '14.2.2-develop.1',
11
+ version: '14.3.0-develop.2',
12
12
  licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
13
13
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-grid",
3
- "version": "14.2.2-develop.1",
3
+ "version": "14.3.0-develop.2",
4
4
  "description": "React Data Grid (Table) provides 100+ ready-to-use data grid features. KendoReact Grid package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -29,21 +29,21 @@
29
29
  "@progress/kendo-data-query": "^1.7.2",
30
30
  "@progress/kendo-drawing": "^1.21.2",
31
31
  "@progress/kendo-licensing": "^1.7.2",
32
- "@progress/kendo-react-animation": "14.2.2-develop.1",
33
- "@progress/kendo-react-buttons": "14.2.2-develop.1",
34
- "@progress/kendo-react-common": "14.2.2-develop.1",
35
- "@progress/kendo-react-data-tools": "14.2.2-develop.1",
36
- "@progress/kendo-react-dateinputs": "14.2.2-develop.1",
37
- "@progress/kendo-react-indicators": "14.2.2-develop.1",
38
- "@progress/kendo-react-form": "14.2.2-develop.1",
39
- "@progress/kendo-react-labels": "14.2.2-develop.1",
40
- "@progress/kendo-react-dialogs": "14.2.2-develop.1",
41
- "@progress/kendo-react-dropdowns": "14.2.2-develop.1",
42
- "@progress/kendo-react-inputs": "14.2.2-develop.1",
43
- "@progress/kendo-react-intl": "14.2.2-develop.1",
44
- "@progress/kendo-react-popup": "14.2.2-develop.1",
45
- "@progress/kendo-react-layout": "14.2.2-develop.1",
46
- "@progress/kendo-react-conversational-ui": "14.2.2-develop.1",
32
+ "@progress/kendo-react-animation": "14.3.0-develop.2",
33
+ "@progress/kendo-react-buttons": "14.3.0-develop.2",
34
+ "@progress/kendo-react-common": "14.3.0-develop.2",
35
+ "@progress/kendo-react-data-tools": "14.3.0-develop.2",
36
+ "@progress/kendo-react-dateinputs": "14.3.0-develop.2",
37
+ "@progress/kendo-react-indicators": "14.3.0-develop.2",
38
+ "@progress/kendo-react-form": "14.3.0-develop.2",
39
+ "@progress/kendo-react-labels": "14.3.0-develop.2",
40
+ "@progress/kendo-react-dialogs": "14.3.0-develop.2",
41
+ "@progress/kendo-react-dropdowns": "14.3.0-develop.2",
42
+ "@progress/kendo-react-inputs": "14.3.0-develop.2",
43
+ "@progress/kendo-react-intl": "14.3.0-develop.2",
44
+ "@progress/kendo-react-popup": "14.3.0-develop.2",
45
+ "@progress/kendo-react-layout": "14.3.0-develop.2",
46
+ "@progress/kendo-react-conversational-ui": "14.3.0-develop.2",
47
47
  "@progress/kendo-svg-icons": "^4.0.0",
48
48
  "react": "^18.0.0 || ^19.0.0",
49
49
  "react-dom": "^18.0.0 || ^19.0.0",
@@ -148,7 +148,7 @@
148
148
  "package": {
149
149
  "productName": "KendoReact",
150
150
  "productCode": "KENDOUIREACT",
151
- "publishDate": 1772817614,
151
+ "publishDate": 1773414331,
152
152
  "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
153
153
  }
154
154
  },
@@ -11,6 +11,7 @@ import * as React from 'react';
11
11
  */
12
12
  export interface StackedModeColGroupProps {
13
13
  groupLevelCount: number;
14
+ colGroupRef?: React.Ref<HTMLTableColElement> | ((element: HTMLTableColElement | null) => void);
14
15
  }
15
16
  /**
16
17
  * @hidden
@@ -6,4 +6,4 @@
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
8
  "use client";
9
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),y=require("../components/colGroup/GridColGroup.js");function f(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=f(k),c=({groupLevelCount:e})=>o.createElement(y.GridColGroup,null,Array.from({length:e},(r,t)=>o.createElement("col",{key:`group-col-${t}`,className:"k-group-col"})),o.createElement("col",null));c.displayName="KendoReactStackedModeColGroup";const n=({detailRowId:e,className:r,isHidden:t,detailRowHeight:l,ariaRowIndex:d,groupLevelCount:a,dataItem:i,dataIndex:u,detail:s,id:p,DetailCell:m})=>o.createElement("tr",{key:e,className:r,style:{visibility:t?"hidden":"",height:l},role:"row","aria-rowindex":d},Array.from({length:a},(b,g)=>o.createElement("td",{key:`group-cell-${e}-${g}`,className:"k-table-group-td k-group-cell k-table-td"})),o.createElement(m,{dataItem:i,dataIndex:u,colSpan:1,ariaColIndex:1+a,detail:s,id:p}));n.displayName="KendoReactStackedModeDetailRow";exports.StackedModeColGroup=c;exports.StackedModeDetailRow=n;
9
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),y=require("../components/colGroup/GridColGroup.js");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=f(k),c=({groupLevelCount:e,colGroupRef:t})=>a.createElement(y.GridColGroup,{colGroupRef:t},Array.from({length:e},(r,o)=>a.createElement("col",{key:`group-col-${o}`,className:"k-group-col"})),a.createElement("col",null));c.displayName="KendoReactStackedModeColGroup";const n=({detailRowId:e,className:t,isHidden:r,detailRowHeight:o,ariaRowIndex:d,groupLevelCount:l,dataItem:i,dataIndex:u,detail:s,id:p,DetailCell:m})=>a.createElement("tr",{key:e,className:t,style:{visibility:r?"hidden":"",height:o},role:"row","aria-rowindex":d},Array.from({length:l},(b,g)=>a.createElement("td",{key:`group-cell-${e}-${g}`,className:"k-table-group-td k-group-cell k-table-td"})),a.createElement(m,{dataItem:i,dataIndex:u,colSpan:1,ariaColIndex:1+l,detail:s,id:p}));n.displayName="KendoReactStackedModeDetailRow";exports.StackedModeColGroup=c;exports.StackedModeDetailRow=n;
@@ -8,17 +8,17 @@
8
8
  "use client";
9
9
  import * as e from "react";
10
10
  import { GridColGroup as s } from "../components/colGroup/GridColGroup.mjs";
11
- const u = ({ groupLevelCount: t }) => /* @__PURE__ */ e.createElement(s, null, Array.from({ length: t }, (l, r) => /* @__PURE__ */ e.createElement("col", { key: `group-col-${r}`, className: "k-group-col" })), /* @__PURE__ */ e.createElement("col", null));
11
+ const u = ({ groupLevelCount: t, colGroupRef: r }) => /* @__PURE__ */ e.createElement(s, { colGroupRef: r }, Array.from({ length: t }, (a, o) => /* @__PURE__ */ e.createElement("col", { key: `group-col-${o}`, className: "k-group-col" })), /* @__PURE__ */ e.createElement("col", null));
12
12
  u.displayName = "KendoReactStackedModeColGroup";
13
13
  const y = ({
14
14
  detailRowId: t,
15
- className: l,
16
- isHidden: r,
17
- detailRowHeight: a,
15
+ className: r,
16
+ isHidden: a,
17
+ detailRowHeight: o,
18
18
  ariaRowIndex: c,
19
- groupLevelCount: o,
20
- dataItem: n,
21
- dataIndex: d,
19
+ groupLevelCount: l,
20
+ dataItem: d,
21
+ dataIndex: n,
22
22
  detail: m,
23
23
  id: i,
24
24
  DetailCell: p
@@ -26,22 +26,22 @@ const y = ({
26
26
  "tr",
27
27
  {
28
28
  key: t,
29
- className: l,
29
+ className: r,
30
30
  style: {
31
- visibility: r ? "hidden" : "",
32
- height: a
31
+ visibility: a ? "hidden" : "",
32
+ height: o
33
33
  },
34
34
  role: "row",
35
35
  "aria-rowindex": c
36
36
  },
37
- Array.from({ length: o }, (g, k) => /* @__PURE__ */ e.createElement("td", { key: `group-cell-${t}-${k}`, className: "k-table-group-td k-group-cell k-table-td" })),
37
+ Array.from({ length: l }, (g, k) => /* @__PURE__ */ e.createElement("td", { key: `group-cell-${t}-${k}`, className: "k-table-group-td k-group-cell k-table-td" })),
38
38
  /* @__PURE__ */ e.createElement(
39
39
  p,
40
40
  {
41
- dataItem: n,
42
- dataIndex: d,
41
+ dataItem: d,
42
+ dataIndex: n,
43
43
  colSpan: 1,
44
- ariaColIndex: 1 + o,
44
+ ariaColIndex: 1 + l,
45
45
  detail: m,
46
46
  id: i
47
47
  }
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ze=require("react"),et=require("./SegmentedControl.js"),me=require("@progress/kendo-react-buttons"),K=require("@progress/kendo-svg-icons"),d=require("@progress/kendo-react-common"),tt=require("@progress/kendo-react-intl"),nt=require("../../hooks/useGridAIRequest.js"),st=require("../../utils/GridContext.js"),_=require("@progress/kendo-react-dropdowns"),rt=require("@progress/kendo-react-popup"),R=require("./listItemRenders.js"),o=require("../../messages/index.js"),at=require("./hooks/useSmartBoxModes.js"),ot=require("./hooks/useSmartBoxHistory.js"),ct=require("./hooks/useSmartBoxPopup.js"),it=require("./hooks/useSmartBoxGridState.js"),lt=require("./hooks/useSmartBoxLabels.js"),ut=require("./hooks/useSmartBoxListData.js"),pt=require("./hooks/useSmartBoxSegmentedControl.js"),dt=require("./hooks/useSmartBoxSearch.js"),mt=require("./hooks/useDebounce.js");function gt(m){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const f in m)if(f!=="default"){const I=Object.getOwnPropertyDescriptor(m,f);Object.defineProperty(b,f,I.get?I:{enumerable:!0,get:()=>m[f]})}}return b.default=m,Object.freeze(b)}const e=gt(Ze),ge=e.forwardRef((m,b)=>{var pe;const{searchConfig:f,semanticSearchConfig:I,aiAssistantConfig:he,activeMode:fe,dir:Se="ltr",size:M="medium",placeholder:ke,history:be,loading:xe=!1,promptSuggestionRender:A,historyItemRender:J,onOpen:Ce,onClose:Be,onFocus:q,onBlur:v,onSearch:Re,onSemanticSearch:Ie,onAIPromptRequest:H,onAIResponseSuccess:N,onAIResponseError:F,onAICancelRequest:w}=m,x=tt.useLocalization(),C=e.useContext(st.GridContext),qe=e.useRef(`k-${d.guid()}`),S=e.useRef(null),B=e.useRef(null),Q=e.useRef(null),[c,g]=e.useState(""),[ve,P]=e.useState(!1),[we,X]=e.useState(void 0),[Pe,Y]=e.useState(null),{searchMode:i,semanticSearchMode:u,aiAssistantMode:r,selectedView:n,setSelectedViewState:O,lastSearchMode:De,searchHistorySettings:Z,semanticSearchHistorySettings:ee,aiAssistantHistorySettings:z,speechToTextButtonSettings:te,currentSearchDelay:ye}=at.useSmartBoxModes({searchConfigProp:f,semanticSearchConfigProp:I,aiAssistantConfigProp:he,activeModeProp:fe,sharedHistory:be}),{currentHistory:D,currentHistorySettings:Ee,addToHistory:G}=ot.useSmartBoxHistory({selectedView:n,searchHistorySettings:Z,semanticSearchHistorySettings:ee,aiAssistantHistorySettings:z}),{isOpen:V,togglePopup:a}=ct.useSmartBoxPopup({onOpen:Ce,onClose:Be}),{columns:ne,gridState:Le,gridRef:Te,handleStateChange:He}=it.useSmartBoxGridState(C),W=e.useMemo(()=>(r==null?void 0:r.promptSuggestions)||[],[r==null?void 0:r.promptSuggestions]),{inputPlaceholder:Ne,prefixIcon:Fe}=lt.useSmartBoxLabels({selectedView:n,searchMode:i,semanticSearchMode:u,aiAssistantMode:r,sharedPlaceholder:ke}),{searchListData:k,aiAssistantListData:y,searchHistoryListData:E}=ut.useSmartBoxListData({selectedView:n,searchModeEnabled:i==null?void 0:i.enabled,semanticSearchModeEnabled:u==null?void 0:u.enabled,promptSuggestions:W,currentHistory:D,currentHistorySettings:Ee}),se=pt.useSmartBoxSegmentedControl({searchMode:i,semanticSearchMode:u,aiAssistantMode:r,selectedView:n,lastSearchMode:De,setSelectedViewState:O,setInputValue:g});e.useEffect(()=>{const t=S.current;if(!t)return;X(t.offsetWidth);const s=new ResizeObserver(()=>{t&&X(t.offsetWidth)});return s.observe(t),()=>{s.disconnect()}},[]);const h=xe||ve,j=!n,Oe=!(i!=null&&i.enabled)&&!(u!=null&&u.enabled)&&!(r!=null&&r.enabled),ze=d.kendoThemeMaps.sizeMap[M]||"md",{emitSearchEvent:p}=dt.useSmartBoxSearch({selectedView:n,searchMode:i,columns:ne,gridContext:C,searchHistorySettings:Z,semanticSearchHistorySettings:ee,addToHistory:G,onSearch:Re,onSemanticSearch:Ie}),{sendRequest:re,cancelRequest:ae}=nt.useGridAIRequest({requestUrl:r==null?void 0:r.requestUrl,requestOptions:r==null?void 0:r.requestOptions,columns:ne,gridState:Le,gridRef:Te,onPromptRequest:t=>{H==null||H({requestData:t})},onResponseSuccess:t=>{P(!1),N==null||N({response:t})},onResponseError:t=>{P(!1),F==null||F({error:t})},onStateChange:He,onExportPdf:()=>C==null?void 0:C.exportAsPdf()});e.useImperativeHandle(b,()=>({show:()=>a(!0),hide:()=>a(!1)}),[a]);const U=mt.useDebounce(Pe,ye),oe=e.useRef(p);oe.current=p,e.useEffect(()=>{U!==null&&oe.current(U)},[U]);const Ge=e.useCallback(t=>{const s=t.target.value;g(s),a(!s),(n==="search"||n==="semanticSearch")&&Y(s)},[a,n]),Ve=e.useCallback(()=>{q==null||q(),c||a(!0)},[q,a,c]),We=e.useCallback(t=>{var de;const s=S.current,l=(de=Q.current)==null?void 0:de.element,T=t.relatedTarget,Xe=T&&(s==null?void 0:s.contains(T)),Ye=T&&(l==null?void 0:l.contains(T));!Xe&&!Ye&&(v==null||v(),a(!1))},[v,a]),je=e.useCallback(()=>{c||a(!0)},[a,c]),ce=!!((pe=r==null?void 0:r.requestOptions)!=null&&pe.url||r!=null&&r.requestUrl),$=e.useCallback(()=>{if(h){w==null||w(),ae(),P(!1);return}c.trim()&&(ce&&P(!0),G("aiAssistant",c,z),a(!1),re(c.trim()),g(""))},[h,c,z,a,G,re,ae,ce,w]),Ue=e.useCallback(t=>{t.key==="Enter"&&(n==="aiAssistant"?$():n==="semanticSearch"&&p(c))},[n,c,p,$]),$e=e.useCallback(()=>{var t;a(!V),(t=B.current)==null||t.focus()},[V,a]),Ke=e.useCallback(t=>{var s;t.stopPropagation(),t.preventDefault(),g(""),(s=B.current)==null||s.focus(),a(!0),p("")},[a,p]),ie=e.useCallback(t=>{var s;O(t),g(""),Y(null),(s=B.current)==null||s.focus()},[O]),L=e.useCallback(t=>{var s;g(t),a(!1),(s=B.current)==null||s.focus(),n!=="aiAssistant"&&p(t)},[n,a,p]),_e=e.useCallback(t=>{if(t.isFinal&&t.alternatives.length>0){const s=t.alternatives[0].transcript;g(l=>l?`${l} ${s}`:s)}},[]),Me=e.useMemo(()=>n==="aiAssistant"?D.length===0&&W.length===0:n==="search"||n==="semanticSearch"?D.length===0&&k.length===0:!1,[n,D.length,W.length,k.length]),le=e.useCallback(t=>{const l=(n==="aiAssistant"?y:E)[t];l&&L(l.text)},[n,y,E,L]),Ae=e.useCallback(t=>{const s=k[t];s&&ie(s.mode)},[k,ie]),ue=e.useMemo(()=>R.createListItemRender({historyItemRender:J,promptSuggestionRender:A,handleListItemClick:L}),[J,A,L]),Je=V&&!Oe,Qe=()=>e.createElement(e.Fragment,null,se.length>0&&e.createElement(et.SegmentedControl,{buttons:se,size:M,stretched:!0}),(n==="search"||n==="semanticSearch")&&k.length>0&&e.createElement(_.List,{data:k,textField:"text",descriptionField:"description",onClick:Ae,itemRender:R.searchModeItemRender,show:!0,wrapperCssClass:"k-list k-list-md"}),n==="aiAssistant"&&y.length>0&&e.createElement(_.List,{data:y,textField:"text",groupField:"group",svgIconField:"groupSvgIcon",descriptionField:"description",onClick:le,itemRender:ue,groupHeaderItemRender:R.listGroupHeaderRender,showFirstGroupHeader:!0,show:!0,wrapperCssClass:"k-list k-list-md"}),(n==="search"||n==="semanticSearch")&&E.length>0&&e.createElement(_.List,{data:E,textField:"text",groupField:"group",svgIconField:"groupSvgIcon",descriptionField:"description",onClick:le,itemRender:ue,groupHeaderItemRender:R.listGroupHeaderRender,showFirstGroupHeader:!0,show:!0,wrapperCssClass:"k-list k-list-md"}),Me&&e.createElement(R.NoDataRender,{selectedView:n}));return e.createElement("div",{ref:S,className:"k-smart-box-wrapper",dir:Se,onBlur:We},e.createElement("span",{className:d.classNames("k-smart-box","k-input",`k-input-${ze}`,{"k-loading":h})},!j&&e.createElement("span",{className:"k-input-prefix k-input-prefix-horizontal"},e.createElement(d.IconWrap,{className:d.classNames("k-icon",{"k-accent-icon":n==="aiAssistant"||n==="semanticSearch"}),icon:Fe.svgIcon,onClick:$e,onMouseDown:t=>{"preventDefault"in t&&t.preventDefault()}})),e.createElement("input",{ref:B,type:"text",className:d.classNames("k-input-inner",{"k-disabled":j}),id:qe.current,placeholder:Ne,value:c,disabled:j,onChange:Ge,onFocus:Ve,onClick:je,onKeyDown:Ue}),c.length>0&&(n==="search"||n==="semanticSearch")&&e.createElement("span",{className:"k-clear-value",title:x.toLanguageString(o.smartBoxClearTitle,o.messages[o.smartBoxClearTitle]),role:"button",tabIndex:-1,onClick:Ke,onMouseDown:t=>t.preventDefault()},e.createElement(d.IconWrap,{className:"k-icon",icon:K.xIcon})),n==="aiAssistant"&&e.createElement("span",{className:"k-input-suffix k-input-suffix-horizontal"},te&&e.createElement(me.SpeechToTextButton,{...te,"aria-label":x.toLanguageString(o.smartBoxSpeechToTextButton,o.messages[o.smartBoxSpeechToTextButton]),title:x.toLanguageString(o.smartBoxSpeechToTextButton,o.messages[o.smartBoxSpeechToTextButton]),onResult:_e}),e.createElement(me.Button,{className:d.classNames("k-smart-box-send",{"k-processing":h,"k-active":h}),type:"button",rounded:"full",size:"small",title:x.toLanguageString(o.smartBoxSubmitPromptButton,o.messages[o.smartBoxSubmitPromptButton]),"aria-label":x.toLanguageString(o.smartBoxSubmitPromptButton,o.messages[o.smartBoxSubmitPromptButton]),"aria-disabled":c.length===0,svgIcon:h?K.stopSmIcon:K.arrowUpOutlineIcon,disabled:c.length===0&&!h,onClick:$}))),e.createElement(rt.Popup,{ref:Q,anchor:S.current,show:Je,popupClass:"k-smart-box-popup",style:{width:we},anchorAlign:{horizontal:"left",vertical:"bottom"},popupAlign:{horizontal:"left",vertical:"top"},margin:{horizontal:0,vertical:2},onMouseDownOutside:t=>{const s=t.event.target;S.current&&!S.current.contains(s)&&a(!1)}},Qe()))});ge.displayName="KendoReactSmartBox";exports.SmartBox=ge;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ze=require("react"),M=require("@progress/kendo-react-buttons"),_=require("@progress/kendo-svg-icons"),d=require("@progress/kendo-react-common"),et=require("@progress/kendo-react-intl"),A=require("@progress/kendo-react-dropdowns"),tt=require("@progress/kendo-react-popup"),R=require("./listItemRenders.js"),o=require("../../messages/index.js"),nt=require("../../hooks/useGridAIRequest.js"),st=require("../../utils/GridContext.js"),rt=require("./hooks/useSmartBoxModes.js"),at=require("./hooks/useSmartBoxHistory.js"),ot=require("./hooks/useSmartBoxPopup.js"),ct=require("./hooks/useSmartBoxGridState.js"),it=require("./hooks/useSmartBoxLabels.js"),lt=require("./hooks/useSmartBoxListData.js"),ut=require("./hooks/useSmartBoxSegmentedControl.js"),pt=require("./hooks/useSmartBoxSearch.js"),dt=require("./hooks/useDebounce.js");function mt(m){const x=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const f in m)if(f!=="default"){const I=Object.getOwnPropertyDescriptor(m,f);Object.defineProperty(x,f,I.get?I:{enumerable:!0,get:()=>m[f]})}}return x.default=m,Object.freeze(x)}const e=mt(Ze),ge=e.forwardRef((m,x)=>{var de;const{searchConfig:f,semanticSearchConfig:I,aiAssistantConfig:he,activeMode:fe,dir:Se="ltr",size:J="medium",placeholder:ke,history:xe,loading:be=!1,promptSuggestionRender:Q,historyItemRender:X,onOpen:Ce,onClose:Be,onFocus:v,onBlur:q,onSearch:Re,onSemanticSearch:Ie,onAIPromptRequest:N,onAIResponseSuccess:F,onAIResponseError:O,onAICancelRequest:w}=m,b=et.useLocalization(),C=e.useContext(st.GridContext),ve=e.useRef(`k-${d.guid()}`),S=e.useRef(null),B=e.useRef(null),Y=e.useRef(null),[c,g]=e.useState(""),[qe,D]=e.useState(!1),[we,Z]=e.useState(void 0),[De,ee]=e.useState(null),{searchMode:i,semanticSearchMode:u,aiAssistantMode:r,selectedView:n,setSelectedViewState:z,lastSearchMode:Pe,searchHistorySettings:te,semanticSearchHistorySettings:ne,aiAssistantHistorySettings:G,speechToTextButtonSettings:se,currentSearchDelay:ye}=rt.useSmartBoxModes({searchConfigProp:f,semanticSearchConfigProp:I,aiAssistantConfigProp:he,activeModeProp:fe,sharedHistory:xe}),{currentHistory:P,currentHistorySettings:Ee,addToHistory:V}=at.useSmartBoxHistory({selectedView:n,searchHistorySettings:te,semanticSearchHistorySettings:ne,aiAssistantHistorySettings:G}),{isOpen:W,togglePopup:a}=ot.useSmartBoxPopup({onOpen:Ce,onClose:Be}),{columns:re,gridState:Le,gridRef:Te,handleStateChange:He}=ct.useSmartBoxGridState(C),j=e.useMemo(()=>(r==null?void 0:r.promptSuggestions)||[],[r==null?void 0:r.promptSuggestions]),{inputPlaceholder:Ne,prefixIcon:Fe}=it.useSmartBoxLabels({selectedView:n,searchMode:i,semanticSearchMode:u,aiAssistantMode:r,sharedPlaceholder:ke}),{searchListData:k,aiAssistantListData:y,searchHistoryListData:E}=lt.useSmartBoxListData({selectedView:n,searchModeEnabled:i==null?void 0:i.enabled,semanticSearchModeEnabled:u==null?void 0:u.enabled,promptSuggestions:j,currentHistory:P,currentHistorySettings:Ee}),L=ut.useSmartBoxSegmentedControl({searchMode:i,semanticSearchMode:u,aiAssistantMode:r,selectedView:n,lastSearchMode:Pe,setSelectedViewState:z,setInputValue:g});e.useEffect(()=>{const t=S.current;if(!t)return;Z(t.offsetWidth);const s=new ResizeObserver(()=>{t&&Z(t.offsetWidth)});return s.observe(t),()=>{s.disconnect()}},[]);const h=be||qe,U=!n,Oe=!(i!=null&&i.enabled)&&!(u!=null&&u.enabled)&&!(r!=null&&r.enabled),ze=d.kendoThemeMaps.sizeMap[J]||"md",{emitSearchEvent:p}=pt.useSmartBoxSearch({selectedView:n,searchMode:i,columns:re,gridContext:C,searchHistorySettings:te,semanticSearchHistorySettings:ne,addToHistory:V,onSearch:Re,onSemanticSearch:Ie}),{sendRequest:ae,cancelRequest:oe}=nt.useGridAIRequest({requestUrl:r==null?void 0:r.requestUrl,requestOptions:r==null?void 0:r.requestOptions,columns:re,gridState:Le,gridRef:Te,onPromptRequest:t=>{N==null||N({requestData:t})},onResponseSuccess:t=>{D(!1),F==null||F({response:t})},onResponseError:t=>{D(!1),O==null||O({error:t})},onStateChange:He,onExportPdf:()=>C==null?void 0:C.exportAsPdf()});e.useImperativeHandle(x,()=>({show:()=>a(!0),hide:()=>a(!1)}),[a]);const $=dt.useDebounce(De,ye),ce=e.useRef(p);ce.current=p,e.useEffect(()=>{$!==null&&ce.current($)},[$]);const Ge=e.useCallback(t=>{const s=t.target.value;g(s),a(!s),(n==="search"||n==="semanticSearch")&&ee(s)},[a,n]),Ve=e.useCallback(()=>{v==null||v(),c||a(!0)},[v,a,c]),We=e.useCallback(t=>{var me;const s=S.current,l=(me=Y.current)==null?void 0:me.element,H=t.relatedTarget,Xe=H&&(s==null?void 0:s.contains(H)),Ye=H&&(l==null?void 0:l.contains(H));!Xe&&!Ye&&(q==null||q(),a(!1))},[q,a]),je=e.useCallback(()=>{c||a(!0)},[a,c]),ie=!!((de=r==null?void 0:r.requestOptions)!=null&&de.url||r!=null&&r.requestUrl),K=e.useCallback(()=>{if(h){w==null||w(),oe(),D(!1);return}c.trim()&&(ie&&D(!0),V("aiAssistant",c,G),a(!1),ae(c.trim()),g(""))},[h,c,G,a,V,ae,oe,ie,w]),Ue=e.useCallback(t=>{t.key==="Enter"&&(n==="aiAssistant"?K():n==="semanticSearch"&&p(c))},[n,c,p,K]),$e=e.useCallback(()=>{var t;a(!W),(t=B.current)==null||t.focus()},[W,a]),Ke=e.useCallback(t=>{var s;t.stopPropagation(),t.preventDefault(),g(""),(s=B.current)==null||s.focus(),a(!0),p("")},[a,p]),le=e.useCallback(t=>{var s;z(t),g(""),ee(null),(s=B.current)==null||s.focus()},[z]),T=e.useCallback(t=>{var s;g(t),a(!1),(s=B.current)==null||s.focus(),n!=="aiAssistant"&&p(t)},[n,a,p]),Me=e.useCallback(t=>{if(t.isFinal&&t.alternatives.length>0){const s=t.alternatives[0].transcript;g(l=>l?`${l} ${s}`:s)}},[]),_e=e.useMemo(()=>n==="aiAssistant"?P.length===0&&j.length===0:n==="search"||n==="semanticSearch"?P.length===0&&k.length===0:!1,[n,P.length,j.length,k.length]),ue=e.useCallback(t=>{const l=(n==="aiAssistant"?y:E)[t];l&&T(l.text)},[n,y,E,T]),Ae=e.useCallback(t=>{const s=k[t];s&&le(s.mode)},[k,le]),pe=e.useMemo(()=>R.createListItemRender({historyItemRender:X,promptSuggestionRender:Q,handleListItemClick:T}),[X,Q,T]),Je=W&&!Oe,Qe=()=>e.createElement(e.Fragment,null,L.items.length>0&&e.createElement(M.SegmentedControl,{items:L.items,value:L.value,onChange:L.onChange,size:J,layoutMode:"stretch"}),(n==="search"||n==="semanticSearch")&&k.length>0&&e.createElement(A.List,{data:k,textField:"text",descriptionField:"description",onClick:Ae,itemRender:R.searchModeItemRender,show:!0,wrapperCssClass:"k-list k-list-md"}),n==="aiAssistant"&&y.length>0&&e.createElement(A.List,{data:y,textField:"text",groupField:"group",svgIconField:"groupSvgIcon",descriptionField:"description",onClick:ue,itemRender:pe,groupHeaderItemRender:R.listGroupHeaderRender,showFirstGroupHeader:!0,show:!0,wrapperCssClass:"k-list k-list-md"}),(n==="search"||n==="semanticSearch")&&E.length>0&&e.createElement(A.List,{data:E,textField:"text",groupField:"group",svgIconField:"groupSvgIcon",descriptionField:"description",onClick:ue,itemRender:pe,groupHeaderItemRender:R.listGroupHeaderRender,showFirstGroupHeader:!0,show:!0,wrapperCssClass:"k-list k-list-md"}),_e&&e.createElement(R.NoDataRender,{selectedView:n}));return e.createElement("div",{ref:S,className:"k-smart-box-wrapper",dir:Se,onBlur:We},e.createElement("span",{className:d.classNames("k-smart-box","k-input",`k-input-${ze}`,{"k-loading":h})},!U&&e.createElement("span",{className:"k-input-prefix k-input-prefix-horizontal"},e.createElement(d.IconWrap,{className:d.classNames("k-icon",{"k-accent-icon":n==="aiAssistant"||n==="semanticSearch"}),icon:Fe.svgIcon,onClick:$e,onMouseDown:t=>{"preventDefault"in t&&t.preventDefault()}})),e.createElement("input",{ref:B,type:"text",className:d.classNames("k-input-inner",{"k-disabled":U}),id:ve.current,placeholder:Ne,value:c,disabled:U,onChange:Ge,onFocus:Ve,onClick:je,onKeyDown:Ue}),c.length>0&&(n==="search"||n==="semanticSearch")&&e.createElement("span",{className:"k-clear-value",title:b.toLanguageString(o.smartBoxClearTitle,o.messages[o.smartBoxClearTitle]),role:"button",tabIndex:-1,onClick:Ke,onMouseDown:t=>t.preventDefault()},e.createElement(d.IconWrap,{className:"k-icon",icon:_.xIcon})),n==="aiAssistant"&&e.createElement("span",{className:"k-input-suffix k-input-suffix-horizontal"},se&&e.createElement(M.SpeechToTextButton,{...se,"aria-label":b.toLanguageString(o.smartBoxSpeechToTextButton,o.messages[o.smartBoxSpeechToTextButton]),title:b.toLanguageString(o.smartBoxSpeechToTextButton,o.messages[o.smartBoxSpeechToTextButton]),onResult:Me}),e.createElement(M.Button,{className:d.classNames("k-smart-box-send",{"k-processing":h,"k-active":h}),type:"button",rounded:"full",size:"small",title:b.toLanguageString(o.smartBoxSubmitPromptButton,o.messages[o.smartBoxSubmitPromptButton]),"aria-label":b.toLanguageString(o.smartBoxSubmitPromptButton,o.messages[o.smartBoxSubmitPromptButton]),"aria-disabled":c.length===0,svgIcon:h?_.stopSmIcon:_.arrowUpOutlineIcon,disabled:c.length===0&&!h,onClick:K}))),e.createElement(tt.Popup,{ref:Y,anchor:S.current,show:Je,popupClass:"k-smart-box-popup",style:{width:we},anchorAlign:{horizontal:"left",vertical:"bottom"},popupAlign:{horizontal:"left",vertical:"top"},margin:{horizontal:0,vertical:2},onMouseDownOutside:t=>{const s=t.event.target;S.current&&!S.current.contains(s)&&a(!1)}},Qe()))});ge.displayName="KendoReactSmartBox";exports.SmartBox=ge;