@fluid-topics/ft-wc-utils 1.3.26 → 1.3.27

package/build/helpers.d.ts

@@ -1,4 +1,4 @@
-import { Optional, Provider } from "./generic-types";
+import { Constructor, Optional, Provider } from "./generic-types";
 export declare const delay: (ms: number) => Promise<unknown>;
 export declare function waitUntil(condition: Provider<boolean | Promise<boolean>>, interval?: number, timeout?: Optional<number>): Promise<void>;
 export declare function waitFor<T>(provider: Provider<Optional<T> | Promise<Optional<T>>>, interval?: number, timeout?: Optional<number>): Promise<T>;
@@ -14,3 +14,4 @@ export declare function unslotText(node: any): string;
 export declare function getComposedPathTo(element: EventTarget): EventTarget[];
 export declare function deepCopy<T = any>(value: T): T;
 export declare function randomId(size: number, prefix?: string): string;
+export declare function applyMixinOnce<IN extends Constructor<unknown>, OUT>(mixinIdentifier: symbol, mixin: (c: IN) => OUT): (c: IN) => OUT;

package/build/helpers.js

@@ -1,4 +1,4 @@
-export const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+export const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 export async function waitUntil(condition, interval = 10, timeout = 20000) {
     await waitFor(async () => await condition() || undefined, interval, timeout);
 }
