@progress/kendo-cli 1.9.4-develop.1 → 1.9.4-develop.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -43996,7 +43996,7 @@ module.exports = "// @ts-check\nimport { defineConfig } from 'astro/config';\n\n
43996
43996
  \***********************************************************************************************************************************/
43997
43997
  /***/ ((module) => {
43998
43998
 
43999
- module.exports = "{\n \"name\": \"astro-vsx-integration\",\n \"type\": \"module\",\n \"version\": \"0.0.1\",\n \"scripts\": {\n \"dev\": \"astro dev\",\n \"start\": \"astro dev\",\n \"build\": \"astro check && astro build\",\n \"preview\": \"astro preview\",\n \"astro\": \"astro\"\n },\n \"dependencies\": {\n \"astro\": \"^4.15.11\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"react-router-dom\": \"^6.26.2\",\n \"sass\": \"^1.79.4\",\n \"typescript\": \"^5.6.2\",\n \"@astrojs/check\": \"^0.9.4\",\n \"@astrojs/react\": \"^3.6.2\",\n \"@types/react\": \"^18.3.11\",\n \"@types/react-dom\": \"^18.3.0\",\n \"@progress/kendo-react-buttons\": \"^10.0.0\",\n \"@progress/kendo-react-excel-export\": \"^10.0.0\",\n \"@progress/kendo-react-grid\": \"^10.0.0\",\n \"@progress/kendo-react-layout\": \"^10.0.0\",\n \"@progress/kendo-react-pdf\": \"^10.0.0\",\n \"@progress/kendo-theme-bootstrap\": \"^10.3.1\",\n \"@progress/kendo-theme-default\": \"^10.3.1\",\n \"@progress/kendo-theme-material\": \"^10.3.1\"\n },\n \"devDependencies\": {\n \"@types/react-router-dom\": \"^5.3.3\"\n }\n}\n";
43999
+ module.exports = "{\n \"name\": \"astro-vsx-integration\",\n \"type\": \"module\",\n \"version\": \"0.0.1\",\n \"scripts\": {\n \"dev\": \"astro dev\",\n \"start\": \"astro dev\",\n \"build\": \"astro check && astro build\",\n \"preview\": \"astro preview\",\n \"astro\": \"astro\"\n },\n \"dependencies\": {\n \"astro\": \"^4.15.11\",\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"react-router-dom\": \"^6.26.2\",\n \"sass\": \"^1.79.4\",\n \"typescript\": \"^5.6.2\",\n \"@astrojs/check\": \"^0.9.4\",\n \"@astrojs/react\": \"^3.6.2\",\n \"@types/react\": \"^18.3.11\",\n \"@types/react-dom\": \"^18.3.0\",\n \"@progress/kendo-react-buttons\": \"^11.0.0\",\n \"@progress/kendo-react-excel-export\": \"^11.0.0\",\n \"@progress/kendo-react-grid\": \"^11.0.0\",\n \"@progress/kendo-react-layout\": \"^11.0.0\",\n \"@progress/kendo-react-pdf\": \"^11.0.0\",\n \"@progress/kendo-theme-bootstrap\": \"^11.0.2\",\n \"@progress/kendo-theme-default\": \"^11.0.2\",\n \"@progress/kendo-theme-material\": \"^11.0.2\"\n },\n \"devDependencies\": {\n \"@types/react-router-dom\": \"^5.3.3\"\n }\n}\n";
44000
44000
 
44001
44001
  /***/ }),
44002
44002
 
@@ -44066,7 +44066,7 @@ module.exports = "<svg width=\"886\" height=\"366\" viewBox=\"0 0 886 366\" fill
44066
44066
  \***************************************************************************************************************************************************/
