diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml new file mode 100644 index 0000000000..87ad2062f9 --- /dev/null +++ b/.github/workflows/node.js.yml @@ -0,0 +1,47 @@ +# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node +# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs + +name: Node.js CI + +on: + push: + branches: [ "vnext" ] + pull_request: + branches: [ "vnext" ] + +jobs: + build: + runs-on: windows-latest + + strategy: + matrix: + node-version: [18.x, 20.13.x] + # See supported Node.js release schedule at https://nodejs.org/en/about/releases/ + + defaults: + run: + working-directory: ./browser # The working directory path + + steps: + - uses: actions/checkout@v3 + - name: Use Node.js ${{ matrix.node-version }} + uses: actions/setup-node@v3 + with: + node-version: ${{ matrix.node-version }} + cache: 'npm' + cache-dependency-path: browser/package-lock.json + + # THIS WILL BE REMOVED WHEN WE SWITCH BACK TO PUBLIC PACKAGES + # - name: Setup Registry + # run: | + # echo "@infragistics:registry=https://packages.infragistics.com/npm/js-licensed/" >> ~/.npmrc + # echo "//packages.infragistics.com/npm/js-licensed/:_auth=${{ secrets.PROGET_TOKEN }}" >> ~/.npmrc + # echo "//packages.infragistics.com/npm/js-licensed/:always-auth=true" >> ~/.npmrc + #- name: check limits + # run: ulimit -a + #- name: set heap size + # run: export NODE_OPTIONS=--max-old-space-size=24000 + - name: npm ci + run: npm ci + - name: Build + run: npm run build diff --git a/browser/package-lock.json b/browser/package-lock.json index 7be54ada48..7970dd83a2 100644 --- a/browser/package-lock.json +++ b/browser/package-lock.json @@ -81,7 +81,7 @@ "ts-node": "^8.9.0", "typescript": "^4.8.4", "web-vitals": "^0.2.4", - "webpack": "^5.89.0", + "webpack": "^5.92.0", "worker-loader": "^3.0.8" } }, @@ -5538,10 +5538,10 @@ "node": ">=0.4.0" } }, - "node_modules/acorn-import-assertions": { - "version": "1.9.0", - "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz", - "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==", + "node_modules/acorn-import-attributes": { + "version": "1.9.5", + "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz", + "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==", "dev": true, "peerDependencies": { "acorn": "^8" @@ -25975,9 +25975,9 @@ } }, "node_modules/webpack": { - "version": "5.91.0", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.91.0.tgz", - "integrity": "sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw==", + "version": "5.92.0", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.92.0.tgz", + "integrity": "sha512-Bsw2X39MYIgxouNATyVpCNVWBCuUwDgWtN78g6lSdPJRLaQ/PUVm/oXcaRAyY/sMFoKFQrsPeqvTizWtq7QPCA==", "dev": true, "dependencies": { "@types/eslint-scope": "^3.7.3", @@ -25986,10 +25986,10 @@ "@webassemblyjs/wasm-edit": "^1.12.1", "@webassemblyjs/wasm-parser": "^1.12.1", "acorn": "^8.7.1", - "acorn-import-assertions": "^1.9.0", + "acorn-import-attributes": "^1.9.5", "browserslist": "^4.21.10", "chrome-trace-event": "^1.0.2", - "enhanced-resolve": "^5.16.0", + "enhanced-resolve": "^5.17.0", "es-module-lexer": "^1.2.1", "eslint-scope": "5.1.1", "events": "^3.2.0", @@ -26268,9 +26268,9 @@ } }, "node_modules/webpack/node_modules/enhanced-resolve": { - "version": "5.16.0", - "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.16.0.tgz", - "integrity": "sha512-O+QWCviPNSSLAD9Ucn8Awv+poAkqn3T1XY5/N7kR7rQO9yfSGWkYZDwpJ+iKF7B8rxaQKWngSqACpgzeapSyoA==", + "version": "5.17.0", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.0.tgz", + "integrity": "sha512-dwDPwZL0dmye8Txp2gzFmA6sxALaSvdRDjPH0viLcKrtlOL3tw62nWWweVD1SdILDTJrbrL6tdWVN58Wo6U3eA==", "dev": true, "dependencies": { "graceful-fs": "^4.2.4", diff --git a/browser/package.json b/browser/package.json index f1a2229ee1..7c1f911397 100644 --- a/browser/package.json +++ b/browser/package.json @@ -90,7 +90,7 @@ "ts-node": "^8.9.0", "typescript": "^4.8.4", "web-vitals": "^0.2.4", - "webpack": "^5.89.0", + "webpack": "^5.92.0", "worker-loader": "^3.0.8" }, "eslintConfig": { diff --git a/browser/public/meta.json b/browser/public/meta.json index 5deb101d21..8768512a8f 100644 --- a/browser/public/meta.json +++ b/browser/public/meta.json @@ -1 +1 @@ -{"version":"23.2.915","date":"2024-05-21 16:49:08","note":"this file is auto-generated"} \ No newline at end of file +{"version":"23.2.915","date":"2024-06-12 15:35:29","note":"this file is auto-generated"} \ No newline at end of file diff --git a/browser/src/navigation/SamplesBrowser.json b/browser/src/navigation/SamplesBrowser.json index 5deb101d21..8768512a8f 100644 --- a/browser/src/navigation/SamplesBrowser.json +++ b/browser/src/navigation/SamplesBrowser.json @@ -1 +1 @@ -{"version":"23.2.915","date":"2024-05-21 16:49:08","note":"this file is auto-generated"} \ No newline at end of file +{"version":"23.2.915","date":"2024-06-12 15:35:29","note":"this file is auto-generated"} \ No newline at end of file diff --git a/browser/tasks/Transformer.ts b/browser/tasks/Transformer.ts index 6adee69b4f..8f31b47a2b 100644 --- a/browser/tasks/Transformer.ts +++ b/browser/tasks/Transformer.ts @@ -444,17 +444,7 @@ class Transformer { } public static getRelative(sampleFullPath: string): string { - // let path = filePath; - - if (sampleFullPath.indexOf(igConfig.RepositoryName) > -1) { - sampleFullPath = sampleFullPath.split(igConfig.RepositoryName)[1]; - sampleFullPath = sampleFullPath.split(pathModule.sep).join("/"); - return ".." + sampleFullPath; - // return sampleFullPath; - } - - console.log("failed on getRelative " + sampleFullPath); - return sampleFullPath; + return pathModule.relative('', sampleFullPath).replaceAll('\\', '/') } public static getFileName(relativePath: string): string { diff --git a/samples/charts/data-chart/data-legend-grouping-and-highlighting/ReadMe.md b/samples/charts/data-chart/data-legend-grouping-and-highlighting/ReadMe.md new file mode 100644 index 0000000000..f1e2b42806 --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping-and-highlighting/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Data Legend Grouping And Highlighting feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/data-legend-grouping-and-highlighting +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/data-legend-grouping/ReadMe.md b/samples/charts/data-chart/data-legend-grouping/ReadMe.md new file mode 100644 index 0000000000..fb8eb2a0ef --- /dev/null +++ b/samples/charts/data-chart/data-legend-grouping/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Data Legend Grouping feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/data-legend-grouping +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/data-legend-styling/ReadMe.md b/samples/charts/data-chart/data-legend-styling/ReadMe.md new file mode 100644 index 0000000000..2557dc7f7c --- /dev/null +++ b/samples/charts/data-chart/data-legend-styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Data Legend Styling feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/data-legend-styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/ReadMe.md b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/ReadMe.md new file mode 100644 index 0000000000..a142a9afb9 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping-and-highlighting/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Data Tooltip Grouping And Highlighting feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/data-tooltip-grouping-and-highlighting +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/data-tooltip-grouping/ReadMe.md b/samples/charts/data-chart/data-tooltip-grouping/ReadMe.md new file mode 100644 index 0000000000..296e3dfa17 --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-grouping/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Data Tooltip Grouping feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/data-tooltip-grouping +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/data-chart/data-tooltip-styling/ReadMe.md b/samples/charts/data-chart/data-tooltip-styling/ReadMe.md new file mode 100644 index 0000000000..5e42ad72ce --- /dev/null +++ b/samples/charts/data-chart/data-tooltip-styling/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Data Tooltip Styling feature using [Data Chart](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/data-chart/data-tooltip-styling +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/charts/tree-map/highlighting-percent-based/ReadMe.md b/samples/charts/tree-map/highlighting-percent-based/ReadMe.md new file mode 100644 index 0000000000..967f9ae36b --- /dev/null +++ b/samples/charts/tree-map/highlighting-percent-based/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Highlighting Percent Based feature using [Tree Map](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/charts/tree-map/highlighting-percent-based +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/tree-grid/column-data-types/ReadMe.md b/samples/grids/tree-grid/column-data-types/ReadMe.md new file mode 100644 index 0000000000..c6564ccb70 --- /dev/null +++ b/samples/grids/tree-grid/column-data-types/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Column Data Types feature using [Tree Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/tree-grid/column-data-types +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/tree-grid/data-exporting-indicator/ReadMe.md b/samples/grids/tree-grid/data-exporting-indicator/ReadMe.md new file mode 100644 index 0000000000..dd310e2f76 --- /dev/null +++ b/samples/grids/tree-grid/data-exporting-indicator/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Data Exporting Indicator feature using [Tree Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/tree-grid/data-exporting-indicator +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/tree-grid/data-searching/ReadMe.md b/samples/grids/tree-grid/data-searching/ReadMe.md new file mode 100644 index 0000000000..695fa2598c --- /dev/null +++ b/samples/grids/tree-grid/data-searching/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Data Searching feature using [Tree Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/tree-grid/data-searching +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/tree-grid/row-drag-base/ReadMe.md b/samples/grids/tree-grid/row-drag-base/ReadMe.md index 09f64bb3fc..9d3417b04c 100644 --- a/samples/grids/tree-grid/row-drag-base/ReadMe.md +++ b/samples/grids/tree-grid/row-drag-base/ReadMe.md @@ -1,7 +1,7 @@ -This folder contains implementation of React application with example of Overview feature using [Hierarchical Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. +This folder contains implementation of React application with example of Row Drag Base feature using [Tree Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. @@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Overvie View Code - + Run Sample - + Run Sample @@ -34,7 +34,7 @@ Follow these instructions to run this example: git clone https://github.com/IgniteUI/igniteui-react-examples.git git checkout master cd ./igniteui-react-examples -cd ./samples/grids/hierarchical-grid/overview +cd ./samples/grids/tree-grid/row-drag-base ``` open above folder in VS Code or type: diff --git a/samples/grids/tree-grid/toolbar-sample-2/ReadMe.md b/samples/grids/tree-grid/toolbar-sample-2/ReadMe.md new file mode 100644 index 0000000000..b3a9ce2e68 --- /dev/null +++ b/samples/grids/tree-grid/toolbar-sample-2/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Toolbar Sample2 feature using [Tree Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/tree-grid/toolbar-sample-2 +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/grids/tree-grid/toolbar-sample-4/ReadMe.md b/samples/grids/tree-grid/toolbar-sample-4/ReadMe.md new file mode 100644 index 0000000000..3a14ece412 --- /dev/null +++ b/samples/grids/tree-grid/toolbar-sample-4/ReadMe.md @@ -0,0 +1,56 @@ + + + +This folder contains implementation of React application with example of Toolbar Sample4 feature using [Tree Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. + + + + + + View Docs + + + View Code + + + Run Sample + + + Run Sample + + + + +## Branches + +> **_NOTE:_** You should use [master](https://github.com/IgniteUI/igniteui-react-examples/tree/master) branch of this repository if you want to run samples on your computer. Use the [vnext](https://github.com/IgniteUI/igniteui-react-examples/tree/vnext) branch only when you want to contribute new samples to this repository. + +## Instructions + +Follow these instructions to run this example: + + +``` +git clone https://github.com/IgniteUI/igniteui-react-examples.git +git checkout master +cd ./igniteui-react-examples +cd ./samples/grids/tree-grid/toolbar-sample-4 +``` + +open above folder in VS Code or type: +``` +code . +``` + +In terminal window, run: +``` +npm install --legacy-peer-deps +npm run-script start +``` + +Then open http://localhost:4200/ in your browser + + +## Learn More + +To learn more about **Ignite UI for React** components, check out the [React documentation](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html). diff --git a/samples/inputs/textarea/form-integration/README.md b/samples/inputs/textarea/form-integration/README.md index b00ea4ed98..2d3602a00b 100644 --- a/samples/inputs/textarea/form-integration/README.md +++ b/samples/inputs/textarea/form-integration/README.md @@ -1,7 +1,7 @@ -This folder contains implementation of React application with example of Overview feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. +This folder contains implementation of React application with example of Form Integration feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. @@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Overvie View Code - + Run Sample - + Run Sample @@ -34,7 +34,7 @@ Follow these instructions to run this example: git clone https://github.com/IgniteUI/igniteui-react-examples.git git checkout master cd ./igniteui-react-examples -cd ./samples/inputs/input/overview +cd ./samples/inputs/textarea/form-integration ``` open above folder in VS Code or type: diff --git a/samples/inputs/textarea/overview/README.md b/samples/inputs/textarea/overview/README.md index b00ea4ed98..6d1339281e 100644 --- a/samples/inputs/textarea/overview/README.md +++ b/samples/inputs/textarea/overview/README.md @@ -1,7 +1,7 @@ -This folder contains implementation of React application with example of Overview feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. +This folder contains implementation of React application with example of Overview feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. @@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Overvie View Code - + Run Sample - + Run Sample @@ -34,7 +34,7 @@ Follow these instructions to run this example: git clone https://github.com/IgniteUI/igniteui-react-examples.git git checkout master cd ./igniteui-react-examples -cd ./samples/inputs/input/overview +cd ./samples/inputs/textarea/overview ``` open above folder in VS Code or type: diff --git a/samples/inputs/textarea/resize/README.md b/samples/inputs/textarea/resize/README.md index b00ea4ed98..1a4ed1e4a4 100644 --- a/samples/inputs/textarea/resize/README.md +++ b/samples/inputs/textarea/resize/README.md @@ -1,7 +1,7 @@ -This folder contains implementation of React application with example of Overview feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. +This folder contains implementation of React application with example of Resize feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. @@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Overvie View Code - + Run Sample - + Run Sample @@ -34,7 +34,7 @@ Follow these instructions to run this example: git clone https://github.com/IgniteUI/igniteui-react-examples.git git checkout master cd ./igniteui-react-examples -cd ./samples/inputs/input/overview +cd ./samples/inputs/textarea/resize ``` open above folder in VS Code or type: diff --git a/samples/inputs/textarea/slots/README.md b/samples/inputs/textarea/slots/README.md index b00ea4ed98..679f132327 100644 --- a/samples/inputs/textarea/slots/README.md +++ b/samples/inputs/textarea/slots/README.md @@ -1,7 +1,7 @@ -This folder contains implementation of React application with example of Overview feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. +This folder contains implementation of React application with example of Slots feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. @@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Overvie View Code - + Run Sample - + Run Sample @@ -34,7 +34,7 @@ Follow these instructions to run this example: git clone https://github.com/IgniteUI/igniteui-react-examples.git git checkout master cd ./igniteui-react-examples -cd ./samples/inputs/input/overview +cd ./samples/inputs/textarea/slots ``` open above folder in VS Code or type: diff --git a/samples/inputs/textarea/styling/README.md b/samples/inputs/textarea/styling/README.md index b00ea4ed98..2a9fb5cd61 100644 --- a/samples/inputs/textarea/styling/README.md +++ b/samples/inputs/textarea/styling/README.md @@ -1,7 +1,7 @@ -This folder contains implementation of React application with example of Overview feature using [Input](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. +This folder contains implementation of React application with example of Styling feature using [Textarea](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component. @@ -12,10 +12,10 @@ This folder contains implementation of React application with example of Overvie View Code - + Run Sample - + Run Sample @@ -34,7 +34,7 @@ Follow these instructions to run this example: git clone https://github.com/IgniteUI/igniteui-react-examples.git git checkout master cd ./igniteui-react-examples -cd ./samples/inputs/input/overview +cd ./samples/inputs/textarea/styling ``` open above folder in VS Code or type: