@wix/patterns 1.38.0 → 1.40.0

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":[]}