44067
44067
  /***/ ((module) => {
44068
44068
 
44069
- module.exports = "import * as React from \"react\";\n\nimport {\n Grid,\n GridColumn,\n GridToolbar,\n type GridDetailRowProps,\n type GridDataStateChangeEvent,\n type GridExpandChangeEvent\n} from \"@progress/kendo-react-grid\";\n\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\n\nimport { type DataResult, process, type State } from \"@progress/kendo-data-query\";\nimport data from \"./data.json\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { AppBar, AppBarSection } from \"@progress/kendo-react-layout\";\n\nconst DetailComponent = (props: GridDetailRowProps) => {\n const dataItem = props.dataItem;\n\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridComponent() {\n const [dataState, setDataState] = React.useState<State>({\n skip: 0,\n take: 20,\n sort: [{ field: \"orderDate\", dir: \"desc\" }],\n group: [{ field: \"customerID\" }]\n });\n const [dataResult, setDataResult] = React.useState<DataResult>(\n process(data, dataState)\n );\n\n const dataStateChange = (event: GridDataStateChangeEvent) => {\n setDataResult(process(data, event.dataState));\n setDataState(event.dataState);\n };\n\n const expandChange = (event: GridExpandChangeEvent) => {\n const isExpanded =\n event.dataItem.expanded === undefined\n ? event.dataItem.aggregates\n : event.dataItem.expanded;\n event.dataItem.expanded = !isExpanded;\n\n setDataResult({ ...dataResult, data: [...dataResult.data] });\n };\n\n let _pdfExport: GridPDFExport | null;\n const exportExcel = () => {\n if (_export) {\n _export.save();\n }\n };\n\n let _export: ExcelExport | null;\n const exportPDF = () => {\n if (_pdfExport) {\n _pdfExport.save();\n }\n };\n\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">\n <a href=\"/\">Home</a>\n </Button>\n </AppBarSection>\n </AppBar>\n <div className=\"k-mt-4\">\n <ExcelExport\n data={data}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n filterable={true}\n groupable={true}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n data={dataResult}\n {...dataState}\n onDataStateChange={dataStateChange}\n detail={DetailComponent}\n expandField=\"expanded\"\n onExpandChange={expandChange}\n >\n <GridToolbar>\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={process(data, {\n skip: dataState.skip,\n take: dataState.take\n })}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n </>\n );\n}";
44069
+ module.exports = "import * as React from \"react\";\n\nimport {\n Grid,\n GridColumn,\n GridToolbar,\n type GridDetailRowProps,\n type GridDetailExpandChangeEvent,\n type GridGroupExpandChangeEvent,\n} from \"@progress/kendo-react-grid\";\nimport { type DetailExpandDescriptor, type GroupExpandDescriptor } from \"@progress/kendo-react-data-tools\";\n\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\nimport data from \"./data.json\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { AppBar, AppBarSection } from \"@progress/kendo-react-layout\";\n\nconst DetailComponent = (props: GridDetailRowProps) => {\n const dataItem = props.dataItem;\n\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridComponent() {\n const [groupExpand, setGroupExpand] = React.useState<GroupExpandDescriptor[]>([]);\n const [detailExpand, setDetailExpand] = React.useState<DetailExpandDescriptor>({});\n\n const handleGroupExpand = (event: GridGroupExpandChangeEvent) => {\n setGroupExpand(event.groupExpand);\n };\n\n const handleDetailExpandChange = (event: GridDetailExpandChangeEvent) => {\n setDetailExpand(event.detailExpand);\n };\n\n let _pdfExport: GridPDFExport | null;\n const exportExcel = () => {\n if (_export) {\n _export.save();\n }\n };\n\n let _export: ExcelExport | null;\n const exportPDF = () => {\n if (_pdfExport) {\n _pdfExport.save();\n }\n };\n\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">\n <a href=\"/\">Home</a>\n </Button>\n </AppBarSection>\n </AppBar>\n <div className=\"k-mt-4\">\n <ExcelExport\n data={data}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n defaultSort={[{ field: \"orderDate\", dir: \"desc\" }]}\n filterable={true}\n groupable={true}\n defaultGroup={[{ field: \"customerID\" }]}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n defaultTake={20}\n defaultSkip={0}\n data={data}\n autoProcessData={true}\n dataItemKey=\"orderID\"\n detail={DetailComponent}\n detailExpand={detailExpand}\n onDetailExpandChange={handleDetailExpandChange}\n groupExpand={groupExpand}\n onGroupExpandChange={handleGroupExpand}\n >\n <GridToolbar>\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element: any) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={data}\n autoProcessData={true}\n defaultSkip={0}\n defaultTake={20}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n </>\n );\n}";
44070
44070
 
44071
44071
  /***/ }),
44072
44072
 
@@ -44196,7 +44196,7 @@ module.exports = "[\n\t{\n\t\t\"orderID\": 10271,\n\t\t\"customerID\": \"SPLIR\"
44196
44196
  \*************************************************************************************************************************************************************/
44197
44197
  /***/ ((module) => {
44198
44198
 
44199
- module.exports = "\"use client\"\n\nimport * as React from \"react\";\nimport {\n Grid,\n GridColumn,\n GridToolbar\n} from \"@progress/kendo-react-grid\";\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\nimport { process } from \"@progress/kendo-data-query\";\nimport orders from \"./orders.json\";\nimport { Button } from \"@progress/kendo-react-buttons\";\n\nconst DetailComponent = (props) => {\n const dataItem = props.dataItem;\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridNextjs() {\n const [dataState, setDataState] = React.useState({\n skip: 0,\n take: 20,\n sort: [{ field: \"orderDate\", dir: \"desc\" }],\n group: [{ field: \"customerID\" }]\n });\n const [dataResult, setDataResult] = React.useState(\n process(orders, dataState)\n );\n\n const dataStateChange = (event) => {\n setDataResult(process(orders, event.dataState));\n setDataState(event.dataState);\n };\n\n const expandChange = (event) => {\n const isExpanded =\n event.dataItem.expanded === undefined\n ? event.dataItem.aggregates\n : event.dataItem.expanded;\n event.dataItem.expanded = !isExpanded;\n\n setDataResult({ ...dataResult, data: [...dataResult.data] });\n };\n\n let _pdfExport;\n const exportExcel = () => {\n _export.save();\n };\n\n let _export;\n const exportPDF = () => {\n _pdfExport.save();\n };\n\n return (\n <div>\n <ExcelExport\n data={orders}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n filterable={true}\n groupable={true}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n data={dataResult}\n {...dataState}\n onDataStateChange={dataStateChange}\n detail={DetailComponent}\n expandField=\"expanded\"\n onExpandChange={expandChange}\n >\n <GridToolbar>\n &nbsp;&nbsp;&nbsp;\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={process(orders, {\n skip: dataState.skip,\n take: dataState.take\n })}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n );\n}";
44199
+ module.exports = "\"use client\"\n\nimport * as React from \"react\";\n\nimport {\n Grid,\n GridColumn,\n GridToolbar\n} from \"@progress/kendo-react-grid\";\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\nimport data from \"./orders.json\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { AppBar, AppBarSection } from \"@progress/kendo-react-layout\";\n\nconst DetailComponent = (props) => {\n const dataItem = props.dataItem;\n\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridNextjs() {\n const [groupExpand, setGroupExpand] = React.useState([]);\n const [detailExpand, setDetailExpand] = React.useState({});\n\n const handleGroupExpand = (event) => {\n setGroupExpand(event.groupExpand);\n };\n\n const handleDetailExpandChange = (event) => {\n setDetailExpand(event.detailExpand);\n };\n\n let _pdfExport;\n const exportExcel = () => {\n if (_export) {\n _export.save();\n }\n };\n\n let _export;\n const exportPDF = () => {\n if (_pdfExport) {\n _pdfExport.save();\n }\n };\n\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">\n <a href=\"/\">Home</a>\n </Button>\n </AppBarSection>\n </AppBar>\n <div className=\"k-mt-4\">\n <ExcelExport\n data={data}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n defaultSort={[{ field: \"orderDate\", dir: \"desc\" }]}\n filterable={true}\n groupable={true}\n defaultGroup={[{ field: \"customerID\" }]}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n defaultTake={20}\n defaultSkip={0}\n data={data}\n autoProcessData={true}\n dataItemKey=\"orderID\"\n detail={DetailComponent}\n detailExpand={detailExpand}\n onDetailExpandChange={handleDetailExpandChange}\n groupExpand={groupExpand}\n onGroupExpandChange={handleGroupExpand}\n >\n <GridToolbar>\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={data}\n autoProcessData={true}\n defaultSkip={0}\n defaultTake={20}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n </>\n );\n}";
44200
44200
 
44201
44201
  /***/ }),
