@progress/kendo-react-data-tools 7.2.4-develop.2 → 7.2.4-develop.4

package/messages/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 e="pager.info",r="pager.firstPage",t="pager.previousPage",o="pager.nextPage",l="pager.lastPage",a="pager.itemsPerPage",n="pager.pageSelection",i="pager.page",s="pager.of",u="pager.totalPages",p="pager.pageNumberLabel",c="pager.pageLabel",f="pager.ariaKeyshortcuts",O="pager.ariaLabel",g="pager.pageSizeAriaLabel",m="pager.mobileSelect",M="pager.moreButtonLabel",F="filter.eqOperator",L="filter.notEqOperator",b="filter.isNullOperator",I="filter.isNotNullOperator",A="filter.isEmptyOperator",E="filter.isNotEmptyOperator",d="filter.startsWithOperator",N="filter.containsOperator",P="filter.notContainsOperator",q="filter.endsWithOperator",h="filter.gteOperator",S="filter.gtOperator",x="filter.lteOperator",y="filter.ltOperator",G="filter.isTrue",B="filter.isFalse",C="filter.afterOrEqualOperator",w="filter.afterOperator",T="filter.beforeOperator",D="filter.beforeOrEqualOperator",W="filter.andLogic",v="filter.orLogic",z="filter.addExpression",K="filter.addGroup",R="filter.close",j="filter.groupAriaLabel",k="filter.expressionAriaLabel",H="filter.expressionDropdownAriaLabel",J="filter.expressionOperatorDropdownAriaLabel",Q="filter.enumFilterDropdownAriaLabel",U="filter.numericFilterAriaLabel",V="filter.textFilterAriaLabel",X="columnMenu.filterClearButton",Y="columnMenu.filterSubmitButton",Z="columnMenu.filterTitle",_="columnMenu.sortAscending",$="columnMenu.sortDescending",ee="columnMenu.filterEqOperator",re="columnMenu.filterNotEqOperator",te="columnMenu.filterIsNullOperator",oe="columnMenu.filterIsNotNullOperator",le="columnMenu.filterIsEmptyOperator",ae="columnMenu.filterIsNotEmptyOperator",ne="columnMenu.filterStartsWithOperator",ie="columnMenu.filterContainsOperator",se="columnMenu.filterNotContainsOperator",ue="columnMenu.filterEndsWithOperator",pe="columnMenu.filterGteOperator",ce="columnMenu.filterGtOperator",fe="columnMenu.filterLteOperator",Oe="columnMenu.filterLtOperator",ge="columnMenu.filterIsTrue",me="columnMenu.filterAfterOrEqualOperator",Me="columnMenu.filterAfterOperator",Fe="columnMenu.filterBeforeOperator",Le="columnMenu.filterBeforeOrEqualOperator",be="columnMenu.filterAndLogic",Ie="columnMenu.filterOrLogic",Ae="sort.ariaLabel",Ee="filter.ariaLabel",de={[a]:"items per page",[n]:"Select page",[e]:"{0} - {1} of {2} items",[r]:"Go to the first page",[t]:"Go to the previous page",[o]:"Go to the next page",[l]:"Go to the last page",[i]:"Page",[s]:"of",[u]:"{0}",[c]:"Page",[f]:"Enter ArrowRight ArrowLeft",[O]:"Pager",[g]:"Page size",[m]:"Select",[M]:"More pages",[p]:"Type a page number",[Ae]:"Sortable",[Ee]:"Filter",[F]:"Is equal to",[L]:"Is not equal to",[b]:"Is null",[I]:"Is not null",[A]:"Is empty",[E]:"Is not empty",[d]:"Starts with",[N]:"Contains",[P]:"Does not contain",[q]:"Ends with",[h]:"Is greater than or equal to",[S]:"Is greater than",[x]:"Is less than or equal to",[y]:"Is less than",[G]:"Is true",[B]:"Is false",[C]:"Is after or equal to",[w]:"Is after",[T]:"Is before",[D]:"Is before or equal to",[W]:"And",[v]:"Or",[z]:"Add Expression",[K]:"Add Group",[R]:"Remove",[j]:"Filter toolbar",[k]:"Filter expression row",[H]:"Filter dropdown",[J]:"Filter operator dropdown",[Q]:"Select True/False",[U]:"Enter number",[V]:"Enter text",[X]:"Clear",[Y]:"Filter",[Z]:"Filter",[_]:"Sort Ascending",[$]:"Sort Descending",[ee]:"Is equal to",[re]:"Is not equal to",[te]:"Is null",[oe]:"Is not null",[le]:"Is empty",[ae]:"Is not empty",[ne]:"Starts with",[ie]:"Contains",[se]:"Does not contain",[ue]:"Ends with",[pe]:"Is greater than or equal to",[ce]:"Is greater than",[fe]:"Is less than or equal to",[Oe]:"Is less than",[ge]:"Is true",[me]:"Is after or equal to",[Me]:"Is after",[Fe]:"Is before",[Le]:"Is before or equal to",[be]:"And",[Ie]:"Or"};exports.columnMenuFilterAfterOperator=Me;exports.columnMenuFilterAfterOrEqualOperator=me;exports.columnMenuFilterAndLogic=be;exports.columnMenuFilterBeforeOperator=Fe;exports.columnMenuFilterBeforeOrEqualOperator=Le;exports.columnMenuFilterClearButton=X;exports.columnMenuFilterContainsOperator=ie;exports.columnMenuFilterEndsWithOperator=ue;exports.columnMenuFilterEqOperator=ee;exports.columnMenuFilterGtOperator=ce;exports.columnMenuFilterGteOperator=pe;exports.columnMenuFilterIsEmptyOperator=le;exports.columnMenuFilterIsNotEmptyOperator=ae;exports.columnMenuFilterIsNotNullOperator=oe;exports.columnMenuFilterIsNullOperator=te;exports.columnMenuFilterIsTrue=ge;exports.columnMenuFilterLtOperator=Oe;exports.columnMenuFilterLteOperator=fe;exports.columnMenuFilterNotContainsOperator=se;exports.columnMenuFilterNotEqOperator=re;exports.columnMenuFilterOrLogic=Ie;exports.columnMenuFilterStartsWithOperator=ne;exports.columnMenuFilterSubmitButton=Y;exports.columnMenuFilterTitle=Z;exports.columnMenuSortAscending=_;exports.columnMenuSortDescending=$;exports.filterAddExpression=z;exports.filterAddGroup=K;exports.filterAfterOperator=w;exports.filterAfterOrEqualOperator=C;exports.filterAndLogic=W;exports.filterAriaLabel=Ee;exports.filterBeforeOperator=T;exports.filterBeforeOrEqualOperator=D;exports.filterClose=R;exports.filterContainsOperator=N;exports.filterEndsWithOperator=q;exports.filterEnumFilterDropdownAriaLabel=Q;exports.filterEqOperator=F;exports.filterExpressionAriaLabel=k;exports.filterExpressionDropdownAriaLabel=H;exports.filterExpressionOperatorDropdownAriaLabel=J;exports.filterGroupAriaLabel=j;exports.filterGtOperator=S;exports.filterGteOperator=h;exports.filterIsEmptyOperator=A;exports.filterIsFalse=B;exports.filterIsNotEmptyOperator=E;exports.filterIsNotNullOperator=I;exports.filterIsNullOperator=b;exports.filterIsTrue=G;exports.filterLtOperator=y;exports.filterLteOperator=x;exports.filterNotContainsOperator=P;exports.filterNotEqOperator=L;exports.filterNumericFilterAriaLabel=U;exports.filterOrLogic=v;exports.filterStartsWithOperator=d;exports.filterTextFilterAriaLabel=V;exports.messages=de;exports.pagerAriaKeyshortcuts=f;exports.pagerAriaLabel=O;exports.pagerFirstPage=r;exports.pagerInfo=e;exports.pagerItemPerPage=a;exports.pagerLastPage=l;exports.pagerMobileSelect=m;exports.pagerMoreButtonLabel=M;exports.pagerNextPage=o;exports.pagerOf=s;exports.pagerPage=i;exports.pagerPageLabel=c;exports.pagerPageNumberLabel=p;exports.pagerPageSelection=n;exports.pagerPageSizeAriaLabel=g;exports.pagerPreviousPage=t;exports.pagerTotalPages=u;exports.sortAriaLabel=Ae;

