@syncfusion/ej2-react-form-builder 0.1.0-beta → 35.1.42

package/dist/ej2-react-form-builder.umd.min.js

@@ -0,0 +1,11 @@
+/*!
+*  filename: ej2-react-form-builder.umd.min.js
+*  version : 35.1.42
+*  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
+*  Use of this code is subject to the terms of our license.
+*  A copy of the current license can be obtained at any time by e-mailing
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-form-builder")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-form-builder"],t):t((e=e||self).ej={},e.ej2ReactBase,e.React,e.ej2FormBuilder)}(this,function(t,e,o,n){"use strict";r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)t.hasOwnProperty(o)&&(e[o]=t[o])}))(e,t)};var r,i,s=function(e,t){function o(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)},c=(i=e.ComplexBase,s(u,i),u.moduleName="toolboxItemSetting",u);function u(){return null!==i&&i.apply(this,arguments)||this}l=e.ComplexBase,s(a,l),a.propertyName="toolboxItems",a.moduleName="toolboxItemSettings";var l,s=a;function a(){return null!==l&&l.apply(this,arguments)||this}p=function(e,t){return(p=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var o in t)t.hasOwnProperty(o)&&(e[o]=t[o])}))(e,t)};var p,f,d=function(e,t){function o(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)},d=(f=n.FormBuilder,d(m,f),m.prototype.render=function(){if(this.isReactMock=!1,!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return o.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));f.prototype.render.call(this),this.initRenderCalled=!0},m);function m(e){e=f.call(this,e)||this;return e.initRenderCalled=!1,e.checkInjectedModules=!1,e.directivekeys={toolboxItemSettings:"toolboxItemSetting"},e.statelessTemplateProps=null,e.templateProps=null,e.immediateRender=!1,e.isReactMock=!0,e.portals=[],e}e.applyMixins(d,[e.ComponentBase,o.Component]),Object.keys(n).forEach(function(e){"default"!==e&&Object.defineProperty(t,e,{enumerable:!0,get:function(){return n[e]}})}),t.FormBuilderComponent=d,t.ToolboxItemSettingDirective=c,t.ToolboxItemSettingsDirective=s,Object.defineProperty(t,"__esModule",{value:!0})});
+//# sourceMappingURL=ej2-react-form-builder.umd.min.js.map

package/dist/ej2-react-form-builder.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-react-form-builder.umd.min.js","sources":["../src/form-builder/toolboxitems-directive.js","../src/form-builder/formbuilder.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ToolboxItemSettingDirective` represents a custom widget\n * configuration item of the React FormBuilder component.\n * It must be contained within a\n * `ToolboxItemSettingsDirective` collection of a\n * `FormBuilderComponent`.\n * ```tsx\n * <FormBuilderComponent>\n * <ToolboxItemSettingsDirective>\n * <ToolboxItemSettingDirective />\n * </ToolboxItemSettingsDirective>\n * </FormBuilderComponent>\n * ```\n */\nvar ToolboxItemSettingDirective = /** @class */ (function (_super) {\n    __extends(ToolboxItemSettingDirective, _super);\n    function ToolboxItemSettingDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ToolboxItemSettingDirective.moduleName = 'toolboxItemSetting';\n    return ToolboxItemSettingDirective;\n}(ComplexBase));\nexport { ToolboxItemSettingDirective };\nvar ToolboxItemSettingsDirective = /** @class */ (function (_super) {\n    __extends(ToolboxItemSettingsDirective, _super);\n    function ToolboxItemSettingsDirective() {\n        return _super !== null && _super.apply(this, arguments) || this;\n    }\n    ToolboxItemSettingsDirective.propertyName = 'toolboxItems';\n    ToolboxItemSettingsDirective.moduleName = 'toolboxItemSettings';\n    return ToolboxItemSettingsDirective;\n}(ComplexBase));\nexport { ToolboxItemSettingsDirective };\n","var __extends = (this && this.__extends) || (function () {\n    var extendStatics = function (d, b) {\n        extendStatics = Object.setPrototypeOf ||\n            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n        return extendStatics(d, b);\n    };\n    return function (d, b) {\n        extendStatics(d, b);\n        function __() { this.constructor = d; }\n        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n    };\n})();\nimport * as React from 'react';\nimport { FormBuilder } from '@syncfusion/ej2-form-builder';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `FormBuilder` represents the React Form Builder Component.\n * ```ts\n * <FormBuilder />\n * ```\n */\nvar FormBuilderComponent = /** @class */ (function (_super) {\n    __extends(FormBuilderComponent, _super);\n    function FormBuilderComponent(props) {\n        var _this = _super.call(this, props) || this;\n        _this.initRenderCalled = false;\n        _this.checkInjectedModules = false;\n        _this.directivekeys = { 'toolboxItemSettings': 'toolboxItemSetting' };\n        _this.statelessTemplateProps = null;\n        _this.templateProps = null;\n        _this.immediateRender = false;\n        _this.isReactMock = true;\n        _this.portals = [];\n        return _this;\n    }\n    FormBuilderComponent.prototype.render = function () {\n        this.isReactMock = false;\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            _super.prototype.render.call(this);\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    };\n    return FormBuilderComponent;\n}(FormBuilder));\nexport { FormBuilderComponent };\napplyMixins(FormBuilderComponent, [ComponentBase, React.Component]);\n"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","_super","__extends","__","this","constructor","prototype","create","ToolboxItemSettingDirective","ComplexBase","moduleName","apply","arguments","ToolboxItemSettingsDirective","propertyName","FormBuilderComponent","FormBuilder","render","isReactMock","element","initRenderCalled","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","props","children","portals","call","_this","checkInjectedModules","directivekeys","toolboxItemSettings","statelessTemplateProps","templateProps","immediateRender","ComponentBase","React.Component"],"mappings":"gZACQA,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EA2BmDS,EA5BvDC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAkBnFK,GAAuDP,EAOzDQ,cANEP,EAAUM,EAA6BP,CAAM,EAI7CO,EAA4BE,WAAa,qBAClCF,GAJP,SAASA,IACL,OAAkB,OAAXP,GAAmBA,EAAOU,MAAMP,KAAMQ,SAAS,GAAKR,KAMPH,EAQ1DQ,cAPEP,EAAUW,EAA8BZ,CAAM,EAI9CY,EAA6BC,aAAe,eAC5CD,EAA6BH,WAAa,0BANcT,EAAxDY,EAOOA,EALP,SAASA,IACL,OAAkB,OAAXZ,GAAmBA,EAAOU,MAAMP,KAAMQ,SAAS,GAAKR,KCvC3DZ,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAClB,CAAEC,UAAW,cAAgBC,MAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,GACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,CAAC,IAAGN,EAAEM,GAAKL,EAAEK,OACpDN,EAAGC,CAAC,GALjC,IACQF,EAqB4CS,EAtBhDC,EAOO,SAAUT,EAAGC,GAEhB,SAASS,IAAOC,KAAKC,YAAcZ,EADnCD,EAAcC,EAAGC,CAAC,EAElBD,EAAEa,UAAkB,OAANZ,EAAaC,OAAOY,OAAOb,CAAC,GAAKS,EAAGG,UAAYZ,EAAEY,UAAW,IAAIH,IAYnFY,GAAgDd,EAyBlDe,cAxBEd,EAAUa,EAAsBd,CAAM,EAatCc,EAAqBT,UAAUW,OAAS,WAEpC,GADAb,KAAKc,YAAc,CAAA,EACf,EAAEd,KAAKe,SAAW,CAACf,KAAKgB,kBAAqBhB,KAAKiB,aAAgBjB,KAAKkB,oBAKvE,OAAOC,gBAAoB,MAAOnB,KAAKoB,uBAAwB,GAAGC,OAAOrB,KAAKsB,MAAMC,SAAUvB,KAAKwB,OAAO,CAAC,EAJ3G3B,EAAOK,UAAUW,OAAOY,KAAKzB,IAAI,EACjCA,KAAKgB,iBAAmB,CAAA,GAMzBL,GAtBP,SAASA,EAAqBW,GACtBI,EAAQ7B,EAAO4B,KAAKzB,KAAMsB,CAAK,GAAKtB,KASxC,OARA0B,EAAMV,iBAAmB,CAAA,EACzBU,EAAMC,qBAAuB,CAAA,EAC7BD,EAAME,cAAgB,CAAEC,oBAAuB,sBAC/CH,EAAMI,uBAAyB,KAC/BJ,EAAMK,cAAgB,KACtBL,EAAMM,gBAAkB,CAAA,EACxBN,EAAMZ,YAAc,CAAA,EACpBY,EAAMF,QAAU,GACTE,gBAeHf,EAAsB,CAACsB,gBAAeC,YAAgB"}

