Add disabled summaries samples

IgniteUI · Feb 20, 2025 · fa22655 · fa22655
1 parent f8b1965
commit fa22655
Show file tree

Hide file tree

Showing 30 changed files with 4,122 additions and 0 deletions.
diff --git a/samples/grids/grid/disabled-summaries/.eslintrc.js b/samples/grids/grid/disabled-summaries/.eslintrc.js
@@ -0,0 +1,75 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+  parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+  parserOptions: {
+      ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+      sourceType: "module", // Allows for the use of imports
+      ecmaFeatures: {
+          jsx: true // Allows for the parsing of JSX
+      }
+  },
+  settings: {
+      react: {
+          version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+      }
+  },
+  extends: [
+      "eslint:recommended",
+      "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+      "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+  ],
+  rules: {
+    // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+    "default-case": "off",
+    "no-undef": "off",
+    "no-unused-vars": "off",
+    "no-extend-native": "off",
+    "no-throw-literal": "off",
+    "no-useless-concat": "off",
+    "no-mixed-operators": "off",
+    "no-prototype-builtins": "off",
+    "prefer-const": "off",
+    "prefer-rest-params": "off",
+    "jsx-a11y/alt-text": "off",
+    "jsx-a11y/iframe-has-title": "off",
+    "@typescript-eslint/no-unused-vars": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/no-inferrable-types": "off",
+    "@typescript-eslint/no-useless-constructor": "off",
+    "@typescript-eslint/no-use-before-define": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/interface-name-prefix": "off",
+    "@typescript-eslint/prefer-namespace-keyword": "off",
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off"
+  },
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {
+          "default-case": "off",
+          "no-undef": "off",
+          "no-unused-vars": "off",
+          "no-extend-native": "off",
+          "no-throw-literal": "off",
+          "no-useless-concat": "off",
+          "no-mixed-operators": "off",
+          "no-prototype-builtins": "off",
+          "prefer-const": "off",
+          "prefer-rest-params": "off",
+          "jsx-a11y/alt-text": "off",
+          "jsx-a11y/iframe-has-title": "off",
+          "@typescript-eslint/no-unused-vars": "off",
+          "@typescript-eslint/no-explicit-any": "off",
+          "@typescript-eslint/no-inferrable-types": "off",
+          "@typescript-eslint/no-useless-constructor": "off",
+          "@typescript-eslint/no-use-before-define": "off",
+          "@typescript-eslint/no-non-null-assertion": "off",
+          "@typescript-eslint/interface-name-prefix": "off",
+          "@typescript-eslint/prefer-namespace-keyword": "off",
+          "@typescript-eslint/explicit-function-return-type": "off",
+          "@typescript-eslint/explicit-module-boundary-types": "off"
+      }
+    }
+  ]
+};
diff --git a/samples/grids/grid/disabled-summaries/ReadMe.md b/samples/grids/grid/disabled-summaries/ReadMe.md
@@ -0,0 +1,56 @@
+<!-- NOTE: do not change this file because it's auto re-generated from template: -->
+<!-- https://github.com/IgniteUI/igniteui-react-examples/tree/vnext/templates/sample/ReadMe.md -->
+
+This folder contains implementation of React application with example of Disabled Summaries feature using [Grid](https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html) component.
+
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+    <body>
+        <a target="_blank" href="https://www.infragistics.com/products/ignite-ui-react/react/components/general-getting-started.html" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem" alt="View Docs" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-docs.png"/>
+        </a>
+        <a target="_blank" href="./src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="View Code" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-code.png"/>
+        </a>
+        <a target="_blank" href="https://www.infragistics.com/react-demos/samples/grids/grid/disabled-summaries" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-run.png"/>
+        </a>
+        <a target="_blank" href="https://codesandbox.io/s/github/IgniteUI/igniteui-react-examples/tree/master/samples/grids/grid/disabled-summaries?fontsize=14&hidenavigation=1&theme=dark&view=preview&file=/src/index.tsx" rel="noopener noreferrer">
+            <img height="40px" style="border-radius: 0rem; max-width: 100%;" alt="Run Sample" src="https://github.com/IgniteUI/igniteui-blazor-examples/raw/vnext/templates/sample/images/button-sandbox.png"/>
+        </a>
+    </body>
+</html>
+
+## 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/grid/disabled-summaries
+```
+
+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/grid/disabled-summaries/package.json b/samples/grids/grid/disabled-summaries/package.json
@@ -0,0 +1,42 @@
+{
+  "name": "example-ignite-ui-react",
+  "version": "1.4.0",
+  "scripts": {
+    "start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
+    "build": "react-scripts --max_old_space_size=10240 build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-react": "18.7.7",
+    "igniteui-react-core": "18.7.7",
+    "igniteui-react-datasources": "18.7.7",
+    "igniteui-react-grids": "18.7.7",
+    "igniteui-react-inputs": "18.7.7",
+    "igniteui-react-layouts": "18.7.7",
+    "lit-html": "^3.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-scripts": "^5.0.1",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.7",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "react-app-rewired": "^2.2.1",
+    "typescript": "^4.8.4",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}
diff --git a/samples/grids/grid/disabled-summaries/public/index.html b/samples/grids/grid/disabled-summaries/public/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | Infragistics</title>
+    <link
+      rel="shortcut icon"
+      href="https://static.infragistics.com/xplatform/images/browsers/react.png"
+    />
+    <link
+      rel="stylesheet"
+      href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css"
+    />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/samples/grids/grid/disabled-summaries/sandbox.config.json b/samples/grids/grid/disabled-summaries/sandbox.config.json
@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}