@wix/patterns 1.39.0 → 1.41.0

package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "InputOverflow2885758257";
+var _namespace_ = "InputOverflow307259381";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "InputOverflow2885758257__root"
+  "root": "InputOverflow307259381__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow2885758257\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow2885758257__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow307259381\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow307259381__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/LoadingRow/AILoadingLottiePoster.js

@@ -0,0 +1,75 @@
+"use strict";
+
+exports.__esModule = true;
+exports.AILoadingLottiePoster = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/LoadingRow/AILoadingLottiePoster.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const AILoadingLottiePoster = exports.AILoadingLottiePoster = /*#__PURE__*/(0, _react.memo)(() => {
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 5,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    "clip-path": "url(#clip0_1_9)",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 12,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M9.02599 1.7555C9.4051 1.7555 9.73557 2.01352 9.82751 2.3813L10.0372 3.21994C10.8512 6.47605 13.3936 9.01844 16.6496 9.83248L17.4883 10.0422C17.8562 10.1341 18.1141 10.4646 18.1141 10.8437C18.1141 11.2228 17.856 11.5533 17.4883 11.6452L16.6498 11.8549C13.3936 12.6688 10.8512 15.2112 10.0371 18.4674L9.82751 19.306C9.73557 19.6738 9.4051 19.9317 9.02599 19.9317C8.64688 19.9317 8.31641 19.6738 8.22447 19.306L8.01483 18.4674C7.2008 15.2112 4.65834 12.6688 1.40217 11.8549L0.563698 11.6452C0.195894 11.5533 -0.0621262 11.2228 -0.0621262 10.8437C-0.0621262 10.4646 0.195877 10.1341 0.563681 10.0422L1.40232 9.83248C4.65842 9.01844 7.20078 6.47605 8.01481 3.21994L8.22447 2.3813C8.31641 2.01352 8.64688 1.7555 9.02599 1.7555Z",
+    fill: "#116DFF",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 13,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M15.7477 -0.0621262C15.9017 -0.0621262 16.036 0.0427019 16.0733 0.192126L16.1585 0.532846C16.4892 1.85573 17.5221 2.88865 18.845 3.21938L19.1857 3.30457C19.3352 3.34193 19.44 3.47619 19.44 3.63022C19.44 3.78424 19.3351 3.9185 19.1857 3.95585L18.845 4.04104C17.5221 4.37173 16.4892 5.40464 16.1585 6.72756L16.0733 7.06826C16.036 7.2177 15.9017 7.32249 15.7477 7.32249C15.5936 7.32249 15.4594 7.2177 15.422 7.06826L15.3369 6.72756C15.0061 5.40464 13.9732 4.37173 12.6503 4.04104L12.3096 3.95585C12.1602 3.9185 12.0554 3.78424 12.0554 3.63022C12.0554 3.47619 12.1602 3.34193 12.3096 3.30457L12.6503 3.21938C13.9732 2.88865 15.0061 1.85573 15.3368 0.532846L15.422 0.192126C15.4594 0.0427019 15.5936 -0.0621262 15.7477 -0.0621262Z",
+    fill: "#116DFF",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 9
+    }
+  })), /*#__PURE__*/_react.default.createElement("defs", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("clipPath", {
+    id: "clip0_1_9",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "20",
+    height: "20",
+    fill: "white",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 11
+    }
+  }))));
+});
+//# sourceMappingURL=AILoadingLottiePoster.js.map

