@progress/kendo-react-grid 11.0.0-develop.11 → 11.0.0-develop.13

package/columnMenu/adaptiveContent/GridAdaptiveColumnChooser.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),S=require("react-dom"),E=require("../../GridClientWrapper.js"),c=require("@progress/kendo-svg-icons"),t=require("../../messages/index.js"),m=require("@progress/kendo-react-buttons"),b=require("@progress/kendo-react-intl"),i=require("@progress/kendo-react-inputs"),r=require("@progress/kendo-react-layout"),x=require("@progress/kendo-react-common"),M=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),A=require("./GridActionSheetFooter.js"),y=n=>{const l=b.useLocalization(),a=e.useContext(E.GridContext),{actionSheetRef:s,secondViewRef:d}=e.useContext(M.GridColumnMenuAdaptiveContext),h=a.dir==="rtl"?c.chevronRightIcon:c.chevronLeftIcon,g=l.toLanguageString(t.adaptiveColumnMenuChooserTitle,t.messages[t.adaptiveColumnMenuChooserTitle]),C=l.toLanguageString(t.adaptiveColumnMenuChooserSubTitle,t.messages[t.adaptiveColumnMenuChooserSubTitle]);e.useEffect(()=>{a.mobileMode&&s.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const k=()=>{a.mobileMode&&s.current.element.style.setProperty("--kendo-actionsheet-view-current",1),n.onBackView&&n.onBackView()},f=()=>e.createElement(i.InputPrefix,null,e.createElement(x.IconWrap,{name:"search",icon:c.searchIcon}));return e.createElement(e.Fragment,null,S.createPortal(e.createElement(e.Fragment,null,e.createElement(r.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(m.Button,{type:"button",onClick:k,svgIcon:h,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},g),e.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},C)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(m.Button,{type:"button",svgIcon:c.xIcon,onClick:n.handleClose,fillMode:"flat"})))),e.createElement(r.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(i.TextBox,{size:a.mobileMode?"large":"medium",className:"k-searchbox",value:n.filter,onChange:n.onFilter,prefix:f}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!n.filter&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(i.Checkbox,{size:a.mobileMode?"large":"medium",checked:n.allSelected,onChange:n.onSelectAll,label:l.toLanguageString(t.filterSelectAll,t.messages[t.filterSelectAll])})),n.filtered.map((o,I)=>e.createElement("li",{key:o.id,className:"k-item"},e.createElement(i.Checkbox,{size:a.mobileMode?"large":"medium",disabled:n.selectedColumns[o.id||""]&&n.checkedCount===1,checked:n.selectedColumns[o.id||""],onChange:v=>{var u;return n.onCheckChange(!!((u=v.target.element)!=null&&u.checked),o.id)},label:o.title||o.field})))),e.createElement("div",{className:"k-filter-selected-items"},n.checkedCount," ",l.toLanguageString(t.columnMenuColumnChooserSelectedItems,t.messages[t.columnMenuColumnChooserSelectedItems]))))),e.createElement(r.ActionSheetFooter,null,e.createElement(A.GridActionSheetFooterContent,{onApply:n.onApply,onReset:n.onReset,resetMessage:l.toLanguageString(t.filterResetButton,t.messages[t.filterResetButton]),submitMessage:l.toLanguageString(t.filterApplyButton,t.messages[t.filterApplyButton])}))),d.current.current))};exports.GridAdaptiveColumnChooser=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),S=require("react-dom"),E=require("../../utils/GridContext.js"),c=require("@progress/kendo-svg-icons"),t=require("../../messages/index.js"),m=require("@progress/kendo-react-buttons"),b=require("@progress/kendo-react-intl"),i=require("@progress/kendo-react-inputs"),r=require("@progress/kendo-react-layout"),x=require("@progress/kendo-react-common"),M=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),A=require("./GridActionSheetFooter.js"),y=n=>{const l=b.useLocalization(),a=e.useContext(E.GridContext),{actionSheetRef:s,secondViewRef:d}=e.useContext(M.GridColumnMenuAdaptiveContext),h=a.dir==="rtl"?c.chevronRightIcon:c.chevronLeftIcon,g=l.toLanguageString(t.adaptiveColumnMenuChooserTitle,t.messages[t.adaptiveColumnMenuChooserTitle]),C=l.toLanguageString(t.adaptiveColumnMenuChooserSubTitle,t.messages[t.adaptiveColumnMenuChooserSubTitle]);e.useEffect(()=>{a.mobileMode&&s.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const k=()=>{a.mobileMode&&s.current.element.style.setProperty("--kendo-actionsheet-view-current",1),n.onBackView&&n.onBackView()},f=()=>e.createElement(i.InputPrefix,null,e.createElement(x.IconWrap,{name:"search",icon:c.searchIcon}));return e.createElement(e.Fragment,null,S.createPortal(e.createElement(e.Fragment,null,e.createElement(r.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(m.Button,{type:"button",onClick:k,svgIcon:h,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},g),e.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},C)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(m.Button,{type:"button",svgIcon:c.xIcon,onClick:n.handleClose,fillMode:"flat"})))),e.createElement(r.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(i.TextBox,{size:a.mobileMode?"large":"medium",className:"k-searchbox",value:n.filter,onChange:n.onFilter,prefix:f}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!n.filter&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(i.Checkbox,{size:a.mobileMode?"large":"medium",checked:n.allSelected,onChange:n.onSelectAll,label:l.toLanguageString(t.filterSelectAll,t.messages[t.filterSelectAll])})),n.filtered.map((o,I)=>e.createElement("li",{key:o.id,className:"k-item"},e.createElement(i.Checkbox,{size:a.mobileMode?"large":"medium",disabled:n.selectedColumns[o.id||""]&&n.checkedCount===1,checked:n.selectedColumns[o.id||""],onChange:v=>{var u;return n.onCheckChange(!!((u=v.target.element)!=null&&u.checked),o.id)},label:o.title||o.field})))),e.createElement("div",{className:"k-filter-selected-items"},n.checkedCount," ",l.toLanguageString(t.columnMenuColumnChooserSelectedItems,t.messages[t.columnMenuColumnChooserSelectedItems]))))),e.createElement(r.ActionSheetFooter,null,e.createElement(A.GridActionSheetFooterContent,{onApply:n.onApply,onReset:n.onReset,resetMessage:l.toLanguageString(t.filterResetButton,t.messages[t.filterResetButton]),submitMessage:l.toLanguageString(t.filterApplyButton,t.messages[t.filterApplyButton])}))),d.current.current))};exports.GridAdaptiveColumnChooser=y;