package/messages/index.mjs

@@ -0,0 +1,167 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const e = "pager.info", t = "pager.firstPage", r = "pager.previousPage", o = "pager.nextPage", n = "pager.lastPage", l = "pager.itemsPerPage", a = "pager.pageSelection", i = "pager.page", s = "pager.of", u = "pager.totalPages", p = "pager.pageNumberLabel", c = "pager.pageLabel", f = "pager.ariaKeyshortcuts", g = "pager.ariaLabel", O = "pager.pageSizeAriaLabel", m = "pager.mobileSelect", M = "pager.moreButtonLabel", I = "filter.eqOperator", b = "filter.notEqOperator", L = "filter.isNullOperator", F = "filter.isNotNullOperator", d = "filter.isEmptyOperator", A = "filter.isNotEmptyOperator", E = "filter.startsWithOperator", q = "filter.containsOperator", h = "filter.notContainsOperator", N = "filter.endsWithOperator", P = "filter.gteOperator", S = "filter.gtOperator", x = "filter.lteOperator", w = "filter.ltOperator", y = "filter.isTrue", G = "filter.isFalse", C = "filter.afterOrEqualOperator", B = "filter.afterOperator", D = "filter.beforeOperator", T = "filter.beforeOrEqualOperator", W = "filter.andLogic", v = "filter.orLogic", z = "filter.addExpression", K = "filter.addGroup", R = "filter.close", j = "filter.groupAriaLabel", k = "filter.expressionAriaLabel", H = "filter.expressionDropdownAriaLabel", J = "filter.expressionOperatorDropdownAriaLabel", Q = "filter.enumFilterDropdownAriaLabel", U = "filter.numericFilterAriaLabel", V = "filter.textFilterAriaLabel", X = "columnMenu.filterClearButton", Y = "columnMenu.filterSubmitButton", Z = "columnMenu.filterTitle", _ = "columnMenu.sortAscending", $ = "columnMenu.sortDescending", ee = "columnMenu.filterEqOperator", te = "columnMenu.filterNotEqOperator", re = "columnMenu.filterIsNullOperator", oe = "columnMenu.filterIsNotNullOperator", ne = "columnMenu.filterIsEmptyOperator", le = "columnMenu.filterIsNotEmptyOperator", ae = "columnMenu.filterStartsWithOperator", ie = "columnMenu.filterContainsOperator", se = "columnMenu.filterNotContainsOperator", ue = "columnMenu.filterEndsWithOperator", pe = "columnMenu.filterGteOperator", ce = "columnMenu.filterGtOperator", fe = "columnMenu.filterLteOperator", ge = "columnMenu.filterLtOperator", Oe = "columnMenu.filterIsTrue", me = "columnMenu.filterAfterOrEqualOperator", Me = "columnMenu.filterAfterOperator", Ie = "columnMenu.filterBeforeOperator", be = "columnMenu.filterBeforeOrEqualOperator", Le = "columnMenu.filterAndLogic", Fe = "columnMenu.filterOrLogic", de = "sort.ariaLabel", Ae = "filter.ariaLabel", Ee = {
+  [l]: "items per page",
+  [a]: "Select page",
+  [e]: "{0} - {1} of {2} items",
+  [t]: "Go to the first page",
+  [r]: "Go to the previous page",
+  [o]: "Go to the next page",
+  [n]: "Go to the last page",
+  [i]: "Page",
+  [s]: "of",
+  [u]: "{0}",
+  [c]: "Page",
+  [f]: "Enter ArrowRight ArrowLeft",
+  [g]: "Pager",
+  [O]: "Page size",
+  [m]: "Select",
+  [M]: "More pages",
+  [p]: "Type a page number",
+  [de]: "Sortable",
+  [Ae]: "Filter",
+  [I]: "Is equal to",
+  [b]: "Is not equal to",
+  [L]: "Is null",
+  [F]: "Is not null",
+  [d]: "Is empty",
+  [A]: "Is not empty",
+  [E]: "Starts with",
+  [q]: "Contains",
+  [h]: "Does not contain",
+  [N]: "Ends with",
+  [P]: "Is greater than or equal to",
+  [S]: "Is greater than",
+  [x]: "Is less than or equal to",
+  [w]: "Is less than",
+  [y]: "Is true",
+  [G]: "Is false",
+  [C]: "Is after or equal to",
+  [B]: "Is after",
+  [D]: "Is before",
+  [T]: "Is before or equal to",
+  [W]: "And",
+  [v]: "Or",
+  [z]: "Add Expression",
+  [K]: "Add Group",
+  [R]: "Remove",
+  [j]: "Filter toolbar",
+  [k]: "Filter expression row",
+  [H]: "Filter dropdown",
+  [J]: "Filter operator dropdown",
+  [Q]: "Select True/False",
+  [U]: "Enter number",
+  [V]: "Enter text",
+  [X]: "Clear",
+  [Y]: "Filter",
+  [Z]: "Filter",
+  [_]: "Sort Ascending",
+  [$]: "Sort Descending",
+  [ee]: "Is equal to",
+  [te]: "Is not equal to",
+  [re]: "Is null",
+  [oe]: "Is not null",
+  [ne]: "Is empty",
+  [le]: "Is not empty",
+  [ae]: "Starts with",
+  [ie]: "Contains",
+  [se]: "Does not contain",
+  [ue]: "Ends with",
+  [pe]: "Is greater than or equal to",
+  [ce]: "Is greater than",
+  [fe]: "Is less than or equal to",
+  [ge]: "Is less than",
+  [Oe]: "Is true",
+  [me]: "Is after or equal to",
+  [Me]: "Is after",
+  [Ie]: "Is before",
+  [be]: "Is before or equal to",
+  [Le]: "And",
+  [Fe]: "Or"
+};
+export {
+  Me as columnMenuFilterAfterOperator,
+  me as columnMenuFilterAfterOrEqualOperator,
+  Le as columnMenuFilterAndLogic,
+  Ie as columnMenuFilterBeforeOperator,
+  be as columnMenuFilterBeforeOrEqualOperator,
+  X as columnMenuFilterClearButton,
+  ie as columnMenuFilterContainsOperator,
+  ue as columnMenuFilterEndsWithOperator,
+  ee as columnMenuFilterEqOperator,
+  ce as columnMenuFilterGtOperator,
+  pe as columnMenuFilterGteOperator,
+  ne as columnMenuFilterIsEmptyOperator,
+  le as columnMenuFilterIsNotEmptyOperator,
+  oe as columnMenuFilterIsNotNullOperator,
+  re as columnMenuFilterIsNullOperator,
+  Oe as columnMenuFilterIsTrue,
+  ge as columnMenuFilterLtOperator,
+  fe as columnMenuFilterLteOperator,
+  se as columnMenuFilterNotContainsOperator,
+  te as columnMenuFilterNotEqOperator,
+  Fe as columnMenuFilterOrLogic,
+  ae as columnMenuFilterStartsWithOperator,
+  Y as columnMenuFilterSubmitButton,
+  Z as columnMenuFilterTitle,
+  _ as columnMenuSortAscending,
+  $ as columnMenuSortDescending,
+  z as filterAddExpression,
+  K as filterAddGroup,
+  B as filterAfterOperator,
+  C as filterAfterOrEqualOperator,
+  W as filterAndLogic,
+  Ae as filterAriaLabel,
+  D as filterBeforeOperator,
+  T as filterBeforeOrEqualOperator,
+  R as filterClose,
+  q as filterContainsOperator,
+  N as filterEndsWithOperator,
+  Q as filterEnumFilterDropdownAriaLabel,
+  I as filterEqOperator,
+  k as filterExpressionAriaLabel,
+  H as filterExpressionDropdownAriaLabel,
+  J as filterExpressionOperatorDropdownAriaLabel,
+  j as filterGroupAriaLabel,
+  S as filterGtOperator,
+  P as filterGteOperator,
+  d as filterIsEmptyOperator,
+  G as filterIsFalse,
+  A as filterIsNotEmptyOperator,
+  F as filterIsNotNullOperator,
+  L as filterIsNullOperator,
+  y as filterIsTrue,
+  w as filterLtOperator,
+  x as filterLteOperator,
+  h as filterNotContainsOperator,
+  b as filterNotEqOperator,
+  U as filterNumericFilterAriaLabel,
+  v as filterOrLogic,
+  E as filterStartsWithOperator,
+  V as filterTextFilterAriaLabel,
+  Ee as messages,
+  f as pagerAriaKeyshortcuts,
+  g as pagerAriaLabel,
+  t as pagerFirstPage,
+  e as pagerInfo,
+  l as pagerItemPerPage,
+  n as pagerLastPage,
+  m as pagerMobileSelect,
+  M as pagerMoreButtonLabel,
+  o as pagerNextPage,
+  s as pagerOf,
+  i as pagerPage,
+  c as pagerPageLabel,
+  p as pagerPageNumberLabel,
+  a as pagerPageSelection,
+  O as pagerPageSizeAriaLabel,
+  r as pagerPreviousPage,
+  u as pagerTotalPages,
+  de as sortAriaLabel
+};

