@syncfusion/ej2-react-ribbon 21.1.35

package/package.json

@@ -0,0 +1,59 @@
+{
+  "_from": "@syncfusion/ej2-react-ribbon@*",
+  "_id": "@syncfusion/ej2-react-ribbon@0.25.0",
+  "_inBundle": false,
+  "_integrity": "sha512-rKbg/DkVUxNQ2414e4PJifQi32FbYdXf9P++TtHX3xABYWgKA6GJRqzdUbShBt84kGPsiwM6l3FIaWIRR7Cc4A==",
+  "_location": "/@syncfusion/ej2-react-ribbon",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-react-ribbon@*",
+    "name": "@syncfusion/ej2-react-ribbon",
+    "escapedName": "@syncfusion%2fej2-react-ribbon",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
+  },
+  "_requiredBy": [
+    "/"
+  ],
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-ribbon/-/ej2-react-ribbon-0.25.0.tgz",
+  "_shasum": "d4c4182977eafbabc952d349da92fc137145724b",
+  "_spec": "@syncfusion/ej2-react-ribbon@*",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
+  "author": {
+    "name": "Syncfusion Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/syncfusion/ej2-react-ui-components/issues"
+  },
+  "bundleDependencies": false,
+  "dependencies": {
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-react-base": "~21.1.35",
+    "@syncfusion/ej2-ribbon": "21.1.35"
+  },
+  "deprecated": false,
+  "description": "Essential JS 2 Component for React",
+  "devDependencies": {},
+  "es2015": "dist/es6/ej2-react-ribbon.es2015.js",
+  "homepage": "https://www.syncfusion.com/react-components",
+  "keywords": [
+    "react",
+    "reactjs",
+    "ej2-react-ribbon",
+    "react-ribbon"
+  ],
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-react-ribbon.umd.min.js",
+  "module": "./index.js",
+  "name": "@syncfusion/ej2-react-ribbon",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
+  },
+  "version": "21.1.35",
+  "sideEffects": false
+}

package/ribbon.d.ts

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

package/ribbon.js

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

package/src/global.js

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

package/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ribbon';
+export { Inject } from '@syncfusion/ej2-react-base';
+export * from '@syncfusion/ej2-ribbon';

package/src/index.js

@@ -0,0 +1,3 @@
+export * from './ribbon';
+export { Inject } from '@syncfusion/ej2-react-base';
+export * from '@syncfusion/ej2-ribbon';

package/src/ribbon/collections-directive.d.ts

@@ -0,0 +1,31 @@
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+import { RibbonCollectionModel } from '@syncfusion/ej2-ribbon';
+/**
+ * `RibbonCollectionDirective` represent a collection in the React Ribbon.
+ * ```tsx
+ * <RibbonComponent>
+ *   <RibbonTabsDirective>
+ *     <RibbonTabDirective></RibbonTabDirective>
+ *     <RibbonTabDirective>
+ *       <RibbonGroupsDirective>
+ *         <RibbonGroupDirective>
+ *             <RibbonCollectionsDirective>
+ *                 <RibbonCollectionDirective></RibbonCollectionDirective>
+ *                 <RibbonCollectionDirective></RibbonCollectionDirective>
+ *             </RibbonCollectionsDirective>
+ *         </RibbonGroupDirective>
+ *       </RibbonGroupsDirective>
+ *     </RibbonTabDirective>
+ *   <RibbonTabsDirective>
+ * </RibbonComponent>
+ * ```
+ */
+export declare class RibbonCollectionDirective extends ComplexBase<RibbonCollectionModel & {
+    children?: React.ReactNode;
+}, RibbonCollectionModel> {
+    static moduleName: string;
+}
+export declare class RibbonCollectionsDirective extends ComplexBase<{}, {}> {
+    static propertyName: string;
+    static moduleName: string;
+}

package/src/ribbon/collections-directive.js

