@slickgrid-universal/vanilla-force-bundle 4.0.3 → 4.2.0

package/dist/types/index.d.ts

@@ -179,7 +179,7 @@ declare const Slicker: {
         getInnerSize(elm: HTMLElement, type: "height" | "width"): number;
         getStyleProp(elm: HTMLElement, property: string): string | null;
         findFirstAttribute(inputElm: Element | null | undefined, attributes: string[]): string | null;
-        findWidthOrDefault(inputWidth?: string | number | undefined, defaultValue?: string | undefined): string;
+        findWidthOrDefault(inputWidth?: string | number | null | undefined, defaultValue?: string | undefined): string;
         htmlEncode(inputValue: string): string;
         htmlEntityDecode(input: string): string;
         htmlEncodeWithPadding(inputStr: string, paddingLength: number): string;
@@ -188,16 +188,16 @@ declare const Slicker: {
             left: number;
             top: number;
         };
+        extend<T_2 = any>(...args: any[]): T_2;
         stripTags(htmlText: string | number | boolean | HTMLElement, allowableTags?: string | string[] | undefined, tagReplacement?: string | undefined): string;
-        addToArrayWhenNotExists<T_2 = any>(inputArray: T_2[], inputItem: T_2, itemIdPropName?: string | undefined): void;
+        addToArrayWhenNotExists<T_3 = any>(inputArray: T_3[], inputItem: T_3, itemIdPropName?: string | undefined): void;
         addWhiteSpaces(nbSpaces: number, spaceChar?: string | undefined): string;
-        arrayRemoveItemByIndex<T_3>(array: T_3[], index: number): T_3[];
+        arrayRemoveItemByIndex<T_4>(array: T_4[], index: number): T_4[];
         deepCopy(objectOrArray: any): any;
         deepMerge(target: any, ...sources: any[]): any;
-        objectAssignAndExtend(target: any, ...sources: any): any;
         emptyObject(obj: any): any;
         isEmptyObject(obj: any): boolean;
-        isDefined<T_4>(value: T_4 | null | undefined): value is T_4;
+        isDefined<T_5>(value: T_5 | null | undefined): value is T_5;
         isObject(item: any): boolean;
         isPrimitiveValue(val: any): boolean;
         isPrimitiveOrHTML(val: any): boolean;
@@ -206,27 +206,27 @@ declare const Slicker: {
         isObjectEmpty(obj: unknown): boolean;
         parseBoolean(input: any): boolean;
         removeAccentFromText(text: string, shouldLowerCase?: boolean | undefined): string;
-        setDeepValue<T_5 = unknown>(obj: T_5, path: string | string[], value: any): void;
+        setDeepValue<T_6 = unknown>(obj: T_6, path: string | string[], value: any): void;
         titleCase(inputStr: string, shouldTitleCaseEveryWords?: boolean | undefined): string;
         toCamelCase(inputStr: string): string;
         toKebabCase(inputStr: string): string;
         toSentenceCase(inputStr: string): string;
         toSnakeCase(inputStr: string): string;
-        uniqueArray<T_6 = any>(arr: T_6[]): T_6[];
+        uniqueArray<T_7 = any>(arr: T_7[]): T_7[];
         uniqueObjectArray(arr: any[], propertyName?: string | undefined): any[];
         sortByFieldType(fieldType: "string" | "number" | "boolean" | "object" | "unknown" | "integer" | "float" | "date" | "dateIso" | "dateUtc" | "dateTime" | "dateTimeIso" | "dateTimeIsoAmPm" | "dateTimeIsoAM_PM" | "dateTimeShortIso" | "dateEuro" | "dateEuroShort" | "dateTimeShortEuro" | "dateTimeEuro" | "dateTimeEuroAmPm" | "dateTimeEuroAM_PM" | "dateTimeEuroShort" | "dateTimeEuroShortAmPm" | "dateTimeEuroShortAM_PM" | "dateUs" | "dateUsShort" | "dateTimeShortUs" | "dateTimeUs" | "dateTimeUsAmPm" | "dateTimeUsAM_PM" | "dateTimeUsShort" | "dateTimeUsShortAmPm" | "dateTimeUsShortAM_PM" | "password" | "text" | "readonly", value1: any, value2: any, sortDirection: number, sortColumn?: import("@slickgrid-universal/common").Column<any> | undefined, gridOptions?: import("@slickgrid-universal/common").GridOption<import("@slickgrid-universal/common").Column<any>> | undefined): number;
-        cancellablePromise<T_7 = any>(inputPromise: Promise<T_7>): import("@slickgrid-universal/common").CancellablePromiseWrapper<T_7>;
-        castObservableToPromise<T_8>(rxjs: import("@slickgrid-universal/common").RxJsFacade, input: Promise<T_8> | import("@slickgrid-universal/common").Observable<T_8> | import("@slickgrid-universal/common").Subject<T_8>, fromServiceName?: string | undefined): Promise<T_8>;
-        addTreeLevelByMutation<T_9>(treeArray: T_9[], options: {
+        cancellablePromise<T_8 = any>(inputPromise: Promise<T_8>): import("@slickgrid-universal/common").CancellablePromiseWrapper<T_8>;
+        castObservableToPromise<T_9>(rxjs: import("@slickgrid-universal/common").RxJsFacade, input: Promise<T_9> | import("@slickgrid-universal/common").Observable<T_9> | import("@slickgrid-universal/common").Subject<T_9>, fromServiceName?: string | undefined): Promise<T_9>;
+        addTreeLevelByMutation<T_10>(treeArray: T_10[], options: {
             childrenPropName: string;
             levelPropName: string;
         }, treeLevel?: number | undefined): void;
-        addTreeLevelAndAggregatorsByMutation<T_10 = any>(treeArray: T_10[], options: {
+        addTreeLevelAndAggregatorsByMutation<T_11 = any>(treeArray: T_11[], options: {
             aggregator: import("@slickgrid-universal/common").Aggregator;
             childrenPropName: string;
             levelPropName: string;
-        }, treeLevel?: number | undefined, parent?: T_10 | undefined): void;
-        flattenToParentChildArray<T_11>(treeArray: T_11[], options?: {
+        }, treeLevel?: number | undefined, parent?: T_11 | undefined): void;
+        flattenToParentChildArray<T_12>(treeArray: T_12[], options?: {
             aggregators?: import("@slickgrid-universal/common").Aggregator[] | undefined;
             parentPropName?: string | undefined;
             childrenPropName?: string | undefined;
@@ -234,8 +234,8 @@ declare const Slicker: {
             identifierPropName?: string | undefined;
             shouldAddTreeLevelNumber?: boolean | undefined;
             levelPropName?: string | undefined;
-        } | undefined): Omit<T_11, number | typeof Symbol.iterator | "link" | "search" | "small" | "sub" | "sup" | "charAt" | "charCodeAt" | "concat" | "indexOf" | "lastIndexOf" | "localeCompare" | "match" | "replace" | "slice" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "trim" | "length" | "substr" | "codePointAt" | "includes" | "endsWith" | "normalize" | "repeat" | "startsWith" | "anchor" | "big" | "blink" | "bold" | "fixed" | "fontcolor" | "fontsize" | "italics" | "strike" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "at" | "toString" | "valueOf" | "toLocaleString">[];
-        unflattenParentChildArrayToTree<P_1, T_12 extends P_1 & {
+        } | undefined): Omit<T_12, number | typeof Symbol.iterator | "link" | "search" | "small" | "sub" | "sup" | "charAt" | "charCodeAt" | "concat" | "indexOf" | "lastIndexOf" | "localeCompare" | "match" | "replace" | "slice" | "split" | "substring" | "toLowerCase" | "toLocaleLowerCase" | "toUpperCase" | "toLocaleUpperCase" | "trim" | "length" | "substr" | "codePointAt" | "includes" | "endsWith" | "normalize" | "repeat" | "startsWith" | "anchor" | "big" | "blink" | "bold" | "fixed" | "fontcolor" | "fontsize" | "italics" | "strike" | "padStart" | "padEnd" | "trimEnd" | "trimStart" | "trimLeft" | "trimRight" | "matchAll" | "replaceAll" | "at" | "toString" | "valueOf" | "toLocaleString">[];
+        unflattenParentChildArrayToTree<P_1, T_13 extends P_1 & {
             [childrenPropName: string]: P_1[];
         }>(flatArray: P_1[], options?: {
             aggregators?: import("@slickgrid-universal/common").Aggregator[] | undefined;
@@ -245,12 +245,12 @@ declare const Slicker: {
             levelPropName?: string | undefined;
             parentPropName?: string | undefined;
             initiallyCollapsed?: boolean | undefined;
-        } | undefined): T_12[];
-        findItemInTreeStructure<T_13 = any>(treeArray: T_13[], predicate: (item: T_13) => boolean, childrenPropertyName: string): T_13 | undefined;
+        } | undefined): T_13[];
+        findItemInTreeStructure<T_14 = any>(treeArray: T_14[], predicate: (item: T_14) => boolean, childrenPropertyName: string): T_14 | undefined;
         decimalFormatted(input: string | number, minDecimal?: number | undefined, maxDecimal?: number | undefined, decimalSeparator?: "," | "." | undefined, thousandSeparator?: "" | "," | "_" | "." | " " | undefined): string;
         formatNumber(input: string | number, minDecimal?: number | undefined, maxDecimal?: number | undefined, wrapNegativeNumberInBraquets?: boolean | undefined, symbolPrefix?: string | undefined, symbolSuffix?: string | undefined, decimalSeparator?: "," | "." | undefined, thousandSeparator?: "" | "," | "_" | "." | " " | undefined): string;
         getCellValueFromQueryFieldGetter(columnDef: import("@slickgrid-universal/common").Column<any>, dataContext: any, defaultValue: any): string;
-        getDescendantProperty<T_14 = any>(object: T_14, path: string | undefined): any;
+        getDescendantProperty<T_15 = any>(object: T_15, path: string | undefined): any;
         getTranslationPrefix(gridOptions?: import("@slickgrid-universal/common").GridOption<import("@slickgrid-universal/common").Column<any>> | undefined): string;
         getColumnFieldType(columnDef: import("@slickgrid-universal/common").Column<any>): "string" | "number" | "boolean" | "object" | "unknown" | "integer" | "float" | "date" | "dateIso" | "dateUtc" | "dateTime" | "dateTimeIso" | "dateTimeIsoAmPm" | "dateTimeIsoAM_PM" | "dateTimeShortIso" | "dateEuro" | "dateEuroShort" | "dateTimeShortEuro" | "dateTimeEuro" | "dateTimeEuroAmPm" | "dateTimeEuroAM_PM" | "dateTimeEuroShort" | "dateTimeEuroShortAmPm" | "dateTimeEuroShortAM_PM" | "dateUs" | "dateUsShort" | "dateTimeShortUs" | "dateTimeUs" | "dateTimeUsAmPm" | "dateTimeUsAM_PM" | "dateTimeUsShort" | "dateTimeUsShortAmPm" | "dateTimeUsShortAM_PM" | "password" | "text" | "readonly";
         isColumnDateType(fieldType: "string" | "number" | "boolean" | "object" | "unknown" | "integer" | "float" | "date" | "dateIso" | "dateUtc" | "dateTime" | "dateTimeIso" | "dateTimeIsoAmPm" | "dateTimeIsoAM_PM" | "dateTimeShortIso" | "dateEuro" | "dateEuroShort" | "dateTimeShortEuro" | "dateTimeEuro" | "dateTimeEuroAmPm" | "dateTimeEuroAM_PM" | "dateTimeEuroShort" | "dateTimeEuroShortAmPm" | "dateTimeEuroShortAM_PM" | "dateUs" | "dateUsShort" | "dateTimeShortUs" | "dateTimeUs" | "dateTimeUsAmPm" | "dateTimeUsAM_PM" | "dateTimeUsShort" | "dateTimeUsShortAmPm" | "dateTimeUsShortAM_PM" | "password" | "text" | "readonly"): boolean;
@@ -259,10 +259,10 @@ declare const Slicker: {
         mapOperatorType(operator: Enums.OperatorString | Enums.OperatorType): Enums.OperatorType;
         mapOperatorToShorthandDesignation(operator: Enums.OperatorString | Enums.OperatorType): Enums.OperatorString;
         mapOperatorByFieldType(fieldType: "string" | "number" | "boolean" | "object" | "unknown" | "integer" | "float" | "date" | "dateIso" | "dateUtc" | "dateTime" | "dateTimeIso" | "dateTimeIsoAmPm" | "dateTimeIsoAM_PM" | "dateTimeShortIso" | "dateEuro" | "dateEuroShort" | "dateTimeShortEuro" | "dateTimeEuro" | "dateTimeEuroAmPm" | "dateTimeEuroAM_PM" | "dateTimeEuroShort" | "dateTimeEuroShortAmPm" | "dateTimeEuroShortAM_PM" | "dateUs" | "dateUsShort" | "dateTimeShortUs" | "dateTimeUs" | "dateTimeUsAmPm" | "dateTimeUsAM_PM" | "dateTimeUsShort" | "dateTimeUsShortAmPm" | "dateTimeUsShortAM_PM" | "password" | "text" | "readonly"): Enums.OperatorType;
-        objectWithoutKey<T_15 = any>(obj: T_15, omitKey: keyof T_15): T_15;
+        objectWithoutKey<T_16 = any>(obj: T_16, omitKey: keyof T_16): T_16;
         parseUtcDate(inputDateString: any, useUtc?: boolean | undefined): string;
         thousandSeparatorFormatted(inputValue: string | number | null, separator?: "" | "," | "_" | "." | " " | undefined): string | null;
-        findOrDefault<T_16 = any>(array: T_16[], logic: (item: T_16) => boolean, defaultVal?: {} | undefined): any;
+        findOrDefault<T_17 = any>(array: T_17[], logic: (item: T_17) => boolean, defaultVal?: {} | undefined): any;
         unsubscribeAll(subscriptions: (import("@slickgrid-universal/common").Subscription | import("@slickgrid-universal/common").EventSubscription)[]): (import("@slickgrid-universal/common").Subscription | import("@slickgrid-universal/common").EventSubscription)[];
         CancelledException: typeof import("@slickgrid-universal/common").CancelledException;
         collectionObserver(inputArray: any[], callback: (outputArray: any[], newValues: any[]) => void): void;

package/dist/types/vanilla-force-bundle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vanilla-force-bundle.d.ts","sourceRoot":"","sources":["../../src/vanilla-force-bundle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,MAAM,EACN,UAAU,EAEV,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,yBAAyB,EACzB,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iDAAiD,CAAC;AAIhG,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAIxG,qBAAa,sBAAuB,SAAQ,sBAAsB;IAChE,oBAAoB,EAAE,6BAA6B,GAAG,SAAS,CAAC;IAEhE;;;;;;;;OAQG;gBAED,sBAAsB,EAAE,WAAW,EACnC,UAAU,CAAC,EAAE,MAAM,EAAE,EACrB,OAAO,CAAC,EAAE,UAAU,EACpB,OAAO,CAAC,EAAE,GAAG,EAAE,EACf,mBAAmB,CAAC,EAAE,GAAG,EAAE,EAC3B,QAAQ,CAAC,EAAE;QACT,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;QAC9C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;QACtC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;QACxC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;QACpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;QACpC,aAAa,CAAC,EAAE,aAAa,CAAC;QAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;QACpC,WAAW,CAAC,EAAE,WAAW,CAAC;QAC1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;QACpC,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;QACtD,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;QACtC,cAAc,CAAC,EAAE,cAAc,CAAC;QAChC,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,aAAa,CAAC,EAAE,aAAa,CAAC;QAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;QAC1B,eAAe,CAAC,EAAE,eAAe,CAAC;QAClC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;QACtC,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;KACvD;IAKH,gBAAgB,CAAC,WAAW,EAAE,UAAU;IAkCxC,SAAS,CAAC,iBAAiB;CAwD5B"}
+{"version":3,"file":"vanilla-force-bundle.d.ts","sourceRoot":"","sources":["../../src/vanilla-force-bundle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,MAAM,EACN,UAAU,EAEV,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,yBAAyB,EACzB,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iDAAiD,CAAC;AAKhG,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAIxG,qBAAa,sBAAuB,SAAQ,sBAAsB;IAChE,oBAAoB,EAAE,6BAA6B,GAAG,SAAS,CAAC;IAEhE;;;;;;;;OAQG;gBAED,sBAAsB,EAAE,WAAW,EACnC,UAAU,CAAC,EAAE,MAAM,EAAE,EACrB,OAAO,CAAC,EAAE,UAAU,EACpB,OAAO,CAAC,EAAE,GAAG,EAAE,EACf,mBAAmB,CAAC,EAAE,GAAG,EAAE,EAC3B,QAAQ,CAAC,EAAE;QACT,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;QAC9C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;QACtC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;QACxC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;QACpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;QACpC,aAAa,CAAC,EAAE,aAAa,CAAC;QAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;QACpC,WAAW,CAAC,EAAE,WAAW,CAAC;QAC1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;QACpC,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;QACtD,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;QACtC,cAAc,CAAC,EAAE,cAAc,CAAC;QAChC,IAAI,CAAC,EAAE,UAAU,CAAC;QAClB,aAAa,CAAC,EAAE,aAAa,CAAC;QAC9B,WAAW,CAAC,EAAE,WAAW,CAAC;QAC1B,eAAe,CAAC,EAAE,eAAe,CAAC;QAClC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;QACtC,yBAAyB,CAAC,EAAE,yBAAyB,CAAC;KACvD;IAKH,gBAAgB,CAAC,WAAW,EAAE,UAAU;IAkCxC,SAAS,CAAC,iBAAiB;CAwD5B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slickgrid-universal/vanilla-force-bundle",
-  "version": "4.0.3",
+  "version": "4.2.0",
   "description": "Vanilla Slick Grid Bundle (mostly exist for our Salesforce implementation) - Similar to Vanilla Bundle, the only difference is that it adds extra packages within its bundle (CustomTooltip, CompositeEditor & TextExport)",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -25,7 +25,8 @@
     "access": "public"
   },
   "files": [
-    "/dist"
+    "/dist",
+    "/src"
   ],
   "note": "there are 2 bundler available vite & esbuild, but we really only use Vite only but we keep esbuild for reference",
   "license": "MIT",
@@ -45,19 +46,19 @@
     "not dead"
   ],
   "dependencies": {
-    "@slickgrid-universal/binding": "~4.0.2",
-    "@slickgrid-universal/common": "~4.0.3",
-    "@slickgrid-universal/composite-editor-component": "~4.0.3",
-    "@slickgrid-universal/custom-footer-component": "~4.0.3",
-    "@slickgrid-universal/custom-tooltip-plugin": "~4.0.3",
-    "@slickgrid-universal/empty-warning-component": "~4.0.3",
-    "@slickgrid-universal/event-pub-sub": "~4.0.2",
-    "@slickgrid-universal/excel-export": "~4.0.3",
-    "@slickgrid-universal/pagination-component": "~4.0.3",
-    "@slickgrid-universal/text-export": "~4.0.3",
-    "@slickgrid-universal/utils": "~4.0.2",
-    "@slickgrid-universal/vanilla-bundle": "~4.0.3",
+    "@slickgrid-universal/binding": "~4.1.0",
+    "@slickgrid-universal/common": "~4.2.0",
+    "@slickgrid-universal/composite-editor-component": "~4.2.0",
+    "@slickgrid-universal/custom-footer-component": "~4.2.0",
+    "@slickgrid-universal/custom-tooltip-plugin": "~4.2.0",
+    "@slickgrid-universal/empty-warning-component": "~4.2.0",
+    "@slickgrid-universal/event-pub-sub": "~4.2.0",
+    "@slickgrid-universal/excel-export": "~4.2.0",
+    "@slickgrid-universal/pagination-component": "~4.2.0",
+    "@slickgrid-universal/text-export": "~4.2.0",
+    "@slickgrid-universal/utils": "~4.2.0",
+    "@slickgrid-universal/vanilla-bundle": "~4.2.0",
     "whatwg-fetch": "^3.6.20"
   },
-  "gitHead": "d637300740299f0ded21b0c66c6a21ae953e9789"
+  "gitHead": "d97d211a6c2d7d2f3ad65a3d5f19b27584e5ae8c"
 }

package/src/index.ts

@@ -0,0 +1,31 @@
+import { Aggregators, Editors, Enums, Filters, Formatters, GroupTotalFormatters, SlickGlobalEditorLock, SortComparers, Utilities } from '@slickgrid-universal/common';
+import { BindingService } from '@slickgrid-universal/binding';
+import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
+import { SlickCompositeEditorComponent } from '@slickgrid-universal/composite-editor-component';
+import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
+import { SlickPaginationComponent } from '@slickgrid-universal/pagination-component';
+import { VanillaForceGridBundle } from './vanilla-force-bundle';
+
+const Slicker = {
+  GridBundle: VanillaForceGridBundle,
+  Aggregators,
+  BindingService,
+  Editors,
+  Enums,
+  Filters,
+  Formatters,
+  GroupTotalFormatters,
+  SlickGlobalEditorLock,
+  SortComparers,
+  Utilities,
+};
+
+// expose the bundle on the global "window" object as Slicker
+if (typeof window !== 'undefined') {
+  (window as any).Slicker = Slicker;
+}
+
+export { BindingService };
+export { Aggregators, Editors, Enums, EventPubSubService, Filters, Formatters, GroupTotalFormatters, SortComparers, Utilities };
+export { SlickCompositeEditorComponent, SlickEmptyWarningComponent, SlickPaginationComponent, VanillaForceGridBundle }; // export the custom components & interfaces
+export { Slicker };

package/src/salesforce-global-grid-options.ts

@@ -0,0 +1,85 @@
+import type { GridOption } from '@slickgrid-universal/common';
+import { EventNamingStyle } from '@slickgrid-universal/event-pub-sub';
+
+/** Global Grid Options Defaults for Salesforce */
+export const SalesforceGlobalGridOptions = {
+  autoEdit: true, // true single click (false for double-click)
+  autoCommitEdit: true,
+  autoFixResizeTimeout: 5 * 60 * 60, // interval is 200ms, so 5x is 1sec, so (5 * 60 * 60 = 60min)
+  autoFixResizeRequiredGoodCount: 5 * 60 * 60, // make it the same as the interval timeout, this is equivalent to say don't stop until the timeout is over
+  autoFixResizeWhenBrokenStyleDetected: true,
+  cellValueCouldBeUndefined: true,
+  contextMenu: {
+    hideCloseButton: false,
+  },
+  eventNamingStyle: EventNamingStyle.lowerCaseWithoutOnPrefix,
+  compositeEditorOptions: {
+    resetEditorButtonCssClass: 'mdi mdi-refresh mdi-15px mdi-v-align-text-top',
+    resetFormButtonIconCssClass: 'mdi mdi-refresh mdi-16px mdi-flip-h mdi-v-align-text-top',
+    shouldPreviewMassChangeDataset: true,
+  },
+  datasetIdPropertyName: 'Id',
+  emptyDataWarning: {
+    message: `<span class="mdi mdi-alert color-warning"></span> No data to display.`,
+  },
+  enableDeepCopyDatasetOnPageLoad: true,
+  enableTextExport: true,
+  textExportOptions: {
+    exportWithFormatter: true,
+    sanitizeDataExport: true,
+  },
+  enableCellNavigation: true,
+  customTooltip: {
+    tooltipTextMaxLength: 650,
+  },
+  enableExcelExport: true,
+  excelExportOptions: {
+    exportWithFormatter: true,
+    mimeType: '', // Salesforce doesn't like Excel MIME type (not allowed), but we can bypass the problem by using no type at all
+    sanitizeDataExport: true
+  },
+  filterTypingDebounce: 250,
+  formatterOptions: {
+    thousandSeparator: ','
+  },
+  frozenHeaderWidthCalcDifferential: 2,
+  columnPicker: {
+    hideForceFitButton: true,
+  },
+  gridMenu: {
+    commandLabels: {
+      clearFrozenColumnsCommandKey: 'UNFREEZE_COLUMNS',
+    },
+    hideTogglePreHeaderCommand: true,
+    hideRefreshDatasetCommand: true,
+    hideClearFrozenColumnsCommand: false,
+    hideForceFitButton: true,
+  },
+  headerMenu: {
+    hideFreezeColumnsCommand: false,
+    iconSortAscCommand: 'fa fa-sort-amount-asc mdi mdi-arrow-up',
+    iconSortDescCommand: 'fa fa-sort-amount-desc mdi mdi-arrow-down',
+  },
+  preventDocumentFragmentUsage: true,
+  sanitizer: (dirtyHtml: string) => typeof dirtyHtml === 'string' ? dirtyHtml.replace(/(\b)(on[a-z]+)(\s*)=|javascript:([^>]*)[^>]*|(<\s*)(\/*)script([<>]*).*(<\s*)(\/*)script(>*)|(&lt;)(\/*)(script|script defer)(.*)(&gt;|&gt;">)/gi, '') : dirtyHtml,
+  showCustomFooter: true,
+  customFooterOptions: {
+    hideMetrics: false,
+    hideTotalItemCount: false,
+    hideLastUpdateTimestamp: true,
+    metricTexts: {
+      itemsSelectedKey: 'RECORDS_SELECTED',
+    }
+  },
+  headerRowHeight: 35,
+  rowHeight: 33,
+  resizeByContentOnlyOnFirstLoad: false,
+  resizeByContentOptions: {
+    formatterPaddingWidthInPx: 8,
+    maxItemToInspectCellContentWidth: 500,
+  },
+  rowMoveManager: {
+    hideRowMoveShadow: false,
+  },
+  useSalesforceDefaultGridOptions: true,
+} as GridOption;

package/src/vanilla-force-bundle.ts

@@ -0,0 +1,166 @@
+import type {
+  Column,
+  GridOption,
+  // services
+  BackendUtilityService,
+  CollectionService,
+  ExtensionService,
+  ExtensionUtility,
+  FilterService,
+  GridEventService,
+  GridService,
+  GridStateService,
+  GroupingAndColspanService,
+  PaginationService,
+  ResizerService,
+  RxJsFacade,
+  SharedService,
+  SortService,
+  TranslaterService,
+  TreeDataService,
+} from '@slickgrid-universal/common';
+import { GlobalGridOptions } from '@slickgrid-universal/common';
+import { EventPubSubService } from '@slickgrid-universal/event-pub-sub';
+import { ExcelExportService } from '@slickgrid-universal/excel-export';
+import { SlickCompositeEditorComponent } from '@slickgrid-universal/composite-editor-component';
+import { SlickEmptyWarningComponent } from '@slickgrid-universal/empty-warning-component';
+import { SlickCustomTooltip } from '@slickgrid-universal/custom-tooltip-plugin';
+import { TextExportService } from '@slickgrid-universal/text-export';
+import { extend } from '@slickgrid-universal/utils';
+import { SlickVanillaGridBundle, UniversalContainerService } from '@slickgrid-universal/vanilla-bundle';
+
+import { SalesforceGlobalGridOptions } from './salesforce-global-grid-options';
+
+export class VanillaForceGridBundle extends SlickVanillaGridBundle {
+  slickCompositeEditor: SlickCompositeEditorComponent | undefined;
+
+  /**
+   * Salesforce Slicker Grid Bundle constructor
+   * @param {Object} gridParentContainerElm - div HTML DOM element container
+   * @param {Array<Column>} columnDefs - Column Definitions
+   * @param {Object} options - Grid Options
+   * @param {Array<Object>} dataset - Dataset
+   * @param {Array<Object>} hierarchicalDataset - Hierarchical Dataset
+   * @param {Object} services - Typically only used for Unit Testing when we want to pass Mocked/Stub Services
+   */
+  constructor(
+    gridParentContainerElm: HTMLElement,
+    columnDefs?: Column[],
+    options?: GridOption,
+    dataset?: any[],
+    hierarchicalDataset?: any[],
+    services?: {
+      backendUtilityService?: BackendUtilityService,
+      collectionService?: CollectionService,
+      eventPubSubService?: EventPubSubService,
+      extensionService?: ExtensionService,
+      extensionUtility?: ExtensionUtility,
+      filterService?: FilterService,
+      gridEventService?: GridEventService,
+      gridService?: GridService,
+      gridStateService?: GridStateService,
+      groupingAndColspanService?: GroupingAndColspanService,
+      paginationService?: PaginationService,
+      resizerService?: ResizerService,
+      rxjs?: RxJsFacade,
+      sharedService?: SharedService,
+      sortService?: SortService,
+      treeDataService?: TreeDataService,
+      translaterService?: TranslaterService,
+      universalContainerService?: UniversalContainerService,
+    }
+  ) {
+    super(gridParentContainerElm, columnDefs, options, dataset, hierarchicalDataset, services);
+  }
+
+  mergeGridOptions(gridOptions: GridOption) {
+    const extraOptions = (gridOptions.useSalesforceDefaultGridOptions || (this._gridOptions?.useSalesforceDefaultGridOptions)) ? SalesforceGlobalGridOptions : {};
+    const options = extend(true, {}, GlobalGridOptions, extraOptions, gridOptions);
+
+    // also make sure to show the header row if user have enabled filtering
+    if (options.enableFiltering && !options.showHeaderRow) {
+      options.showHeaderRow = options.enableFiltering;
+    }
+
+    // using copy extend to do a deep clone has an unwanted side on objects and pageSizes but ES6 spread has other worst side effects
+    // so we will just overwrite the pageSizes when needed, this is the only one causing issues so far.
+    // On a deep extend, Object and Array are extended, but object wrappers on primitive types such as String, Boolean, and Number are not.
+    if (options?.pagination && (gridOptions.enablePagination || gridOptions.backendServiceApi) && gridOptions.pagination && Array.isArray(gridOptions.pagination.pageSizes)) {
+      options.pagination.pageSizes = gridOptions.pagination.pageSizes;
+    }
+
+    // when we use Pagination on Local Grid, it doesn't seem to work without enableFiltering
+    // so we'll enable the filtering but we'll keep the header row hidden
+    if (!options.enableFiltering && options.enablePagination && this._isLocalGrid) {
+      options.enableFiltering = true;
+      options.showHeaderRow = false;
+      this._hideHeaderRowAfterPageLoad = true;
+      if (this.sharedService) {
+        this.sharedService.hideHeaderRowAfterPageLoad = true;
+      }
+    }
+
+    return options;
+  }
+
+  // --
+  // protected functions
+  // ------------------
+
+  protected registerResources() {
+    // when using Salesforce, we want the Export to CSV always enabled without registering it
+    if (this.gridOptions.enableTextExport) {
+      this._registeredResources.push(new TextExportService());
+    }
+    if (this.gridOptions.enableTextExport) {
+      this._registeredResources.push(new ExcelExportService());
+    }
+    this._registeredResources.push(new SlickCustomTooltip());
+
+    // at this point, we consider all the registered services as external services, anything else registered afterward aren't external
+    if (Array.isArray(this._registeredResources)) {
+      this.sharedService.externalRegisteredResources = this._registeredResources;
+    }
+
+    // push all other Services that we want to be registered
+    this._registeredResources.push(this.gridService, this.gridStateService);
+
+    // when using Grouping/DraggableGrouping/Colspan register its Service
+    if (this.gridOptions.createPreHeaderPanel && !this.gridOptions.enableDraggableGrouping) {
+      this._registeredResources.push(this.groupingService);
+    }
+
+    // when using Tree Data View, register its Service
+    if (this.gridOptions.enableTreeData) {
+      this._registeredResources.push(this.treeDataService);
+    }
+
+    // when user enables translation, we need to translate Headers on first pass & subsequently in the bindDifferentHooks
+    if (this.gridOptions.enableTranslate) {
+      this.extensionService.translateColumnHeaders();
+    }
+
+    // also initialize (render) the empty warning component
+    this.slickEmptyWarning = new SlickEmptyWarningComponent();
+    this._registeredResources.push(this.slickEmptyWarning);
+
+    // also initialize (render) the pagination component when using the salesforce default options
+    // however before adding a new instance, just make sure there isn't one that might have been loaded by calling "registerExternalResources"
+    if (this.gridOptions.enableCompositeEditor) {
+      if (!this._registeredResources.some((resource => resource instanceof SlickCompositeEditorComponent))) {
+        this.slickCompositeEditor = new SlickCompositeEditorComponent();
+        this._registeredResources.push(this.slickCompositeEditor);
+      }
+    }
+
+    // bind & initialize all Components/Services that were tagged as enabled
+    // register all services by executing their init method and providing them with the Grid object
+    if (Array.isArray(this._registeredResources)) {
+      for (const resource of this._registeredResources) {
+        if (this.slickGrid && typeof resource.init === 'function') {
+          resource.init(this.slickGrid, this.universalContainerService);
+        }
+      }
+    }
+  }
+}