@syncfusion/ej2-react-spreadsheet 19.3.58 → 19.4.41

package/CHANGELOG.md

@@ -6,45 +6,63 @@
 
 #### Bug Fixes
 
-- `I348254` - Autofill not working for unlocked cells issue is resolved.
-- `I347720`, `I347861` - Copy and paste not working in Dialog popup issue resolved.
-- `I347428` - Value disappear while using comma in custom number format issue is resolved.
-- `I347444` - getDisplayText returns active cell value issue is resolved.
-- `I347677` - allowAutoFill API as false shows autofill icon issue is resolved.
-- `I348310`, `I349380`, `I347445` - Used range not updated while save and load the spreadsheet as JSON issue resolved.
+- `SF-360492` - Row height issue after performing undo operation has been resolved.
+- `SF-353871` - Cell alignment issue while copy paste merge cell issue is fixed.
+- `I349145`, `I347733` - Script error throws while set the height to hidden rows is resolved.
+- `SF-360109` - Bottom border missing while paste merge applied cell issue fixed.
+- `SF-354314` - External pasting formula cell which lies below the viewport not working issue has been fixed.
+- `SF-354314` - Performance issue on copying large cells which contains custom number format has been fixed.
+- `SF-359382` - Color applied for empty cell if less than condition value is in negative in conditional formatting issue has been fixed.
+- `SF-359673` - Find and replace is not working after scrolling to bottom in finite mode issue has been fixed.
+- `SF-357076`, `SF-360051` - If the column, row and select-all selection range contains a filtered range then, the sorting is applied to its filtered range.
+- `SF-358133` - cell save event arguments are not proper for cut / paste action issue resolved.
+- `SF-360303` - Selection issue while pasting the multiline character contained text in cell editing mode is resolved.
 
-## 19.3.57 (2021-12-07)
+## 19.4.40 (2021-12-28)
 
 ### Spreadsheet
 
-#### Bug Fixes
-
-- `I348582` - Shift selection on whole row makes viewport to scroll right issue has been resolved.
-- `I347103` - Active cell value repeated for External paste issue is resolved.
-- `F168772` - Sheet tab context-menu items disabled issue resolved.
-- `I347888` - Insert/delete rows and columns on collaborative editing issues resolved.
-- `I344793` - Getting #Spill while apply Unique formula for text format issue is resolved.
-- `I355103` - Gridlines are getting misaligned with row headers when resizing rows issue is fixed.
-
-## 19.3.56 (2021-12-02)
+#### New Features
 
-### Spreadsheet
+- `I345022` - Alphanumeric support provided for autofill operation.
 
 #### Bug Fixes
 
-- `I347456` - Console error with 110% browser zoom in issue resolved.
-- `I347865` - AutoFill is not working for formula applied cell issue is resolved.
-- `I347272` - Performance issue while clear conditional formatting from entire sheet is resolved.
-- `I347003` - Loading data with filter the actionComplete event triggered twice issue is resolved.
-- `I347340` - Filter popup opening prevented while sheet is protected.
+- `SF-358411` - Cancelling the replace and replace all actions not working issue resolved. `actionBegin` and `actionComplete` event for `replace` action, the argument property name is changed as below.
 
-## 19.3.55 (2021-11-23)
+-   Previous name | Current name
+-   -----|-----
+-   `compareVal` | `compareValue`
+- `SF-357609` - Filters added on empty cells which are outside the used range issue resolved.
+- `SF-359059` - Console error on performing filter by cell value operation in cut cell issue resolved.
+- `I347810` - Performance issue while paste 100000 cells in Spreadsheet is resolved.
+- `I348364` - Script error while use freeze pane with \n in cell value issue is resolved.
+- `F171230` - Cannot prevent pasting format using actionBegin while using Ctrl+V shortcut is resolved.
+- `I346033` - Today formula is not working on import issue has been fixed.
+- `I346033` - Custom currency format is not applied for zero value issue has been fixed.
+- `I346033` - Text formula is not working with `ddd` format issue has been fixed.
+- `I346033` - Adding some value to multiplied range which contains empty cell issue has been fixed.
+- `I321503` - Cell selection issue after scrolling on imported sheet has been fixed.
+- `SF-358418` - Image resize option problem has been fixed.
+
+## 19.4.38 (2021-12-17)
 
 ### Spreadsheet
 
 #### Bug Fixes
 