@@ -0,0 +1,53 @@
+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';
+/**
+ * `RibbonCollectionDirective` represent a collection in the React Ribbon.
+ * ```tsx
+ * <RibbonComponent>
+ *   <RibbonTabsDirective>
+ *     <RibbonTabDirective></RibbonTabDirective>
+ *     <RibbonTabDirective>
+ *       <RibbonGroupsDirective>
+ *         <RibbonGroupDirective>
+ *             <RibbonCollectionsDirective>
+ *                 <RibbonCollectionDirective></RibbonCollectionDirective>
+ *                 <RibbonCollectionDirective></RibbonCollectionDirective>
+ *             </RibbonCollectionsDirective>
+ *         </RibbonGroupDirective>
+ *       </RibbonGroupsDirective>
+ *     </RibbonTabDirective>
+ *   <RibbonTabsDirective>
+ * </RibbonComponent>
+ * ```
+ */
+var RibbonCollectionDirective = /** @class */ (function (_super) {
+    __extends(RibbonCollectionDirective, _super);
+    function RibbonCollectionDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RibbonCollectionDirective.moduleName = 'ribbonCollection';
+    return RibbonCollectionDirective;
+}(ComplexBase));
+export { RibbonCollectionDirective };
+var RibbonCollectionsDirective = /** @class */ (function (_super) {
+    __extends(RibbonCollectionsDirective, _super);
+    function RibbonCollectionsDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RibbonCollectionsDirective.propertyName = 'collections';
+    RibbonCollectionsDirective.moduleName = 'ribbonCollections';
+    return RibbonCollectionsDirective;
+}(ComplexBase));
+export { RibbonCollectionsDirective };

package/src/ribbon/groups-directive.d.ts

@@ -0,0 +1,27 @@
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+import { RibbonGroupModel } from '@syncfusion/ej2-ribbon';
+/**
+ * `RibbonGroupDirective` represent a group in the React Ribbon.
+ * ```tsx
+ * <RibbonComponent>
+ *   <RibbonTabsDirective>
+ *     <RibbonTabDirective></RibbonTabDirective>
+ *     <RibbonTabDirective>
+ *       <RibbonGroupsDirective>
+ *         <RibbonGroupDirective></RibbonGroupDirective>
+ *         <RibbonGroupDirective></RibbonGroupDirective>
+ *       </RibbonGroupsDirective>
+ *     </RibbonTabDirective>
+ *   <RibbonTabsDirective>
+ * </RibbonComponent>
+ * ```
+ */
+export declare class RibbonGroupDirective extends ComplexBase<RibbonGroupModel & {
+    children?: React.ReactNode;
+}, RibbonGroupModel> {
+    static moduleName: string;
+}
+export declare class RibbonGroupsDirective extends ComplexBase<{}, {}> {
+    static propertyName: string;
+    static moduleName: string;
+}

package/src/ribbon/groups-directive.js

@@ -0,0 +1,49 @@
+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';
+/**
+ * `RibbonGroupDirective` represent a group in the React Ribbon.
+ * ```tsx
+ * <RibbonComponent>
+ *   <RibbonTabsDirective>
+ *     <RibbonTabDirective></RibbonTabDirective>
+ *     <RibbonTabDirective>
+ *       <RibbonGroupsDirective>
+ *         <RibbonGroupDirective></RibbonGroupDirective>
+ *         <RibbonGroupDirective></RibbonGroupDirective>
+ *       </RibbonGroupsDirective>
+ *     </RibbonTabDirective>
+ *   <RibbonTabsDirective>
+ * </RibbonComponent>
+ * ```
+ */
+var RibbonGroupDirective = /** @class */ (function (_super) {
+    __extends(RibbonGroupDirective, _super);
+    function RibbonGroupDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RibbonGroupDirective.moduleName = 'ribbonGroup';
+    return RibbonGroupDirective;
+}(ComplexBase));
+export { RibbonGroupDirective };
+var RibbonGroupsDirective = /** @class */ (function (_super) {
+    __extends(RibbonGroupsDirective, _super);
+    function RibbonGroupsDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RibbonGroupsDirective.propertyName = 'groups';
+    RibbonGroupsDirective.moduleName = 'ribbonGroups';
+    return RibbonGroupsDirective;
+}(ComplexBase));
+export { RibbonGroupsDirective };

package/src/ribbon/index.d.ts

@@ -0,0 +1,5 @@
+export * from './tabs-directive';
+export * from './groups-directive';
+export * from './collections-directive';
+export * from './items-directive';
+export * from './ribbon.component';

package/src/ribbon/index.js

