inviton-powerduck 0.0.166 → 0.0.168

package/app/global-state.ts

@@ -4,17 +4,17 @@ type DocumentShim = typeof Document.prototype & { windowExists: boolean };
 const globalState: GlobalState = (typeof window !== 'undefined')
     ? window
     : {
-        addEventListener() { },
-        removeEventListener() { },
-        matchMedia() { return {}; },
-        getComputedStyle() { return {}; },
+        addEventListener: () => { },
+        removeEventListener: () => { },
+        matchMedia: () => ({}),
+        getComputedStyle: () => ({}),
         fetch,
     } as any;
 
 const documentWrap: DocumentShim = (typeof window !== 'undefined')
     ? document
     : {
-        querySelector() { return null }
+        querySelector: () => null,
     } as any;
 
 if (typeof window !== 'undefined') {
@@ -25,4 +25,4 @@ if (typeof window !== 'undefined') {
     documentWrap.windowExists = false;
 }
 
-export { globalState, documentWrap };
+export { documentWrap, globalState };

package/app/powerduck-initializer.ts

@@ -19,7 +19,10 @@ export default class PowerduckInitializer {
 		globalState.jQuery = jquery;
 		globalState.$ = globalState.jQuery;
 		globalState.moment = moment;
-		globalState.select2 = select2();
+
+		if (globalState.windowExists) {
+			globalState.select2 = select2();
+		}
 
 		if (globalState.__viteErrHandlerBound != true) {
 			globalState.__viteErrHandlerBound = true;

package/common/extensions/array-extensions.ts

@@ -21,9 +21,7 @@ function groupByImpl<T, K>(this: Array<T>, keySelector: (item: T) => K): Map<K,
 
 export const remove = Symbol('remove');
 function removeImpl<T>(this: Array<T>, ...items: T[]) {
-    for (let i = 1, len = arguments.length; i < len; i++) {
-        // eslint-disable-next-line prefer-rest-params
-        const item = arguments[i];
+	for (const item of items) {
         const itemIndex = this.indexOf(item);
 
         if (itemIndex > -1) {

package/common/history-handler.ts

@@ -3,7 +3,7 @@ import { ModalUtils } from './../components/modal/modal-utils';
 import HistoryExtended from './history-extended';
 
 export const initHistory = () => {
-	if (globalState.windowExists) {
+	if (!globalState.windowExists) {
 		return;
 	}
 

package/common/local-storage-shim.ts

@@ -169,4 +169,12 @@ export default class StorageProvider {
 
 		StorageProvider.setString(key, storeVal);
 	}
+
+    /**
+	 * Removes item from the storage
+	 * @param key Storage key
+	 */
+	static remove(key: string): void {
+		storage.removeItem(`private.${key}`);
+	}
 }

package/components/dropdown/index.tsx

@@ -1,11 +1,13 @@
 import type { DropdownButtonItemArgs } from '../dropdown-button/dropdown-button-item';
 import type { FormItemWrapperArgs, MarginType } from '../form/form-item-wrapper';
+import { globalState } from '../../app/global-state';
 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 { remove } from '../../common/extensions/array-extensions';
+import { capitalize } from '../../common/extensions/string-extensions';
 import { isNullOrEmpty } from '../../common/utils/is-null-or-empty';
 import { PortalUtils } from '../../common/utils/utils';
 import FormItemWrapper from '../form/form-item-wrapper';
@@ -16,7 +18,6 @@ import './ts/select2-multi-checkboxes';
 import 'select2/dist/css/select2.css';
 import './../../app/css/input-effects.css';
 import './css/dropdown.css';
-import { capitalize } from '../../common/extensions/string-extensions';
 
 type RowToString = (row) => string;
 export enum MultiselectMode {
@@ -110,7 +111,7 @@ export interface DropdownTrailingButtonArgs {
 	clicked: (row: any) => void;
 }
 
-const s2Utils = ($ as any).fn.select2.amd.require('select2/utils');
+const s2Utils = globalState.windowExists ? ($ as any).fn.select2.amd.require('select2/utils') : {};
 class DropdownSelect2Helper {
 	static getSelect2Instance(s2Elem: JQuery<Element>): any {
 		return s2Utils.GetData(s2Elem[0], 'select2');
@@ -770,11 +771,10 @@ class DropdownListComponent extends TsxComponent<DropdownListArgs> implements Dr
 							$container.addClass('pd-dropdown-close-animation');
 						}
 
-						$container.one('animationend', function () {
+						$container.one('animationend', () => {
 							$container.removeClass('pd-dropdown-close-animation pd-dropdown-close-animation-above');
 						});
 
-
 						if (self.pendingChange != null) {
 							const data = self.pendingChange?.data;
 							self.pendingChange = null;

package/components/dropdown/mobile/legacy_fdd.ts

@@ -4,8 +4,6 @@ import TemporalUtils from '../../../common/utils/temporal-utils';
 import ListviewBuilder from './legacy_lvb';
 import './legacy_fdd.css';
 
-const $ = jQuery;
-
 export interface FilterableSelectArgs {
 	elem: JQuery | string;
 	data: FilterableSelectDataSource[];
@@ -39,6 +37,7 @@ export interface FilterableSelectDataSource {
 }
 
 export default function FilterableSelect(this: any, args: FilterableSelectArgs): void {
+	const $ = jQuery;
 	const iframeTopMode = !(args.iframeTopMode == false);
 	let contextWindow, contextBody;
 

package/components/dropdown/mobile/legacy_lvb.ts

@@ -1,8 +1,14 @@
+/* eslint-disable unicorn/new-for-builtins */
+/* eslint-disable no-new-wrappers */
+/* eslint-disable no-empty */
+/* eslint-disable ts/no-use-before-define */
+/* eslint-disable ts/no-this-alias */
+/* eslint-disable new-cap */
 import { globalState } from '../../../app/global-state';
 
-const $ = jQuery;
-
 export default function ListviewBuilder(this: any): void {
+	const $ = jQuery;
+
 	const self = this;
 	self.parentTemplate = null;
 	self.itemTemplate = null;
@@ -19,7 +25,7 @@ export default function ListviewBuilder(this: any): void {
 	self.pageText = 'Page';
 	self._filterResults = null;
 
-	self.build = function () {
+	self.build = () => {
 		self._filterVal = '';
 		self.internal.getTemplates();
 		self.internal.buildFilter();
@@ -28,7 +34,7 @@ export default function ListviewBuilder(this: any): void {
 		self.internal.buildPagination();
 	};
 
-	self._getRowLine = function (item) {
+	self._getRowLine = (item) => {
 		let itemLine = self.itemTemplate;
 		for (const prop in item) {
 			itemLine = itemLine.replace(new RegExp(`{${prop}}`, 'g'), item[prop]);
@@ -36,7 +42,7 @@ export default function ListviewBuilder(this: any): void {
 		return itemLine;
 	};
 
-	self.appendRowLine = function (item, isSorted) {
+	self.appendRowLine = (item, isSorted) => {
 		const newIndex = self.data.length;
 		const itemLine = self._getRowLine(item);
 		self.data.push(item);
@@ -44,16 +50,16 @@ export default function ListviewBuilder(this: any): void {
 		self.internal.buildRows();
 	};
 
-	self.refreshRowLine = function (item, index) {
+	self.refreshRowLine = (item, index) => {
 		const itemLine = self._getRowLine(item);
 		self._itemRows[index] = itemLine;
 	};
 
-	self.filterFunc = function (
+	self.filterFunc = (
 		filterValue,
 		pageLimit,
 		builder,
-	) {
+	) => {
 		const data = self.data;
 		const field = self.filterField;
 		const key = filterValue.toLowerCase();
@@ -79,7 +85,7 @@ export default function ListviewBuilder(this: any): void {
 	};
 
 	this.internals = function () {
-		this.getTemplates = function () {
+		this.getTemplates = () => {
 			self._prodSearchTemplate = '<div class="lvb-filter-erase"><span class="far fa-trash-alt"></span></div><input type="text" class="lvb-filter-input">';
 
 			let displayPagination;
@@ -95,7 +101,7 @@ export default function ListviewBuilder(this: any): void {
 			self.targetElem.html(`${filterPart}<div class="items-container"></div><div class="paginator-container" ${displayPagination}></div>`);
 		};
 
-		this.buildFilter = function () {
+		this.buildFilter = () => {
 			if (self.filter) {
 				const filterContext = $('.lvb-filter-container', self.targetElem).first();
 				filterContext.html(self._prodSearchTemplate);
@@ -140,7 +146,7 @@ export default function ListviewBuilder(this: any): void {
 			}
 		};
 
-		this.buildRowLines = function () {
+		this.buildRowLines = () => {
 			self._itemRows = new Object();
 			if (self.data != null && self.data.length > 0) {
 				for (let i = 0; i < self.data.length; i++) {
@@ -150,19 +156,19 @@ export default function ListviewBuilder(this: any): void {
 			}
 		};
 
-		function replaceHtml(el, html) {
+		const replaceHtml = (el, html) => {
 			const oldEl = typeof el === 'string' ? document.getElementById(el) : el;
 			/* @cc_on // Pure innerHTML is slightly faster in IE
-                oldEl.innerHTML = html;
-                return oldEl;
-            @ */
+				oldEl.innerHTML = html;
+				return oldEl;
+			@ */
 			const newEl = oldEl.cloneNode(false);
 			newEl.innerHTML = html;
 			oldEl.parentNode.replaceChild(newEl, oldEl);
 			/* Since we just removed the old element from the DOM, return a reference
-            to the new element, which can be used to restore variable references. */
+			to the new element, which can be used to restore variable references. */
 			return newEl;
-		};
+		};;
 
 		this.buildRows = function () {
 			const rows = self._itemRows;
@@ -223,13 +229,13 @@ export default function ListviewBuilder(this: any): void {
 			}
 		};
 
-		this.replaceInnerHTML = function (oldDiv, html) {
+		this.replaceInnerHTML = (oldDiv, html) => {
 			const newDiv = oldDiv.cloneNode(false);
 			newDiv.innerHTML = html;
 			oldDiv.parentNode.replaceChild(newDiv, oldDiv);
 		};
 
-		this.bindClickHandler = function () {
+		this.bindClickHandler = () => {
 			if (self.itemClicked != null) {
 				$('li', $('.items-container', self.targetElem)).bind(self.clickEventName, self.itemClicked);
 			}
@@ -291,7 +297,7 @@ export default function ListviewBuilder(this: any): void {
 			$('.current-pg-page', self._paginatorContainer).text(self._pageIndex + 1);
 		};
 
-		this.getPageLimit = function () {
+		this.getPageLimit = () => {
 			if (self.pagingCount != null) {
 				return self.pagingCount;
 			} else {
@@ -299,7 +305,7 @@ export default function ListviewBuilder(this: any): void {
 			}
 		};
 
-		this.getCurrentIndex = function () {
+		this.getCurrentIndex = () => {
 			if (self._pageIndex != null) {
 				return self._pageIndex;
 			} else {
@@ -316,16 +322,16 @@ export default function ListviewBuilder(this: any): void {
 			}
 		};
 
-		this.getFilledParent = function (content) {
-			return self.parentTemplate.replace(/\{content\}/g, content);
-		};
+		this.getFilledParent = content => self.parentTemplate.replace(/\{content\}/g, content);
 
 		this.stringBuilder = function () {
 			let strings = [];
 
-			this.append = function (string) {
+			this.append = (string) => {
 				string = verify(string);
-				if (string.length > 0) { strings[strings.length] = string; }
+				if (string.length > 0) {
+					strings[strings.length] = string;
+				}
 			};
 
 			this.appendLine = function (string) {
@@ -333,33 +339,38 @@ export default function ListviewBuilder(this: any): void {
 				if (this.isEmpty()) {
 					if (string.length > 0) {
 						strings[strings.length] = string;
-					} else {}
+					} else { }
 				} else {
 					strings[strings.length] = string.length > 0 ? `\r\n${string}` : '\r\n';
 				}
 			};
 
-			this.clear = function () { strings = []; };
+			this.clear = () => {
+				strings = [];
+			};
 
-			this.isEmpty = function () { return strings.length == 0; };
+			this.isEmpty = () => strings.length == 0;
 
-			this.toString = function () { return strings.join(''); };
+			this.toString = () => strings.join('');
 
-			var verify = function (string) {
-				if (!defined(string)) { return ''; }
+			let verify = (string) => {
+				if (!defined(string)) {
+					return '';
+				}
 
-				if (getType(string) != getType(new String())) { return String(string); }
+				if (getType(string) != getType(new String())) {
+					return String(string);
+				}
 
 				return string;
 			};
 
-			var defined = function (el) {
-				// Changed per Ryan O'Hara's comment:
-				return el != null && typeof (el) != 'undefined';
-			};
+			let defined = el => el != null && typeof (el) != 'undefined';
 
-			var getType = function (instance) {
-				if (!defined(instance.constructor)) { throw new Error('Unexpected object type'); }
+			let getType = (instance) => {
+				if (!defined(instance.constructor)) {
+					throw new Error('Unexpected object type');
+				}
 
 				const type = String(instance.constructor).match(/function\s+(\w+)/);
 

package/components/dropdown/ts/select2-multi-checkboxes.ts

@@ -1,3 +1,5 @@
+/* eslint-disable */
+import { globalState } from '@powerduck/app/global-state';
 import PowerduckState from '../../../app/powerduck-state';
 import { PortalUtils } from '../../../common/utils/utils';
 
@@ -11,6 +13,11 @@ import { PortalUtils } from '../../../common/utils/utils';
  * License     : MIT
  */
 (function ($) {
+	if (!globalState.windowExists) {
+		$.fn.select2MultiCheckboxes = () => { };
+		return;
+	}
+
 	const s2Utils = ($ as any).fn.select2.amd.require('select2/utils');
 	const exclusiveBinder = function (jqElem, s2Instance) {
 		const uuid = PortalUtils.randomString(10);
@@ -84,7 +91,7 @@ import { PortalUtils } from '../../../common/utils/utils';
 		self.$element.select2({
 			allowClear: true,
 			ajax: {
-				transport (
+				transport(
 					params,
 					success,
 					failure,
@@ -285,4 +292,4 @@ import { PortalUtils } from '../../../common/utils/utils';
 			});
 		},
 	});
-})(jQuery);
+})(globalState.$);

package/components/input/datetime-picker.tsx

@@ -14,8 +14,8 @@ import TemporalUtils from '../../common/utils/temporal-utils';
 import { PortalUtils } from '../../common/utils/utils';
 import FormItemWrapper from '../form/form-item-wrapper';
 import DateInputHelper, { DateInputUsage } from './ts/dateInputHelper';
-import 'bootstrap-datetime-picker';
-import 'bootstrap-datetime-picker/css/bootstrap-datetimepicker.min.css';
+import './plugins/datetimepicker/datetimepicker';
+import './plugins/datetimepicker/css/bootstrap-datetimepicker.css';
 
 interface DatetimePickerArgs extends FormItemWrapperArgs {
 	value: Temporal.PlainDateTime;

package/components/input/plugins/daterangepicker/jquery.daterangepicker.ts

@@ -10,6 +10,7 @@ import TemporalUtils from '../../../../common/utils/temporal-utils';
 import DaterangePickerConfig from './daterangepicker-config';
 import './daterangepicker.css';
 import { utcEpochMilliseconds } from '../../../../common/extensions/temporal-extensions';
+import { globalState } from '../../../../app/global-state';
 
 (function ($: any) {
 	$.dateRangePickerLanguages = {
@@ -2628,4 +2629,4 @@ import { utcEpochMilliseconds } from '../../../../common/extensions/temporal-ext
 			showGap();
 		}
 	};
-})($);
+})(globalState.$);