package/navigation/TableKeyboardNavigation.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 l=require("@progress/kendo-react-common"),n=require("./utils.js"),p=e=>{const{navigatable:r,contextStateRef:o,navigationStateRef:t,idPrefix:i}=e;r&&(o.current={activeId:"",level:0},t.current={activeElementIsFocused:!1,prevNavigationIndexes:void 0,idPrefix:i||l.guid(),navigationMatrix:[],lastHeaderIndex:-1})},K=e=>{const{scope:r,contextStateRef:o,navigationStateRef:t}=e;if(o.current&&t.current&&r){N(e);const i=t.current.navigationMatrix[0][0],a=n.tableKeyboardNavigationTools.getActiveElement(r,i);i&&a&&(o.current.activeId=i,a.setAttribute("tabIndex","0"))}},S=e=>{const{contextStateRef:r,navigationStateRef:o,document:t}=e;if(r.current&&o.current&&t){const i=l.getActiveElement(t),a=n.tableKeyboardNavigationTools.getNavigatableId(i);a&&a===r.current.activeId&&(o.current.activeElementIsFocused=!0)}},T=e=>{const{scope:r,contextStateRef:o,navigationStateRef:t}=e;if(N(e),o.current&&t.current&&r){if(!n.tableKeyboardNavigationTools.getActiveElement(r,o.current.activeId)){const a=t.current.navigationMatrix[0][0],c=n.tableKeyboardNavigationTools.getActiveElement(r,a);a&&c&&(o.current.activeId=a,c.setAttribute("tabIndex","0"),t.current.activeElementIsFocused&&c.focus())}t.current.activeElementIsFocused=!1}},C=(e,r)=>{const{contextStateRef:o}=r;if(e.isDefaultPrevented()||!o.current)return;const t=e.target,i=n.tableKeyboardNavigationTools.getNavigatableId(t);if(i&&i!==o.current.activeId){const a=n.tableKeyboardNavigationTools.getClosestScope(t);if(!a)return;const c=n.tableKeyboardNavigationTools.getActiveElement(a,o.current.activeId);c&&c.setAttribute("tabIndex","-1"),t.setAttribute("tabIndex","0"),o.current.activeId=i}},R=(e,r)=>{const{contextStateRef:o,navigationStateRef:t,onNavigationAction:i}=r;if(e.isDefaultPrevented()||!o.current||!t.current)return;if(e.keyCode===l.Keys.esc){const d=n.tableKeyboardNavigationTools.getClosestNavigatableElement(e.target);n.tableKeyboardNavigationTools.focusElement({elementForFocus:d,event:e,contextStateRef:o});return}const a=e.target,c=n.tableKeyboardNavigationTools.getNavigatableId(a),x=n.tableKeyboardNavigationTools.getNavigatableLevel(a),b=n.tableKeyboardNavigationTools.getClosestScope(a),f=t.current.navigationMatrix;if(x!==void 0&&b){if(e.keyCode===l.Keys.enter){const d=n.tableKeyboardNavigationTools.getNavigatableElement(a,{level:x+1});if(d){n.tableKeyboardNavigationTools.focusElement({elementForFocus:d,event:e,contextStateRef:o,prevElement:a});return}else{const g=n.tableKeyboardNavigationTools.getFocusableElements(a)[0];n.tableKeyboardNavigationTools.focusElement({elementForFocus:g,event:e,contextStateRef:o,prevElement:a});return}}if(e.keyCode===l.Keys.up||e.keyCode===l.Keys.down||e.keyCode===l.Keys.left||e.keyCode===l.Keys.right){const d=e.keyCode===l.Keys.up||e.keyCode===l.Keys.left,g=e.keyCode===l.Keys.up||e.keyCode===l.Keys.down;let v;if(t.current&&t.current.prevNavigationIndexes){const[m,u]=t.current.prevNavigationIndexes;f[m][u]===c?v=t.current.prevNavigationIndexes:v=n.findId(f,c)}else v=n.findId(f,c);if(v){const[m,u]=v,[s,y]=g?n.findNextIdByRowIndex(m,u,c,f,d):n.findNextIdByCellIndex(m,u,c,f,d);if(s){const I=n.tableKeyboardNavigationTools.getActiveElement(b,s);n.tableKeyboardNavigationTools.focusElement({elementForFocus:I,event:e,contextStateRef:o,prevElement:a}),t.current.prevNavigationIndexes=y,i&&i({focusElement:I,event:e})}}}}},N=e=>{const{navigationStateRef:r,scope:o}=e;if(!r.current||!o)return;const t=[],i=n.getHeaderElement(o),a=n.getBodyElement(o);if(!i||!a)return;const c=Array.from(i.children),x=Array.from(a.children);[...c,...x].forEach((b,f)=>{Array.from(b.children).forEach(d=>{const g=n.getNavigatableId(d);if(!g)return;const v=d.rowSpan||1,m=d.colSpan||1;let u;for(let s=f,y=f+v;s<y;s++){if(t[s]||(t[s]=[]),u===void 0){const I=t[s].findIndex(E=>!E);u=I>-1?I:t[s].length}t[s][u]=g||""}for(let s=u+1,y=u+m;s<y;s++)t[f][s]=g||""})}),r.current.navigationMatrix=t.filter(b=>!!b),r.current.lastHeaderIndex=c.length-1},F={onConstructor:p,onComponentDidMount:K,onGetSnapshotBeforeUpdate:S,onComponentDidUpdate:T,onFocus:C,onKeyDown:R,generateMatrix:N};exports.tableKeyboardNavigation=F;

