@syncfusion/ej2-react-popups - npm Package Compare versions

Comparing version 16.2.45 to 16.2.46

CHANGELOG.md

@@ -5,2 +5,12 @@ # Changelog
 
+### Dialog
+
+#### New Features
+
+- Enabled draggable support for modal dialog also.
+
+#### Bug Fixes
+
+- The z-index calculation issue while rendering the multiple dialogs with same target has been resolved.
+
 ## 16.2.41 (2018-06-25)
@@ -7,0 +17,0 @@

dialog.js

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

diConfig.json

 {
     "name": "Popups",
     "description": "Popup Components",     
-    "keywords": "ej2, syncfusion, ej2-dialog, ej2-ng-dialog, ej2-ng-popups, ej2-popups, dialog, window, modal, popup, alert, prompt, modeless, dialog box, confirm box, confirmation dialog, message box, custom dialog, tooltip, ej2-tooltip, ej2-ng-tooltip",
+    "keywords": { 
+        "common": ["ej2", "Syncfusion", "web-components", "dialog", "popup","modal","alert","tooltip","hint","spinner","loading-indicator","waiting-popup", "template tooltip", "positional tooltip", "ajax tooltip", "tooltip component", "ej2-popups", "loader", "busy-indicator", "waitingfor-loader"],
+        "angular": ["angular", "ng", "ng-dialog","angular-dialog","ng-tooltip","angular-tooltip","ng-spinner","angular-spinner","ng-modal","angular-modal","ng-alert","angular-alert","ng-popup","angular-popup","ng-loading-indicator","angular-loading-indicator","ng-waiting-popup","angular-waiting-popup", "ng-loader", "ng-busy-indicator", "ng-waitingfor-loader", "angular-loader", "angular-busy-indicator", "angular-waitingfor-loader", "ng-template-tooltip", "ng-positional-tooltip", "ng-ajax-tooltip", "ng-tooltip -component", "angular-template-tooltip", "angular-positional-tooltip", "angular-ajax-tooltip", "angular-tooltip-component"],
+        "react": ["react", "react-dialog","react-tooltip","react-spinner","react-modal","react-alert","react-popup","react-loading-indicator","react-waiting-popup", "react-loader", "react-busy-indicator", "react-waitingfor-loader", "react-template-tooltip", "react-positional-tooltip", "react-ajax-tooltip", "react-tooltip-component"],
+        "vue": ["vue", "vue-dialog","vue-tooltip","vue-spinner","vue-modal","vue-alert","vue-popup","vue-loading-indicator","vue-waiting-popup", "vue-loader", "vue-busy-indicator", "vue-waitingfor-loader", "vue-template-tooltip", "vue-positional-tooltip", "vue-ajax-tooltip", "vue-tooltip-component"]
+    },
     "repository": {
@@ -6,0 +11,0 @@ "type": "git",

dist/ej2-react-popups.umd.min.js

 /*!
 *  filename: ej2-react-popups.umd.min.js
-*  version : 16.2.41
+*  version : 16.2.46
 *  Copyright Syncfusion Inc. 2001 - 2018. All rights reserved.
@@ -10,4 +10,13 @@ *  Use of this code is subject to the terms of our license.
 */
+/*!
+*  filename: ej2-react-popups.umd.min.js
+*  version : 16.2.45
+*  Copyright Syncfusion Inc. 2001 - 2018. 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
+*  [e-mail]. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
 
 !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-popups")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-popups"],e):e(t.ej={},t.ej2ReactBase,t.React,t.ej2Popups)}(this,function(t,e,n,o){"use strict";var r=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.moduleName="dialogButton",e}(e.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.propertyName="buttons",e.moduleName="buttons",e}(e.ComplexBase),s=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.directivekeys={buttons:"dialogButton"},n.state=e,n}return s(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return n.createElement("div",this.getDefaultAttributes(),this.props.children);t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Dialog);e.applyMixins(c,[e.ComponentBase,n.PureComponent]);var p=function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])};return function(e,n){function o(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),a=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.state=e,n}return p(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing))return n.createElement("div",this.getDefaultAttributes(),this.props.children);t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Tooltip);e.applyMixins(a,[e.ComponentBase,n.PureComponent]),t.DialogButtonDirective=i,t.ButtonsDirective=u,t.DialogComponent=c,t.TooltipComponent=a,Object.keys(o).forEach(function(e){t[e]=o[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-popups.umd.min.js.map

index.js

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

package.json

 {
   "name": "@syncfusion/ej2-react-popups",
-  "version": "16.2.45",
+  "version": "16.2.46",
   "description": "Essential JS 2 popup Component for React",
@@ -17,9 +17,9 @@ "author": "Syncfusion Inc.",
   "main": "./dist/ej2-react-popups.umd.min.js",
-  "module": "./src/index.js",
+  "module": "./index.js",
   "es2015": "dist/es6/ej2-react-popups.es2015.js",
   "readme": "ReadMe.md",
   "dependencies": {
-    "@syncfusion/ej2-base": "~16.2.45",
-    "@syncfusion/ej2-react-base": "~16.2.45",
-    "@syncfusion/ej2-popups": "16.2.45"
+    "@syncfusion/ej2-base": "~16.2.46",
+    "@syncfusion/ej2-react-base": "~16.2.46",
+    "@syncfusion/ej2-popups": "16.2.46"
   },
@@ -26,0 +26,0 @@ "devDependencies": {

ReadMe.md

@@ -1,3 +0,91 @@
-# Overview
+# ej2-popups
 
-Easily creates Alert, Confirmation, Prompt dialogs and Tooltip. It comes with full support and is available under commercial and community licenses – please visit www.syncfusion.com to get started.
+The popup components such as dialog and tooltip are used to display information in a popup to users. The dialog component provides modal/non-modal (modeless), built-in buttons, positioning, animation, draggable, and template features and helps to create alert, prompt, and confirmation dialogs easily. The tooltip component is used to display a popup that contains some information or message when you hover, click, focus, or touch an element. The information displayed in the tooltip can include simple text, images, hyperlinks, or custom templates.
+
+![Popup](https://ej2.syncfusion.com/products/images/popup/readme.png)
+
+> 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, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (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.
+
+## Setup
+
+To install popup components and its dependent packages, use the following command
+
+```sh
+npm install @syncfusion/ej2-react-popups
+```
+
+## Components Included
+
+Following list of components are available in the package
+
+## Dialog
+
+*   [Getting Started](https://ej2.syncfusion.com/react/documentation/dialog/getting-started.html?lang=react&utm_source=npm&utm_campaign=dialog)
+*   [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/default)
+*   [Product Page](https://www.syncfusion.com/products/react/dialog/?utm_source=npm&utm_campaign=dialog)
+
+## Tooltip
+
+*   [Getting Started](https://ej2.syncfusion.com/react/documentation/tooltip/getting-started.html?lang=react%3Futm_source=npm&utm_campaign=tooltip)
+*   [View Online Demos](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/default)
+*   [Product Page](https://www.syncfusion.com/products/react/tooltip/?utm_source=npm&utm_campaign=tooltip)
+
+## Supported Frameworks
+
+These components are available in following list of:
+
+1.	[Angular](https://github.com/syncfusion/ej2-ng-popups?utm_source=npm&utm_campaign=popup)
+2.	[React](https://github.com/syncfusion/ej2-react-popups?utm_source=npm&utm_campaign=popup)
+3.	[Vue](https://github.com/syncfusion/ej2-vue-popups?utm_source=npm&utm_campaign=popup)
+4.	[ASP.NET Core](https://www.syncfusion.com/products/aspnetcore/)
+5.	[ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc/)
+6.	[JavaScript (ES5)](https://www.syncfusion.com/products/javascript/)
+
+## Use-case samples / Showcase samples
+
+*	Expanse Tracker ([Source](https://github.com/syncfusion/ej2-showcase-ts-expensetracker), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/expensetracker/#/dashboard))
+*	Story Estimator ([Source](https://github.com/syncfusion/ej2-showcase-aspnetcore-story-estimator), [Live Demo](https://aspdotnetcore.syncfusion.com/showcase/aspnetcore/story-estimator/#/dashboard))
+*	Diagram Builder ([Source](https://github.com/syncfusion/ej2-showcase-ng-diagrambuilder), [Live Demo](https://ej2.syncfusion.com/showcase/angular/diagrambuilder/))
+*	IT Asset Management ([Live Demo](https://ej2.syncfusion.com/showcase/vue/assetmanagement/#/))
+*	Webmail ([Source](https://github.com/syncfusion/ej2-showcase-ts-webmail), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/webmail/#/home))
+*	Loan Calculator ([Source](https://github.com/syncfusion/ej2-showcase-ts-loancalculator), [Live Demo](https://ej2.syncfusion.com/showcase/typescript/loancalculator/#/default))
+
+## Key Features
+
+## Dialog
+*	[Modal](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/modal) - Displays the important information to users.
+*	[Positioning](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/positioning) - Supports to customize its display position.
+*	[Animation](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/animation) - Offers to set animation effects on open and close the dialog.
+*	[Template](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/template) - Provides an option to customize its header and footer.
+*	[Built-in buttons](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=dialog#/material/dialog/basic) - Provides a built-in support to add buttons to its properties.
+
+## Tooltip
+
+*	[Positions](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/default) - Allows you to display the tooltip in 12 different positions.
+*	[Animation](https://ej2.syncfusion.com/products/typescript/tooltip/animation/?utm_source=npm&utm_campaign=tooltip) - Supports animation effects while showing/hiding the tooltip.
+*	[Content](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/ajaxcontent) - Assigns with static text, template, or loaded dynamically via AJAX.
+*	[Opening modes](https://ej2.syncfusion.com/products/typescript/tooltip/show-hide/?utm_source=npm&utm_campaign=tooltip) - Supports four opening modes such as hover, click, focus, and custom.
+*	[Smart positioning](https://ej2.syncfusion.com/react/demos/?utm_source=npm&utm_campaign=tooltip#/material/tooltip/smartposition) - Supports auto tip positioning.
+*	[Mouse trail](https://ej2.syncfusion.com/products/typescript/tooltip/customization/?utm_source=npm&utm_campaign=tooltip) - Moves along with mouse pointer using the mouse trailing option.
+*	[Sticky mode](https://ej2.syncfusion.com/products/typescript/tooltip/show-hide/?utm_source=npm&utm_campaign=tooltip) - Opens in sticky mode, and allows you to close/hide the Tooltip manually.
+
+## Support
+
+Product support is available for through following mediums:
+
+*	Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=popup) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=popup).
+*	New [GitHub issue](https://github.com/syncfusion/ej2-popups/issues/new).
+*	Ask your query in Stack Overflow with tag `syncfusion` and `ej2`.
+
+## License
+
+Check the license detail [here](https://github.com/syncfusion/ej2-popups/blob/master/license?utm_source=npm&utm_campaign=popup).
+
+## Changelog
+
+Check the changelog [here](https://github.com/syncfusion/ej2-popups/blob/master/CHANGELOG.md?utm_source=npm&utm_campaign=dialog).
+
+
+© Copyright 2018 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

src/dialog/buttons-directive.js

@@ -12,3 +12,15 @@ var __extends = (this && this.__extends) || (function () {
 import { ComplexBase } from '@syncfusion/ej2-react-base';
-var DialogButtonDirective = (function (_super) {
+/**
+ * `ButtonDirective` represent a button of the react dialog.
+ * It must be contained in a Dialog component(`DialogComponent`).
+ * ```tsx
+ * <DialogComponent showCloseIcon={true}>
+ *   <ButtonsDirective>
+ *     <DialogbuttonDirective buttonModal={this.okButton}></DialogbuttonDirective>
+ *     <DialogbuttonDirective buttonModal={this.cancelButton}></DialogbuttonDirective>
+ *   <ButtonsDirective>
+ * </DialogComponent>
+ * ```
+ */
+var DialogButtonDirective = /** @class */ (function (_super) {
     __extends(DialogButtonDirective, _super);
@@ -22,3 +34,3 @@ function DialogButtonDirective() {
 export { DialogButtonDirective };
-var ButtonsDirective = (function (_super) {
+var ButtonsDirective = /** @class */ (function (_super) {
     __extends(ButtonsDirective, _super);
@@ -25,0 +37,0 @@ function ButtonsDirective() {

src/dialog/dialog.component.js

@@ -14,3 +14,9 @@ var __extends = (this && this.__extends) || (function () {
 import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
-var DialogComponent = (function (_super) {
+/**
+ * Represents the React Dialog Component
+ * ```html
+ * <Dialog></Dialog>
+ * ```
+ */
+var DialogComponent = /** @class */ (function (_super) {
     __extends(DialogComponent, _super);
@@ -17,0 +23,0 @@ function DialogComponent(props) {

src/tooltip/tooltip.component.js

@@ -14,3 +14,9 @@ var __extends = (this && this.__extends) || (function () {
 import { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';
-var TooltipComponent = (function (_super) {
+/**
+ * Represents the React Tooltip component that displays a piece of information about the target element on mouse hover.
+ * ```html
+ * <Tooltip content='Tooltip content'>Show Tooltip</Tooltip>
+ * ```
+ */
+var TooltipComponent = /** @class */ (function (_super) {
     __extends(TooltipComponent, _super);
@@ -17,0 +23,0 @@ function TooltipComponent(props) {

tooltip.js

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

No alert changes

Improved metrics

Total package byte prevSize

6361702

increased by0.22%

Number of package files

71

increased by1.43%

Lines of code

47912

increased by0.44%

Dependency changes

• + Added@syncfusion/ej2-popups@16.2.46(transitive)

• - Removed@syncfusion/ej2-popups@16.2.45(transitive)

• Updated@syncfusion/ej2-base@~16.2.46

• Updated@syncfusion/ej2-popups@16.2.46

• Updated@syncfusion/ej2-react-base@~16.2.46