@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.
- package/GridClientWrapper.js +1 -1
- package/GridClientWrapper.mjs +625 -555
- package/GridComponent.js +1 -1
- package/GridComponent.mjs +419 -433
- package/components/StickyGroupTable.d.ts +42 -0
- package/components/StickyGroupTable.js +9 -0
- package/components/StickyGroupTable.mjs +82 -0
- package/components/colGroup/GridColGroup.js +1 -1
- package/components/colGroup/GridColGroup.mjs +9 -9
- package/dist/cdn/js/kendo-react-grid.js +1 -1
- package/drag/ColumnResize.d.ts +8 -0
- package/drag/ColumnResize.js +1 -1
- package/drag/ColumnResize.mjs +125 -108
- package/getRowContents.d.ts +58 -0
- package/getRowContents.js +8 -0
- package/getRowContents.mjs +100 -0
- package/{toolbar-tools/smartbox/SegmentedControl.d.ts → header/GridHeaderGroupSpacerCell.d.ts} +2 -2
- package/header/GridHeaderGroupSpacerCell.js +9 -0
- package/header/GridHeaderGroupSpacerCell.mjs +23 -0
- package/hooks/useStickyGroups.d.ts +71 -0
- package/hooks/useStickyGroups.js +9 -0
- package/hooks/useStickyGroups.mjs +350 -0
- package/index.js +1 -1
- package/index.mjs +8 -10
- package/interfaces/GridGroupableSettings.d.ts +23 -0
- package/messages/index.d.ts +5 -0
- package/messages/index.js +2 -2
- package/messages/index.mjs +28 -26
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +1 -1
- package/package.json +17 -17
- package/stacked/StackedModeComponents.d.ts +1 -0
- package/stacked/StackedModeComponents.js +1 -1
- package/stacked/StackedModeComponents.mjs +14 -14
- package/toolbar-tools/smartbox/SmartBox.js +1 -1
- package/toolbar-tools/smartbox/SmartBox.mjs +102 -94
- package/toolbar-tools/smartbox/hooks/useSmartBoxSegmentedControl.d.ts +12 -3
- package/toolbar-tools/smartbox/hooks/useSmartBoxSegmentedControl.js +1 -1
- package/toolbar-tools/smartbox/hooks/useSmartBoxSegmentedControl.mjs +42 -41
- package/toolbar-tools/smartbox/index.d.ts +0 -1
- package/toolbar-tools/smartbox/interfaces/index.d.ts +0 -1
- package/toolbar-tools/smartbox/SegmentedControl.js +0 -8
- package/toolbar-tools/smartbox/SegmentedControl.mjs +0 -109
- package/toolbar-tools/smartbox/interfaces/SegmentedControlTypes.d.ts +0 -66
package/messages/index.mjs
CHANGED
|
@@ -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",
|
|
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
|
-
[
|
|
25
|
-
[
|
|
24
|
+
[b]: "Sort Descending",
|
|
25
|
+
[P]: "Clear sorting",
|
|
26
26
|
[I]: "Done",
|
|
27
|
-
[
|
|
28
|
-
[
|
|
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
|
-
[
|
|
45
|
-
[
|
|
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
|
-
[
|
|
59
|
-
[
|
|
58
|
+
[G]: "Edit Dialog",
|
|
59
|
+
[R]: "Save",
|
|
60
60
|
[N]: "Cancel",
|
|
61
61
|
[M]: "Choose Operator",
|
|
62
|
-
[
|
|
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
|
-
[
|
|
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
|
-
[
|
|
87
|
-
[
|
|
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
|
-
|
|
119
|
+
re as adaptiveColumnMenuCheckboxFilterTitle,
|
|
119
120
|
_ as adaptiveColumnMenuChooserSubTitle,
|
|
120
121
|
Z as adaptiveColumnMenuChooserTitle,
|
|
121
122
|
Q as adaptiveColumnMenuFilterTitle,
|
|
122
123
|
oe as adaptiveToolbarGroupTitle,
|
|
123
|
-
|
|
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
|
-
|
|
133
|
-
|
|
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
|
-
|
|
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
|
|
158
|
+
Oe as headerGroupSpacerAccessibleLabel,
|
|
159
|
+
De as messages,
|
|
158
160
|
e as noRecords,
|
|
159
|
-
|
|
160
|
-
|
|
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
|
-
|
|
185
|
-
|
|
186
|
+
Pe as smartBoxSpeechToTextButton,
|
|
187
|
+
be as smartBoxSubmitPromptButton,
|
|
186
188
|
Ce as smartBoxSuggestedPrompts,
|
|
187
189
|
I as sortApplyButton,
|
|
188
|
-
|
|
190
|
+
E as sortAriaLabel,
|
|
189
191
|
A as sortAscending,
|
|
190
|
-
|
|
191
|
-
|
|
192
|
+
P as sortClearButton,
|
|
193
|
+
b as sortDescending,
|
|
192
194
|
ie as toolbarAI,
|
|
193
195
|
ne as toolbarAIApply,
|
|
194
196
|
pe as toolbarCheckboxFilter,
|
package/package-metadata.js
CHANGED
|
@@ -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:
|
|
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;
|
package/package-metadata.mjs
CHANGED
|
@@ -8,6 +8,6 @@ export const packageMetadata = Object.freeze({
|
|
|
8
8
|
productCode: 'KENDOUIREACT',
|
|
9
9
|
productCodes: ['KENDOUIREACT'],
|
|
10
10
|
publishDate: 0,
|
|
11
|
-
version: '14.
|
|
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.
|
|
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.
|
|
33
|
-
"@progress/kendo-react-buttons": "14.
|
|
34
|
-
"@progress/kendo-react-common": "14.
|
|
35
|
-
"@progress/kendo-react-data-tools": "14.
|
|
36
|
-
"@progress/kendo-react-dateinputs": "14.
|
|
37
|
-
"@progress/kendo-react-indicators": "14.
|
|
38
|
-
"@progress/kendo-react-form": "14.
|
|
39
|
-
"@progress/kendo-react-labels": "14.
|
|
40
|
-
"@progress/kendo-react-dialogs": "14.
|
|
41
|
-
"@progress/kendo-react-dropdowns": "14.
|
|
42
|
-
"@progress/kendo-react-inputs": "14.
|
|
43
|
-
"@progress/kendo-react-intl": "14.
|
|
44
|
-
"@progress/kendo-react-popup": "14.
|
|
45
|
-
"@progress/kendo-react-layout": "14.
|
|
46
|
-
"@progress/kendo-react-conversational-ui": "14.
|
|
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":
|
|
151
|
+
"publishDate": 1773414331,
|
|
152
152
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
153
153
|
}
|
|
154
154
|
},
|
|
@@ -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
|
|
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,
|
|
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:
|
|
16
|
-
isHidden:
|
|
17
|
-
detailRowHeight:
|
|
15
|
+
className: r,
|
|
16
|
+
isHidden: a,
|
|
17
|
+
detailRowHeight: o,
|
|
18
18
|
ariaRowIndex: c,
|
|
19
|
-
groupLevelCount:
|
|
20
|
-
dataItem:
|
|
21
|
-
dataIndex:
|
|
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:
|
|
29
|
+
className: r,
|
|
30
30
|
style: {
|
|
31
|
-
visibility:
|
|
32
|
-
height:
|
|
31
|
+
visibility: a ? "hidden" : "",
|
|
32
|
+
height: o
|
|
33
33
|
},
|
|
34
34
|
role: "row",
|
|
35
35
|
"aria-rowindex": c
|
|
36
36
|
},
|
|
37
|
-
Array.from({ length:
|
|
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:
|
|
42
|
-
dataIndex:
|
|
41
|
+
dataItem: d,
|
|
42
|
+
dataIndex: n,
|
|
43
43
|
colSpan: 1,
|
|
44
|
-
ariaColIndex: 1 +
|
|
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"),
|
|
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;
|