-- `I345828` - Toggle Button state not refreshed in ribbon while using clear format option issue resolved.
+- `SF-356190` - Not able to change the cell value using beforeCellSave event issue resolved.
+- `I346629` - Cell alignment issue while copy paste merged cell from Excel to Spreadsheet issue resolved.
+- `F169598` - Sorting issue with number formatted data is resolved.
+- `I351813` - Border missing for last merged cell while doing autofill issue has been resolved.
+- `I347937` - Selection issue while load data with row height less than 4 pixel is resolved.
+- `I356364` - Script error while selecting autofill option after clicking the autofill icon issue resolved.
+- `I348734` - Copy/paste with conditional formatting not working issue resolved.
+- `I347888` - Insert/delete rows and columns are not working with collaborative editing issue resolved.
+- `I348334` - Cell misalignment while applying wrap on the pasted data issue resolved.
+- `I348741` - Conditional format highlighting and cell background color overlaps on wrapped cell issue resolved
+- `I343781` - Merge breaks on column copy/paste action issue resolved.
+- `I347103` - Copy and paste working incorrectly while copy data in backward direction issue resolved.
 
 ## 19.3.48 (2021-11-02)
 
@@ -71,6 +89,7 @@
 - `I345133` - Cell selection misalignment on wrap applied Japanese characters issue resolved.
 - `I345064` - Filtering issue on save and load JSON issue resolved.
 - `I345959` - Custom sort with zero not working issue resolved.
+- `I345577` - Selection misalignment occurs with the resized row issue resolved.
 
 ## 19.3.46 (2021-10-19)
 
@@ -149,6 +168,27 @@
 
 - `I338652` - Script error while using the `useEffect` hook in react functional component issue resolved.
 
+## 19.3.56 (2021-12-02)
+
+### Spreadsheet
+
+#### Bug Fixes
+
+- `I347456` - Console error with 110% browser zoom in issue resolved.
+- `I347865` - AutoFill is not working for formula applied cell issue is resolved.
+- `I347272` - Performance issue while clear conditional formatting from entire sheet is resolved.
+- `I347003` - Loading data with filter the actionComplete event triggered twice issue is resolved.
+- `I347340` - Filter popup opening prevented while sheet is protected.
+- `I344793` - Getting #Spill while apply Unique formula for text format issue is resolved.
+
+## 19.3.55 (2021-11-23)
+
+### Spreadsheet
+
+#### Bug Fixes
+
+- `I345828` - Toggle Button state not refreshed in ribbon while using clear format option issue resolved.
+
 ## 19.2.62 (2021-09-14)
 
 ### Spreadsheet

package/README.md