@@ -0,0 +1,5 @@
+export * from './tabs-directive';
+export * from './groups-directive';
+export * from './collections-directive';
+export * from './items-directive';
+export * from './ribbon.component';

package/src/ribbon/items-directive.d.ts

@@ -0,0 +1,38 @@
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+import { RibbonItemModel } from '@syncfusion/ej2-ribbon';
+export interface RibbonItemDirTypecast {
+    itemTemplate?: string | Function | any;
+}
+/**
+ * `RibbonItemDirective` represent a item in the React Ribbon.
+ * ```tsx
+ * <RibbonComponent>
+ *   <RibbonTabsDirective>
+ *     <RibbonTabDirective></RibbonTabDirective>
+ *     <RibbonTabDirective>
+ *       <RibbonGroupsDirective>
+ *         <RibbonGroupDirective>
+ *             <RibbonCollectionsDirective>
+ *                 <RibbonCollectionDirective>
+ *                     <RibbonItemsDirective>
+ *                         <RibbonItemDirective></RibbonItemDirective>
+ *                         <RibbonItemDirective></RibbonItemDirective>
+ *                     </RibbonItemsDirective>
+ *                 </RibbonCollectionDirective>
+ *             </RibbonCollectionsDirective>
+ *         </RibbonGroupDirective>
+ *       </RibbonGroupsDirective>
+ *     </RibbonTabDirective>
+ *   <RibbonTabsDirective>
+ * </RibbonComponent>
+ * ```
+ */
+export declare class RibbonItemDirective extends ComplexBase<RibbonItemModel | RibbonItemDirTypecast & {
+    children?: React.ReactNode;
+}, RibbonItemModel | RibbonItemDirTypecast> {
+    static moduleName: string;
+}
+export declare class RibbonItemsDirective extends ComplexBase<{}, {}> {
+    static propertyName: string;
+    static moduleName: string;
+}

package/src/ribbon/items-directive.js

@@ -0,0 +1,57 @@
+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';
+/**
+ * `RibbonItemDirective` represent a item in the React Ribbon.
+ * ```tsx
+ * <RibbonComponent>
+ *   <RibbonTabsDirective>
+ *     <RibbonTabDirective></RibbonTabDirective>
+ *     <RibbonTabDirective>
+ *       <RibbonGroupsDirective>
+ *         <RibbonGroupDirective>
+ *             <RibbonCollectionsDirective>
+ *                 <RibbonCollectionDirective>
+ *                     <RibbonItemsDirective>
+ *                         <RibbonItemDirective></RibbonItemDirective>
+ *                         <RibbonItemDirective></RibbonItemDirective>
+ *                     </RibbonItemsDirective>
+ *                 </RibbonCollectionDirective>
+ *             </RibbonCollectionsDirective>
+ *         </RibbonGroupDirective>
+ *       </RibbonGroupsDirective>
+ *     </RibbonTabDirective>
+ *   <RibbonTabsDirective>
+ * </RibbonComponent>
+ * ```
+ */
+var RibbonItemDirective = /** @class */ (function (_super) {
+    __extends(RibbonItemDirective, _super);
+    function RibbonItemDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RibbonItemDirective.moduleName = 'ribbonItem';
+    return RibbonItemDirective;
+}(ComplexBase));
+export { RibbonItemDirective };
+var RibbonItemsDirective = /** @class */ (function (_super) {
+    __extends(RibbonItemsDirective, _super);
+    function RibbonItemsDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RibbonItemsDirective.propertyName = 'items';
+    RibbonItemsDirective.moduleName = 'ribbonItems';
+    return RibbonItemsDirective;
+}(ComplexBase));
+export { RibbonItemsDirective };