package/dist/es6/ej2-react-form-builder.es2015.js

@@ -0,0 +1,60 @@
+import { ComplexBase, applyMixins, ComponentBase } from '@syncfusion/ej2-react-base';
+import { createElement, Component } from 'react';
+import { FormBuilder } from '@syncfusion/ej2-form-builder';
+export * from '@syncfusion/ej2-form-builder';
+
+/**
+ * `ToolboxItemSettingDirective` represents a custom widget
+ * configuration item of the React FormBuilder component.
+ * It must be contained within a
+ * `ToolboxItemSettingsDirective` collection of a
+ * `FormBuilderComponent`.
+ * ```tsx
+ * <FormBuilderComponent>
+ * <ToolboxItemSettingsDirective>
+ * <ToolboxItemSettingDirective />
+ * </ToolboxItemSettingsDirective>
+ * </FormBuilderComponent>
+ * ```
+ */
+class ToolboxItemSettingDirective extends ComplexBase {
+}
+ToolboxItemSettingDirective.moduleName = 'toolboxItemSetting';
+class ToolboxItemSettingsDirective extends ComplexBase {
+}
+ToolboxItemSettingsDirective.propertyName = 'toolboxItems';
+ToolboxItemSettingsDirective.moduleName = 'toolboxItemSettings';
+
+/**
+ * `FormBuilder` represents the React Form Builder Component.
+ * ```ts
+ * <FormBuilder />
+ * ```
+ */
+class FormBuilderComponent extends FormBuilder {
+    constructor(props) {
+        super(props);
+        this.initRenderCalled = false;
+        this.checkInjectedModules = false;
+        this.directivekeys = { 'toolboxItemSettings': 'toolboxItemSetting' };
+        this.statelessTemplateProps = null;
+        this.templateProps = null;
+        this.immediateRender = false;
+        this.isReactMock = true;
+        this.portals = [];
+    }
+    render() {
+        this.isReactMock = false;
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            super.render();
+            this.initRenderCalled = true;
+        }
+        else {
+            return createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
+        }
+    }
+}
+applyMixins(FormBuilderComponent, [ComponentBase, Component]);
+
+export { FormBuilderComponent, ToolboxItemSettingDirective, ToolboxItemSettingsDirective };
+//# sourceMappingURL=ej2-react-form-builder.es2015.js.map