package/columnMenu/adaptiveContent/GridAdaptiveColumnChooser.mjs

@@ -8,7 +8,7 @@
 "use client";
 import e from "react";
 import M from "react-dom";
-import { GridContext as N } from "../../GridClientWrapper.mjs";
+import { GridContext as N } from "../../utils/GridContext.mjs";
 import { chevronRightIcon as A, chevronLeftIcon as y, xIcon as I, searchIcon as w } from "@progress/kendo-svg-icons";
 import { adaptiveColumnMenuChooserTitle as r, messages as a, adaptiveColumnMenuChooserSubTitle as m, filterSelectAll as s, columnMenuColumnChooserSelectedItems as u, filterResetButton as d, filterApplyButton as h } from "../../messages/index.mjs";
 import { Button as f } from "@progress/kendo-react-buttons";

package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("@progress/kendo-react-layout"),m=require("@progress/kendo-react-common"),d=require("../../GridClientWrapper.js"),v=require("@progress/kendo-react-buttons"),h=require("@progress/kendo-svg-icons"),C=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),f=require("@progress/kendo-react-intl"),i=require("../../messages/index.js"),k=n=>{const a=e.useContext(d.GridContext),{actionSheetRef:c,firstViewRef:s,secondViewRef:r}=e.useContext(C.GridColumnMenuAdaptiveContext),o=m.useAdaptiveModeContext(),l=f.useLocalization(),u={animation:!0,navigatable:!1,navigatableElements:[],expand:n.computedShow,animationStyles:o&&a.adaptiveColumnMenuRef<=o.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:o&&a.adaptiveColumnMenuRef<=o.small?"fullscreen":void 0};return e.createElement(t.ActionSheet,{...u,ref:c,style:{"--kendo-actionsheet-view-current":1},onClose:()=>{n.closeMenu()}},e.createElement(t.ActionSheetView,{className:"k-actionsheet-view-animated",ref:s,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(t.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},a.adpativeTitle||l.toLanguageString(i.columnMenu,i.messages[i.columnMenu]))),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(v.Button,{svgIcon:h.xIcon,onClick:n.closeMenu,fillMode:"flat"})))),e.createElement(t.ActionSheetContent,null,e.createElement("div",{className:"k-column-menu k-column-menu-lg"},n.children))),e.createElement(t.ActionSheetView,{className:"k-actionsheet-view-animated",ref:r,style:{transitionDuration:"500ms",transitionProperty:"transform"}}))};exports.GridAdaptiveColumnMenu=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("@progress/kendo-react-layout"),m=require("@progress/kendo-react-common"),d=require("../../utils/GridContext.js"),v=require("@progress/kendo-react-buttons"),h=require("@progress/kendo-svg-icons"),C=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),f=require("@progress/kendo-react-intl"),i=require("../../messages/index.js"),k=n=>{const a=e.useContext(d.GridContext),{actionSheetRef:c,firstViewRef:s,secondViewRef:r}=e.useContext(C.GridColumnMenuAdaptiveContext),o=m.useAdaptiveModeContext(),l=f.useLocalization(),u={animation:!0,navigatable:!1,navigatableElements:[],expand:n.computedShow,animationStyles:o&&a.adaptiveColumnMenuRef<=o.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:o&&a.adaptiveColumnMenuRef<=o.small?"fullscreen":void 0};return e.createElement(t.ActionSheet,{...u,ref:c,style:{"--kendo-actionsheet-view-current":1},onClose:()=>{n.closeMenu()}},e.createElement(t.ActionSheetView,{className:"k-actionsheet-view-animated",ref:s,style:{transitionDuration:"500ms",transitionProperty:"transform"}},e.createElement(t.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},a.adpativeTitle||l.toLanguageString(i.columnMenu,i.messages[i.columnMenu]))),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(v.Button,{svgIcon:h.xIcon,onClick:n.closeMenu,fillMode:"flat"})))),e.createElement(t.ActionSheetContent,null,e.createElement("div",{className:"k-column-menu k-column-menu-lg"},n.children))),e.createElement(t.ActionSheetView,{className:"k-actionsheet-view-animated",ref:r,style:{transitionDuration:"500ms",transitionProperty:"transform"}}))};exports.GridAdaptiveColumnMenu=k;

package/columnMenu/adaptiveContent/GridAdaptiveColumnMenu.mjs

@@ -9,7 +9,7 @@
 import e from "react";
 import { ActionSheet as u, ActionSheetView as a, ActionSheetHeader as d, ActionSheetContent as f } from "@progress/kendo-react-layout";
 import { useAdaptiveModeContext as v } from "@progress/kendo-react-common";
-import { GridContext as p } from "../../GridClientWrapper.mjs";
+import { GridContext as p } from "../../utils/GridContext.mjs";
 import { Button as h } from "@progress/kendo-react-buttons";
 import { xIcon as C } from "@progress/kendo-svg-icons";
 import { GridColumnMenuAdaptiveContext as E } from "../adaptiveContext/GridColumnMenuAdaptiveContext.mjs";