@@ -84,4 +84,4 @@ Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-
 
 Check the changelog [here](https://github.com/syncfusion/ej2-react-ui-components/blob/master/components/spreadsheet/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=react-spreadsheet-npm)
 
-© Copyright 2019 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/dist/ej2-react-spreadsheet.umd.min.js

@@ -1,2 +1,11 @@
+/*!
+*  filename: ej2-react-spreadsheet.umd.min.js
+*  version : 19.4.41
+*  Copyright Syncfusion Inc. 2001 - 2020. 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(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-spreadsheet")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-spreadsheet"],e):e(t.ej={},t.ej2ReactBase,t.React,t.ej2Spreadsheet)}(this,function(t,e,n,o){"use strict";var r=function(){var t=function(e,n){return(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])})(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="sheet",e}(e.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return r(e,t),e.propertyName="sheets",e.moduleName="sheets",e}(e.ComplexBase),c=function(){var t=function(e,n){return(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])})(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(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.moduleName="row",e}(e.ComplexBase),p=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.propertyName="rows",e.moduleName="rows",e}(e.ComplexBase),s=function(){var t=function(e,n){return(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])})(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)}}(),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.moduleName="cell",e}(e.ComplexBase),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e.propertyName="cells",e.moduleName="cells",e}(e.ComplexBase),m=function(){var t=function(e,n){return(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])})(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)}}(),y=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return m(e,t),e.moduleName="image",e}(e.ComplexBase),h=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return m(e,t),e.propertyName="image",e.moduleName="images",e}(e.ComplexBase),_=function(){var t=function(e,n){return(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])})(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)}}(),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return _(e,t),e.moduleName="chart",e}(e.ComplexBase),v=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return _(e,t),e.propertyName="chart",e.moduleName="charts",e}(e.ComplexBase),O=function(){var t=function(e,n){return(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])})(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)}}(),N=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return O(e,t),e.moduleName="column",e}(e.ComplexBase),j=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return O(e,t),e.propertyName="columns",e.moduleName="columns",e}(e.ComplexBase),C=function(){var t=function(e,n){return(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])})(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)}}(),w=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return C(e,t),e.moduleName="range",e}(e.ComplexBase),b=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return C(e,t),e.propertyName="ranges",e.moduleName="ranges",e}(e.ComplexBase),x=function(){var t=function(e,n){return(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])})(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)}}(),D=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return x(e,t),e.moduleName="conditionalFormat",e}(e.ComplexBase),P=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return x(e,t),e.propertyName="conditionalFormats",e.moduleName="conditionalFormats",e}(e.ComplexBase),B=function(){var t=function(e,n){return(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])})(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)}}(),g=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return B(e,t),e.moduleName="definedName",e}(e.ComplexBase),A=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return B(e,t),e.propertyName="definedNames",e.moduleName="definedNames",e}(e.ComplexBase),R=function(){var t=function(e,n){return(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])})(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)}}(),F=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={sheets:{sheet:{rows:{row:{cells:{cell:{images:"image",charts:"chart"}}}},columns:"column",ranges:"range",conditionalFormats:"conditionalFormat"}},definedNames:"definedName"},n.immediateRender=!1,n.portals=[],n}return R(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Spreadsheet);e.applyMixins(F,[e.ComponentBase,n.Component]),t.Inject=e.Inject,t.SheetDirective=i,t.SheetsDirective=u,t.RowDirective=a,t.RowsDirective=p,t.CellDirective=l,t.CellsDirective=f,t.ImageDirective=y,t.ImagesDirective=h,t.ChartDirective=d,t.ChartsDirective=v,t.ColumnDirective=N,t.ColumnsDirective=j,t.RangeDirective=w,t.RangesDirective=b,t.ConditionalFormatDirective=D,t.ConditionalFormatsDirective=P,t.DefinedNameDirective=g,t.DefinedNamesDirective=A,t.SpreadsheetComponent=F,Object.keys(o).forEach(function(e){t[e]=o[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=ej2-react-spreadsheet.umd.min.js.map

package/package.json

@@ -1,70 +1,70 @@
-{
-    "_from": "@syncfusion/ej2-react-spreadsheet@*",
-    "_id": "@syncfusion/ej2-react-spreadsheet@19.3.56",
-    "_inBundle": false,
-    "_integrity": "sha512-pmz6DLKNtcI1BHssPm6gY9bHpkmk9PTRscvRFbnZiDaQ1C2SVZZssyxAn2or01kB6n4u2ujas6u0QKqvUNewTw==",
-    "_location": "/@syncfusion/ej2-react-spreadsheet",
-    "_phantomChildren": {},
-    "_requested": {
-      "type": "range",
-      "registry": true,
-      "raw": "@syncfusion/ej2-react-spreadsheet@*",
-      "name": "@syncfusion/ej2-react-spreadsheet",
-      "escapedName": "@syncfusion%2fej2-react-spreadsheet",
-      "scope": "@syncfusion",
-      "rawSpec": "*",
-      "saveSpec": null,
-      "fetchSpec": "*"
-    },
-    "_requiredBy": [
-      "/"
-    ],
-    "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-spreadsheet/-/ej2-react-spreadsheet-19.3.56.tgz",
-    "_shasum": "abe414a701fe5a336a6009d2da78cdf496edc26c",
-    "_spec": "@syncfusion/ej2-react-spreadsheet@*",
-    "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
-    "author": {
-      "name": "Syncfusion Inc."
-    },
-    "bugs": {
-      "url": "https://github.com/syncfusion/ej2-react-ui-components/issues"
-    },
-    "bundleDependencies": false,
-    "dependencies": {
-      "@syncfusion/ej2-base": "~19.3.56",
-      "@syncfusion/ej2-react-base": "~19.3.57",
-      "@syncfusion/ej2-spreadsheet": "19.3.58"
-    },
-    "deprecated": false,
-    "description": "Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for React",
-    "devDependencies": {},
-    "es2015": "dist/es6/ej2-react-spreadsheet.es2015.js",
-    "homepage": "https://github.com/syncfusion/ej2-react-ui-components#readme",
-    "keywords": [
-      "ej2",
-      "ej2-spreadsheet",
-      "syncfusion",
-      "web-components",
-      "typescript",
-      "javascript",
-      "spreadsheet",
-      "excel like spreadsheet",
-      "data",
-      "react",
-      "reactjs",
-      "react-spreadsheet",
-      "ej2-react-spreadsheet",
-      "react spreadsheet",
-      "react excel"
-    ],
-    "license": "SEE LICENSE IN license",
-    "main": "./dist/ej2-react-spreadsheet.umd.min.js",
-    "module": "./index.js",
-    "name": "@syncfusion/ej2-react-spreadsheet",
-    "repository": {
-      "type": "git",
-      "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
-    },
-    "version": "19.3.58",
-    "sideEffects": false
-  }
+{
+  "_from": "@syncfusion/ej2-react-spreadsheet@*",
+  "_id": "@syncfusion/ej2-react-spreadsheet@19.4.40",
+  "_inBundle": false,
+  "_integrity": "sha512-cS6Bb4hFe7B53XRcoXkGgfaO8C3OvCIUOt5XUr4V+Nzph2g5+cvwXPVpxsQxKjiwfFxYvMZFe+n62fYQSDKZEg==",
+  "_location": "/@syncfusion/ej2-react-spreadsheet",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-react-spreadsheet@*",
+    "name": "@syncfusion/ej2-react-spreadsheet",
+    "escapedName": "@syncfusion%2fej2-react-spreadsheet",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
+  },
+  "_requiredBy": [
+    "/"
+  ],
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-spreadsheet/-/ej2-react-spreadsheet-19.4.40.tgz",
+  "_shasum": "386581ae230b1485db3b74fc13259cbe791fa240",
+  "_spec": "@syncfusion/ej2-react-spreadsheet@*",
+  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+  "author": {
+    "name": "Syncfusion Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/syncfusion/ej2-react-ui-components/issues"
+  },
+  "bundleDependencies": false,
+  "dependencies": {
+    "@syncfusion/ej2-base": "~19.4.38",
+    "@syncfusion/ej2-react-base": "~19.4.38",
+    "@syncfusion/ej2-spreadsheet": "19.4.41"
+  },
+  "deprecated": false,
+  "description": "Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for React",
+  "devDependencies": {},
+  "es2015": "dist/es6/ej2-react-spreadsheet.es2015.js",
+  "homepage": "https://github.com/syncfusion/ej2-react-ui-components#readme",
+  "keywords": [
+    "ej2",
+    "ej2-spreadsheet",
+    "syncfusion",
+    "web-components",
+    "typescript",
+    "javascript",
+    "spreadsheet",
+    "excel like spreadsheet",
+    "data",
+    "react",
+    "reactjs",
+    "react-spreadsheet",
+    "ej2-react-spreadsheet",
+    "react spreadsheet",
+    "react excel"
+  ],
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-react-spreadsheet.umd.min.js",
+  "module": "./index.js",
+  "name": "@syncfusion/ej2-react-spreadsheet",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
+  },
+  "version": "19.4.41",
+  "sideEffects": false
+}

package/styles/bootstrap-dark.css

@@ -1209,6 +1209,7 @@
   padding-left: 2px;
   padding-right: 2px;
   position: absolute;
+  text-decoration: inherit;
   width: 100%;
 }
 
@@ -1312,8 +1313,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0070f0;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1330,8 +1331,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0070f0;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2339,18 +2340,30 @@
   margin: 4px 0;
 }
 
+.e-spreadsheet .e-open-dlg {
+  width: 340px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
 .e-spreadsheet .e-find-dlg {
   height: auto;
   width: 442px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
@@ -2450,9 +2463,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/bootstrap.css

@@ -1216,6 +1216,7 @@
   padding-left: 2px;
   padding-right: 2px;
   position: absolute;
+  text-decoration: inherit;
   width: 100%;
 }
 
@@ -1319,8 +1320,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #317ab9;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1337,8 +1338,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #317ab9;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2369,18 +2370,30 @@
   margin: 4px 0;
 }
 
+.e-spreadsheet .e-open-dlg {
+  width: 340px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
 .e-spreadsheet .e-find-dlg {
   height: auto;
   width: 442px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
@@ -2480,9 +2493,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/bootstrap4.css

@@ -1252,6 +1252,7 @@
   padding-left: 2px;
   padding-right: 2px;
   position: absolute;
+  text-decoration: inherit;
   width: 100%;
 }
 
@@ -1355,8 +1356,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #007bff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1373,8 +1374,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #007bff;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2411,18 +2412,35 @@
   margin: 4px 0;
 }
 
+.e-spreadsheet .e-open-dlg {
+  width: 340px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-input-group-icon {
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
+  color: #dd2c2c;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
 .e-spreadsheet .e-find-dlg {
   height: auto;
   width: 413px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
-  font-weight: bold;
+  color: #dd2c2c;
+  font-size: 12px;
   padding-top: 7px;
 }
 
@@ -2522,9 +2540,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;

package/styles/bootstrap5-dark.css

@@ -1,3 +1,5 @@
+/*! Toolbar's bootstrap5 theme wise override definitions and variables */
+/*! Tab's bootstrap5 theme wise override definitions and variables */
 /*! Horizontal Tab */
 /*! Bootstrap specific themes definition's */
 /*! Vertical Tab */
@@ -66,7 +68,6 @@
 .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
 .e-float-input.e-control-wrapper.e-ddl input[readonly] {
   background: transparent;
-  color: inherit;
 }
 
 .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1251,6 +1252,7 @@
   padding-left: 2px;
   padding-right: 2px;
   position: absolute;
+  text-decoration: inherit;
   width: 100%;
 }
 
