React Components release packages version 31.1.17 committed

Author: Balaji-Perumal

components/base/CHANGELOG.md

@@ -0,0 +1,11 @@
+# Changelog
+
+## [Unreleased]
+
+## 31.1.17 (2025-09-05)
+
+### Common
+
+#### Breaking Changes
+
+- The separate `Material 3 Dark` theme CSS file has been removed. Applications should now use the unified `Material 3` theme, which dynamically supports both light and dark modes to simplify theme management.

components/base/README.md

@@ -0,0 +1,54 @@
+# React Base Library
+
+The `@syncfusion/react-base` package is a foundational library for Syncfusion's Essential® Studio React components. It provides core utilities, providers, and functions to support the development of feature-rich React applications.
+
+**Key Features**
+
+- `Animation`: Smooth and customizable animations for UI components.
+- `Ripple Effect`: The ripple effects for interactive elements.
+- `Internationalization`: Support for multiple languages and locales.
+- `Localization`: Adaptable content for region-specific requirements.
+- `Right-to-Left (RTL)`: Built-in support for RTL languages like Arabic and Hebrew.
+
+## Installation
+
+To install `@syncfusion/react-base` and its dependencies, run the following command:
+
+```sh
+npm install @syncfusion/react-base
+```
+
+## Usage
+
+This package serves as a dependency for other Syncfusion® React components. Import the necessary utilities or providers as needed in your React application. For example:
+
+```tsx
+import { Provider } from '@syncfusion/react-base';
+import { Button } from '@syncfusion/react-buttons';
+
+<Provider locale={'en-US'} dir={'ltr'} ripple={false}>
+  <Button>Submit</Button>
+</Provider>
+```
+
+Refer to the [Syncfusion® Documentation](https://react.syncfusion.com/overview/introduction) for detailed usage instructions and examples.
+
+## Support
+
+Product support is available through following mediums.
+
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* Live chat
+
+## Changelog
+Check the changelog [here](https://github.com/syncfusion/react-ui-components/blob/master/components/base/CHANGELOG.md). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
+
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for [React UI components](https://www.syncfusion.com/react-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A [free community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+
+See [LICENSE FILE](https://github.com/syncfusion/react-ui-components/blob/master/license?utm_source=npm&utm_campaign=notification) for more info.
+
+&copy; Copyright 2025 Syncfusion, Inc. All Rights Reserved. The Syncfusion® Essential® Studio license and copyright applies to this distribution.

components/base/gulpfile.js

@@ -0,0 +1,52 @@
+var gulp = require('gulp');
+const sass = require('gulp-sass')(require('sass'));
+
+/**
+ * Compile ts files
+ */
+gulp.task('scripts', function(done) {
+    var ts = require('gulp-typescript');
+    var tsProject = ts.createProject('./tsconfig.json', { 
+        typescript: require('typescript'),
+        declaration: true 
+    });
+    var tsResult = gulp.src(['./src/**/*.ts','./src/**/*.tsx', '!./node_modules/**/*.ts','!./node_modules/**/*.tsx'], { base: '.' })
+        .pipe(tsProject());
+    tsResult.js.pipe(gulp.dest('./'))
+        .on('end', function() {
+            tsResult.dts.pipe(gulp.dest('./'))
+                .on('end', function() {
+                    done();
+                });
+        });
+});
+
+/**
+ * Compile styles
+ */
+let isCompiled = true;
+gulp.task('styles', function (done) {
+  var styles = './styles/**/*.scss';
+  return gulp.src(styles, { base: './' })
+      .pipe(sass({
+          outputStyle: 'expanded',
+          includePaths: "./node_modules/@syncfusion/"
+      }).on('error', function (error) {
+          isCompiled = false;
+          console.log(error);
+          this.emit('end');
+      }))
+      .pipe(gulp.dest('.'))
+      .on('end', function () {
+          if (!isCompiled) {
+              process.exit(1);
+          }
+          done();
+      });
+});
+
+/**
+ * Build ts and scss files
+ */
+gulp.task('build', gulp.series('scripts', 'styles'));
+

components/base/license

@@ -0,0 +1,13 @@
+Syncfusion® License
+
+Copyright (c) Syncfusion®, Inc. All rights reserved.
+
+Essential® JS 2 library is available through the Syncfusion® Essential Studio® program and can be licensed under either the Syncfusion® Community License Program or the Syncfusion® Commercial License.
+
+To qualify for the Syncfusion® Community License Program, your organization must have annual gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and fewer than five (5) developers. Additionally, you must agree to Syncfusion®’s terms and conditions.
+
+If you do not meet the requirements for the community license, please reach out to [email protected] for commercial licensing options.
+
+You are required to obtain either a Community License or a Commercial License before using this product and must agree to comply with Syncfusion®'s terms and conditions.
+
+The full Syncfusion® license, including terms and conditions, can be found at: https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

components/base/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@syncfusion/react-base",
+  "version": "31.1.17",
+  "description": "A common package of core React base, methods and class definitions",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "keywords": [
+    "syncfusion",
+    "web-components",
+    "react",
+    "react-base",
+    "syncfusion-react",
+    "base",
+    "library",
+    "react-base"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/syncfusion/react-ui-components.git"
+  },
+  "homepage": "https://www.syncfusion.com/react-ui-components",
+  "module": "./index.js",
+  "readme": "README.md",
+  "bin": {
+    "syncfusion-license": "bin/syncfusion-license.js"
+  },
+  "devDependencies": {
+    "gulp": "4.0.2",
+    "gulp-typescript": "5.0.1",
+    "typescript": "5.7.2",
+    "gulp-sass": "5.1.0",
+    "sass": "1.83.1",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "@types/react": "19.0.1",
+    "@types/react-dom": "19.0.1",
+    "@types/node": "^22.15.17"
+  },
+  "scripts": {
+    "build": "gulp build"
+  },
+  "typings": "index.d.ts",
+  "sideEffects": false
+}