44202
44202
 
@@ -44286,7 +44286,7 @@ module.exports = "<svg width=\"886\" height=\"366\" viewBox=\"0 0 886 366\" fill
44286
44286
  \************************************************************************************************************************************************************/
44287
44287
  /***/ ((module) => {
44288
44288
 
44289
- module.exports = "import * as React from \"react\";\nimport {\n Grid,\n GridColumn,\n GridToolbar,\n} from \"@progress/kendo-react-grid\";\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\nimport { process } from \"@progress/kendo-data-query\";\nimport orders from \"./orders.json\";\nimport { Button } from \"@progress/kendo-react-buttons\";\n\nconst DetailComponent = (props) => {\n const dataItem = props.dataItem;\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridNextjs() {\n const [dataState, setDataState] = React.useState({\n skip: 0,\n take: 20,\n sort: [{ field: \"orderDate\", dir: \"desc\" }],\n group: [{ field: \"customerID\" }]\n });\n const [dataResult, setDataResult] = React.useState(\n process(orders, dataState)\n );\n\n const dataStateChange = (event) => {\n setDataResult(process(orders, event.dataState));\n setDataState(event.dataState);\n };\n\n const expandChange = (event) => {\n const isExpanded =\n event.dataItem.expanded === undefined\n ? event.dataItem.aggregates\n : event.dataItem.expanded;\n event.dataItem.expanded = !isExpanded;\n\n setDataResult({ ...dataResult, data: [...dataResult.data] });\n };\n\n let _pdfExport;\n const exportExcel = () => {\n _export.save();\n };\n\n let _export;\n const exportPDF = () => {\n _pdfExport.save();\n };\n\n return (\n <div>\n <ExcelExport\n data={orders}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n filterable={true}\n groupable={true}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n data={dataResult}\n {...dataState}\n onDataStateChange={dataStateChange}\n detail={DetailComponent}\n expandField=\"expanded\"\n onExpandChange={expandChange}\n >\n <GridToolbar>\n &nbsp;&nbsp;&nbsp;\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={process(orders, {\n skip: dataState.skip,\n take: dataState.take\n })}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n );\n}";
44289
+ module.exports = "\"use client\"\n\nimport * as React from \"react\";\n\nimport {\n Grid,\n GridColumn,\n GridToolbar\n} from \"@progress/kendo-react-grid\";\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\nimport data from \"./orders.json\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { AppBar, AppBarSection } from \"@progress/kendo-react-layout\";\n\nconst DetailComponent = (props) => {\n const dataItem = props.dataItem;\n\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridNextjs() {\n const [groupExpand, setGroupExpand] = React.useState([]);\n const [detailExpand, setDetailExpand] = React.useState({});\n\n const handleGroupExpand = (event) => {\n setGroupExpand(event.groupExpand);\n };\n\n const handleDetailExpandChange = (event) => {\n setDetailExpand(event.detailExpand);\n };\n\n let _pdfExport;\n const exportExcel = () => {\n if (_export) {\n _export.save();\n }\n };\n\n let _export;\n const exportPDF = () => {\n if (_pdfExport) {\n _pdfExport.save();\n }\n };\n\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">\n <a href=\"/\">Home</a>\n </Button>\n </AppBarSection>\n </AppBar>\n <div className=\"k-mt-4\">\n <ExcelExport\n data={data}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n defaultSort={[{ field: \"orderDate\", dir: \"desc\" }]}\n filterable={true}\n groupable={true}\n defaultGroup={[{ field: \"customerID\" }]}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n defaultTake={20}\n defaultSkip={0}\n data={data}\n autoProcessData={true}\n dataItemKey=\"orderID\"\n detail={DetailComponent}\n detailExpand={detailExpand}\n onDetailExpandChange={handleDetailExpandChange}\n groupExpand={groupExpand}\n onGroupExpandChange={handleGroupExpand}\n >\n <GridToolbar>\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={data}\n autoProcessData={true}\n defaultSkip={0}\n defaultTake={20}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n </>\n );\n}";
44290
44290
 
44291
44291
  /***/ }),
44292
44292
 
@@ -44426,7 +44426,7 @@ module.exports = "[\n\t{\n\t\t\"orderID\": 10271,\n\t\t\"customerID\": \"SPLIR\"
44426
44426
  \**************************************************************************************************************************************************************/