package/navigation/TableKeyboardNavigation.mjs

@@ -0,0 +1,142 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { guid as C, getActiveElement as N, Keys as u } from "@progress/kendo-react-common";
+import { tableKeyboardNavigationTools as i, findId as y, findNextIdByRowIndex as F, findNextIdByCellIndex as R, getHeaderElement as h, getBodyElement as A, getNavigatableId as k } from "./utils.mjs";
+const w = (e) => {
+  const { navigatable: o, contextStateRef: n, navigationStateRef: t, idPrefix: c } = e;
+  o && (n.current = {
+    activeId: "",
+    level: 0
+  }, t.current = {
+    activeElementIsFocused: !1,
+    prevNavigationIndexes: void 0,
+    idPrefix: c || C(),
+    navigationMatrix: [],
+    lastHeaderIndex: -1
+  });
+}, D = (e) => {
+  const { scope: o, contextStateRef: n, navigationStateRef: t } = e;
+  if (n.current && t.current && o) {
+    b(e);
+    const c = t.current.navigationMatrix[0][0], r = i.getActiveElement(o, c);
+    c && r && (n.current.activeId = c, r.setAttribute("tabIndex", "0"));
+  }
+}, M = (e) => {
+  const { contextStateRef: o, navigationStateRef: n, document: t } = e;
+  if (o.current && n.current && t) {
+    const c = N(t), r = i.getNavigatableId(c);
+    r && r === o.current.activeId && (n.current.activeElementIsFocused = !0);
+  }
+}, B = (e) => {
+  const { scope: o, contextStateRef: n, navigationStateRef: t } = e;
+  if (b(e), n.current && t.current && o) {
+    if (!i.getActiveElement(o, n.current.activeId)) {
+      const r = t.current.navigationMatrix[0][0], a = i.getActiveElement(o, r);
+      r && a && (n.current.activeId = r, a.setAttribute("tabIndex", "0"), t.current.activeElementIsFocused && a.focus());
+    }
+    t.current.activeElementIsFocused = !1;
+  }
+}, K = (e, o) => {
+  const { contextStateRef: n } = o;
+  if (e.isDefaultPrevented() || !n.current)
+    return;
+  const t = e.target, c = i.getNavigatableId(t);
+  if (c && c !== n.current.activeId) {
+    const r = i.getClosestScope(t);
+    if (!r)
+      return;
+    const a = i.getActiveElement(r, n.current.activeId);
+    a && a.setAttribute("tabIndex", "-1"), t.setAttribute("tabIndex", "0"), n.current.activeId = c;
+  }
+}, P = (e, o) => {
+  const {
+    contextStateRef: n,
+    navigationStateRef: t,
+    onNavigationAction: c
+  } = o;
+  if (e.isDefaultPrevented() || !n.current || !t.current)
+    return;
+  if (e.keyCode === u.esc) {
+    const d = i.getClosestNavigatableElement(e.target);
+    i.focusElement({ elementForFocus: d, event: e, contextStateRef: n });
+    return;
+  }
+  const r = e.target, a = i.getNavigatableId(r), E = i.getNavigatableLevel(r), v = i.getClosestScope(r), f = t.current.navigationMatrix;
+  if (E !== void 0 && v) {
+    if (e.keyCode === u.enter) {
+      const d = i.getNavigatableElement(r, { level: E + 1 });
+      if (d) {
+        i.focusElement({
+          elementForFocus: d,
+          event: e,
+          contextStateRef: n,
+          prevElement: r
+        });
+        return;
+      } else {
+        const g = i.getFocusableElements(r)[0];
+        i.focusElement({ elementForFocus: g, event: e, contextStateRef: n, prevElement: r });
+        return;
+      }
+    }
+    if (e.keyCode === u.up || e.keyCode === u.down || e.keyCode === u.left || e.keyCode === u.right) {
+      const d = e.keyCode === u.up || e.keyCode === u.left, g = e.keyCode === u.up || e.keyCode === u.down;
+      let m;
+      if (t.current && t.current.prevNavigationIndexes) {
+        const [I, l] = t.current.prevNavigationIndexes;
+        f[I][l] === a ? m = t.current.prevNavigationIndexes : m = y(f, a);
+      } else
+        m = y(f, a);
+      if (m) {
+        const [I, l] = m, [s, x] = g ? F(I, l, a, f, d) : R(I, l, a, f, d);
+        if (s) {
+          const p = i.getActiveElement(v, s);
+          i.focusElement({ elementForFocus: p, event: e, contextStateRef: n, prevElement: r }), t.current.prevNavigationIndexes = x, c && c({ focusElement: p, event: e });
+        }
+      }
+    }
+  }
+}, b = (e) => {
+  const { navigationStateRef: o, scope: n } = e;
+  if (!o.current || !n)
+    return;
+  const t = [], c = h(n), r = A(n);
+  if (!c || !r)
+    return;
+  const a = Array.from(c.children), E = Array.from(r.children);
+  [...a, ...E].forEach((v, f) => {
+    Array.from(v.children).forEach((d) => {
+      const g = k(d);
+      if (!g)
+        return;
+      const m = d.rowSpan || 1, I = d.colSpan || 1;
+      let l;
+      for (let s = f, x = f + m; s < x; s++) {
+        if (t[s] || (t[s] = []), l === void 0) {
+          const p = t[s].findIndex((S) => !S);
+          l = p > -1 ? p : t[s].length;
+        }
+        t[s][l] = g || "";
+      }
+      for (let s = l + 1, x = l + I; s < x; s++)
+        t[f][s] = g || "";
+    });
+  }), o.current.navigationMatrix = t.filter((v) => !!v), o.current.lastHeaderIndex = a.length - 1;
+}, U = {
+  onConstructor: w,
+  onComponentDidMount: D,
+  onGetSnapshotBeforeUpdate: M,
+  onComponentDidUpdate: B,
+  onFocus: K,
+  onKeyDown: P,
+  generateMatrix: b
+};
+export {
+  U as tableKeyboardNavigation
+};

