@wix/patterns 1.38.0 → 1.40.0

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "LoadingRow3077232086";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "LoadingRow3077232086__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow3077232086__gradientSwoosh" };
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=LoadingRow.st.css.js.map

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAC,gBAAgB,EAAC,sCAAsC,EAAC,CAAC;AACjF,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/LoadingRow/LoadingRowState.js

@@ -0,0 +1,50 @@
+import { action, makeObservable, observable } from 'mobx';
+import { TaskState } from '@wix/bex-core';
+export class LoadingRowState {
+    constructor() {
+        this.loadingItems = observable.map([], {
+            deep: false,
+        });
+        this.animationDuration = 1600;
+        this.animationData = undefined;
+        this.LottieRenderer = undefined;
+        this.loadAnimationAssetsTask = new TaskState();
+        makeObservable(this, {
+            animationData: observable.ref,
+            LottieRenderer: observable.ref,
+            addLoadingItem: action,
+            removeLoadingItem: action,
+        });
+    }
+    addLoadingItem(id) {
+        this._loadAnimationAssets();
+        this.loadingItems.set(id, {
+            id,
+            startTime: Date.now(),
+        });
+        setTimeout(() => {
+            this.removeLoadingItem(id);
+        }, this.animationDuration);
+    }
+    removeLoadingItem(id) {
+        this.loadingItems.delete(id);
+    }
+    isLoading(id) {
+        return this.loadingItems.has(id);
+    }
+    async setLottieRenderer() {
+        if (process.env.NODE_ENV === 'test') {
+            require('jest-canvas-mock');
+        }
+        this.LottieRenderer = (await import('lottie-react')).default;
+    }
+    async setAnimationData() {
+        this.animationData = (await import('./aiLoadingLottie')).aiLoadingLottie;
+    }
+    _loadAnimationAssets() {
+        this.loadAnimationAssetsTask.runOnce(async () => {
+            await Promise.all([this.setLottieRenderer(), this.setAnimationData()]);
+        });
+    }
+}
+//# sourceMappingURL=LoadingRowState.js.map

package/dist/esm/components/LoadingRow/LoadingRowState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingRowState.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRowState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO1C,MAAM,OAAO,eAAe;IAa1B;QAZS,iBAAY,GAAG,UAAU,CAAC,GAAG,CAAqB,EAAE,EAAE;YAC7D,IAAI,EAAE,KAAK;SACZ,CAAC,CAAC;QACH,sBAAiB,GAAG,IAAI,CAAC;QAEzB,kBAAa,GAAG,SAA0C,CAAC;QAC3D,mBAAc,GAAG,SAEJ,CAAC;QAEd,4BAAuB,GAAG,IAAI,SAAS,EAAE,CAAC;QAGxC,cAAc,CAAC,IAAI,EAAE;YACnB,aAAa,EAAE,UAAU,CAAC,GAAG;YAC7B,cAAc,EAAE,UAAU,CAAC,GAAG;YAC9B,cAAc,EAAE,MAAM;YACtB,iBAAiB,EAAE,MAAM;SAC1B,CAAC,CAAC;IACL,CAAC;IAED,cAAc,CAAC,EAAU;QACvB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,EAAE;YACxB,EAAE;YACF,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACtB,CAAC,CAAC;QAEH,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC;QAC7B,CAAC,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAC7B,CAAC;IAED,iBAAiB,CAAC,EAAU;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC;IAED,SAAS,CAAC,EAAU;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,EAAE;YACnC,OAAO,CAAC,kBAAkB,CAAC,CAAC;SAC7B;QACD,IAAI,CAAC,cAAc,GAAG,CAAC,MAAM,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC;IAC/D,CAAC;IAED,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC,aAAa,GAAG,CAAC,MAAM,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC;IAC3E,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,uBAAuB,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE;YAC9C,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;QACzE,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

package/dist/esm/components/LoadingRow/LoadingRowTD.js

@@ -0,0 +1,21 @@
+import { Box } from '@wix/design-system';
+import React from 'react';
+import { st, classes } from './LoadingRow.st.css.js';
+import { AILoadingLottiePoster } from './AILoadingLottiePoster';
+import { observer } from 'mobx-react-lite';
+function _LoadingRowTD({ state }) {
+    return (React.createElement("td", { style: { width: 0, padding: 0 } },
+        React.createElement("div", { style: {
+                width: '100%',
+                left: 0,
+                top: 0,
+                right: 0,
+                zIndex: 2,
+                position: 'absolute',
+                height: '100%',
+            } },
+            React.createElement(Box, { align: "center", verticalAlign: "middle", width: "100%", height: "100%", dataHook: "table-loading-row", className: st(classes.root) }, state.LottieRenderer && state.animationData ? (React.createElement(Box, { dataHook: "loading-row-lottie" },
+                React.createElement(state.LottieRenderer, { style: { width: '20px', height: '20px' }, animationData: state.animationData }))) : (React.createElement(AILoadingLottiePoster, null))))));
+}
+export const LoadingRowTD = observer(_LoadingRowTD);
+//# sourceMappingURL=LoadingRowTD.js.map

package/dist/esm/components/LoadingRow/LoadingRowTD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingRowTD.js","sourceRoot":"","sources":["../../../../src/components/LoadingRow/LoadingRowTD.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAErD,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,SAAS,aAAa,CAAC,EAAE,KAAK,EAA8B;IAC1D,OAAO,CACL,4BAAI,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE;QACjC,6BACE,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,CAAC;gBACP,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,MAAM;aACf;YAED,oBAAC,GAAG,IACF,KAAK,EAAC,QAAQ,EACd,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,QAAQ,EAAC,mBAAmB,EAC5B,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAE1B,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAC7C,oBAAC,GAAG,IAAC,QAAQ,EAAC,oBAAoB;gBAChC,oBAAC,KAAK,CAAC,cAAc,IACnB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,aAAa,EAAE,KAAK,CAAC,aAAa,GAClC,CACE,CACP,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAqB,OAAG,CAC1B,CACG,CACF,CACH,CACN,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}