44427
44427
  /***/ ((module) => {
44428
44428
 
44429
- module.exports = "\"use client\"\n\nimport * as React from \"react\";\n\nimport {\n Grid,\n GridColumn,\n GridToolbar,\n GridDetailRowProps,\n GridDataStateChangeEvent,\n GridExpandChangeEvent\n} from \"@progress/kendo-react-grid\";\n\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\n\nimport { DataResult, process, State } from \"@progress/kendo-data-query\";\nimport orders from \"./orders.json\";\nimport { Order } from \"./interfaces\";\nimport { Button } from \"@progress/kendo-react-buttons\";\n\nconst DetailComponent = (props: GridDetailRowProps) => {\n const dataItem = props.dataItem;\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridNextjs() {\n const [dataState, setDataState] = React.useState<State>({\n skip: 0,\n take: 20,\n sort: [{ field: \"orderDate\", dir: \"desc\" }],\n group: [{ field: \"customerID\" }]\n });\n const [dataResult, setDataResult] = React.useState<DataResult>(\n process(orders, dataState)\n );\n\n const dataStateChange = (event: GridDataStateChangeEvent) => {\n setDataResult(process(orders, event.dataState));\n setDataState(event.dataState);\n };\n\n const expandChange = (event: GridExpandChangeEvent) => {\n const isExpanded =\n event.dataItem.expanded === undefined\n ? event.dataItem.aggregates\n : event.dataItem.expanded;\n event.dataItem.expanded = !isExpanded;\n\n setDataResult({ ...dataResult, data: [...dataResult.data] });\n };\n\n let _export: ExcelExport | null;\n const exportExcel = () => {\n _export && _export.save();\n };\n \n let _pdfExport: GridPDFExport | null;\n const exportPDF = () => {\n _pdfExport && _pdfExport.save();\n };\n\n return (\n <div>\n <ExcelExport\n data={orders}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n filterable={true}\n groupable={true}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n data={dataResult}\n {...dataState}\n onDataStateChange={dataStateChange}\n detail={DetailComponent}\n expandField=\"expanded\"\n onExpandChange={expandChange}\n >\n <GridToolbar>\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={process(orders, {\n skip: dataState.skip,\n take: dataState.take\n })}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n );\n}";
44429
+ module.exports = "\"use client\"\n\nimport * as React from \"react\";\n\nimport {\n Grid,\n GridColumn,\n GridToolbar,\n type GridDetailRowProps,\n type GridDetailExpandChangeEvent,\n type GridGroupExpandChangeEvent,\n} from \"@progress/kendo-react-grid\";\nimport { type DetailExpandDescriptor, type GroupExpandDescriptor } from \"@progress/kendo-react-data-tools\";\n\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\nimport data from \"./orders.json\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { AppBar, AppBarSection } from \"@progress/kendo-react-layout\";\n\nconst DetailComponent = (props: GridDetailRowProps) => {\n const dataItem = props.dataItem;\n\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridNextjs() {\n const [groupExpand, setGroupExpand] = React.useState<GroupExpandDescriptor[]>([]);\n const [detailExpand, setDetailExpand] = React.useState<DetailExpandDescriptor>({});\n\n const handleGroupExpand = (event: GridGroupExpandChangeEvent) => {\n setGroupExpand(event.groupExpand);\n };\n\n const handleDetailExpandChange = (event: GridDetailExpandChangeEvent) => {\n setDetailExpand(event.detailExpand);\n };\n\n let _pdfExport: GridPDFExport | null;\n const exportExcel = () => {\n if (_export) {\n _export.save();\n }\n };\n\n let _export: ExcelExport | null;\n const exportPDF = () => {\n if (_pdfExport) {\n _pdfExport.save();\n }\n };\n\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">\n <a href=\"/\">Home</a>\n </Button>\n </AppBarSection>\n </AppBar>\n <div className=\"k-mt-4\">\n <ExcelExport\n data={data}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n defaultSort={[{ field: \"orderDate\", dir: \"desc\" }]}\n filterable={true}\n groupable={true}\n defaultGroup={[{ field: \"customerID\" }]}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n defaultTake={20}\n defaultSkip={0}\n data={data}\n autoProcessData={true}\n dataItemKey=\"orderID\"\n detail={DetailComponent}\n detailExpand={detailExpand}\n onDetailExpandChange={handleDetailExpandChange}\n groupExpand={groupExpand}\n onGroupExpandChange={handleGroupExpand}\n >\n <GridToolbar>\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element: any) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={data}\n autoProcessData={true}\n defaultSkip={0}\n defaultTake={20}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n </>\n );\n}";
44430
44430
 
44431
44431
  /***/ }),
44432
44432
 
@@ -44516,7 +44516,7 @@ module.exports = "<svg width=\"886\" height=\"366\" viewBox=\"0 0 886 366\" fill
44516
44516
  \*************************************************************************************************************************************************************/