package/dist/cjs/components/LoadingRow/AILoadingLottiePoster.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","AILoadingLottiePoster","exports","memo","createElement","width","height","viewBox","fill","xmlns","__self","__source","fileName","lineNumber","columnNumber","d","id"],"sources":["../../../../src/components/LoadingRow/AILoadingLottiePoster.tsx"],"sourcesContent":["import React, { memo } from 'react';\n\nexport const AILoadingLottiePoster = memo(() => {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <g clip-path=\"url(#clip0_1_9)\">\n        <path\n          d=\"M9.02599 1.7555C9.4051 1.7555 9.73557 2.01352 9.82751 2.3813L10.0372 3.21994C10.8512 6.47605 13.3936 9.01844 16.6496 9.83248L17.4883 10.0422C17.8562 10.1341 18.1141 10.4646 18.1141 10.8437C18.1141 11.2228 17.856 11.5533 17.4883 11.6452L16.6498 11.8549C13.3936 12.6688 10.8512 15.2112 10.0371 18.4674L9.82751 19.306C9.73557 19.6738 9.4051 19.9317 9.02599 19.9317C8.64688 19.9317 8.31641 19.6738 8.22447 19.306L8.01483 18.4674C7.2008 15.2112 4.65834 12.6688 1.40217 11.8549L0.563698 11.6452C0.195894 11.5533 -0.0621262 11.2228 -0.0621262 10.8437C-0.0621262 10.4646 0.195877 10.1341 0.563681 10.0422L1.40232 9.83248C4.65842 9.01844 7.20078 6.47605 8.01481 3.21994L8.22447 2.3813C8.31641 2.01352 8.64688 1.7555 9.02599 1.7555Z\"\n          fill=\"#116DFF\"\n        />\n        <path\n          d=\"M15.7477 -0.0621262C15.9017 -0.0621262 16.036 0.0427019 16.0733 0.192126L16.1585 0.532846C16.4892 1.85573 17.5221 2.88865 18.845 3.21938L19.1857 3.30457C19.3352 3.34193 19.44 3.47619 19.44 3.63022C19.44 3.78424 19.3351 3.9185 19.1857 3.95585L18.845 4.04104C17.5221 4.37173 16.4892 5.40464 16.1585 6.72756L16.0733 7.06826C16.036 7.2177 15.9017 7.32249 15.7477 7.32249C15.5936 7.32249 15.4594 7.2177 15.422 7.06826L15.3369 6.72756C15.0061 5.40464 13.9732 4.37173 12.6503 4.04104L12.3096 3.95585C12.1602 3.9185 12.0554 3.78424 12.0554 3.63022C12.0554 3.47619 12.1602 3.34193 12.3096 3.30457L12.6503 3.21938C13.9732 2.88865 15.0061 1.85573 15.3368 0.532846L15.422 0.192126C15.4594 0.0427019 15.5936 -0.0621262 15.7477 -0.0621262Z\"\n          fill=\"#116DFF\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_9\">\n          <rect width=\"20\" height=\"20\" fill=\"white\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/LoadingRow/LoadingRow.st.css

@@ -0,0 +1,28 @@
+@keyframes gradientSwoosh {
+  0% {
+    background-position: 50% 50%;
+  }
+  15% {
+    background-position: 25% 50%;
+  }
+  30% {
+    background-position: 0% 50%;
+  }
+  100% {
+    background-position: 100% 50%;
+  }
+}
+
+.root {
+  background-image: linear-gradient(
+      60deg,
+      rgba(255, 255, 255, 0.15) 0%,
+      rgba(255, 255, 255, 0.15) 50%,
+      rgba(95, 242, 174, 0.15) 100%
+    ),
+    linear-gradient(284.81deg, #ffffff 67.18%, #91bbff 158.87%);
+
+  background-size: 150% 125%;
+  background-repeat: no-repeat;
+  animation: gradientSwoosh 3s linear infinite alternate;
+}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "LoadingRow2993942941";
+var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
+var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
+var style = exports.style = _style_;
+var st = exports.st = _style_;
+var namespace = exports.namespace = _namespace_;
+var classes = exports.classes = {
+  "root": "LoadingRow2993942941__root"
+};
+var keyframes = exports.keyframes = {
+  "gradientSwoosh": "LoadingRow2993942941__gradientSwoosh"
+};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=LoadingRow.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow2993942941\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"LoadingRow2993942941__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow2993942941__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.LoadingRowState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+class LoadingRowState {
+  constructor() {
+    (0, _defineProperty2.default)(this, "loadingItems", _mobx.observable.map([], {
+      deep: false
+    }));
+    (0, _defineProperty2.default)(this, "animationDuration", 1600);
+    (0, _defineProperty2.default)(this, "animationData", undefined);
+    (0, _defineProperty2.default)(this, "LottieRenderer", undefined);
+    (0, _defineProperty2.default)(this, "loadAnimationAssetsTask", new _bexCore.TaskState());
+    (0, _mobx.makeObservable)(this, {
+      animationData: _mobx.observable.ref,
+      LottieRenderer: _mobx.observable.ref,
+      addLoadingItem: _mobx.action,
+      removeLoadingItem: _mobx.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 Promise.resolve().then(() => _interopRequireWildcard(require('lottie-react')))).default;
+  }
+  async setAnimationData() {
+    this.animationData = (await Promise.resolve().then(() => _interopRequireWildcard(require('./aiLoadingLottie')))).aiLoadingLottie;
+  }
+  _loadAnimationAssets() {
+    this.loadAnimationAssetsTask.runOnce(async () => {
+      await Promise.all([this.setLottieRenderer(), this.setAnimationData()]);
+    });
+  }
+}
+exports.LoadingRowState = LoadingRowState;
+//# sourceMappingURL=LoadingRowState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_bexCore","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingRowState","constructor","_defineProperty2","observable","map","deep","undefined","TaskState","makeObservable","animationData","ref","LottieRenderer","addLoadingItem","action","removeLoadingItem","id","_loadAnimationAssets","loadingItems","startTime","Date","now","setTimeout","animationDuration","delete","isLoading","setLottieRenderer","process","env","NODE_ENV","Promise","resolve","then","setAnimationData","aiLoadingLottie","loadAnimationAssetsTask","runOnce","all","exports"],"sources":["../../../../src/components/LoadingRow/LoadingRowState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { TaskState } from '@wix/bex-core';\n\nexport interface LoadingRow {\n  id: string;\n  startTime: number;\n}\n\nexport class LoadingRowState {\n  readonly loadingItems = observable.map<string, LoadingRow>([], {\n    deep: false,\n  });\n  animationDuration = 1600;\n\n  animationData = undefined as { layers: any[] } | undefined;\n  LottieRenderer = undefined as\n    | typeof import('lottie-react').default\n    | undefined;\n\n  loadAnimationAssetsTask = new TaskState();\n\n  constructor() {\n    makeObservable(this, {\n      animationData: observable.ref,\n      LottieRenderer: observable.ref,\n      addLoadingItem: action,\n      removeLoadingItem: action,\n    });\n  }\n\n  addLoadingItem(id: string) {\n    this._loadAnimationAssets();\n    this.loadingItems.set(id, {\n      id,\n      startTime: Date.now(),\n    });\n\n    setTimeout(() => {\n      this.removeLoadingItem(id);\n    }, this.animationDuration);\n  }\n\n  removeLoadingItem(id: string) {\n    this.loadingItems.delete(id);\n  }\n\n  isLoading(id: string): boolean {\n    return this.loadingItems.has(id);\n  }\n\n  async setLottieRenderer() {\n    if (process.env.NODE_ENV === 'test') {\n      require('jest-canvas-mock');\n    }\n    this.LottieRenderer = (await import('lottie-react')).default;\n  }\n\n  async setAnimationData() {\n    this.animationData = (await import('./aiLoadingLottie')).aiLoadingLottie;\n  }\n\n  _loadAnimationAssets() {\n    this.loadAnimationAssetsTask.runOnce(async () => {\n      await Promise.all([this.setLottieRenderer(), this.setAnimationData()]);\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.LoadingRowTD = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _LoadingRowStCss = require("./LoadingRow.st.css.js");
+var _AILoadingLottiePoster = require("./AILoadingLottiePoster");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/LoadingRow/LoadingRowTD.tsx";
+function _LoadingRowTD({
+  state
+}) {
+  return /*#__PURE__*/_react.default.createElement("td", {
+    style: {
+      width: 0,
+      padding: 0
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 10,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '100%',
+      left: 0,
+      top: 0,
+      right: 0,
+      zIndex: 2,
+      position: 'absolute',
+      height: '100%'
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 11,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    verticalAlign: "middle",
+    width: "100%",
+    height: "100%",
+    dataHook: "table-loading-row",
+    className: (0, _LoadingRowStCss.st)(_LoadingRowStCss.classes.root),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 9
+    }
+  }, state.LottieRenderer && state.animationData ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "loading-row-lottie",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(state.LottieRenderer, {
+    style: {
+      width: '20px',
+      height: '20px'
+    },
+    animationData: state.animationData,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 15
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_AILoadingLottiePoster.AILoadingLottiePoster, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 13
+    }
+  }))));
+}
+const LoadingRowTD = exports.LoadingRowTD = (0, _mobxReactLite.observer)(_LoadingRowTD);
+//# sourceMappingURL=LoadingRowTD.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_LoadingRowStCss","_AILoadingLottiePoster","_mobxReactLite","_jsxFileName","_LoadingRowTD","state","default","createElement","style","width","padding","__self","__source","fileName","lineNumber","columnNumber","left","top","right","zIndex","position","height","Box","align","verticalAlign","dataHook","className","st","classes","root","LottieRenderer","animationData","AILoadingLottiePoster","LoadingRowTD","exports","observer"],"sources":["../../../../src/components/LoadingRow/LoadingRowTD.tsx"],"sourcesContent":["import { Box } from '@wix/design-system';\nimport React from 'react';\nimport { st, classes } from './LoadingRow.st.css.js';\nimport { LoadingRowState } from './LoadingRowState';\nimport { AILoadingLottiePoster } from './AILoadingLottiePoster';\nimport { observer } from 'mobx-react-lite';\n\nfunction _LoadingRowTD({ state }: { state: LoadingRowState }) {\n  return (\n    <td style={{ width: 0, padding: 0 }}>\n      <div\n        style={{\n          width: '100%',\n          left: 0,\n          top: 0,\n          right: 0,\n          zIndex: 2,\n          position: 'absolute',\n          height: '100%',\n        }}\n      >\n        <Box\n          align=\"center\"\n          verticalAlign=\"middle\"\n          width=\"100%\"\n          height=\"100%\"\n          dataHook=\"table-loading-row\"\n          className={st(classes.root)}\n        >\n          {state.LottieRenderer && state.animationData ? (\n            <Box dataHook=\"loading-row-lottie\">\n              <state.LottieRenderer\n                style={{ width: '20px', height: '20px' }}\n                animationData={state.animationData}\n              />\n            </Box>\n          ) : (\n            <AILoadingLottiePoster />\n          )}\n        </Box>\n      </div>\n    </td>\n  );\n}\n\nexport const LoadingRowTD = observer(_LoadingRowTD);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAEA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA2C,IAAAM,YAAA;AAE3C,SAASC,aAAaA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EAC5D,oBACEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA;IAAIC,KAAK,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClCjB,MAAA,CAAAQ,OAAA,CAAAC,aAAA;IACEC,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbO,IAAI,EAAE,CAAC;MACPC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE;IACV,CAAE;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFjB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAA0B,GAAG;IACFC,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBf,KAAK,EAAC,MAAM;IACZY,MAAM,EAAC,MAAM;IACbI,QAAQ,EAAC,mBAAmB;IAC5BC,SAAS,EAAE,IAAAC,mBAAE,EAACC,wBAAO,CAACC,IAAI,CAAE;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3BV,KAAK,CAACyB,cAAc,IAAIzB,KAAK,CAAC0B,aAAa,gBAC1CjC,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAA0B,GAAG;IAACG,QAAQ,EAAC,oBAAoB;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChCjB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACF,KAAK,CAACyB,cAAc;IACnBtB,KAAK,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEY,MAAM,EAAE;IAAO,CAAE;IACzCU,aAAa,EAAE1B,KAAK,CAAC0B,aAAc;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpC,CACE,CAAC,gBAENjB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,sBAAA,CAAA+B,qBAAqB;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAEvB,CACF,CACH,CAAC;AAET;AAEO,MAAMkB,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAAC/B,aAAa,CAAC","ignoreList":[]}