inviton-powerduck 0.0.154 → 0.0.155

package/components/datatable/export-excel-modal.tsx

@@ -97,22 +97,21 @@ class TableExportModalComponent extends TsxComponent<TableExportModalBindingArgs
 			}
 		}
 
-		const mySelf = this;
 		apiClient[apiMethod](ajaxArgs).then((data: any) => {
 			const attrName = exportConfig != null && exportConfig.attrName != null ? exportConfig.attrName : 'Rows';
 			const rows = data[attrName];
 
 			rows.forEach((row) => {
-				mySelf.rows.push(row);
+				this.rows.push(row);
 			});
 
-			mySelf.downloadedCount += rows.length;
+			this.downloadedCount += rows.length;
 			if (rows.length < STEP_COUNT) {
-				mySelf.totalFilteredCount = mySelf.downloadedCount;
-				mySelf.dataLoaded = true;
-				mySelf.exportExcel();
+				this.totalFilteredCount = this.downloadedCount;
+				this.dataLoaded = true;
+				this.exportExcel();
 			} else {
-				mySelf.downloadDataChunk(
+				this.downloadDataChunk(
 					apiClient,
 					apiMethod,
 					ajaxArgs,
@@ -121,7 +120,7 @@ class TableExportModalComponent extends TsxComponent<TableExportModalBindingArgs
 					exportConfig,
 				);
 			}
-		}).catch((err) => {
+		}).catch(() => {
 			NotificationProvider.showErrorMessage(PowerduckState.getResourceValue('errorFetchingData'));
 			this.hideExportModal();
 		});
@@ -144,8 +143,11 @@ class TableExportModalComponent extends TsxComponent<TableExportModalBindingArgs
 			});
 
 			const workbook = new (ExcelJsProvider.excelJsInstance()).Workbook();
+			// eslint-disable-next-line no-restricted-syntax
 			workbook.created = new Date();
+			// eslint-disable-next-line no-restricted-syntax
 			workbook.modified = new Date();
+			// eslint-disable-next-line no-restricted-syntax
 			workbook.lastPrinted = new Date();
 
 			const worksheet = workbook.addWorksheet('Export');
@@ -182,7 +184,6 @@ class TableExportModalComponent extends TsxComponent<TableExportModalBindingArgs
 				worksheet.addRow(rowExportData);
 			});
 
-			const mySelf = this;
 			workbook.xlsx.writeBuffer().then((data: any) => {
 				const blob = new Blob([data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
 				PortalUtils.downloadBlob(
@@ -190,15 +191,12 @@ class TableExportModalComponent extends TsxComponent<TableExportModalBindingArgs
 					'export.xlsx',
 					() => {
 						setTimeout(() => {
-							mySelf.hideExportModal();
+							this.hideExportModal();
 						}, 300);
 					},
 				);
 			}).catch((err) => {
-				const omg = err;
-				if (omg == 'wtf') {
-					alert('wtf..');
-				}
+				console.error(err);
 			});
 		}
 	}

package/components/datatable/ts/reorder.ts

@@ -1,4 +1,6 @@
+/* eslint-disable func-style */
 // Based on https://github.com/loonywizard/native-js-dnd-list by Vladimir Nikitin
+import TemporalUtils from '../../../common/utils/temporal-utils';
 import { PortalUtils } from '../../../common/utils/utils';
 import './../css/reorder.css';
 