package/dist/es6/ej2-react-form-builder.es2015.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-react-form-builder.es2015.js","sources":["../src/es6/form-builder/toolboxitems-directive.js","../src/es6/form-builder/formbuilder.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ToolboxItemSettingDirective` represents a custom widget\n * configuration item of the React FormBuilder component.\n * It must be contained within a\n * `ToolboxItemSettingsDirective` collection of a\n * `FormBuilderComponent`.\n * ```tsx\n * <FormBuilderComponent>\n * <ToolboxItemSettingsDirective>\n * <ToolboxItemSettingDirective />\n * </ToolboxItemSettingsDirective>\n * </FormBuilderComponent>\n * ```\n */\nexport class ToolboxItemSettingDirective extends ComplexBase {\n}\nToolboxItemSettingDirective.moduleName = 'toolboxItemSetting';\nexport class ToolboxItemSettingsDirective extends ComplexBase {\n}\nToolboxItemSettingsDirective.propertyName = 'toolboxItems';\nToolboxItemSettingsDirective.moduleName = 'toolboxItemSettings';\n","import * as React from 'react';\nimport { FormBuilder } from '@syncfusion/ej2-form-builder';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `FormBuilder` represents the React Form Builder Component.\n * ```ts\n * <FormBuilder />\n * ```\n */\nexport class FormBuilderComponent extends FormBuilder {\n    constructor(props) {\n        super(props);\n        this.initRenderCalled = false;\n        this.checkInjectedModules = false;\n        this.directivekeys = { 'toolboxItemSettings': 'toolboxItemSetting' };\n        this.statelessTemplateProps = null;\n        this.templateProps = null;\n        this.immediateRender = false;\n        this.isReactMock = true;\n        this.portals = [];\n    }\n    render() {\n        this.isReactMock = false;\n        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n            super.render();\n            this.initRenderCalled = true;\n        }\n        else {\n            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n        }\n    }\n}\napplyMixins(FormBuilderComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,2BAA2B,SAAS,WAAW,CAAC;AAC7D,CAAC;AACD,2BAA2B,CAAC,UAAU,GAAG,oBAAoB,CAAC;AACvD,MAAM,4BAA4B,SAAS,WAAW,CAAC;AAC9D,CAAC;AACD,4BAA4B,CAAC,YAAY,GAAG,cAAc,CAAC;AAC3D,4BAA4B,CAAC,UAAU,GAAG,qBAAqB;;AClB/D;AACA;AACA;AACA;AACA;AACA;AACA,AAAO,MAAM,oBAAoB,SAAS,WAAW,CAAC;AACtD,IAAI,WAAW,CAAC,KAAK,EAAE;AACvB,QAAQ,KAAK,CAAC,KAAK,CAAC,CAAC;AACrB,QAAQ,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;AACtC,QAAQ,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;AAC1C,QAAQ,IAAI,CAAC,aAAa,GAAG,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,CAAC;AAC7E,QAAQ,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;AAC3C,QAAQ,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;AAClC,QAAQ,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;AACrC,QAAQ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AAChC,QAAQ,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;AAC1B,KAAK;AACL,IAAI,MAAM,GAAG;AACb,QAAQ,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACjC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;AACxG,YAAY,KAAK,CAAC,MAAM,EAAE,CAAC;AAC3B,YAAY,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;AACzC,SAAS;AACT,aAAa;AACb,YAAY,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;AACzH,SAAS;AACT,KAAK;AACL,CAAC;AACD,WAAW,CAAC,oBAAoB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;"}

package/form-builder.d.ts

@@ -0,0 +1,4 @@
+/**
+ * form-builder
+ */
+export * from './src/form-builder/index';

package/form-builder.js

@@ -0,0 +1,4 @@
+/**
+ * form-builder
+ */
+export * from './src/form-builder/index';

package/index.d.ts

@@ -1,6 +1,4 @@
 /**
- * @syncfusion/ej2-react-form-builder
- * Form Builder Component - Visual drag-and-drop form editor
+ * index
  */
-
-export * from './src/index.js';
+export * from './src/index';

package/index.js

@@ -1,6 +1,4 @@
 /**
- * @syncfusion/ej2-react-form-builder
- * Form Builder Component - Visual drag-and-drop form editor
+ * index
  */
-
-export * from './src/index.js';
+export * from './src/index';

package/license

@@ -1,13 +1,6 @@
-Syncfusion® License
-
-Copyright (c) Syncfusion®, Inc. All rights reserved.
-
-Essential® JS 2 Form Builder 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 sales@syncfusion.com 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
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/package.json

@@ -1,54 +1,30 @@
 {
   "name": "@syncfusion/ej2-react-form-builder",
-  "version": "0.1.0-beta",
-  "description": "Syncfusion Form Builder component is a visual drag-and-drop interface for creating JSON form schemas.",
+  "version": "35.1.42",
+  "description": "A package of feature-rich Essential JS 2 form builder component. for React",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
   "keywords": [
-    "syncfusion",
-    "ej2",
     "react",
-    "form",
-    "form-builder",
-    "form-renderer",
-    "dynamic-forms",
-    "json-forms",
-    "schema-forms",
-    "ui-components",
-    "react-components",
-    "drag-and-drop"
+    "reactjs",
+    "ej2-react-form-builder",
+    "react-form-builder",
+    "form-builder"
   ],
-  "main": "./index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "typings": "./index.d.ts",
-  "readme": "README.md",
-  "exports": {
-    ".": {
-      "import": "./index.js",
-      "types": "./index.d.ts"
-    },
-    "./styles/*": "./styles/*"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "sideEffects": false,
+  "main": "./dist/ej2-react-form-builder.umd.min.js",
+  "module": "./index.js",
+  "es2015": "dist/es6/ej2-react-form-builder.es2015.js",
+  "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-react-buttons": "*",
-    "@syncfusion/ej2-react-calendars": "*",
-    "@syncfusion/ej2-react-dropdowns": "*",
-    "@syncfusion/ej2-react-grids": "*",
-    "@syncfusion/ej2-react-image-editor": "*",
-    "@syncfusion/ej2-react-inplace-editor": "*",
-    "@syncfusion/ej2-react-inputs": "*",
-    "@syncfusion/ej2-react-layouts": "*",
-    "@syncfusion/ej2-react-lists": "*",
-    "@syncfusion/ej2-react-navigations": "*",
-    "@syncfusion/ej2-react-notifications": "*",
-    "@syncfusion/ej2-react-popups": "*",
-    "@syncfusion/ej2-react-querybuilder": "*",
-    "@syncfusion/ej2-react-richtexteditor": "*",
-    "@syncfusion/ej2-react-splitbuttons": "*",
-    "@syncfusion/ej2-react-form-renderer": "*",
-    "@syncfusion/react-base": "*"
+    "@syncfusion/ej2-base": "~35.1.37",
+    "@syncfusion/ej2-react-base": "~35.1.37",
+    "@syncfusion/ej2-form-builder": "35.1.42"
   },
-  "devDependencies": {}
+  "devDependencies": {},
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/react-components"
 }

package/src/form-builder/formbuilder.component.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { FormBuilder, FormBuilderModel } from '@syncfusion/ej2-form-builder';
+import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+/**
+ * `FormBuilder` represents the React Form Builder Component.
+ * ```ts
+ * <FormBuilder />
+ * ```
+ */
+export declare class FormBuilderComponent extends FormBuilder {
+    state: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<FormBuilderModel | DefaultHtmlAttributes>;
+    setState: any;
+    private getDefaultAttributes;
+    initRenderCalled: boolean;
+    private checkInjectedModules;
+    directivekeys: {
+        [key: string]: Object;
+    };
+    private statelessTemplateProps;
+    private templateProps;
+    private immediateRender;
+    private isReactMock;
+    props: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<FormBuilderModel | DefaultHtmlAttributes>;
+    forceUpdate: (callBack?: () => any) => void;
+    context: Object;
+    portals: any;
+    isReactComponent: Object;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    constructor(props: any);
+    render(): any;
+}

package/src/form-builder/formbuilder.component.js

@@ -0,0 +1,50 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import * as React from 'react';
+import { FormBuilder } from '@syncfusion/ej2-form-builder';
+import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
+/**
+ * `FormBuilder` represents the React Form Builder Component.
+ * ```ts
+ * <FormBuilder />
+ * ```
+ */
+var FormBuilderComponent = /** @class */ (function (_super) {
+    __extends(FormBuilderComponent, _super);
+    function FormBuilderComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.initRenderCalled = false;
+        _this.checkInjectedModules = false;
+        _this.directivekeys = { 'toolboxItemSettings': 'toolboxItemSetting' };
+        _this.statelessTemplateProps = null;
+        _this.templateProps = null;
+        _this.immediateRender = false;
+        _this.isReactMock = true;
+        _this.portals = [];
+        return _this;
+    }
+    FormBuilderComponent.prototype.render = function () {
+        this.isReactMock = false;
+        if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {
+            _super.prototype.render.call(this);
+            this.initRenderCalled = true;
+        }
+        else {
+            return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));
+        }
+    };
+    return FormBuilderComponent;
+}(FormBuilder));
+export { FormBuilderComponent };
+applyMixins(FormBuilderComponent, [ComponentBase, React.Component]);

package/src/form-builder/index.d.ts

@@ -0,0 +1,2 @@
+export * from './toolboxitems-directive';
+export * from './formbuilder.component';

package/src/form-builder/index.js

@@ -0,0 +1,2 @@
+export * from './toolboxitems-directive';
+export * from './formbuilder.component';

package/src/form-builder/toolboxitems-directive.d.ts

@@ -0,0 +1,28 @@
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+import { ToolboxItemSettingModel } from '@syncfusion/ej2-form-builder';
+export interface ToolboxItemSettingDirTypecast {
+    template?: string | Function | any;
+}
+/**
+ * `ToolboxItemSettingDirective` represents a custom widget
+ * configuration item of the React FormBuilder component.
+ * It must be contained within a
+ * `ToolboxItemSettingsDirective` collection of a
+ * `FormBuilderComponent`.
+ * ```tsx
+ * <FormBuilderComponent>
+ * <ToolboxItemSettingsDirective>
+ * <ToolboxItemSettingDirective />
+ * </ToolboxItemSettingsDirective>
+ * </FormBuilderComponent>
+ * ```
+ */
+export declare class ToolboxItemSettingDirective extends ComplexBase<ToolboxItemSettingModel | ToolboxItemSettingDirTypecast & {
+    children?: React.ReactNode;
+}, ToolboxItemSettingModel | ToolboxItemSettingDirTypecast> {
+    static moduleName: string;
+}
+export declare class ToolboxItemSettingsDirective extends ComplexBase<{}, {}> {
+    static propertyName: string;
+    static moduleName: string;
+}

package/src/form-builder/toolboxitems-directive.js

@@ -0,0 +1,47 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+/**
+ * `ToolboxItemSettingDirective` represents a custom widget
+ * configuration item of the React FormBuilder component.
+ * It must be contained within a
+ * `ToolboxItemSettingsDirective` collection of a
+ * `FormBuilderComponent`.
+ * ```tsx
+ * <FormBuilderComponent>
+ * <ToolboxItemSettingsDirective>
+ * <ToolboxItemSettingDirective />
+ * </ToolboxItemSettingsDirective>
+ * </FormBuilderComponent>
+ * ```
+ */
+var ToolboxItemSettingDirective = /** @class */ (function (_super) {
+    __extends(ToolboxItemSettingDirective, _super);
+    function ToolboxItemSettingDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ToolboxItemSettingDirective.moduleName = 'toolboxItemSetting';
+    return ToolboxItemSettingDirective;
+}(ComplexBase));
+export { ToolboxItemSettingDirective };
+var ToolboxItemSettingsDirective = /** @class */ (function (_super) {
+    __extends(ToolboxItemSettingsDirective, _super);
+    function ToolboxItemSettingsDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ToolboxItemSettingsDirective.propertyName = 'toolboxItems';
+    ToolboxItemSettingsDirective.moduleName = 'toolboxItemSettings';
+    return ToolboxItemSettingsDirective;
+}(ComplexBase));
+export { ToolboxItemSettingsDirective };

package/src/global.js

@@ -0,0 +1 @@
+export * from './index';

package/src/index.d.ts

@@ -1,16 +1,2 @@
-/**
- * @syncfusion/ej2-react-form-builder
- * Form Builder Component - Visual drag-and-drop form editor
- */
-
-export { FormBuilder } from './FormBuilder.js';
-
-export type {
-  IFormBuilder,
-  PropertyChangedEventArgs,
-  FieldDragStartedEventArgs,
-  FieldDraggingOverEventArgs,
-  FieldDroppedEventArgs
-} from './FormBuilder.js';
-
-export type { DefaultTemplates, PaletteConfig, Schema, } from './types/FormSchema.js';
+export * from './form-builder';
+export * from '@syncfusion/ej2-form-builder';

package/src/index.js

@@ -1,6 +1,2 @@
-/**
- * @syncfusion/ej2-react-form-builder
- * Form Builder Component - Visual drag-and-drop form editor
- */
-
-export { FormBuilder } from './FormBuilder.js';
+export * from './form-builder';
+export * from '@syncfusion/ej2-form-builder';

package/Common/CheckboxGroup.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { FormComponent } from '../FormBuilder/types/FormSchema';
-import type { FormState } from './FormValidator';
-interface Props {
-    component: FormComponent;
-    formState?: FormState;
-    value?: string[];
-    onChange?: (value: string[]) => void;
-    optionRef?: (el: any, idx?: number) => void;
-    enableRtl?: boolean;
-}
-declare const CheckboxGroup: React.FC<Props>;
-export default CheckboxGroup;

package/Common/CheckboxGroup.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CheckBoxComponent } from '@syncfusion/ej2-react-buttons';
-const resolveAttributes = (attributes) => {
-    if (!attributes)
-        return {};
-    if (Array.isArray(attributes)) {
-        return attributes.reduce((acc, item) => {
-            if (item && item.key && item.value !== undefined) {
-                acc[item.key] = item.value;
-            }
-            return acc;
-        }, {});
-    }
-    return attributes;
-};
-const CheckboxGroup = ({ component, formState, value, onChange, optionRef, enableRtl }) => {
-    const resolvedValue = (formState ? formState.values[component.id] : (value ?? component.defaultValue));
-    const selectedItems = Array.isArray(resolvedValue) ? resolvedValue : [];
-    const handleCheckboxChange = (option, checked) => {
-        const newValue = checked ? [...selectedItems, option] : selectedItems.filter(i => i !== option);
-        if (formState) {
-            formState.onChange(component.id, { value: newValue });
-        }
-        else {
-            onChange?.(newValue);
-        }
-    };
-    const groupLabel = component.label && component.required ? `${component.label} *` : component.label;
-    const containerStyle = {
-        display: 'flex',
-        flexDirection: component.layoutDirection === 'row' ? 'row' : 'column',
-        gap: component.gap || '8px',
-        alignItems: 'flex-start'
-    };
-    const itemsStyle = {
-        display: 'flex',
-        flexDirection: component.layoutDirection === 'row' ? 'row' : 'column',
-        flexWrap: 'wrap',
-        gap: component.gap || '2px',
-        width: '100%'
-    };
-    const htmlAttrs = resolveAttributes(component.htmlAttributes);
-    const options = Array.isArray(component.options) ? component.options : ['Option 1'];
-    return (_jsx("div", { className: `checkbox-group ${component.cssClass || ''}`, style: containerStyle, ...htmlAttrs, role: "group", "aria-label": groupLabel, title: component.tooltip, children: _jsx("div", { className: "checkbox-group-items", style: itemsStyle, children: (options).map((option, idx) => {
-                const optionValue = typeof option === 'string' ? option : (option.value ?? option.label ?? option.key);
-                const optionLabel = typeof option === 'string' ? option : (option.label ?? option.value ?? String(optionValue));
-                return (_jsx(CheckBoxComponent, { id: `${component.id}_${idx}`, label: optionLabel, enableRtl: enableRtl, checked: selectedItems.includes(optionValue), disabled: component.disabled, labelPosition: component.checkboxLabelPosition || 'After', change: (e) => handleCheckboxChange(optionValue, e.checked), cssClass: `${component.cssClass}${component.size === 'Small' ? ' e-small' : component.size === 'Bigger' ? ' e-bigger' : ''}`, htmlAttributes: htmlAttrs, ref: optionRef ? (el) => optionRef(el, idx) : undefined }, `${component.id}-${idx}`));
-            }) }) }, `form-checkboxgroup-${component.id}`));
-};
-export default CheckboxGroup;