package/columnMenu/adaptiveContent/GridAdaptiveFilterMenu.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),f=require("react-dom"),o=require("@progress/kendo-react-layout"),a=require("@progress/kendo-react-buttons"),g=require("@progress/kendo-react-intl"),h=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),r=require("@progress/kendo-svg-icons"),v=require("../GridColumnMenuFilterUI.js"),n=require("../../messages/index.js"),C=require("../../GridClientWrapper.js"),E=require("./GridActionSheetFooter.js"),k=t=>{const c=g.useLocalization(),i=e.useContext(C.GridContext),{actionSheetRef:l,secondViewRef:s}=e.useContext(h.GridColumnMenuAdaptiveContext),u=i.dir==="rtl"?r.chevronRightIcon:r.chevronLeftIcon;e.useEffect(()=>{i.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const m=()=>{i.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1),t.onBackView&&t.onBackView()};return e.createElement(e.Fragment,null,f.createPortal(e.createElement(e.Fragment,null,t.FilterUI?e.createElement(t.FilterUI,{...t.filterUIProps}):e.createElement(e.Fragment,null,e.createElement(o.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(a.Button,{type:"button",onClick:m,svgIcon:u,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},t.adaptiveTitle)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(a.Button,{type:"button",svgIcon:r.xIcon,onClick:t.handleClose,fillMode:"flat"})))),e.createElement(o.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(v.GridColumnMenuFilterUI,{...t.filterUIProps})))),e.createElement(o.ActionSheetFooter,null,e.createElement(E.GridActionSheetFooterContent,{onApply:t.submit,onReset:t.clear,resetIcon:r.filterClearIcon,submitIcon:r.filterIcon,submitMessage:c.toLanguageString(n.filterSubmitButton,n.messages[n.filterSubmitButton]),resetMessage:c.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton]),submitDisabled:!t.isFilterValid})))),s.current.current))};exports.GridAdaptiveFilterMenu=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),f=require("react-dom"),o=require("@progress/kendo-react-layout"),a=require("@progress/kendo-react-buttons"),g=require("@progress/kendo-react-intl"),h=require("../adaptiveContext/GridColumnMenuAdaptiveContext.js"),r=require("@progress/kendo-svg-icons"),v=require("../GridColumnMenuFilterUI.js"),n=require("../../messages/index.js"),C=require("../../utils/GridContext.js"),E=require("./GridActionSheetFooter.js"),k=t=>{const c=g.useLocalization(),i=e.useContext(C.GridContext),{actionSheetRef:l,secondViewRef:s}=e.useContext(h.GridColumnMenuAdaptiveContext),u=i.dir==="rtl"?r.chevronRightIcon:r.chevronLeftIcon;e.useEffect(()=>{i.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",2)},[]);const m=()=>{i.mobileMode&&l.current.element.style.setProperty("--kendo-actionsheet-view-current",1),t.onBackView&&t.onBackView()};return e.createElement(e.Fragment,null,f.createPortal(e.createElement(e.Fragment,null,t.FilterUI?e.createElement(t.FilterUI,{...t.filterUIProps}):e.createElement(e.Fragment,null,e.createElement(o.ActionSheetHeader,null,e.createElement("div",{className:"k-actionsheet-titlebar-group"},e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(a.Button,{type:"button",onClick:m,svgIcon:u,fillMode:"flat"})),e.createElement("div",{className:"k-actionsheet-title"},e.createElement("div",{className:"k-text-center"},t.adaptiveTitle)),e.createElement("div",{className:"k-actionsheet-actions"},e.createElement(a.Button,{type:"button",svgIcon:r.xIcon,onClick:t.handleClose,fillMode:"flat"})))),e.createElement(o.ActionSheetContent,null,e.createElement("div",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(v.GridColumnMenuFilterUI,{...t.filterUIProps})))),e.createElement(o.ActionSheetFooter,null,e.createElement(E.GridActionSheetFooterContent,{onApply:t.submit,onReset:t.clear,resetIcon:r.filterClearIcon,submitIcon:r.filterIcon,submitMessage:c.toLanguageString(n.filterSubmitButton,n.messages[n.filterSubmitButton]),resetMessage:c.toLanguageString(n.filterClearButton,n.messages[n.filterClearButton]),submitDisabled:!t.isFilterValid})))),s.current.current))};exports.GridAdaptiveFilterMenu=k;

package/columnMenu/adaptiveContent/GridAdaptiveFilterMenu.mjs

@@ -15,7 +15,7 @@ import { GridColumnMenuAdaptiveContext as I } from "../adaptiveContext/GridColum
 import { chevronRightIcon as k, chevronLeftIcon as C, xIcon as S, filterClearIcon as b, filterIcon as F } from "@progress/kendo-svg-icons";
 import { GridColumnMenuFilterUI as M } from "../GridColumnMenuFilterUI.mjs";
 import { filterSubmitButton as a, messages as c, filterClearButton as l } from "../../messages/index.mjs";
-import { GridContext as x } from "../../GridClientWrapper.mjs";
+import { GridContext as x } from "../../utils/GridContext.mjs";
 import { GridActionSheetFooterContent as A } from "./GridActionSheetFooter.mjs";
 const z = (t) => {
   const o = v(), n = e.useContext(x), { actionSheetRef: r, secondViewRef: m } = e.useContext(I), s = n.dir === "rtl" ? k : C;

package/components/GridContainerElementContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("../GridClientWrapper.js"),i=require("../utils/index.js");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=l(o),u=e=>{const t=a.useContext(c.GridContext);return i.cloneReactElement(e.children,{ref:t.containerElementRef,onScroll:t.scrollHandler})};exports.GridContainerElementContainer=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("../utils/GridContext.js"),i=require("../utils/index.js");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=l(o),u=e=>{const t=a.useContext(c.GridContext);return i.cloneReactElement(e.children,{ref:t.containerElementRef,onScroll:t.scrollHandler})};exports.GridContainerElementContainer=u;

package/components/GridContainerElementContainer.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as r from "react";
-import { GridContext as n } from "../GridClientWrapper.mjs";
+import { GridContext as n } from "../utils/GridContext.mjs";
 import { cloneReactElement as o } from "../utils/index.mjs";
 const c = (t) => {
   const e = r.useContext(n);

package/components/GridDragClue.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),a=require("@progress/kendo-react-data-tools"),u=require("../GridClientWrapper.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=i(c),l=e=>{const t=o.useContext(u.GridContext);return o.createElement(a.DragClue,{ref:t.dragLogicRef.current.refDragElementClue})};exports.GridDragClue=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),a=require("@progress/kendo-react-data-tools"),u=require("../utils/GridContext.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=i(c),l=e=>{const t=o.useContext(u.GridContext);return o.createElement(a.DragClue,{ref:t.dragLogicRef.current.refDragElementClue})};exports.GridDragClue=l;

package/components/GridDragClue.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as r from "react";
 import { DragClue as t } from "@progress/kendo-react-data-tools";
-import { GridContext as o } from "../GridClientWrapper.mjs";
+import { GridContext as o } from "../utils/GridContext.mjs";
 const i = (n) => {
   const e = r.useContext(o);
   return /* @__PURE__ */ r.createElement(t, { ref: e.dragLogicRef.current.refDragElementClue });

package/components/GridDraggableRowsContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),X=require("../GridClientWrapper.js"),m=require("@progress/kendo-react-common"),n=require("./utils.js"),J=require("react-dom"),b=require("@progress/kendo-svg-icons"),K=require("../utils/index.js"),w={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},T={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},Q=C=>{const{rowReorderSettings:u,columns:k,unstyled:h}=C,{rowReorder:N,reorderRowDragTargetRef:a,reorderRowDropTargetRef:i,activeDragRowDataItemRef:d,tableBodyElementRef:O}=e.useContext(X.GridContext),[q,I]=e.useState(!1),[P,M]=e.useState(b.cancelIcon),y=e.useRef(null),f=e.useRef(null),c=e.useRef(null),v=e.useRef(null),p=e.useRef(!1),D=e.useRef(null),R=e.useRef(null),E=typeof u=="object"?u.enabled:u;e.useEffect(()=>{O.current=y.current},[]);const Y=r=>{var s;const t=r.originalEvent.target;t.closest(".k-drag-cell")&&(v.current=r.offsetY,p.current=!0,a.current=t.closest(".k-table-row"),R.current=(s=a.current)==null?void 0:s.parentElement)},B=r=>{!p.current||!E||!d.current||(a.current&&(a.current.style.userSelect="none"),I(!0))},F=r=>{if(!p.current&&!f.current)return;const{clientX:t,clientY:o}=r,s=v.current,g={x:t,y:o-s};f.current&&(f.current.style.left=`${g.x}px`,f.current.style.top=`${g.y}px`,f.current.style.visibility="visible"),$(r)},G=r=>{var o;if(!E||!d.current)return;I(!1);const t=Number((o=i.current)==null?void 0:o.getAttribute("absolute-row-index"));N(r,t,D.current),p.current=!1,R.current=null};m.useDraggable(y,{onPress:Y,onDragStart:B,onDrag:F,onDragEnd:G});const $=r=>{D.current=W(r),V()},V=()=>{var s;if(D.current===n.dropDirection.forbidden||!i.current){j();return}z();const r=n.getOffset(i.current);let t=r.top;const o=r.left+(((s=c.current)==null?void 0:s.offsetWidth)||0)/2;D.current===n.dropDirection.after&&(t+=i.current.offsetHeight),c.current&&(c.current.style.top=`${t}px`,c.current.style.left=`${o}px`,c.current.style.visibility="visible")},j=()=>{c.current&&(c.current.style.display="none")},z=()=>{c.current&&(c.current.style.display="")},H=()=>{if(d.current){if(u.dragClue){if(typeof u.dragClue=="string")return u.dragClue}else{const r=k.find(o=>!o.hidden&&o.columnType==="data");return d.current[r.field]}return u.dragClue(d.current)}},W=r=>{var S;if(i.current===a.current||!i.current||((S=i.current)==null?void 0:S.parentElement)!==R.current)return n.dropDirection.forbidden;const t=i.current.getBoundingClientRect(),s=t.height/2,g=r.clientY,x=t.top;let l=null;g<x+s?l=n.dropDirection.before:g>=x+t.height-s&&(l=n.dropDirection.after),(l===n.dropDirection.before&&i.current===a.current.nextElementSibling||l===n.dropDirection.after&&i.current===a.current.previousElementSibling)&&(l=n.dropDirection.forbidden);const L=l===n.dropDirection.forbidden?b.cancelIcon:b.insertMiddleIcon;return M(L),l},A=e.useMemo(H,[d.current]);return e.createElement(e.Fragment,null,q&&J.createPortal(e.createElement(e.Fragment,null,e.createElement("div",{ref:c,style:w,className:m.classNames(h.rowReorder({dropIndicatorMain:!0,dropIndicatorDirection:!0}))},e.createElement("div",{className:"k-drop-hint-start"}),e.createElement("div",{className:"k-drop-hint-line"})),e.createElement("div",{ref:f,style:T,className:m.classNames(h.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},e.createElement(m.SvgIcon,{className:"k-drag-status",icon:P}),A)),document.body),K.cloneReactElement(C.children,{ref:y}))};exports.GridReorderableRowsContainer=Q;exports.dropIndicatorStyles=w;exports.hintClueStyles=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),X=require("../utils/GridContext.js"),m=require("@progress/kendo-react-common"),n=require("./utils.js"),J=require("react-dom"),b=require("@progress/kendo-svg-icons"),K=require("../utils/index.js"),w={zIndex:"19000",position:"absolute",display:"none",visibility:"hidden"},T={zIndex:"20000",display:"flex",position:"fixed",visibility:"hidden",pointerEvents:"none"},Q=C=>{const{rowReorderSettings:u,columns:k,unstyled:h}=C,{rowReorder:N,reorderRowDragTargetRef:a,reorderRowDropTargetRef:i,activeDragRowDataItemRef:d,tableBodyElementRef:O}=e.useContext(X.GridContext),[q,I]=e.useState(!1),[P,M]=e.useState(b.cancelIcon),y=e.useRef(null),f=e.useRef(null),c=e.useRef(null),v=e.useRef(null),p=e.useRef(!1),D=e.useRef(null),R=e.useRef(null),E=typeof u=="object"?u.enabled:u;e.useEffect(()=>{O.current=y.current},[]);const Y=r=>{var s;const t=r.originalEvent.target;t.closest(".k-drag-cell")&&(v.current=r.offsetY,p.current=!0,a.current=t.closest(".k-table-row"),R.current=(s=a.current)==null?void 0:s.parentElement)},B=r=>{!p.current||!E||!d.current||(a.current&&(a.current.style.userSelect="none"),I(!0))},F=r=>{if(!p.current&&!f.current)return;const{clientX:t,clientY:o}=r,s=v.current,g={x:t,y:o-s};f.current&&(f.current.style.left=`${g.x}px`,f.current.style.top=`${g.y}px`,f.current.style.visibility="visible"),$(r)},G=r=>{var o;if(!E||!d.current)return;I(!1);const t=Number((o=i.current)==null?void 0:o.getAttribute("absolute-row-index"));N(r,t,D.current),p.current=!1,R.current=null};m.useDraggable(y,{onPress:Y,onDragStart:B,onDrag:F,onDragEnd:G});const $=r=>{D.current=A(r),V()},V=()=>{var s;if(D.current===n.dropDirection.forbidden||!i.current){j();return}z();const r=n.getOffset(i.current);let t=r.top;const o=r.left+(((s=c.current)==null?void 0:s.offsetWidth)||0)/2;D.current===n.dropDirection.after&&(t+=i.current.offsetHeight),c.current&&(c.current.style.top=`${t}px`,c.current.style.left=`${o}px`,c.current.style.visibility="visible")},j=()=>{c.current&&(c.current.style.display="none")},z=()=>{c.current&&(c.current.style.display="")},H=()=>{if(d.current){if(u.dragClue){if(typeof u.dragClue=="string")return u.dragClue}else{const r=k.find(o=>!o.hidden&&o.columnType==="data");return d.current[r.field]}return u.dragClue(d.current)}},A=r=>{var S;if(i.current===a.current||!i.current||((S=i.current)==null?void 0:S.parentElement)!==R.current)return n.dropDirection.forbidden;const t=i.current.getBoundingClientRect(),s=t.height/2,g=r.clientY,x=t.top;let l=null;g<x+s?l=n.dropDirection.before:g>=x+t.height-s&&(l=n.dropDirection.after),(l===n.dropDirection.before&&i.current===a.current.nextElementSibling||l===n.dropDirection.after&&i.current===a.current.previousElementSibling)&&(l=n.dropDirection.forbidden);const W=l===n.dropDirection.forbidden?b.cancelIcon:b.insertMiddleIcon;return M(W),l},L=e.useMemo(H,[d.current]);return e.createElement(e.Fragment,null,q&&J.createPortal(e.createElement(e.Fragment,null,e.createElement("div",{ref:c,style:w,className:m.classNames(h.rowReorder({dropIndicatorMain:!0,dropIndicatorDirection:!0}))},e.createElement("div",{className:"k-drop-hint-start"}),e.createElement("div",{className:"k-drop-hint-line"})),e.createElement("div",{ref:f,style:T,className:m.classNames(h.rowReorder({dragClueMain:!0,dragClueOperation:!0}))},e.createElement(m.SvgIcon,{className:"k-drag-status",icon:P}),L)),document.body),K.cloneReactElement(C.children,{ref:y}))};exports.GridReorderableRowsContainer=Q;exports.dropIndicatorStyles=w;exports.hintClueStyles=T;

package/components/GridDraggableRowsContainer.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import e from "react";
-import { GridContext as H } from "../GridClientWrapper.mjs";
+import { GridContext as H } from "../utils/GridContext.mjs";
 import { useDraggable as _, classNames as x, SvgIcon as j } from "@progress/kendo-react-common";
 import { dropDirection as o, getOffset as A } from "./utils.mjs";
 import L from "react-dom";

package/components/GridDropClue.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("@progress/kendo-react-data-tools"),a=require("../GridClientWrapper.js");function i(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 n=i(c),l=e=>{const t=n.useContext(a.GridContext);return n.createElement(u.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})};exports.GridDropClue=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=require("@progress/kendo-react-data-tools"),a=require("../utils/GridContext.js");function i(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 n=i(c),l=e=>{const t=n.useContext(a.GridContext);return n.createElement(u.DropClue,{ref:t.dragLogicRef.current.refDropElementClue})};exports.GridDropClue=l;

package/components/GridDropClue.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as r from "react";
 import { DropClue as t } from "@progress/kendo-react-data-tools";
-import { GridContext as o } from "../GridClientWrapper.mjs";
+import { GridContext as o } from "../utils/GridContext.mjs";
 const i = (n) => {
   const e = r.useContext(o);
   return /* @__PURE__ */ r.createElement(t, { ref: e.dragLogicRef.current.refDropElementClue });

package/components/GridEditDialog.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),q=require("react-dom"),I=require("@progress/kendo-react-layout"),s=require("@progress/kendo-react-buttons"),o=require("@progress/kendo-react-labels"),x=require("@progress/kendo-react-intl"),M=require("@progress/kendo-react-dateinputs"),_=require("@progress/kendo-react-common"),m=require("@progress/kendo-svg-icons"),L=require("@progress/kendo-react-inputs"),T=require("@progress/kendo-react-data-tools"),R=require("@progress/kendo-react-dialogs"),r=require("@progress/kendo-react-form"),A=require("../GridClientWrapper.js"),i=require("../messages/index.js"),w=l=>{var p;const S=x.useLocalization(),E=_.useAdaptiveModeContext(),n=e.useContext(A.GridContext),u=(a,t)=>{n.onDialogEditSubmit&&n.onDialogEditSubmit({dataItem:a,syntheticEvent:t})},c=a=>{n.onDialogEditCancel&&n.onDialogEditCancel({syntheticEvent:a})},N=a=>{const{validationMessage:t,visited:z,id:v,valid:O,editor:F,value:b,label:f,...k}=a,C=n.mobileMode?"large":"medium";switch(F){case"numeric":return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(L.NumericTextBox,{...k,size:C,value:b,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));case"date":return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(M.DatePicker,{valid:!0,...k,value:b,adaptive:n.mobileMode,size:C,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));case"boolean":return e.createElement("div",{className:"k-form-field-wrap"},e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":  ",e.createElement(L.Checkbox,{...k,size:C,value:b,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));default:return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(L.TextBox,{...k,size:C,value:b||"",[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)))}},D=S.toLanguageString(i.editDialogTitle,i.messages[i.editDialogTitle]),h=S.toLanguageString(i.editDialogSaveButtonTitle,i.messages[i.editDialogSaveButtonTitle]),B=S.toLanguageString(i.editDialogCancelButtonTitle,i.messages[i.editDialogCancelButtonTitle]),y={animation:!0,navigatable:!1,navigatableElements:[],expand:!0,title:n.adpativeTitle||D,suffixActions:e.createElement(s.Button,{svgIcon:m.xIcon,onClick:c,fillMode:"flat"}),animationStyles:E&&n.adaptiveColumnMenuRef<=E.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:E&&n.adaptiveColumnMenuRef<=E.small?"fullscreen":void 0},{customEditDialog:g}=l,d=(p=l.columns)==null?void 0:p.filter(a=>a.editable);return e.createElement(e.Fragment,null,q.createPortal(e.createElement(e.Fragment,null,n.mobileMode?e.createElement(e.Fragment,null,g?e.createElement(g,{columns:l.columns,dataItem:l.dataItem,onSubmit:u,onCancel:c}):e.createElement(r.Form,{initialValues:l.dataItem,onSubmit:u,id:"kendo-grid-edit-dialog",render:a=>e.createElement(I.ActionSheet,{...y},e.createElement(I.ActionSheetContent,null,e.createElement(r.FormElement,null,d==null?void 0:d.map(t=>e.createElement(r.FieldWrapper,{key:t.field},e.createElement(r.Field,{name:t.field,id:t.field,editor:t.editor,component:N,label:t.title||t.field,validator:t==null?void 0:t.validator}))))),e.createElement(I.ActionSheetFooter,null,e.createElement(s.Button,{onClick:c,type:"reset",icon:"cancel",size:"large",svgIcon:m.cancelIcon},B),e.createElement(s.Button,{type:"submit",themeColor:"primary",size:"large",disabled:!a.allowSubmit||!a.valid,onClick:a.onSubmit,icon:"save",svgIcon:m.saveIcon},h)))})):g?e.createElement(g,{columns:l.columns,dataItem:l.dataItem,onSubmit:u,onCancel:c}):e.createElement(r.Form,{initialValues:l.dataItem,onSubmit:u,id:"kendo-grid-edit-dialog",render:a=>e.createElement(R.Dialog,{title:D,width:450,onClose:t=>c(t.syntheticEvent)},e.createElement(r.FormElement,null,d==null?void 0:d.map(t=>e.createElement(r.FieldWrapper,{key:t.field},e.createElement(r.Field,{name:t.field,id:t.field,editor:t.editor,component:N,label:t.title||t.field,validator:t==null?void 0:t.validator})))),e.createElement(R.DialogActionsBar,{layout:"start"},e.createElement(s.Button,{type:"submit",themeColor:"primary",disabled:!a.allowSubmit||!a.valid,onClick:a.onSubmit,icon:"save",svgIcon:m.saveIcon},h),e.createElement(s.Button,{onClick:c,type:"reset",icon:"cancel",svgIcon:m.cancelIcon},B)))})),document.body))};exports.GridEditDialog=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),q=require("react-dom"),I=require("@progress/kendo-react-layout"),s=require("@progress/kendo-react-buttons"),o=require("@progress/kendo-react-labels"),x=require("@progress/kendo-react-intl"),M=require("@progress/kendo-react-dateinputs"),_=require("@progress/kendo-react-common"),m=require("@progress/kendo-svg-icons"),L=require("@progress/kendo-react-inputs"),T=require("@progress/kendo-react-data-tools"),y=require("@progress/kendo-react-dialogs"),r=require("@progress/kendo-react-form"),A=require("../utils/GridContext.js"),i=require("../messages/index.js"),w=l=>{var R;const S=x.useLocalization(),E=_.useAdaptiveModeContext(),n=e.useContext(A.GridContext),u=(a,t)=>{n.onDialogEditSubmit&&n.onDialogEditSubmit({dataItem:a,syntheticEvent:t})},c=a=>{n.onDialogEditCancel&&n.onDialogEditCancel({syntheticEvent:a})},N=a=>{const{validationMessage:t,visited:z,id:v,valid:O,editor:p,value:b,label:f,...k}=a,C=n.mobileMode?"large":"medium";switch(p){case"numeric":return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(L.NumericTextBox,{...k,size:C,value:b,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));case"date":return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(M.DatePicker,{valid:!0,...k,value:b,adaptive:n.mobileMode,size:C,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));case"boolean":return e.createElement("div",{className:"k-form-field-wrap"},e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":  ",e.createElement(L.Checkbox,{...k,size:C,value:b,[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)));default:return e.createElement(e.Fragment,null,e.createElement(o.Label,{editorId:v,className:"k-form-label"},f,":"),e.createElement("div",{className:"k-form-field-wrap"},e.createElement(L.TextBox,{...k,size:C,value:b||"",[T.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),t&&e.createElement(o.Error,null,t)))}},D=S.toLanguageString(i.editDialogTitle,i.messages[i.editDialogTitle]),h=S.toLanguageString(i.editDialogSaveButtonTitle,i.messages[i.editDialogSaveButtonTitle]),B=S.toLanguageString(i.editDialogCancelButtonTitle,i.messages[i.editDialogCancelButtonTitle]),F={animation:!0,navigatable:!1,navigatableElements:[],expand:!0,title:n.adpativeTitle||D,suffixActions:e.createElement(s.Button,{svgIcon:m.xIcon,onClick:c,fillMode:"flat"}),animationStyles:E&&n.adaptiveColumnMenuRef<=E.small?{top:0,width:"100%",height:"100%"}:void 0,className:"k-adaptive-actionsheet",position:E&&n.adaptiveColumnMenuRef<=E.small?"fullscreen":void 0},{customEditDialog:g}=l,d=(R=l.columns)==null?void 0:R.filter(a=>a.editable);return e.createElement(e.Fragment,null,q.createPortal(e.createElement(e.Fragment,null,n.mobileMode?e.createElement(e.Fragment,null,g?e.createElement(g,{columns:l.columns,dataItem:l.dataItem,onSubmit:u,onCancel:c}):e.createElement(r.Form,{initialValues:l.dataItem,onSubmit:u,id:"kendo-grid-edit-dialog",render:a=>e.createElement(I.ActionSheet,{...F},e.createElement(I.ActionSheetContent,null,e.createElement(r.FormElement,null,d==null?void 0:d.map(t=>e.createElement(r.FieldWrapper,{key:t.field},e.createElement(r.Field,{name:t.field,id:t.field,editor:t.editor,component:N,label:t.title||t.field,validator:t==null?void 0:t.validator}))))),e.createElement(I.ActionSheetFooter,null,e.createElement(s.Button,{onClick:c,type:"reset",icon:"cancel",size:"large",svgIcon:m.cancelIcon},B),e.createElement(s.Button,{type:"submit",themeColor:"primary",size:"large",disabled:!a.allowSubmit||!a.valid,onClick:a.onSubmit,icon:"save",svgIcon:m.saveIcon},h)))})):g?e.createElement(g,{columns:l.columns,dataItem:l.dataItem,onSubmit:u,onCancel:c}):e.createElement(r.Form,{initialValues:l.dataItem,onSubmit:u,id:"kendo-grid-edit-dialog",render:a=>e.createElement(y.Dialog,{title:D,width:450,onClose:t=>c(t.syntheticEvent)},e.createElement(r.FormElement,null,d==null?void 0:d.map(t=>e.createElement(r.FieldWrapper,{key:t.field},e.createElement(r.Field,{name:t.field,id:t.field,editor:t.editor,component:N,label:t.title||t.field,validator:t==null?void 0:t.validator})))),e.createElement(y.DialogActionsBar,{layout:"start"},e.createElement(s.Button,{type:"submit",themeColor:"primary",disabled:!a.allowSubmit||!a.valid,onClick:a.onSubmit,icon:"save",svgIcon:m.saveIcon},h),e.createElement(s.Button,{onClick:c,type:"reset",icon:"cancel",svgIcon:m.cancelIcon},B)))})),document.body))};exports.GridEditDialog=w;

package/components/GridEditDialog.mjs

@@ -19,7 +19,7 @@ import { TextBox as J, Checkbox as K, NumericTextBox as P } from "@progress/kend
 import { TABLE_PREVENT_SELECTION_ELEMENT as p } from "@progress/kendo-react-data-tools";
 import { Dialog as Q, DialogActionsBar as U } from "@progress/kendo-react-dialogs";
 import { Form as T, FormElement as F, FieldWrapper as M, Field as w } from "@progress/kendo-react-form";
-import { GridContext as X } from "../GridClientWrapper.mjs";
+import { GridContext as X } from "../utils/GridContext.mjs";
 import { editDialogTitle as z, messages as S, editDialogSaveButtonTitle as B, editDialogCancelButtonTitle as L } from "../messages/index.mjs";
 const fe = (l) => {
   var y;

package/components/GridElementContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c=require("../GridClientWrapper.js"),i=require("../utils/index.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=u(o),l=e=>{const t=a.useContext(c.GridContext);return i.cloneReactElement(e.children,{ref:t.elementRef,onKeyDown:t.onKeyDown,onFocus:t.onFocus})};exports.GridElementContainer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),c=require("../utils/GridContext.js"),i=require("../utils/index.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=u(r),l=e=>{const t=a.useContext(c.GridContext);return i.cloneReactElement(e.children,{ref:t.elementRef,onKeyDown:t.onKeyDown,onFocus:t.onFocus})};exports.GridElementContainer=l;

package/components/GridElementContainer.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as n from "react";
-import { GridContext as t } from "../GridClientWrapper.mjs";
+import { GridContext as t } from "../utils/GridContext.mjs";
 import { cloneReactElement as r } from "../utils/index.mjs";
 const i = (o) => {
   const e = n.useContext(t);

package/components/PagerContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../GridClientWrapper.js"),c=require("../messages/messagesMap.js"),i=require("../utils/index.js");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const g=s(a),u=e=>{const t=g.useContext(o.GridContext);return i.cloneReactElement(e.children,{onPageChange:t.pagerPageChange,messagesMap:c.pagerMessagesMap,dir:t.dir})};exports.PagerContainer=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=require("../utils/GridContext.js"),c=require("../messages/messagesMap.js"),s=require("../utils/index.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const g=i(a),u=e=>{const t=g.useContext(o.GridContext);return s.cloneReactElement(e.children,{onPageChange:t.pagerPageChange,messagesMap:c.pagerMessagesMap,dir:t.dir})};exports.PagerContainer=u;

package/components/PagerContainer.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as t from "react";
-import { GridContext as o } from "../GridClientWrapper.mjs";
+import { GridContext as o } from "../utils/GridContext.mjs";
 import { pagerMessagesMap as a } from "../messages/messagesMap.mjs";
 import { cloneReactElement as n } from "../utils/index.mjs";
 const s = (r) => {

package/components/VirtualScrollHeightContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),c=require("../GridClientWrapper.js");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=a(i),l=e=>{const t=o.useContext(c.GridContext);return o.createElement("div",{ref:t.virtualScrollHeightContainerRef})};exports.VirtualScrollHeightContainer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),c=require("../utils/GridContext.js");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=a(i),l=e=>{const t=o.useContext(c.GridContext);return o.createElement("div",{ref:t.virtualScrollHeightContainerRef})};exports.VirtualScrollHeightContainer=l;

package/components/VirtualScrollHeightContainer.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as t from "react";
-import { GridContext as e } from "../GridClientWrapper.mjs";
+import { GridContext as e } from "../utils/GridContext.mjs";
 const n = (o) => {
   const r = t.useContext(e);
   return /* @__PURE__ */ t.createElement("div", { ref: r.virtualScrollHeightContainerRef });

package/components/colGroup/GridColGroup.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("../../GridClientWrapper.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=u(c),l=e=>{const t=o.useContext(i.GridContext);return o.createElement("colgroup",{ref:r=>{t.columnResizeRef.current.colGroupMain=r,t.columnResizeRef.current.initWidths()}},e.children)};exports.GridColGroup=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("../../utils/GridContext.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=u(c),l=e=>{const t=o.useContext(i.GridContext);return o.createElement("colgroup",{ref:r=>{t.columnResizeRef.current.colGroupMain=r,t.columnResizeRef.current.initWidths()}},e.children)};exports.GridColGroup=l;

package/components/colGroup/GridColGroup.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as r from "react";
-import { GridContext as n } from "../../GridClientWrapper.mjs";
+import { GridContext as n } from "../../utils/GridContext.mjs";
 const c = (t) => {
   const e = r.useContext(n);
   return /* @__PURE__ */ r.createElement(

package/components/noRecords/GridNoRecordsContainer.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),a=require("@progress/kendo-react-data-tools"),n=require("@progress/kendo-react-common"),l=require("../../GridClientWrapper.js");function u(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=u(d),i=t=>{const r=c.useContext(l.GridContext),e=r.headerRef.current,o=e&&e.table()&&e.table().clientWidth,s=n.uGrid;return c.createElement("div",{key:"no-records",className:n.classNames(s.noRecords({})),style:{width:o}},c.createElement("div",{className:n.classNames(s.noRecordsTemplate({})),[a.KEYBOARD_NAV_DATA_ID]:a.tableKeyboardNavigationTools.generateNavigatableId("no-records",a.tableKeyboardNavigationTools.getIdPrefix(r.navigationStateRef))},t.children))};i.displayName="KendoReactGridNoRecordsContainer";exports.GridNoRecordsContainer=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),a=require("@progress/kendo-react-data-tools"),n=require("@progress/kendo-react-common"),l=require("../../utils/GridContext.js");function u(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const c=u(d),i=t=>{const o=c.useContext(l.GridContext),e=o.headerRef.current,r=e&&e.table()&&e.table().clientWidth,s=n.uGrid;return c.createElement("div",{key:"no-records",className:n.classNames(s.noRecords({})),style:{width:r}},c.createElement("div",{className:n.classNames(s.noRecordsTemplate({})),[a.KEYBOARD_NAV_DATA_ID]:a.tableKeyboardNavigationTools.generateNavigatableId("no-records",a.tableKeyboardNavigationTools.getIdPrefix(o.navigationStateRef))},t.children))};i.displayName="KendoReactGridNoRecordsContainer";exports.GridNoRecordsContainer=i;

package/components/noRecords/GridNoRecordsContainer.mjs

@@ -9,7 +9,7 @@
 import * as t from "react";
 import { KEYBOARD_NAV_DATA_ID as i, tableKeyboardNavigationTools as a } from "@progress/kendo-react-data-tools";
 import { classNames as n, uGrid as c } from "@progress/kendo-react-common";
-import { GridContext as l } from "../../GridClientWrapper.mjs";
+import { GridContext as l } from "../../utils/GridContext.mjs";
 const m = (s) => {
   const r = t.useContext(l), e = r.headerRef.current, d = e && e.table() && e.table().clientWidth, o = c;
   return /* @__PURE__ */ t.createElement("div", { key: "no-records", className: n(o.noRecords({})), style: { width: d } }, /* @__PURE__ */ t.createElement(

package/components/table/GridTable.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c=require("@progress/kendo-react-data-tools"),o=require("../../GridClientWrapper.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=i(l),s=e=>{const t=r.useContext(o.GridContext);return r.createElement(c.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:n=>{t.tableElementRef.current=n,t.headTableElementRef.current=n}},r.createElement("table",{ref:t.headTableElementRef,className:e.tableClassName},e.children))};exports.GridTable=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),c=require("@progress/kendo-react-data-tools"),o=require("../../utils/GridContext.js");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=i(l),s=e=>{const t=r.useContext(o.GridContext);return r.createElement(c.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:n=>{t.tableElementRef.current=n,t.headTableElementRef.current=n}},r.createElement("table",{ref:t.headTableElementRef,className:e.tableClassName},e.children))};exports.GridTable=s;

package/components/table/GridTable.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as l from "react";
 import { TableSelection as r } from "@progress/kendo-react-data-tools";
-import { GridContext as n } from "../../GridClientWrapper.mjs";
+import { GridContext as n } from "../../utils/GridContext.mjs";
 const o = (t) => {
   const e = l.useContext(n);
   return /* @__PURE__ */ l.createElement(

package/components/table/GridTableBody.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("../../GridClientWrapper.js"),a=require("@progress/kendo-react-common"),i=require("../../utils/index.js");function d(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 n=d(c),u=e=>{const t=n.useContext(l.GridContext);return n.createElement(n.Fragment,null,e.rowReorderable?n.createElement(a.DragAndDrop,null,e.children):i.cloneReactElement(e.children,{ref:t.tableBodyElementRef}))};exports.GridTableBody=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("../../utils/GridContext.js"),a=require("@progress/kendo-react-common"),i=require("../../utils/index.js");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=d(c),u=e=>{const t=r.useContext(l.GridContext);return r.createElement(r.Fragment,null,e.rowReorderable?r.createElement(a.DragAndDrop,null,e.children):i.cloneReactElement(e.children,{ref:t.tableBodyElementRef}))};exports.GridTableBody=u;

package/components/table/GridTableBody.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as e from "react";
-import { GridContext as o } from "../../GridClientWrapper.mjs";
+import { GridContext as o } from "../../utils/GridContext.mjs";
 import { DragAndDrop as n } from "@progress/kendo-react-common";
 import { cloneReactElement as l } from "../../utils/index.mjs";
 const d = (t) => {

package/components/table/GridTableScrollable.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=require("../../GridClientWrapper.js"),s=require("@progress/kendo-react-data-tools");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,r.get?r:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const a=i(c),b=e=>{var r;const t=a.useContext(o.GridContext),l={...e.tableStyle};return(r=t.vsRef.current)!=null&&r.tableTransform&&(l.transform=t.vsRef.current.tableTransform),a.createElement(s.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:n=>{t.tableElementRef.current=n}},a.createElement("table",{className:e.tableClassName,role:"presentation",style:l,ref:t.tableElementRef},e.children))};exports.GridTableScrollable=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=require("../../utils/GridContext.js"),s=require("@progress/kendo-react-data-tools");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const r=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,r.get?r:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const n=i(c),b=e=>{var r;const t=n.useContext(o.GridContext),l={...e.tableStyle};return(r=t.vsRef.current)!=null&&r.tableTransform&&(l.transform=t.vsRef.current.tableTransform),n.createElement(s.TableSelection,{selectable:e.selectable,onRelease:t.selectionRelease,childRef:a=>{t.tableElementRef.current=a}},n.createElement("table",{className:e.tableClassName,role:"presentation",style:l,ref:t.tableElementRef},e.children))};exports.GridTableScrollable=b;

package/components/table/GridTableScrollable.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import * as l from "react";
-import { GridContext as o } from "../../GridClientWrapper.mjs";
+import { GridContext as o } from "../../utils/GridContext.mjs";
 import { TableSelection as s } from "@progress/kendo-react-data-tools";
 const b = (t) => {
   var a;