@@ -17,7 +17,7 @@ export async function waitFor(provider, interval = 10, timeout = 20000) {
     return value;
 }
 export function flatDeep(arr, getChildren) {
-    return arr.flatMap(o => [o, ...flatDeep(getChildren(o), getChildren)]);
+    return arr.flatMap((o) => [o, ...flatDeep(getChildren(o), getChildren)]);
 }
 export function dateReviver(...dateKeys) {
     return (key, value) => dateKeys.includes(key) ? parseDate(value) : value;
@@ -39,7 +39,7 @@ function eq(a, b) {
         if (a.constructor !== b.constructor) {
             return false;
         }
-        var length, i, keys;
+        let length, i, keys;
         if (Array.isArray(a)) {
             length = a.length;
             if (length != b.length) {
@@ -85,7 +85,7 @@ function eq(a, b) {
         if (a.valueOf !== Object.prototype.valueOf) {
             return a.valueOf() === b.valueOf();
         }
-        const keysWithNonNullValues = (o) => Object.keys(o).filter(k => o[k] != null);
+        const keysWithNonNullValues = (o) => Object.keys(o).filter((k) => o[k] != null);
         keys = keysWithNonNullValues(a);
         length = keys.length;
         if (length !== keysWithNonNullValues(b).length) {
@@ -123,11 +123,11 @@ export function hasChanged(a, b) {
 export function eventPathContainsMatchingElement(e, matchers, containerElement = window.document.body) {
     if (matchers.length > 0) {
         const path = e.composedPath();
-        for (let e of path) {
+        for (const e of path) {
             if (e === containerElement) {
                 return false;
             }
-            if (e.matches && matchers.some(matcher => e.matches(matcher))) {
+            if (e.matches && matchers.some((matcher) => e.matches(matcher))) {
                 return true;
             }
         }
@@ -142,7 +142,7 @@ export function last(arr) {
 }
 export function unslotText(node) {
     if (node instanceof HTMLSlotElement) {
-        return node.assignedNodes().map(n => unslotText(n)).join("");
+        return node.assignedNodes().map((n) => unslotText(n)).join("");
     }
     return (node === null || node === void 0 ? void 0 : node.textContent) || "";
 }
@@ -166,3 +166,14 @@ export function deepCopy(value) {
 export function randomId(size, prefix) {
     return (prefix !== null && prefix !== void 0 ? prefix : "") + ("" + Math.floor(Math.random() * (10 ** size))).padStart(size, "0");
 }
+export function applyMixinOnce(mixinIdentifier, mixin) {
+    const isMixinAlreadyApplied = (o) => o[mixinIdentifier] === true;
+    return (Class) => {
+        if (isMixinAlreadyApplied(Class)) {
+            return Class;
+        }
+        const result = mixin(Class);
+        result[mixinIdentifier] = true;
+        return result;
+    };
+}

package/build/redux/FtLitElementRedux.d.ts

@@ -14,7 +14,7 @@ type FtLitElementWithReduxType<T extends Constructor<FtLitElement>> = T & Constr
     reduxReactiveProperties: Set<string>;
     reduxEventListeners: Map<string, ReduxEventListenerInit>;
 };
-export declare function withRedux<T extends Constructor<FtLitElement>>(Class: T): FtLitElementWithReduxType<T>;
+export declare const withRedux: <T extends Constructor<FtLitElement>>(c: T) => FtLitElementWithReduxType<T>;
 declare const FtLitElementRedux_base: FtLitElementWithReduxType<typeof FtLitElement>;
 export declare class FtLitElementRedux extends FtLitElementRedux_base {
 }

package/build/redux/FtLitElementRedux.js

@@ -1,9 +1,10 @@
 import { FtLitElement } from "../FtLitElement";
 import { isFtReduxStore } from "./models";
+import { applyMixinOnce } from "../helpers";
 const internalReduxEventsUnsubscribers = Symbol("internalReduxEventsUnsubscribers");
 const internalStoresUnsubscribers = Symbol("internalStoresUnsubscribers");
 const internalStores = Symbol("internalStores");
-export function withRedux(Class) {
+export const withRedux = applyMixinOnce(Symbol("withRedux"), function (Class) {
     var _a, _b, _c;
     class FtLitElementWithReduxClass extends Class {
         constructor() {
@@ -17,7 +18,7 @@ export function withRedux(Class) {
         }
         willUpdate(props) {
             super.willUpdate(props);
-            if ([...this.reduxConstructor.reduxReactiveProperties].some(prop => props.has(prop))) {
+            if ([...this.reduxConstructor.reduxReactiveProperties].some((prop) => props.has(prop))) {
                 this.updateFromStores();
             }
         }
@@ -88,9 +89,10 @@ export function withRedux(Class) {
                 this[internalStoresUnsubscribers].get(name)();
             }
             this[internalStoresUnsubscribers].delete(name);
-            (_d = this[internalReduxEventsUnsubscribers].get(name)) === null || _d === void 0 ? void 0 : _d.forEach(unsub => unsub());
+            (_d = this[internalReduxEventsUnsubscribers].get(name)) === null || _d === void 0 ? void 0 : _d.forEach((unsub) => unsub());
             this[internalReduxEventsUnsubscribers].delete(name);
         }
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         onStoreAvailable(name) {
         }
         connectedCallback() {
@@ -107,6 +109,6 @@ export function withRedux(Class) {
     FtLitElementWithReduxClass.reduxReactiveProperties = new Set();
     FtLitElementWithReduxClass.reduxEventListeners = new Map();
     return FtLitElementWithReduxClass;
-}
+});
 export class FtLitElementRedux extends withRedux(FtLitElement) {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-wc-utils",
-  "version": "1.3.26",
+  "version": "1.3.27",
   "description": "Internal web components tools",
   "author": "Fluid Topics <devtopics@antidot.net>",
   "license": "ISC",
@@ -15,7 +15,7 @@
   "dependencies": {
     "@floating-ui/dom": "1.5.3",
     "@fluid-topics/design-system-variables": "2.53.0",
-    "@fluid-topics/public-api": "1.0.105",
+    "@fluid-topics/public-api": "1.0.106",
     "@reduxjs/toolkit": "1.9.5",
     "@types/mark.js": "8.11.12",
     "@webcomponents/scoped-custom-element-registry": "0.0.9",
@@ -24,5 +24,5 @@
     "mark.js": "8.11.1",
     "moment": "2.29.4"
   },
-  "gitHead": "2801b1f3a132753af33d5d62b8001164737e2a4f"
+  "gitHead": "51aa199a231fa71dee36bf98dfde51007100da86"
 }