package/navigation/TableKeyboardNavigationContext.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 r=require("react");function c(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=c(r),n=i.createContext(void 0);n.displayName="KendoReactTableKeyboardNavigationContext";exports.TableKeyboardNavigationContext=n;

package/navigation/TableKeyboardNavigationContext.mjs

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+const t = e.createContext(void 0);
+t.displayName = "KendoReactTableKeyboardNavigationContext";
+export {
+  t as TableKeyboardNavigationContext
+};

package/navigation/constants.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 _="data-keyboardnavlevel",t="data-keyboardnavscope",e="data-keyboardnavheader",a="data-keyboardnavbody",E="data-keyboardnavid",n="data-keyboardnavzone",d="_filter",A=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]","[contenteditable]"],b=[...A,"[tabindex]"],i=[...A,"[tabindex]"].map(o=>o+':not([tabindex="-1"])'),r={[t]:!0},D={[e]:!0},s={[a]:!0};exports.FOCUSABLE_ELEMENTS=b;exports.KEYBOARD_NAV_DATA_BODY=a;exports.KEYBOARD_NAV_DATA_HEADER=e;exports.KEYBOARD_NAV_DATA_ID=E;exports.KEYBOARD_NAV_DATA_LEVEL=_;exports.KEYBOARD_NAV_DATA_SCOPE=t;exports.KEYBOARD_NAV_DATA_ZONE=n;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=d;exports.TABBABLE_ELEMENTS=i;exports.tableKeyboardNavigationBodyAttributes=s;exports.tableKeyboardNavigationHeaderAttributes=D;exports.tableKeyboardNavigationScopeAttributes=r;

