@slickgrid-universal/empty-warning-component
Advanced tools
Comparing version 0.10.0 to 0.10.1
@@ -6,2 +6,14 @@ # Change Log | ||
## [0.10.1](https://github.com/ghiscoding/slickgrid-universal/compare/v0.10.0...v0.10.1) (2021-01-28) | ||
### Bug Fixes | ||
* **build:** decrease tsc target to es2017 instead of es2020 ([2f2e5f4](https://github.com/ghiscoding/slickgrid-universal/commit/2f2e5f46a3b25897f1a4a59daa1346b5d577ddb8)) | ||
# [0.10.0](https://github.com/ghiscoding/slickgrid-universal/compare/v0.9.0...v0.10.0) (2021-01-28) | ||
@@ -8,0 +20,0 @@ |
@@ -18,4 +18,5 @@ "use strict"; | ||
dispose() { | ||
this._warningLeftElement?.remove(); | ||
this._warningRightElement?.remove(); | ||
var _a, _b; | ||
(_a = this._warningLeftElement) === null || _a === void 0 ? void 0 : _a.remove(); | ||
(_b = this._warningRightElement) === null || _b === void 0 ? void 0 : _b.remove(); | ||
this._warningLeftElement = null; | ||
@@ -31,2 +32,3 @@ this._warningRightElement = null; | ||
showEmptyDataMessage(isShowing = true, options) { | ||
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m; | ||
if (!this.grid || !this.gridOptions || this.isPreviouslyShown === isShowing) { | ||
@@ -39,12 +41,12 @@ return false; | ||
const defaultMessage = 'No data to display.'; | ||
const mergedOptions = { message: defaultMessage, ...this.gridOptions.emptyDataWarning, ...options }; | ||
const emptyDataClassName = mergedOptions?.className ?? 'slick-empty-data-warning'; | ||
const mergedOptions = Object.assign(Object.assign({ message: defaultMessage }, this.gridOptions.emptyDataWarning), options); | ||
const emptyDataClassName = (_a = mergedOptions === null || mergedOptions === void 0 ? void 0 : mergedOptions.className) !== null && _a !== void 0 ? _a : 'slick-empty-data-warning'; | ||
this._warningLeftElement = document.querySelector(`.${gridUid} .${emptyDataClassName}`); | ||
const gridCanvasLeftElm = document.querySelector(`.${gridUid} .grid-canvas.grid-canvas-left`); | ||
const gridCanvasRightElm = document.querySelector(`.${gridUid} .grid-canvas.grid-canvas-right`); | ||
const leftElementMarginLeft = mergedOptions.leftViewportMarginLeft ?? 0; | ||
const rightElementMarginLeft = mergedOptions.rightViewportMarginLeft ?? 0; | ||
const leftElementFrozenMarginLeft = mergedOptions.frozenLeftViewportMarginLeft ?? 0; | ||
const rightElementFrozenMarginLeft = mergedOptions.frozenRightViewportMarginLeft ?? 0; | ||
const isFrozenGrid = (this.gridOptions?.frozenColumn !== undefined && this.gridOptions.frozenColumn >= 0); | ||
const leftElementMarginLeft = (_b = mergedOptions.leftViewportMarginLeft) !== null && _b !== void 0 ? _b : 0; | ||
const rightElementMarginLeft = (_c = mergedOptions.rightViewportMarginLeft) !== null && _c !== void 0 ? _c : 0; | ||
const leftElementFrozenMarginLeft = (_d = mergedOptions.frozenLeftViewportMarginLeft) !== null && _d !== void 0 ? _d : 0; | ||
const rightElementFrozenMarginLeft = (_e = mergedOptions.frozenRightViewportMarginLeft) !== null && _e !== void 0 ? _e : 0; | ||
const isFrozenGrid = (((_f = this.gridOptions) === null || _f === void 0 ? void 0 : _f.frozenColumn) !== undefined && this.gridOptions.frozenColumn >= 0); | ||
const leftViewportMarginLeft = typeof leftElementMarginLeft === 'string' ? leftElementMarginLeft : `${leftElementMarginLeft}px`; | ||
@@ -59,5 +61,5 @@ const rightViewportMarginLeft = typeof rightElementMarginLeft === 'string' ? rightElementMarginLeft : `${rightElementMarginLeft}px`; | ||
// get row height of each feature when enabled (rowHeight will always be defined because that is the cell height) | ||
const cellRowHeight = this.gridOptions?.rowHeight ?? 0; | ||
const filterRowHeight = this.gridOptions.enableFiltering ? (this.gridOptions?.headerRowHeight ?? 0) : 0; | ||
const preHeaderRowHeight = this.gridOptions.createPreHeaderPanel ? (this.gridOptions?.preHeaderPanelHeight ?? 0) : 0; | ||
const cellRowHeight = (_h = (_g = this.gridOptions) === null || _g === void 0 ? void 0 : _g.rowHeight) !== null && _h !== void 0 ? _h : 0; | ||
const filterRowHeight = this.gridOptions.enableFiltering ? ((_k = (_j = this.gridOptions) === null || _j === void 0 ? void 0 : _j.headerRowHeight) !== null && _k !== void 0 ? _k : 0) : 0; | ||
const preHeaderRowHeight = this.gridOptions.createPreHeaderPanel ? ((_m = (_l = this.gridOptions) === null || _l === void 0 ? void 0 : _l.preHeaderPanelHeight) !== null && _m !== void 0 ? _m : 0) : 0; | ||
if (isShowing) { | ||
@@ -76,3 +78,3 @@ // use when height with rows more that 100px | ||
let warningMessage = mergedOptions.message; | ||
if (this.gridOptions.enableTranslate && this.translaterService && mergedOptions?.messageKey) { | ||
if (this.gridOptions.enableTranslate && this.translaterService && (mergedOptions === null || mergedOptions === void 0 ? void 0 : mergedOptions.messageKey)) { | ||
warningMessage = this.translaterService.translate(mergedOptions.messageKey); | ||
@@ -79,0 +81,0 @@ } |
@@ -15,4 +15,5 @@ import { sanitizeTextByAvailableSanitizer } from '@slickgrid-universal/common'; | ||
dispose() { | ||
this._warningLeftElement?.remove(); | ||
this._warningRightElement?.remove(); | ||
var _a, _b; | ||
(_a = this._warningLeftElement) === null || _a === void 0 ? void 0 : _a.remove(); | ||
(_b = this._warningRightElement) === null || _b === void 0 ? void 0 : _b.remove(); | ||
this._warningLeftElement = null; | ||
@@ -28,2 +29,3 @@ this._warningRightElement = null; | ||
showEmptyDataMessage(isShowing = true, options) { | ||
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m; | ||
if (!this.grid || !this.gridOptions || this.isPreviouslyShown === isShowing) { | ||
@@ -36,12 +38,12 @@ return false; | ||
const defaultMessage = 'No data to display.'; | ||
const mergedOptions = { message: defaultMessage, ...this.gridOptions.emptyDataWarning, ...options }; | ||
const emptyDataClassName = mergedOptions?.className ?? 'slick-empty-data-warning'; | ||
const mergedOptions = Object.assign(Object.assign({ message: defaultMessage }, this.gridOptions.emptyDataWarning), options); | ||
const emptyDataClassName = (_a = mergedOptions === null || mergedOptions === void 0 ? void 0 : mergedOptions.className) !== null && _a !== void 0 ? _a : 'slick-empty-data-warning'; | ||
this._warningLeftElement = document.querySelector(`.${gridUid} .${emptyDataClassName}`); | ||
const gridCanvasLeftElm = document.querySelector(`.${gridUid} .grid-canvas.grid-canvas-left`); | ||
const gridCanvasRightElm = document.querySelector(`.${gridUid} .grid-canvas.grid-canvas-right`); | ||
const leftElementMarginLeft = mergedOptions.leftViewportMarginLeft ?? 0; | ||
const rightElementMarginLeft = mergedOptions.rightViewportMarginLeft ?? 0; | ||
const leftElementFrozenMarginLeft = mergedOptions.frozenLeftViewportMarginLeft ?? 0; | ||
const rightElementFrozenMarginLeft = mergedOptions.frozenRightViewportMarginLeft ?? 0; | ||
const isFrozenGrid = (this.gridOptions?.frozenColumn !== undefined && this.gridOptions.frozenColumn >= 0); | ||
const leftElementMarginLeft = (_b = mergedOptions.leftViewportMarginLeft) !== null && _b !== void 0 ? _b : 0; | ||
const rightElementMarginLeft = (_c = mergedOptions.rightViewportMarginLeft) !== null && _c !== void 0 ? _c : 0; | ||
const leftElementFrozenMarginLeft = (_d = mergedOptions.frozenLeftViewportMarginLeft) !== null && _d !== void 0 ? _d : 0; | ||
const rightElementFrozenMarginLeft = (_e = mergedOptions.frozenRightViewportMarginLeft) !== null && _e !== void 0 ? _e : 0; | ||
const isFrozenGrid = (((_f = this.gridOptions) === null || _f === void 0 ? void 0 : _f.frozenColumn) !== undefined && this.gridOptions.frozenColumn >= 0); | ||
const leftViewportMarginLeft = typeof leftElementMarginLeft === 'string' ? leftElementMarginLeft : `${leftElementMarginLeft}px`; | ||
@@ -56,5 +58,5 @@ const rightViewportMarginLeft = typeof rightElementMarginLeft === 'string' ? rightElementMarginLeft : `${rightElementMarginLeft}px`; | ||
// get row height of each feature when enabled (rowHeight will always be defined because that is the cell height) | ||
const cellRowHeight = this.gridOptions?.rowHeight ?? 0; | ||
const filterRowHeight = this.gridOptions.enableFiltering ? (this.gridOptions?.headerRowHeight ?? 0) : 0; | ||
const preHeaderRowHeight = this.gridOptions.createPreHeaderPanel ? (this.gridOptions?.preHeaderPanelHeight ?? 0) : 0; | ||
const cellRowHeight = (_h = (_g = this.gridOptions) === null || _g === void 0 ? void 0 : _g.rowHeight) !== null && _h !== void 0 ? _h : 0; | ||
const filterRowHeight = this.gridOptions.enableFiltering ? ((_k = (_j = this.gridOptions) === null || _j === void 0 ? void 0 : _j.headerRowHeight) !== null && _k !== void 0 ? _k : 0) : 0; | ||
const preHeaderRowHeight = this.gridOptions.createPreHeaderPanel ? ((_m = (_l = this.gridOptions) === null || _l === void 0 ? void 0 : _l.preHeaderPanelHeight) !== null && _m !== void 0 ? _m : 0) : 0; | ||
if (isShowing) { | ||
@@ -73,3 +75,3 @@ // use when height with rows more that 100px | ||
let warningMessage = mergedOptions.message; | ||
if (this.gridOptions.enableTranslate && this.translaterService && mergedOptions?.messageKey) { | ||
if (this.gridOptions.enableTranslate && this.translaterService && (mergedOptions === null || mergedOptions === void 0 ? void 0 : mergedOptions.messageKey)) { | ||
warningMessage = this.translaterService.translate(mergedOptions.messageKey); | ||
@@ -76,0 +78,0 @@ } |
{ | ||
"name": "@slickgrid-universal/empty-warning-component", | ||
"version": "0.10.0", | ||
"version": "0.10.1", | ||
"description": "Slick Empty Warning Component - Vanilla Implementation of an Empty Dataset Warning Component", | ||
@@ -22,3 +22,3 @@ "main": "dist/commonjs/index.js", | ||
"bundle:commonjs": "tsc --project tsconfig.build.json --outDir dist/commonjs --module commonjs", | ||
"bundle:esm": "cross-env tsc --project tsconfig.build.json --outDir dist/esm --module esnext --target es2020", | ||
"bundle:esm": "cross-env tsc --project tsconfig.build.json --outDir dist/esm --module esnext --target es2017", | ||
"prebundle": "npm-run-all delete:dist", | ||
@@ -41,3 +41,3 @@ "delete:dist": "cross-env rimraf --maxBusyTries=10 dist", | ||
"dependencies": { | ||
"@slickgrid-universal/common": "^0.10.0", | ||
"@slickgrid-universal/common": "^0.10.1", | ||
"dompurify": "^2.2.6" | ||
@@ -51,3 +51,3 @@ }, | ||
}, | ||
"gitHead": "34baf2cd602f7c478422aa6bcfb2dfdeb572c490" | ||
"gitHead": "f7d70b15ed1272c6d748a4dbc6d4acca71b6308d" | ||
} |
@@ -0,0 +0,0 @@ [](https://opensource.org/licenses/MIT) |
@@ -5,5 +5,5 @@ { | ||
"moduleResolution": "node", | ||
"target": "es2020", | ||
"target": "es2017", | ||
"lib": [ | ||
"es2020", | ||
"es2017", | ||
"dom" | ||
@@ -10,0 +10,0 @@ ], |
@@ -8,3 +8,3 @@ { | ||
"outDir": "dist/esm", | ||
"target": "es2020", | ||
"target": "es2017", | ||
"module": "esnext", | ||
@@ -14,3 +14,3 @@ "sourceMap": true, | ||
"lib": [ | ||
"es2020", | ||
"es2017", | ||
"dom" | ||
@@ -17,0 +17,0 @@ ], |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
41858
367