devextreme-cli 1.9.1-1.11.0-alpha.0.0 → 1.10.1

package/src/templates/react/application/src/types.tsx

@@ -1,5 +1,6 @@
 import { TreeViewTypes } from 'devextreme-react/tree-view';
 import { ButtonTypes } from 'devextreme-react/button';
+import React from 'react';
 
 export interface HeaderProps {
     menuToggleEnabled: boolean;
@@ -52,4 +53,4 @@ export type NavigationContextType = {
 
 export type ValidationType = {
     value: string;
-}
+}

package/src/templates/react/application/src/utils/media-query.tsx

@@ -44,9 +44,7 @@ const largeMedia = window.matchMedia('(min-width: 1280px)');
 
 [xSmallMedia, smallMedia, mediumMedia, largeMedia].forEach(media => {
   media.addListener((e) => {
-    if(e.matches) {
-      handlers.forEach(handler => handler())
-    }
+    e.matches && handlers.forEach(handler => handler());
   });
 });
 

package/src/templates/react/application/src/utils/patches.scss

@@ -1,12 +1,12 @@
-@use "../themes/generated/variables.additional.scss" as *;
+@import "../themes/generated/variables.additional.scss";
 
 @mixin menu-pre-init-patch {
     $menuMinSize: 60px;
-
+  
     .dx-drawer-content {
       padding-left: $menuMinSize;
     }
-
+  
     .dx-drawer-panel-content.dx-overlay::before {
       content: "";
       width: $menuMinSize;
@@ -15,7 +15,7 @@
       position: absolute;
       background-color: $base-bg;
     }
-
+  
     .dx-overlay-content {
       width: $menuMinSize !important;
     }

package/src/templates/react/sample-pages/home/home.scss

@@ -1,3 +1,5 @@
+@use "../../variables.scss" as *;
+
 .logos-container {
   margin: 0 0 40px 0;
 

package/src/templates/react/sample-pages/home/home.tsx

@@ -68,7 +68,7 @@ export default function Home() {
           <p>Thanks for using the  DevExtreme React App Template.</p>
           <p>
             <span>This application was built using </span>
-            <a href={'https://vite.dev/guide/'} target={'_blank'} rel={'noopener noreferrer'}>create-vite</a>
+            <a href={'https://create-react-app.dev/'} target={'_blank'} rel={'noopener noreferrer'}>Create React App</a>
             <span> and </span>
             <a href={'https://js.devexpress.com/Documentation/Guide/Common/DevExtreme_CLI/'} target={'_blank'} rel={'noopener noreferrer'}>DevExtreme CLI</a>
             <span> and includes the following DevExtreme components:</span>

package/src/templates/react/sample-pages/tasks/tasks.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DataSource } from 'devextreme-react/common/data';
+import 'devextreme/data/odata/store';
 import DataGrid, {
   Column,
   Pager,
@@ -16,7 +16,7 @@ export default function Task() {
 
       <DataGrid
         className={'dx-card content-block'}
-        dataSource={dataSource}
+        dataSource={dataSource<%=#isTypeScript%> as any<%=/isTypeScript%>}
         showBorders={false}
         focusedRowEnabled={true}
         defaultFocusedRowIndex={0}
@@ -83,7 +83,7 @@ export default function Task() {
     </React.Fragment>
 )}
 
-const dataSource = new DataSource({
+const dataSource = {
   store: {
     version: 2,
     type: 'odata',
@@ -101,7 +101,7 @@ const dataSource = new DataSource({
     'Task_Completion',
     'ResponsibleEmployee/Employee_Full_Name'
   ]
-});
+};
 
 const priorities = [
   { name: 'High', value: 4 },

package/src/templates/vue-v3/sample-pages/tasks-page.vue

@@ -80,7 +80,7 @@
 </template>
 
 <script>
-import "devextreme-vue/common/data";
+import "devextreme/data/odata/store";
 import DxDataGrid, {
   DxColumn,
   DxFilterRow,

package/src/utility/extract-tooling-version.js

@@ -0,0 +1,13 @@
+const toolingVersionOptionName = 'tooling-version';
+
+const extractToolingVersion = (commandOptions) => {
+    if(commandOptions && commandOptions[toolingVersionOptionName]) {
+        return `@${commandOptions[toolingVersionOptionName]}`;
+    }
+    return '';
+};
+
+module.exports = {
+    toolingVersionOptionName,
+    extractToolingVersion,
+};

package/src/utility/latest-versions.js

@@ -1,9 +1,8 @@
 const packageJson = require('../../package.json');
 module.exports = {
-    'devextreme': '25.1.1-alpha',
-    'devextreme-react': '25.1.1-alpha',
-    'devextreme-vue': '25.1.1-alpha',
-    'create-vite': '6.3.1',
+    'devextreme': '24.2.6',
+    'devextreme-react': '24.2.6',
+    'devextreme-vue': '24.2.6',
     'devextreme-cli': packageJson.version,
     'devextreme-schematics': 'latest'
 };

package/src/utility/typescript-extension.js

@@ -5,7 +5,7 @@ const isTypeScript = (templateType) => templateType === 'typescript';
 
 const setFileExtension = (filePath, isTypeScript) => {
     const { dir, name } = path.parse(filePath);
-    const ext = '.' + (isTypeScript ? 'tsx' : 'jsx');
+    const ext = '.' + (isTypeScript ? 'tsx' : 'js');
 
     return path.join(dir, name + ext);
 };

package/src/utility/extract-deps-version-tag.js

@@ -1,13 +0,0 @@
-const depsVersionTagOptionName = 'deps-version-tag';
-
-const extractDepsVersionTag = (commandOptions) => {
-    if(commandOptions && commandOptions[depsVersionTagOptionName]) {
-        return commandOptions[depsVersionTagOptionName];
-    }
-    return '';
-};
-
-module.exports = {
-    depsVersionTagOptionName,
-    extractDepsVersionTag,
-};

package/src/utility/prompts/transpiler.js

@@ -1,17 +0,0 @@
-const prompts = require('./prompts');
-
-const choices = [
-    { value: 'babel', title: 'Babel' },
-    { value: 'swc', title: 'SWC' }
-];
-
-const question = {
-    message: 'Specify desired transpiler type:',
-    choices: choices
-};
-
-const getTranspilerTypeInfo = async(defaultValue) => {
-    return await prompts(question, choices, defaultValue);
-};
-
-module.exports = getTranspilerTypeInfo;