44517
44517
  /***/ ((module) => {
44518
44518
 
44519
- module.exports = "import * as React from \"react\";\n\nimport {\n Grid,\n GridColumn,\n GridToolbar,\n GridDetailRowProps,\n GridDataStateChangeEvent,\n GridExpandChangeEvent\n} from \"@progress/kendo-react-grid\";\n\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\n\nimport { DataResult, process, State } from \"@progress/kendo-data-query\";\nimport orders from \"./orders.json\";\nimport { Order } from \"./interfaces\";\nimport { Button } from \"@progress/kendo-react-buttons\";\n\nconst DetailComponent = (props: GridDetailRowProps) => {\n const dataItem = props.dataItem;\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridNextjs() {\n const [dataState, setDataState] = React.useState<State>({\n skip: 0,\n take: 20,\n sort: [{ field: \"orderDate\", dir: \"desc\" }],\n group: [{ field: \"customerID\" }]\n });\n const [dataResult, setDataResult] = React.useState<DataResult>(\n process(orders, dataState)\n );\n\n const dataStateChange = (event: GridDataStateChangeEvent) => {\n setDataResult(process(orders, event.dataState));\n setDataState(event.dataState);\n };\n\n const expandChange = (event: GridExpandChangeEvent) => {\n const isExpanded =\n event.dataItem.expanded === undefined\n ? event.dataItem.aggregates\n : event.dataItem.expanded;\n event.dataItem.expanded = !isExpanded;\n\n setDataResult({ ...dataResult, data: [...dataResult.data] });\n };\n\n let _export: ExcelExport | null;\n const exportExcel = () => {\n _export && _export.save();\n };\n \n let _pdfExport: GridPDFExport | null;\n const exportPDF = () => {\n _pdfExport && _pdfExport.save();\n };\n\n return (\n <div>\n <ExcelExport\n data={orders}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n filterable={true}\n groupable={true}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n data={dataResult}\n {...dataState}\n onDataStateChange={dataStateChange}\n detail={DetailComponent}\n expandField=\"expanded\"\n onExpandChange={expandChange}\n >\n <GridToolbar>\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={process(orders, {\n skip: dataState.skip,\n take: dataState.take\n })}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n );\n}";
44519
+ module.exports = "\"use client\"\n\nimport * as React from \"react\";\n\nimport {\n Grid,\n GridColumn,\n GridToolbar,\n type GridDetailRowProps,\n type GridDetailExpandChangeEvent,\n type GridGroupExpandChangeEvent,\n} from \"@progress/kendo-react-grid\";\nimport { type DetailExpandDescriptor, type GroupExpandDescriptor } from \"@progress/kendo-react-data-tools\";\n\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\nimport data from \"./orders.json\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { AppBar, AppBarSection } from \"@progress/kendo-react-layout\";\n\nconst DetailComponent = (props: GridDetailRowProps) => {\n const dataItem = props.dataItem;\n\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridNextjs() {\n const [groupExpand, setGroupExpand] = React.useState<GroupExpandDescriptor[]>([]);\n const [detailExpand, setDetailExpand] = React.useState<DetailExpandDescriptor>({});\n\n const handleGroupExpand = (event: GridGroupExpandChangeEvent) => {\n setGroupExpand(event.groupExpand);\n };\n\n const handleDetailExpandChange = (event: GridDetailExpandChangeEvent) => {\n setDetailExpand(event.detailExpand);\n };\n\n let _pdfExport: GridPDFExport | null;\n const exportExcel = () => {\n if (_export) {\n _export.save();\n }\n };\n\n let _export: ExcelExport | null;\n const exportPDF = () => {\n if (_pdfExport) {\n _pdfExport.save();\n }\n };\n\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">\n <a href=\"/\">Home</a>\n </Button>\n </AppBarSection>\n </AppBar>\n <div className=\"k-mt-4\">\n <ExcelExport\n data={data}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n defaultSort={[{ field: \"orderDate\", dir: \"desc\" }]}\n filterable={true}\n groupable={true}\n defaultGroup={[{ field: \"customerID\" }]}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n defaultTake={20}\n defaultSkip={0}\n data={data}\n autoProcessData={true}\n dataItemKey=\"orderID\"\n detail={DetailComponent}\n detailExpand={detailExpand}\n onDetailExpandChange={handleDetailExpandChange}\n groupExpand={groupExpand}\n onGroupExpandChange={handleGroupExpand}\n >\n <GridToolbar>\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element: any) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={data}\n autoProcessData={true}\n defaultSkip={0}\n defaultTake={20}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n </>\n );\n}";
44520
44520
 
44521
44521
  /***/ }),
44522
44522
 
@@ -44926,7 +44926,7 @@ module.exports = "<!doctype html>\n<html lang=\"en\">\n <head>\n <meta chars
44926
44926
  \**********************************************************************************************************************************/
44927
44927
  /***/ ((module) => {
44928
44928
 
44929
- module.exports = "{\n \"name\": \"vite-integration\",\n \"private\": true,\n \"version\": \"0.0.0\",\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite\",\n \"build\": \"tsc -b && vite build\",\n \"preview\": \"vite preview\"\n },\n \"dependencies\": {\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"@progress/kendo-data-query\": \"^1.7.1\",\n \"@progress/kendo-theme-default\": \"^10.3.1\",\n \"@progress/kendo-react-buttons\": \"^10.0.0\",\n \"@progress/kendo-react-excel-export\": \"^10.0.0\",\n \"@progress/kendo-react-grid\": \"^10.0.0\",\n \"@progress/kendo-react-layout\": \"^10.0.0\",\n \"@progress/kendo-react-pdf\": \"^10.0.0\",\n \"@progress/kendo-svg-icons\": \"^4.0.0\"\n },\n \"devDependencies\": {\n \"@types/react\": \"^18.3.3\",\n \"@types/react-dom\": \"^18.3.0\",\n \"@vitejs/plugin-react\": \"^4.3.1\",\n \"globals\": \"^15.9.0\",\n \"react-router-dom\": \"^6.26.2\",\n \"typescript\": \"^5.5.3\",\n \"vite\": \"^5.4.1\"\n }\n}\n";
44929
+ module.exports = "{\n \"name\": \"vite-integration\",\n \"private\": true,\n \"version\": \"0.0.0\",\n \"type\": \"module\",\n \"scripts\": {\n \"dev\": \"vite\",\n \"build\": \"tsc -b && vite build\",\n \"preview\": \"vite preview\"\n },\n \"dependencies\": {\n \"react\": \"^18.3.1\",\n \"react-dom\": \"^18.3.1\",\n \"@progress/kendo-data-query\": \"^1.7.1\",\n \"@progress/kendo-theme-default\": \"^11.0.2\",\n \"@progress/kendo-react-buttons\": \"^11.0.0\",\n \"@progress/kendo-react-excel-export\": \"^11.0.0\",\n \"@progress/kendo-react-grid\": \"^11.0.0\",\n \"@progress/kendo-react-layout\": \"^11.0.0\",\n \"@progress/kendo-react-pdf\": \"^11.0.0\",\n \"@progress/kendo-svg-icons\": \"^4.3.0\"\n },\n \"devDependencies\": {\n \"@types/react\": \"^18.3.3\",\n \"@types/react-dom\": \"^18.3.0\",\n \"@vitejs/plugin-react\": \"^4.3.1\",\n \"globals\": \"^15.9.0\",\n \"react-router-dom\": \"^6.26.2\",\n \"typescript\": \"^5.5.3\",\n \"vite\": \"^5.4.1\"\n }\n}\n";
44930
44930
 
44931
44931
  /***/ }),