@@ -113,7 +115,7 @@ function raiseOnReorderedEvent() {
 }
 
 function raiseOnClickedEvent() {
-	const now = new Date().getTime();
+	const now = TemporalUtils.dateNowMs();
 	if (now - timeStart < CLICK_THRESHOLD) {
 		onClick();
 	}
@@ -175,7 +177,7 @@ export default class ReorderProvider {
 			wasDragged = false;
 			draggingItem = e.target;
 			isMouseDown = true;
-			timeStart = new Date().getTime();
+			timeStart = TemporalUtils.dateNowMs();
 			onClick = onClickHandler;
 			onReorder = onReorderHandler;
 		}

package/components/dropdown/index.tsx

@@ -1,12 +1,11 @@
 import type { DropdownButtonItemArgs } from '../dropdown-button/dropdown-button-item';
 import type { FormItemWrapperArgs, MarginType } from '../form/form-item-wrapper';
-import { h as _h, h, render, VNodeChild } from 'vue'
 import Sortable from 'sortablejs';
+import { h as _h, h, render, VNodeChild } from 'vue';
 import { Prop, toNative } from 'vue-facing-decorator';
 import PowerduckState from '../../app/powerduck-state';
 import TsxComponent, { Component } from '../../app/vuetsx';
-import { arrayRemove } from '../../common/utils/array-remove';
-import { capitalize } from '../../common/utils/capitalize-string';
+import { remove } from '../../common/extensions/array-extensions';
 import { isNullOrEmpty } from '../../common/utils/is-null-or-empty';
 import { PortalUtils } from '../../common/utils/utils';
 import FormItemWrapper from '../form/form-item-wrapper';
@@ -16,6 +15,7 @@ import 'select2';
 import './ts/select2-multi-checkboxes';
 import 'select2/dist/css/select2.css';
 import './css/dropdown.css';
+import { capitalize } from '../../common/extensions/string-extensions';
 
 type RowToString = (row) => string;
 export enum MultiselectMode {
@@ -85,8 +85,8 @@ interface DropdownListArgs extends FormItemWrapperArgs {
 	changed: (newValue: string | any | Array<string> | Array<any>, exclusivity?: MultiSelectExclusivity) => void;
 	afterBound?: (elem: JQuery<Element>, select2Instance: any) => void;
 	noResultsFound?: () => void;
-	customRenderOption?: (h, state: DropdownDisplayArgs, originator?: CustomRenderOriginator) => any
-	customRenderSelectionResult?: (h, state: DropdownDisplayArgs, originator?: CustomRenderOriginator) => any
+	customRenderOption?: (h, state: DropdownDisplayArgs, originator?: CustomRenderOriginator) => any;
+	customRenderSelectionResult?: (h, state: DropdownDisplayArgs, originator?: CustomRenderOriginator) => any;
 	customIdProperty?: string;
 }
 
@@ -162,8 +162,8 @@ class DropdownListComponent extends TsxComponent<DropdownListArgs> implements Dr
 	@Prop() placeholder: string;
 	@Prop() noResultsFound: () => void;
 	@Prop() marginType?: MarginType;
-	@Prop() customRenderOption?: (h, state: DropdownDisplayArgs, originator?: CustomRenderOriginator) => any
-	@Prop() customRenderSelectionResult?: (h, state: DropdownDisplayArgs, originator?: CustomRenderOriginator) => any
+	@Prop() customRenderOption?: (h, state: DropdownDisplayArgs, originator?: CustomRenderOriginator) => any;
+	@Prop() customRenderSelectionResult?: (h, state: DropdownDisplayArgs, originator?: CustomRenderOriginator) => any;
 	@Prop() disabled?: boolean;
 	@Prop() disableSearch?: boolean;
 	@Prop() containerCssClass?: string;
@@ -197,7 +197,7 @@ class DropdownListComponent extends TsxComponent<DropdownListArgs> implements Dr
 		for (let i = 0, len = paramArr.length; i < len; i++) {
 			let val = row[paramArr[i]];
 			if (val == null) {
-				val = row[capitalize(paramArr[i])];
+				val = row[paramArr[i][capitalize]()];
 			}
 
 			if (val != null) {
@@ -447,10 +447,10 @@ class DropdownListComponent extends TsxComponent<DropdownListArgs> implements Dr
 			const self = this;
 			return (row) => {
 				const retVal = $(`<span class="s2-ri-withtb">${row.text
-					}<button class="s2-trailing-button ${self.trailingButton.cssClass || ''
-					} btn-sm">${self.trailingButton.icon != null ? `<i class="${self.trailingButton.icon}"></i> ` : ''
-					}${self.trailingButton.text || ''
-					}</button></span>`);
+				}<button class="s2-trailing-button ${self.trailingButton.cssClass || ''
+				} btn-sm">${self.trailingButton.icon != null ? `<i class="${self.trailingButton.icon}"></i> ` : ''
+				}${self.trailingButton.text || ''
+				}</button></span>`);
 				retVal.find('button').click((e) => {
 					try {
 						clearTimeout(self.preventDefaultTimeout);
@@ -473,20 +473,32 @@ class DropdownListComponent extends TsxComponent<DropdownListArgs> implements Dr
 		}
 
 		if (this.customRenderOption) {
-			return this.handleCustomRenderResult(h, this.customRenderOption, originator);
+			return this.handleCustomRenderResult(
+				h,
+				this.customRenderOption,
+				originator,
+			);
 		}
 
 		return null;
 	}
 
-	private handleCustomRenderResult(h: any, renderFunc: any, originator: CustomRenderOriginator) {
+	private handleCustomRenderResult(
+		h: any,
+		renderFunc: any,
+		originator: CustomRenderOriginator,
+	) {
 		return (item: any, container: any) => {
-			const result = renderFunc(h, item?.dataRow ?? item, originator);
+			const result = renderFunc(
+				h,
+				item?.dataRow ?? item,
+				originator,
+			);
 			if (result?.__v_isVNode) {
-				const container = document.createElement('span')
+				const container = document.createElement('span');
 				// vue render accepts VNodeChild
-				render(result as any, container)
-				return (container.firstElementChild ?? container) as HTMLElement
+				render(result as any, container);
+				return (container.firstElementChild ?? container) as HTMLElement;
 			}
 
 			return result;
@@ -527,7 +539,13 @@ class DropdownListComponent extends TsxComponent<DropdownListArgs> implements Dr
 			autoInputFocus: !PortalUtils.treatAsMobileDevice(),
 			selectedIds: selectedItems.map(p => p.id),
 			useListviewBuilder: false,
-			formatSelection: this.customRenderSelectionResult != null ? this.handleCustomRenderResult(h, this.customRenderSelectionResult, 'mobile') : null,
+			formatSelection: this.customRenderSelectionResult != null
+				? this.handleCustomRenderResult(
+						h,
+						this.customRenderSelectionResult,
+						'mobile',
+					)
+				: null,
 			formatResult: this.getCustomFormatOptions(h, 'mobile'),
 			onItemSelected: (items, exclusivity) => {
 				this.currentExclusivity = exclusivity;
@@ -562,7 +580,11 @@ class DropdownListComponent extends TsxComponent<DropdownListArgs> implements Dr
 				textContext.attr('title', selectedText);
 				textContext.text(selectedText);
 			} else {
-				const renderFunc = this.handleCustomRenderResult(h, this.customRenderSelectionResult, 'mobile');
+				const renderFunc = this.handleCustomRenderResult(
+					h,
+					this.customRenderSelectionResult,
+					'mobile',
+				);
 				textContext.html('');
 				for (const item of items) {
 					const response = renderFunc(item, textContext[0]);
@@ -954,7 +976,11 @@ class DropdownListComponent extends TsxComponent<DropdownListArgs> implements Dr
 			}
 
 			if (this.customRenderSelectionResult != null) {
-				s2Args.templateSelection = this.handleCustomRenderResult(h, this.customRenderSelectionResult, 'default');
+				s2Args.templateSelection = this.handleCustomRenderResult(
+					h,
+					this.customRenderSelectionResult,
+					'default',
+				);
 			}
 
 			const modalContent = $(this.$el).closest('.modal-content');
@@ -1123,7 +1149,7 @@ class DropdownListComponent extends TsxComponent<DropdownListArgs> implements Dr
 						for (let i = 0, len = selected.length; i < len; i++) {
 							const item = selected[i];
 							if (item.id == data.id) {
-								arrayRemove(selected, item);
+								selected[remove](item);
 								break;
 							}
 						}

package/components/dropdown/mobile/legacy_fdd.ts

@@ -1,6 +1,7 @@
-import { latinize } from '../../../common/utils/latinize-string';
+import TemporalUtils from '../../../common/utils/temporal-utils';
 import ListviewBuilder from './legacy_lvb';
 import './legacy_fdd.css';
+import { latinize } from '../../../common/extensions/string-extensions';
 
 const $ = jQuery;
 
@@ -88,7 +89,7 @@ export default function FilterableSelect(this: any, args: FilterableSelectArgs):
 			return false;
 		}
 
-		const timeNow = new Date().getTime();
+		const timeNow = TemporalUtils.dateNowMs();
 		const timeDiff = timeNow - openClickTime;
 		return !(timeDiff > 700);
 	};
@@ -234,7 +235,7 @@ export default function FilterableSelect(this: any, args: FilterableSelectArgs):
 		const sender = $(targetElem);
 		const liSender = (sender.is('li') ? sender : sender.closest('li'));
 		const exlusivity = ($('.fdd-incl-excl-chb input').prop('checked') == true ? 1 : 0);
-		openClickTime = new Date().getTime();
+		openClickTime = TemporalUtils.dateNowMs();
 
 		if (liSender.hasClass('filterabledd-optgroup')) {
 			return;
@@ -338,7 +339,7 @@ export default function FilterableSelect(this: any, args: FilterableSelectArgs):
 			let lastClick = 0;
 
 			listContainer.onclick = (e) => {
-				const now = new Date().getTime();
+				const now = TemporalUtils.dateNowMs();
 				const diff = now - lastClick;
 
 				if (diff > 150) {
@@ -366,7 +367,7 @@ export default function FilterableSelect(this: any, args: FilterableSelectArgs):
 				} else {
 					_setRowValue = (item, el) => {
 						el.innerHTML = htmlEscape(item.text);
-					}
+					};
 				}
 
 				if (filter?.length > 0) {
@@ -387,8 +388,6 @@ export default function FilterableSelect(this: any, args: FilterableSelectArgs):
 						newEl.innerHTML = `<a href="javascript:" class="fdd-item-link fdd-item-content"><div class="fdd-item-inner fdd-inner"><div class="fdd-item-title fdd-item"></div></div></a>`;
 						const targetElem = newEl.querySelector('.fdd-item');
 						_setRowValue(item, targetElem as any);
-
-
 					} else {
 						if (this.selectedIds == null || !this.selectedIds.includes(item.id)) {
 							newEl.setAttribute('class', 'filterabledd-item filterabledd-item-perf fdd-noselected');
@@ -404,7 +403,7 @@ export default function FilterableSelect(this: any, args: FilterableSelectArgs):
 
 				listContainer.innerHTML = '';
 				listContainer.appendChild(frag);
-			}
+			};
 
 			rebuildData(null);
 
@@ -427,7 +426,7 @@ export default function FilterableSelect(this: any, args: FilterableSelectArgs):
 				currentTimeOut = setTimeout(() => {
 					currentTimeOut = null;
 					this._pageIndex = 0;
-					const currVal = latinize((searchInput.val() || '').toString().toLowerCase());
+					const currVal = (searchInput.val() || '').toString().toLowerCase()[latinize]();
 					if (currVal != this._filterVal) {
 						this._filterVal = currVal;
 						rebuildData(currVal);
@@ -471,7 +470,7 @@ export default function FilterableSelect(this: any, args: FilterableSelectArgs):
 		}
 
 		currentContext.find('.paginator-container').attr('style', 'margin-top:20px;margin-bottom:10px;');
-		openClickTime = new Date().getTime();
+		openClickTime = TemporalUtils.dateNowMs();
 
 		if (useIscroll) {
 			contextWindow._filterableIscroll = (window as any).utils.bindIscroll($(contextBody).find('#filterableSelectDropWrap'));
@@ -536,7 +535,7 @@ export default function FilterableSelect(this: any, args: FilterableSelectArgs):
 
 	if (data != null) {
 		$.each(data, (i, dataItem) => {
-			(dataItem as any).filterValue = latinize(dataItem.text.toLowerCase());
+			(dataItem as any).filterValue = dataItem.text.toLowerCase()[latinize]();
 		});
 
 		this.data = data; // fadeInFddOverlay fdd-ovl-animated