package/src/ribbon/ribbon.component.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { Ribbon, RibbonModel } from '@syncfusion/ej2-ribbon';
+import { DefaultHtmlAttributes } from '@syncfusion/ej2-react-base';
+export interface RibbonTypecast {
+    helpPaneTemplate?: string | Function | any;
+}
+/**
+ * Represents the React Ribbon Component
+ * ```tsx
+ * <RibbonComponent></RibbonComponent>
+ * ```
+ */
+export declare class RibbonComponent extends Ribbon {
+    state: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<RibbonModel & DefaultHtmlAttributes | RibbonTypecast>;
+    setState: any;
+    private getDefaultAttributes;
+    initRenderCalled: boolean;
+    private checkInjectedModules;
+    directivekeys: {
+        [key: string]: Object;
+    };
+    private statelessTemplateProps;
+    private immediateRender;
+    props: Readonly<{
+        children?: React.ReactNode | React.ReactNode[];
+    }> & Readonly<RibbonModel & DefaultHtmlAttributes | RibbonTypecast>;
+    forceUpdate: (callBack?: () => any) => void;
+    context: Object;
+    portals: any;
+    isReactComponent: Object;
+    refs: {
+        [key: string]: React.ReactInstance;
+    };
+    constructor(props: any);
+    render(): any;
+}

package/src/ribbon/ribbon.component.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 * as React from 'react';
+import { Ribbon } from '@syncfusion/ej2-ribbon';
+import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
+/**
+ * Represents the React Ribbon Component
+ * ```tsx
+ * <RibbonComponent></RibbonComponent>
+ * ```
+ */
+var RibbonComponent = /** @class */ (function (_super) {
+    __extends(RibbonComponent, _super);
+    function RibbonComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.initRenderCalled = false;
+        _this.checkInjectedModules = true;
+        _this.directivekeys = { 'ribbonTabs': { 'ribbonTab': { 'ribbonGroups': { 'ribbonGroup': { 'ribbonCollections': { 'ribbonCollection': { 'ribbonItems': 'ribbonItem' } } } } } } };
+        _this.statelessTemplateProps = null;
+        _this.immediateRender = false;
+        _this.portals = [];
+        return _this;
+    }
+    RibbonComponent.prototype.render = function () {
+        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 RibbonComponent;
+}(Ribbon));
+export { RibbonComponent };
+applyMixins(RibbonComponent, [ComponentBase, React.Component]);

package/src/ribbon/tabs-directive.d.ts

@@ -0,0 +1,23 @@
+import { ComplexBase } from '@syncfusion/ej2-react-base';
+import { RibbonTabModel } from '@syncfusion/ej2-ribbon';
+/**
+ * `RibbonTabDirective` represent a tab of the React Ribbon.
+ * It must be contained in a Ribbon component(`RibbonComponent`).
+ * ```tsx
+ * <RibbonComponent>
+ *   <RibbonTabsDirective>
+ *     <RibbonTabDirective></RibbonTabDirective>
+ *     <RibbonTabDirective></RibbonTabDirective>
+ *   <RibbonTabsDirective>
+ * </RibbonComponent>
+ * ```
+ */
+export declare class RibbonTabDirective extends ComplexBase<RibbonTabModel & {
+    children?: React.ReactNode;
+}, RibbonTabModel> {
+    static moduleName: string;
+}
+export declare class RibbonTabsDirective extends ComplexBase<{}, {}> {
+    static propertyName: string;
+    static moduleName: string;
+}

package/src/ribbon/tabs-directive.js

@@ -0,0 +1,45 @@
+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';
+/**
+ * `RibbonTabDirective` represent a tab of the React Ribbon.
+ * It must be contained in a Ribbon component(`RibbonComponent`).
+ * ```tsx
+ * <RibbonComponent>
+ *   <RibbonTabsDirective>
+ *     <RibbonTabDirective></RibbonTabDirective>
+ *     <RibbonTabDirective></RibbonTabDirective>
+ *   <RibbonTabsDirective>
+ * </RibbonComponent>
+ * ```
+ */
+var RibbonTabDirective = /** @class */ (function (_super) {
+    __extends(RibbonTabDirective, _super);
+    function RibbonTabDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RibbonTabDirective.moduleName = 'ribbonTab';
+    return RibbonTabDirective;
+}(ComplexBase));
+export { RibbonTabDirective };
+var RibbonTabsDirective = /** @class */ (function (_super) {
+    __extends(RibbonTabsDirective, _super);
+    function RibbonTabsDirective() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    RibbonTabsDirective.propertyName = 'tabs';
+    RibbonTabsDirective.moduleName = 'ribbonTabs';
+    return RibbonTabsDirective;
+}(ComplexBase));
+export { RibbonTabsDirective };