package/navigation/constants.mjs

@@ -0,0 +1,43 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const d = "data-keyboardnavlevel", e = "data-keyboardnavscope", o = "data-keyboardnavheader", n = "data-keyboardnavbody", A = "data-keyboardnavid", b = "data-keyboardnavzone", r = "_filter", t = [
+  "input:not([disabled]):not([type=hidden])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "button:not([disabled])",
+  "a[href]",
+  "area[href]",
+  "summary",
+  "iframe",
+  "object",
+  "embed",
+  "audio[controls]",
+  "video[controls]",
+  "[contenteditable]"
+], E = [...t, "[tabindex]"], _ = [...t, "[tabindex]"].map((a) => a + ':not([tabindex="-1"])'), s = {
+  [e]: !0
+}, i = {
+  [o]: !0
+}, c = {
+  [n]: !0
+};
+export {
+  E as FOCUSABLE_ELEMENTS,
+  n as KEYBOARD_NAV_DATA_BODY,
+  o as KEYBOARD_NAV_DATA_HEADER,
+  A as KEYBOARD_NAV_DATA_ID,
+  d as KEYBOARD_NAV_DATA_LEVEL,
+  e as KEYBOARD_NAV_DATA_SCOPE,
+  b as KEYBOARD_NAV_DATA_ZONE,
+  r as KEYBOARD_NAV_FILTER_COL_SUFFIX,
+  _ as TABBABLE_ELEMENTS,
+  c as tableKeyboardNavigationBodyAttributes,
+  i as tableKeyboardNavigationHeaderAttributes,
+  s as tableKeyboardNavigationScopeAttributes
+};