44932
44932
 
@@ -45016,7 +45016,7 @@ module.exports = "<svg width=\"886\" height=\"366\" viewBox=\"0 0 886 366\" fill
45016
45016
  \***************************************************************************************************************************************/
45017
45017
  /***/ ((module) => {
45018
45018
 
45019
- module.exports = "\"use client\"\n\nimport * as React from \"react\";\n\nimport {\n Grid,\n GridColumn,\n GridToolbar,\n GridDetailRowProps,\n GridDataStateChangeEvent,\n GridExpandChangeEvent\n} from \"@progress/kendo-react-grid\";\n\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\n\nimport { DataResult, process, State } from \"@progress/kendo-data-query\";\nimport data from \"./data.json\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { Link } from \"react-router-dom\";\nimport { AppBar, AppBarSection } from \"@progress/kendo-react-layout\";\n\nconst DetailComponent = (props: GridDetailRowProps) => {\n const dataItem = props.dataItem;\n\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridVite() {\n const [dataState, setDataState] = React.useState<State>({\n skip: 0,\n take: 20,\n sort: [{ field: \"orderDate\", dir: \"desc\" }],\n group: [{ field: \"customerID\" }]\n });\n const [dataResult, setDataResult] = React.useState<DataResult>(\n process(data, dataState)\n );\n\n const dataStateChange = (event: GridDataStateChangeEvent) => {\n setDataResult(process(data, event.dataState));\n setDataState(event.dataState);\n };\n\n const expandChange = (event: GridExpandChangeEvent) => {\n const isExpanded =\n event.dataItem.expanded === undefined\n ? event.dataItem.aggregates\n : event.dataItem.expanded;\n event.dataItem.expanded = !isExpanded;\n\n setDataResult({ ...dataResult, data: [...dataResult.data] });\n };\n\n let _pdfExport: GridPDFExport | null;\n const exportExcel = () => {\n if (_export) {\n _export.save();\n }\n };\n\n let _export: ExcelExport | null;\n const exportPDF = () => {\n if (_pdfExport) {\n _pdfExport.save();\n }\n };\n\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>\n <Link to=\"/\">\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">Go Back</Button>\n </Link>\n </AppBarSection>\n </AppBar>\n <div className=\"k-mt-4\">\n <ExcelExport\n data={data}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n filterable={true}\n groupable={true}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n data={dataResult}\n {...dataState}\n onDataStateChange={dataStateChange}\n detail={DetailComponent}\n expandField=\"expanded\"\n onExpandChange={expandChange}\n >\n <GridToolbar>\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={process(data, {\n skip: dataState.skip,\n take: dataState.take\n })}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n </>\n );\n}";
45019
+ module.exports = "\"use client\"\n\nimport * as React from \"react\";\n\nimport {\n Grid,\n GridColumn,\n GridToolbar,\n type GridDetailRowProps,\n type GridDetailExpandChangeEvent,\n type GridGroupExpandChangeEvent,\n} from \"@progress/kendo-react-grid\";\nimport { type DetailExpandDescriptor, type GroupExpandDescriptor } from \"@progress/kendo-react-data-tools\";\n\nimport { GridPDFExport } from \"@progress/kendo-react-pdf\";\nimport { ExcelExport } from \"@progress/kendo-react-excel-export\";\nimport data from \"./data.json\";\nimport { Button } from \"@progress/kendo-react-buttons\";\nimport { AppBar, AppBarSection } from \"@progress/kendo-react-layout\";\n\nconst DetailComponent = (props: GridDetailRowProps) => {\n const dataItem = props.dataItem;\n\n return (\n <div>\n <section style={{ width: \"200px\", float: \"left\" }}>\n <p>\n <strong>Street:</strong> {dataItem.shipAddress.street}\n </p>\n <p>\n <strong>City:</strong> {dataItem.shipAddress.city}\n </p>\n <p>\n <strong>Country:</strong> {dataItem.shipAddress.country}\n </p>\n <p>\n <strong>Postal Code:</strong> {dataItem.shipAddress.postalCode}\n </p>\n </section>\n <Grid style={{ width: \"500px\" }} data={dataItem.details} />\n </div>\n );\n};\n\nexport default function GridVite() {\n const [groupExpand, setGroupExpand] = React.useState<GroupExpandDescriptor[]>([]);\n const [detailExpand, setDetailExpand] = React.useState<DetailExpandDescriptor>({});\n\n const handleGroupExpand = (event: GridGroupExpandChangeEvent) => {\n setGroupExpand(event.groupExpand);\n };\n\n const handleDetailExpandChange = (event: GridDetailExpandChangeEvent) => {\n setDetailExpand(event.detailExpand);\n };\n\n let _pdfExport: GridPDFExport | null;\n const exportExcel = () => {\n if (_export) {\n _export.save();\n }\n };\n\n let _export: ExcelExport | null;\n const exportPDF = () => {\n if (_pdfExport) {\n _pdfExport.save();\n }\n };\n\n return (\n <>\n <AppBar position=\"top\">\n <AppBarSection>\n <Button themeColor=\"primary\" fillMode=\"flat\" className=\"k-mr-1\">\n <a href=\"/\">Home</a>\n </Button>\n </AppBarSection>\n </AppBar>\n <div className=\"k-mt-4\">\n <ExcelExport\n data={data}\n ref={(exporter) => {\n _export = exporter;\n }}\n >\n <Grid\n id=\"test\"\n style={{ height: \"700px\" }}\n sortable={true}\n defaultSort={[{ field: \"orderDate\", dir: \"desc\" }]}\n filterable={true}\n groupable={true}\n defaultGroup={[{ field: \"customerID\" }]}\n reorderable={true}\n pageable={{ buttonCount: 4, pageSizes: true }}\n defaultTake={20}\n defaultSkip={0}\n data={data}\n autoProcessData={true}\n dataItemKey=\"orderID\"\n detail={DetailComponent}\n detailExpand={detailExpand}\n onDetailExpandChange={handleDetailExpandChange}\n groupExpand={groupExpand}\n onGroupExpandChange={handleGroupExpand}\n >\n <GridToolbar>\n <Button\n title=\"Export to Excel\"\n onClick={exportExcel}\n >\n Export to Excel\n </Button>\n &nbsp;\n <Button\n onClick={exportPDF}\n >\n Export to PDF\n </Button>\n </GridToolbar>\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n </ExcelExport>\n <GridPDFExport\n ref={(element: any) => {\n _pdfExport = element;\n }}\n margin=\"1cm\"\n >\n {\n <Grid\n data={data}\n autoProcessData={true}\n defaultSkip={0}\n defaultTake={20}\n >\n <GridColumn field=\"customerID\" width=\"200px\" />\n <GridColumn\n field=\"orderDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"shipName\" width=\"280px\" />\n <GridColumn field=\"freight\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n field=\"shippedDate\"\n filter=\"date\"\n format=\"{0:D}\"\n width=\"300px\"\n />\n <GridColumn field=\"employeeID\" filter=\"numeric\" width=\"200px\" />\n <GridColumn\n locked={true}\n field=\"orderID\"\n filterable={false}\n title=\"ID\"\n width=\"90px\"\n />\n </Grid>\n }\n </GridPDFExport>\n </div>\n </>\n );\n}";
45020
45020
 
45021
45021
  /***/ }),