@@ -1354,8 +1356,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-t {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 0;
   transform: translate(-50%, -50%);
 }
@@ -1372,8 +1374,8 @@
 .e-spreadsheet .e-sheet .e-ss-overlay-active .e-ss-overlay-b {
   background-color: #0d6efd;
   cursor: ns-resize;
+  left: 50%;
   position: absolute;
-  right: 50%;
   top: 100%;
   transform: translate(-50%, -50%);
 }
@@ -2376,18 +2378,30 @@
   margin: 4px 0;
 }
 
+.e-spreadsheet .e-open-dlg {
+  width: 340px;
+}
+
+.e-spreadsheet .e-open-dlg .e-dlg-content .e-file-alert-span {
+  color: #e4606d;
+  font-size: 12px;
+  padding-top: 7px;
+}
+
 .e-spreadsheet .e-find-dlg {
   height: auto;
   width: 468px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-find-alert-span {
-  font-weight: bold;
+  color: #e4606d;
+  font-size: 12px;
   padding-top: 7px;
 }
 
 .e-spreadsheet .e-find-dlg .e-dlg-content .e-replace-alert-span {
-  font-weight: bold;
+  color: #e4606d;
+  font-size: 12px;
   padding-top: 7px;
 }
 
@@ -2487,9 +2501,8 @@
   bottom: 0;
   float: right;
   height: 18px;
-  margin-right: -1px;
   padding: 0;
-  position: relative;
+  position: absolute;
   right: 0;
   width: 20px;
   z-index: 2;