package/navigation/hooks.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 r=require("react"),o=require("./constants.js"),i=require("./TableKeyboardNavigationContext.js");function c(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(a,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return a.default=t,Object.freeze(a)}const u=c(r),s=(t,a)=>{const e=u.useContext(i.TableKeyboardNavigationContext);return!e||!t||a===!1?{}:{tabIndex:e&&e.activeId&&e.activeId===t?0:-1,[o.KEYBOARD_NAV_DATA_LEVEL]:e.level,[o.KEYBOARD_NAV_DATA_ID]:t}};exports.useTableKeyboardNavigation=s;

package/navigation/hooks.mjs

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { KEYBOARD_NAV_DATA_LEVEL as i, KEYBOARD_NAV_DATA_ID as r } from "./constants.mjs";
+import { TableKeyboardNavigationContext as n } from "./TableKeyboardNavigationContext.mjs";
+const c = (o, a) => {
+  const t = e.useContext(n);
+  return !t || !o || a === !1 ? {} : {
+    tabIndex: t && t.activeId && t.activeId === o ? 0 : -1,
+    [i]: t.level,
+    [r]: o
+  };
+};
+export {
+  c as useTableKeyboardNavigation
+};

package/navigation/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 n=require("./constants.js"),E=(e,t,r="cell")=>`${t}_${e}_${r}`,A=e=>{if(e)return parseInt(e.getAttribute(n.KEYBOARD_NAV_DATA_LEVEL)||"",10)},u=e=>{if(!e)return;const t=e.getAttribute(n.KEYBOARD_NAV_DATA_ID);return t||void 0},c=e=>e?!!e.getAttribute(n.KEYBOARD_NAV_DATA_ID):!1,i=(e,t={level:0})=>e.querySelector(`[${n.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`),g=e=>e.parentElement&&e.parentElement.closest(`[${n.KEYBOARD_NAV_DATA_LEVEL}]`),d=(e,t)=>e.querySelector(`[${n.KEYBOARD_NAV_DATA_ID}='${t}']`),_=e=>e.parentElement&&e.parentElement.closest(`[${n.KEYBOARD_NAV_DATA_SCOPE}]`),N=e=>e.querySelector(`[${n.KEYBOARD_NAV_DATA_HEADER}]`),f=e=>e.querySelector(`[${n.KEYBOARD_NAV_DATA_BODY}]`),b=(e,t={focusable:!1})=>{let r=t.focusable?n.FOCUSABLE_ELEMENTS:n.TABBABLE_ELEMENTS;return Array.from(e.querySelectorAll(r.join(",")))},v=(e,t={level:0})=>{if(!e)return[];let r=n.FOCUSABLE_ELEMENTS.map(l=>l+`[${n.KEYBOARD_NAV_DATA_LEVEL}='${t.level}']`).join(",");return Array.from(e.querySelectorAll(r))},I=(e={level:0})=>{let t=n.FOCUSABLE_ELEMENTS.map(r=>r+`[${n.KEYBOARD_NAV_DATA_LEVEL}='${e.level}']`).join(",");return r=>r.matches(t)},D=e=>{const{elementForFocus:t,event:r,contextStateRef:l,prevElement:o}=e;l.current&&t&&t.focus&&(r.preventDefault(),t.focus(),c(t)&&(t.setAttribute("tabIndex","0"),l.current.activeId=u(t)),o&&c(o)&&o.setAttribute("tabIndex","-1"))},B=e=>e.current?e.current.idPrefix:"",m=(e,t,r,l,o)=>{if(!r)return[];let a=e+(o?-1:1);for(;a>=0&&a<l.length;){const s=l[a][t];if(s!==r)return[s,[a,t]];a=a+(o?-1:1)}return[]},L=(e,t,r,l,o)=>{if(!r)return[];let a=t+(o?-1:1);for(;a>=0&&a<l[e].length;){const s=l[e][a];if(s!==r)return[s,[e,a]];a=a+(o?-1:1)}return[]},T=(e,t)=>{if(t){for(let r=0;r<e.length;r++)for(let l=0;l<e[r].length;l++)if(e[r][l]===t)return[r,l]}},O=e=>e.current?e.current.navigationMatrix.length:0,y=e=>e?`${e}${n.KEYBOARD_NAV_FILTER_COL_SUFFIX}`:"",S={generateNavigatableId:E,getNavigatableId:u,getNavigatableLevel:A,getNavigatableElement:i,getClosestNavigatableElement:g,getActiveElement:d,getClosestScope:_,getHeaderElement:N,getBodyElement:f,getFocusableElements:b,getNavigatableElements:v,filterNavigatableElements:I,focusElement:D,getIdPrefix:B,isNavigatable:c,findNextIdByRowIndex:m,findNextIdByCellIndex:L,findId:T,getNextNavigationIndex:O,getFilterColumnId:y};exports.filterNavigatableElements=I;exports.findId=T;exports.findNextIdByCellIndex=L;exports.findNextIdByRowIndex=m;exports.focusElement=D;exports.generateNavigatableId=E;exports.getActiveElement=d;exports.getBodyElement=f;exports.getClosestNavigatableElement=g;exports.getClosestScope=_;exports.getFilterColumnId=y;exports.getFocusableElements=b;exports.getHeaderElement=N;exports.getIdPrefix=B;exports.getNavigatableElement=i;exports.getNavigatableElements=v;exports.getNavigatableId=u;exports.getNavigatableLevel=A;exports.getNextNavigationIndex=O;exports.isNavigatable=c;exports.tableKeyboardNavigationTools=S;

package/navigation/utils.mjs

@@ -0,0 +1,107 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { KEYBOARD_NAV_DATA_LEVEL as u, KEYBOARD_NAV_DATA_ID as a, KEYBOARD_NAV_DATA_SCOPE as E, KEYBOARD_NAV_DATA_HEADER as f, KEYBOARD_NAV_DATA_BODY as g, FOCUSABLE_ELEMENTS as i, TABBABLE_ELEMENTS as d, KEYBOARD_NAV_FILTER_COL_SUFFIX as _ } from "./constants.mjs";
+const N = (e, t, r = "cell") => `${t}_${e}_${r}`, b = (e) => {
+  if (e)
+    return parseInt(e.getAttribute(u) || "", 10);
+}, A = (e) => {
+  if (!e)
+    return;
+  const t = e.getAttribute(a);
+  return t || void 0;
+}, s = (e) => e ? !!e.getAttribute(a) : !1, I = (e, t = { level: 0 }) => e.querySelector(`[${u}='${t.level}']`), v = (e) => e.parentElement && e.parentElement.closest(`[${u}]`), $ = (e, t) => e.querySelector(`[${a}='${t}']`), m = (e) => e.parentElement && e.parentElement.closest(`[${E}]`), B = (e) => e.querySelector(`[${f}]`), D = (e) => e.querySelector(`[${g}]`), y = (e, t = { focusable: !1 }) => {
+  let r = t.focusable ? i : d;
+  return Array.from(e.querySelectorAll(r.join(",")));
+}, p = (e, t = { level: 0 }) => {
+  if (!e)
+    return [];
+  let r = i.map((n) => n + `[${u}='${t.level}']`).join(",");
+  return Array.from(e.querySelectorAll(r));
+}, S = (e = { level: 0 }) => {
+  let t = i.map(
+    (r) => r + `[${u}='${e.level}']`
+  ).join(",");
+  return (r) => r.matches(t);
+}, x = (e) => {
+  const { elementForFocus: t, event: r, contextStateRef: n, prevElement: o } = e;
+  n.current && t && t.focus && (r.preventDefault(), t.focus(), s(t) && (t.setAttribute("tabIndex", "0"), n.current.activeId = A(t)), o && s(o) && o.setAttribute("tabIndex", "-1"));
+}, O = (e) => e.current ? e.current.idPrefix : "", T = (e, t, r, n, o) => {
+  if (!r)
+    return [];
+  let l = e + (o ? -1 : 1);
+  for (; l >= 0 && l < n.length; ) {
+    const c = n[l][t];
+    if (c !== r)
+      return [c, [l, t]];
+    l = l + (o ? -1 : 1);
+  }
+  return [];
+}, L = (e, t, r, n, o) => {
+  if (!r)
+    return [];
+  let l = t + (o ? -1 : 1);
+  for (; l >= 0 && l < n[e].length; ) {
+    const c = n[e][l];
+    if (c !== r)
+      return [c, [e, l]];
+    l = l + (o ? -1 : 1);
+  }
+  return [];
+}, h = (e, t) => {
+  if (t) {
+    for (let r = 0; r < e.length; r++)
+      for (let n = 0; n < e[r].length; n++)
+        if (e[r][n] === t)
+          return [r, n];
+  }
+}, C = (e) => e.current ? e.current.navigationMatrix.length : 0, F = (e) => e ? `${e}${_}` : "", R = {
+  generateNavigatableId: N,
+  getNavigatableId: A,
+  getNavigatableLevel: b,
+  getNavigatableElement: I,
+  getClosestNavigatableElement: v,
+  getActiveElement: $,
+  getClosestScope: m,
+  getHeaderElement: B,
+  getBodyElement: D,
+  getFocusableElements: y,
+  getNavigatableElements: p,
+  filterNavigatableElements: S,
+  focusElement: x,
+  getIdPrefix: O,
+  isNavigatable: s,
+  findNextIdByRowIndex: T,
+  findNextIdByCellIndex: L,
+  findId: h,
+  getNextNavigationIndex: C,
+  getFilterColumnId: F
+};
+export {
+  S as filterNavigatableElements,
+  h as findId,
+  L as findNextIdByCellIndex,
+  T as findNextIdByRowIndex,
+  x as focusElement,
+  N as generateNavigatableId,
+  $ as getActiveElement,
+  D as getBodyElement,
+  v as getClosestNavigatableElement,
+  m as getClosestScope,
+  F as getFilterColumnId,
+  y as getFocusableElements,
+  B as getHeaderElement,
+  O as getIdPrefix,
+  I as getNavigatableElement,
+  p as getNavigatableElements,
+  A as getNavigatableId,
+  b as getNavigatableLevel,
+  C as getNextNavigationIndex,
+  s as isNavigatable,
+  R as tableKeyboardNavigationTools
+};

package/package-metadata.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 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 e={name:"@progress/kendo-react-data-tools",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const e = {
+  name: "@progress/kendo-react-data-tools",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1709714112,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+};
+export {
+  e as packageMetadata
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-data-tools",
-  "version": "7.2.4-develop.2",
+  "version": "7.2.4-develop.4",
   "description": "Includes React Pager & React Filter component, an intuitive interface to create complex filter descriptions. KendoReact Data Tools package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -25,14 +25,14 @@
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-drawing": "^1.19.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "7.2.4-develop.2",
-    "@progress/kendo-react-buttons": "7.2.4-develop.2",
-    "@progress/kendo-react-common": "7.2.4-develop.2",
-    "@progress/kendo-react-dateinputs": "7.2.4-develop.2",
-    "@progress/kendo-react-dropdowns": "7.2.4-develop.2",
-    "@progress/kendo-react-inputs": "7.2.4-develop.2",
-    "@progress/kendo-react-intl": "7.2.4-develop.2",
-    "@progress/kendo-react-popup": "7.2.4-develop.2",
+    "@progress/kendo-react-animation": "7.2.4-develop.4",
+    "@progress/kendo-react-buttons": "7.2.4-develop.4",
+    "@progress/kendo-react-common": "7.2.4-develop.4",
+    "@progress/kendo-react-dateinputs": "7.2.4-develop.4",
+    "@progress/kendo-react-dropdowns": "7.2.4-develop.4",
+    "@progress/kendo-react-inputs": "7.2.4-develop.4",
+    "@progress/kendo-react-intl": "7.2.4-develop.4",
+    "@progress/kendo-react-popup": "7.2.4-develop.4",
     "@progress/kendo-svg-icons": "^2.1.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"