45022
45022
 
@@ -50902,7 +50902,7 @@ const diff_1 = __webpack_require__(/*! ../diff */ "./diff.ts");
50902
50902
  const chalk_proxy_1 = __webpack_require__(/*! ../utils/chalk-proxy */ "./utils/chalk-proxy.ts");
50903
50903
  const __1 = __webpack_require__(/*! .. */ "./index.ts");
50904
50904
  const utils_1 = __webpack_require__(/*! ../utils */ "./utils/index.ts");
50905
- const tempDiffRootDest = `node_modules/.kendo/migrations`;
50905
+ const tempDiffRootDest = (0, path_1.join)('node_modules', '.kendo', 'migration');
50906
50906
  const defaultPattern = "*.{js,jsx,ts,tsx}";
50907
50907
  const cwd = process.cwd();
50908
50908
  const requireFunc = true ? require : 0;
@@ -50970,7 +50970,12 @@ async function runMigrations({ migrations, pkgPath, pkgJson }, args) {
50970
50970
  let files = (originalFiles = getFiles(migrations.options?.pattern, args.ignorePattern));
50971
50971
  if (!args.force) {
50972
50972
  root = createTempDiffRoot(cwd, originalFiles);
50973
- files = files.map((file) => file.replace(originalRoot, root));
50973
+ files = files.map((file) => {
50974
+ const relPath = (0, path_1.relative)(originalRoot, file);
50975
+ const newPath = (0, path_1.join)(root, relPath);
50976
+ ;
50977
+ return newPath;
50978
+ });
50974
50979
  }
50975
50980
  console.log(yellow(`Applying codemods for ${yellowBright(pkgJson.name)}.`));
50976
50981
  await runCodemods({
@@ -51075,13 +51080,14 @@ async function showDiffs(files, originalFiles, { pkgJson, from, to }) {
51075
51080
  }
51076
51081
  }
51077
51082
  function createTempDiffRoot(rootPath, files) {
51078
- const tempDiffRoot = `${rootPath}/${tempDiffRootDest}`;
51083
+ const tempDiffRoot = (0, path_1.join)(rootPath, tempDiffRootDest);
51079
51084
  if ((0, fs_1.existsSync)(tempDiffRoot)) {
51080
- (0, fs_1.rmSync)(tempDiffRoot, { recursive: true });
51085
+ (0, fs_1.rmSync)(tempDiffRoot, { recursive: true, force: true });
51081
51086
  }
51082
51087
  (0, fs_1.mkdirSync)(tempDiffRoot, { recursive: true });
51083
51088
  files.forEach((file) => {
51084
- const targetPath = `${tempDiffRoot}/${file.replace(rootPath, "")}`;
51089
+ const rel = (0, path_1.relative)(rootPath, file);
51090
+ const targetPath = (0, path_1.join)(tempDiffRoot, rel);
51085
51091
  (0, fs_1.mkdirSync)((0, path_1.dirname)(targetPath), { recursive: true });
51086
51092
  (0, fs_1.copyFileSync)(file, targetPath);
51087
51093
  });
@@ -52412,8 +52418,8 @@ Check out our [Next.js deployment documentation](https://nextjs.org/docs/deploym
52412
52418
  packageJson.dependencies = {
52413
52419
  ...packageJson.dependencies,
52414
52420
  "@progress/kendo-data-query": "^1.7.1",
52415
- "@progress/kendo-drawing": "^1.20.2",
52416
- "@progress/kendo-licensing": "^1.5.0",
52421
+ "@progress/kendo-drawing": "^1.21.2",
52422
+ "@progress/kendo-licensing": "^1.6.0",
52417
52423
  "@progress/kendo-theme-default": `${themeVersion}`,
52418
52424
  "@progress/kendo-theme-bootstrap": `${themeVersion}`,
52419
52425
  "@progress/kendo-theme-material": `${themeVersion}`,
@@ -52459,7 +52465,7 @@ Check out our [Next.js deployment documentation](https://nextjs.org/docs/deploym
52459
52465
  "@progress/kendo-react-upload": `${kendoVersion}`,
52460
52466
  "@progress/kendo-react-pdf-viewer": `${kendoVersion}`,
52461
52467
  "@progress/kendo-react-taskboard": `${kendoVersion}`,
52462
- "@progress/kendo-svg-icons": "^4.0.0",
52468
+ "@progress/kendo-svg-icons": "^4.3.0",
52463
52469
  };
52464
52470
  await packageJsonSource.setContent(JSON.stringify(packageJson, null, " "));
52465
52471
  // Handle kendo theme...
@@ -79064,7 +79070,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"name":"@progress/kendo-cli","version
79064
79070
  /***/ ((module) => {
79065
79071
 
79066
79072
  "use strict";
79067
- module.exports = /*#__PURE__*/JSON.parse('{"title":"Astro","description":"Create KendoReact app with Astro.","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"styling":{"type":"string","description":"Styling language","enum":["CSS","Sass"],"default":"CSS"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","default":true,"version":"^10.0.0","hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","default":"default","version":"^10.3.1","enum":["default","bootstrap","material","fluent"]}},"additionalProperties":false,"required":["path","name"]}');
79073
+ module.exports = /*#__PURE__*/JSON.parse('{"title":"Astro","description":"Create KendoReact app with Astro.","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"styling":{"type":"string","description":"Styling language","enum":["CSS","Sass"],"default":"CSS"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","default":true,"version":"^11.0.0","hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","default":"default","version":"^11.0.2","enum":["default","bootstrap","material","fluent"]}},"additionalProperties":false,"required":["path","name"]}');
79068
79074
 
79069
79075
  /***/ }),
79070
79076
 
@@ -79075,7 +79081,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"title":"Astro","description":"Create
79075
79081
  /***/ ((module) => {
79076
79082
 
79077
79083
  "use strict";
79078
- module.exports = /*#__PURE__*/JSON.parse('{"title":"nextjs","description":"Create KendoReact app based on NextJS","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"javascript":{"alias":"js","default":false,"type":"boolean","description":"Initialize as a JavaScript project."},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"eslint":{"type":"boolean","description":"Initialize with eslint config.","default":false},"app":{"type":"boolean","description":"Initialize as an App Router project.","default":true},"src-dir":{"type":"boolean","description":"Initialize inside a `src/` directory.","default":true},"import-alias":{"type":"string","description":"Specify import alias to use (default \\"@/*\\").","default":"@/*"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","version":"^10.0.0","default":true,"hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","version":"^10.3.1","default":"default","enum":["default","bootstrap","material","fluent"]}},"additionalProperties":false,"required":["path","name"]}');
79084
+ module.exports = /*#__PURE__*/JSON.parse('{"title":"nextjs","description":"Create KendoReact app based on NextJS","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"javascript":{"alias":"js","default":false,"type":"boolean","description":"Initialize as a JavaScript project."},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"eslint":{"type":"boolean","description":"Initialize with eslint config.","default":false},"app":{"type":"boolean","description":"Initialize as an App Router project.","default":true},"src-dir":{"type":"boolean","description":"Initialize inside a `src/` directory.","default":true},"import-alias":{"type":"string","description":"Specify import alias to use (default \\"@/*\\").","default":"@/*"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","version":"^11.0.0","default":true,"hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","version":"^11.0.2","default":"default","enum":["default","bootstrap","material","fluent"]}},"additionalProperties":false,"required":["path","name"]}');
79079
79085
 
79080
79086
  /***/ }),
79081
79087
 
@@ -79086,7 +79092,7 @@ module.exports = /*#__PURE__*/JSON.parse('{"title":"nextjs","description":"Creat
79086
79092
  /***/ ((module) => {
79087
79093
 
79088
79094
  "use strict";
79089
- module.exports = /*#__PURE__*/JSON.parse('{"title":"vite","description":"Create KendoReact app with Vite.","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"styling":{"type":"string","description":"Styling language","enum":["CSS","Sass"],"default":"CSS"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","version":"^10.0.0","default":true,"hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","default":"default","version":"^10.3.1","enum":["default","bootstrap","material","fluent"]}},"additionalProperties":false,"required":["path","name"]}');
79095
+ module.exports = /*#__PURE__*/JSON.parse('{"title":"vite","description":"Create KendoReact app with Vite.","type":"object","properties":{"path":{"type":"string","hidden":true,"description":"Path to generate the app into."},"name":{"type":"string","displayName":"Application Name","description":"Name of the generated application.","default":"KendoReactApp","$default":{"$source":"argv","index":0}},"typescript":{"alias":"ts","default":false,"type":"boolean","description":"Initialize as a TypeScript project."},"language":{"type":"string","description":"Front-end language","enum":["JavaScript","TypeScript"],"hidden":true},"styling":{"type":"string","description":"Styling language","enum":["CSS","Sass"],"default":"CSS"},"kendo":{"type":"boolean","description":"Add KendoReact dependencies and UI.","version":"^11.0.0","default":true,"hidden":true},"theme":{"type":"string","description":"Kendo theme to apply.","default":"default","version":"^11.0.2","enum":["default","bootstrap","material","fluent"]}},"additionalProperties":false,"required":["path","name"]}');
79090
79096
 
79091
79097
  /***/ }),
79092
79098