@wix/patterns 0.8.0

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal3429047519\";\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\":\"SlidingModal3429047519__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"}

package/dist/cjs/components/SlidingModal/SlidingModal.uni.driver.js

@@ -0,0 +1,14 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SlidingModalUniDriver = void 0;
+var _unidriver = require("../../unidriver");
+const SlidingModalUniDriver = (base, _) => {
+  const isOpen = () => base.hasClass('cairo-sliding-modal-is-open');
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    isOpen
+  };
+};
+exports.SlidingModalUniDriver = SlidingModalUniDriver;
+//# sourceMappingURL=SlidingModal.uni.driver.js.map

package/dist/cjs/components/SlidingModal/SlidingModal.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","SlidingModalUniDriver","base","_","isOpen","hasClass","baseUniDriverFactory","exports"],"sources":["../../../../src/components/SlidingModal/SlidingModal.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport const SlidingModalUniDriver = (base: UniDriver, _: UniDriver) => {\n  const isOpen = () => base.hasClass('cairo-sliding-modal-is-open');\n\n  return {\n    ...baseUniDriverFactory(base),\n    isOpen,\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,qBAAqB,GAAGA,CAACC,IAAe,EAAEC,CAAY,KAAK;EACtE,MAAMC,MAAM,GAAGA,CAAA,KAAMF,IAAI,CAACG,QAAQ,CAAC,6BAA6B,CAAC;EAEjE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACJ,IAAI,CAAC;IAC7BE;EACF,CAAC;AACH,CAAC;AAACG,OAAA,CAAAN,qBAAA,GAAAA,qBAAA"}

package/dist/cjs/components/SlidingModal/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _SlidingModal = require("./SlidingModal");
+Object.keys(_SlidingModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SlidingModal[key]) return;
+  exports[key] = _SlidingModal[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/SlidingModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SlidingModal","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/SlidingModal/index.ts"],"sourcesContent":["export * from './SlidingModal';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/Splash/Splash.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Splash = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Splash/Splash.tsx";
+function _Splash(props) {
+  const {
+    state,
+    children,
+    renderError,
+    height = '100vh',
+    ...rest
+  } = props;
+  const {
+    status
+  } = state;
+  let child;
+  if (status.isIdle || status.isLoading) {
+    child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      height: "100%",
+      align: "center",
+      verticalAlign: "middle",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 22,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      dataHook: "initial-loader",
+      size: "large",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 23,
+        columnNumber: 9
+      }
+    }));
+  } else {
+    child = children;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
+    boxSizing: "border-box",
+    align: "center",
+    width: "100%",
+    direction: "vertical"
+  }, rest, {
+    height: height,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 5
+    }
+  }), child);
+}
+const Splash = exports.Splash = (0, _mobxReactLite.observer)(_Splash);
+//# sourceMappingURL=Splash.js.map

package/dist/cjs/components/Splash/Splash.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_jsxFileName","_Splash","props","state","children","renderError","height","rest","status","child","isIdle","isLoading","default","createElement","Box","align","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Loader","dataHook","size","_extends2","boxSizing","width","direction","Splash","exports","observer"],"sources":["../../../../src/components/Splash/Splash.tsx"],"sourcesContent":["import { TaskState } from '@wix/bex-core';\nimport React, { ReactElement, ReactNode } from 'react';\nimport { Box, BoxProps, Loader } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\n\nexport interface SplashProps extends Partial<BoxProps> {\n  state: TaskState<unknown>;\n  children?: ReactNode;\n  renderError: (params: { err: unknown; isOnline: boolean }) => ReactElement;\n  dataHook?: string;\n}\n\nfunction _Splash(props: SplashProps) {\n  const { state, children, renderError, height = '100vh', ...rest } = props;\n\n  const { status } = state;\n\n  let child: ReactNode;\n\n  if (status.isIdle || status.isLoading) {\n    child = (\n      <Box height=\"100%\" align=\"center\" verticalAlign=\"middle\">\n        <Loader dataHook=\"initial-loader\" size=\"large\" />\n      </Box>\n    );\n  } else {\n    child = children;\n  }\n\n  return (\n    <Box\n      boxSizing=\"border-box\"\n      align=\"center\"\n      width=\"100%\"\n      direction=\"vertical\"\n      {...rest}\n      height={height}\n    >\n      {child}\n    </Box>\n  );\n}\n\nexport const Splash = observer(_Splash);\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAS3C,SAASC,OAAOA,CAACC,KAAkB,EAAE;EACnC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC,MAAM,GAAG,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAEzE,MAAM;IAAEM;EAAO,CAAC,GAAGL,KAAK;EAExB,IAAIM,KAAgB;EAEpB,IAAID,MAAM,CAACE,MAAM,IAAIF,MAAM,CAACG,SAAS,EAAE;IACrCF,KAAK,gBACHd,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG;MAACR,MAAM,EAAC,MAAM;MAACS,KAAK,EAAC,QAAQ;MAACC,aAAa,EAAC,QAAQ;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACtD1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAwB,MAAM;MAACC,QAAQ,EAAC,gBAAgB;MAACC,IAAI,EAAC,OAAO;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAC7C,CACN;EACH,CAAC,MAAM;IACLZ,KAAK,GAAGL,QAAQ;EAClB;EAEA,oBACET,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,GAAG,MAAAW,SAAA,CAAAb,OAAA;IACFc,SAAS,EAAC,YAAY;IACtBX,KAAK,EAAC,QAAQ;IACdY,KAAK,EAAC,MAAM;IACZC,SAAS,EAAC;EAAU,GAChBrB,IAAI;IACRD,MAAM,EAAEA,MAAO;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEdZ,KACE,CAAC;AAEV;AAEO,MAAMoB,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,uBAAQ,EAAC9B,OAAO,CAAC"}

package/dist/cjs/components/Splash/Splash.uni.driver.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SplashUniDriver = SplashUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../unidriver");
+var _unidriver3 = require("@wix/wix-ui-test-utils/unidriver");
+function SplashUniDriver(base, body, {
+  dataHook: _
+}) {
+  const getInitialLoaderBase = () => base.$('[data-hook="initial-loader"]');
+  const getInitialLoader = () => (0, _unidriver.LoaderUniDriver)(getInitialLoaderBase(), body);
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    waitInitialLoader: timeout => getInitialLoaderBase().wait(timeout),
+    /** Indicates whether initial loader is in loading status */
+    isInitialLoaderLoading: () => getInitialLoader().isLoading(),
+    /** Indicates whether initial loader exists */
+    initialLoaderExists: () => getInitialLoader().exists(),
+    waitInitialLoaderRemoved: timeout => (0, _unidriver3.waitFor)(async () => !(await getInitialLoader().exists()), timeout)
+  };
+}
+//# sourceMappingURL=Splash.uni.driver.js.map

package/dist/cjs/components/Splash/Splash.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","SplashUniDriver","base","body","dataHook","_","getInitialLoaderBase","$","getInitialLoader","LoaderUniDriver","baseUniDriverFactory","waitInitialLoader","timeout","wait","isInitialLoaderLoading","isLoading","initialLoaderExists","exists","waitInitialLoaderRemoved","waitFor"],"sources":["../../../../src/components/Splash/Splash.uni.driver.ts"],"sourcesContent":["import { LoaderUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\n\nexport function SplashUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n  { dataHook: _ }: { dataHook: string },\n) {\n  const getInitialLoaderBase = () => base.$('[data-hook=\"initial-loader\"]');\n  const getInitialLoader = () => LoaderUniDriver(getInitialLoaderBase(), body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    waitInitialLoader: (timeout?: number) =>\n      getInitialLoaderBase().wait(timeout),\n    /** Indicates whether initial loader is in loading status */\n    isInitialLoaderLoading: () => getInitialLoader().isLoading(),\n    /** Indicates whether initial loader exists */\n    initialLoaderExists: () => getInitialLoader().exists(),\n    waitInitialLoaderRemoved: (timeout?: number) =>\n      waitFor(async () => !(await getInitialLoader().exists()), timeout),\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,SAASG,eAAeA,CAC7BC,IAAe,EACfC,IAAe,EACf;EAAEC,QAAQ,EAAEC;AAAwB,CAAC,EACrC;EACA,MAAMC,oBAAoB,GAAGA,CAAA,KAAMJ,IAAI,CAACK,CAAC,CAAC,8BAA8B,CAAC;EACzE,MAAMC,gBAAgB,GAAGA,CAAA,KAAM,IAAAC,0BAAe,EAACH,oBAAoB,CAAC,CAAC,EAAEH,IAAI,CAAC;EAE5E,OAAO;IACL,GAAG,IAAAO,gCAAoB,EAACR,IAAI,CAAC;IAC7BS,iBAAiB,EAAGC,OAAgB,IAClCN,oBAAoB,CAAC,CAAC,CAACO,IAAI,CAACD,OAAO,CAAC;IACtC;IACAE,sBAAsB,EAAEA,CAAA,KAAMN,gBAAgB,CAAC,CAAC,CAACO,SAAS,CAAC,CAAC;IAC5D;IACAC,mBAAmB,EAAEA,CAAA,KAAMR,gBAAgB,CAAC,CAAC,CAACS,MAAM,CAAC,CAAC;IACtDC,wBAAwB,EAAGN,OAAgB,IACzC,IAAAO,mBAAO,EAAC,YAAY,EAAE,MAAMX,gBAAgB,CAAC,CAAC,CAACS,MAAM,CAAC,CAAC,CAAC,EAAEL,OAAO;EACrE,CAAC;AACH"}

package/dist/cjs/components/Splash/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _Splash = require("./Splash");
+Object.keys(_Splash).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Splash[key]) return;
+  exports[key] = _Splash[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Splash/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Splash","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/Splash/index.ts"],"sourcesContent":["export * from './Splash';\n"],"mappings":";;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,OAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/SummaryBar/SummaryBar.js

@@ -0,0 +1,256 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SummaryBar = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@wix/bex-core/react");
+var _mobxReactLite = require("mobx-react-lite");
+var _useSelector = require("../../useSelector");
+var _Trans = require("../Trans");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/SummaryBar/SummaryBar.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 && Object.prototype.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 SkeletonSummaryBar = () => /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
+  dataHook: "skeleton-summary-bar",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 44,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  gap: "SP4",
+  height: "18px",
+  verticalAlign: "middle",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 45,
+    columnNumber: 5
+  }
+}, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+  width: "112px",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 46,
+    columnNumber: 7
+  }
+}), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+  width: "112px",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 47,
+    columnNumber: 7
+  }
+}), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+  width: "112px",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 48,
+    columnNumber: 7
+  }
+})));
+const ErrorSummaryBar = ({
+  onRetry
+}) => {
+  const {
+    translate: t,
+    ...container
+  } = (0, _react2.useWixPatternsContainer)();
+  (0, _useSelector.useSelector)(() => container.initTask.status);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "3px",
+    dataHook: "error-summary-bar",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 62,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    weight: "thin",
+    size: "small",
+    skin: "standard",
+    secondary: true,
+    dataHook: "summary-bar-error-text",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 63,
+      columnNumber: 7
+    }
+  }, t('cairo.table.summaryBar.loadError')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    size: "small",
+    weight: "thin",
+    dataHook: "summary-bar-retry-button",
+    onClick: onRetry,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 72,
+      columnNumber: 7
+    }
+  }, t('cairo.table.summaryBar.loadError.cta')));
+};
+const SummaryBarContent = ({
+  data
+}) => {
+  const {
+    translate: t,
+    ...container
+  } = (0, _react2.useWixPatternsContainer)();
+  (0, _useSelector.useSelector)(() => container.initTask.status);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
+    dataHook: "summary-bar-content",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 89,
+      columnNumber: 5
+    }
+  }, data.map(({
+    title,
+    value
+  }, index) => /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+    key: index,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 91,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 92,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "3px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 94,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    weight: "thin",
+    size: "small",
+    skin: "standard",
+    secondary: true,
+    dataHook: "summary-bar-item",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 95,
+      columnNumber: 17
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Trans.Trans, {
+    i18nKey: "cairo.table.summaryBar.list.item",
+    values: {
+      title,
+      value
+    },
+    components: {
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        weight: "normal",
+        size: "small",
+        skin: "standard",
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 110,
+          columnNumber: 25
+        }
+      })
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 102,
+      columnNumber: 19
+    }
+  }))))), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 118,
+      columnNumber: 11
+    }
+  }, index !== data.length - 1 && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    height: "18px",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 120,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
+    direction: "vertical",
+    dataHook: "summary-bar-divider",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 121,
+      columnNumber: 17
+    }
+  }))))));
+};
+const _SummaryBar = props => {
+  const {
+    data,
+    status,
+    onRetry
+  } = props;
+  const contentByStatus = {
+    loading: /*#__PURE__*/_react.default.createElement(SkeletonSummaryBar, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 134,
+        columnNumber: 14
+      }
+    }),
+    error: /*#__PURE__*/_react.default.createElement(ErrorSummaryBar, {
+      onRetry: onRetry,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 135,
+        columnNumber: 12
+      }
+    }),
+    success: /*#__PURE__*/_react.default.createElement(SummaryBarContent, {
+      data: data,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 136,
+        columnNumber: 14
+      }
+    })
+  };
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Table.SubToolbar, {
+    dataHook: "summary-bar",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 140,
+      columnNumber: 5
+    }
+  }, contentByStatus[status]);
+};
+const SummaryBar = exports.SummaryBar = (0, _mobxReactLite.observer)(_SummaryBar);
+//# sourceMappingURL=SummaryBar.js.map

package/dist/cjs/components/SummaryBar/SummaryBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_mobxReactLite","_useSelector","_Trans","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SkeletonSummaryBar","createElement","SkeletonGroup","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","height","verticalAlign","SkeletonLine","width","ErrorSummaryBar","onRetry","translate","container","useWixPatternsContainer","useSelector","initTask","status","Text","weight","size","skin","secondary","TextButton","onClick","SummaryBarContent","data","TableToolbar","ItemGroup","map","title","value","index","Fragment","key","Item","Trans","i18nKey","values","components","length","Divider","direction","_SummaryBar","props","contentByStatus","loading","error","success","Table","SubToolbar","SummaryBar","exports","observer"],"sources":["../../../../src/components/SummaryBar/SummaryBar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableToolbar,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { Fragment } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useSelector } from '../../useSelector';\nimport { Trans } from '../Trans';\n\nexport interface SummaryItem {\n  title: string;\n  value: string;\n}\nexport type SummaryBarStatus = 'loading' | 'error' | 'success';\nexport type SummaryData = SummaryItem[];\n\nexport interface SummaryBarProps {\n  /**\n   * Summary data to show\n   * @external\n   */\n  data: SummaryData;\n  /**\n   * The status of component's state. Can be loading, error, or success.\n   * @external\n   * @default success\n   */\n  status: SummaryBarStatus;\n  /**\n   * Function, which will be executed on `Reload` click.\n   * @external\n   */\n  onRetry: () => void | Promise<void>;\n}\n\nconst SkeletonSummaryBar = () => (\n  <SkeletonGroup dataHook=\"skeleton-summary-bar\">\n    <Box gap=\"SP4\" height=\"18px\" verticalAlign=\"middle\">\n      <SkeletonLine width=\"112px\" />\n      <SkeletonLine width=\"112px\" />\n      <SkeletonLine width=\"112px\" />\n    </Box>\n  </SkeletonGroup>\n);\n\nconst ErrorSummaryBar = ({\n  onRetry,\n}: {\n  onRetry: SummaryBarProps['onRetry'];\n}) => {\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  return (\n    <Box gap=\"3px\" dataHook=\"error-summary-bar\">\n      <Text\n        weight=\"thin\"\n        size=\"small\"\n        skin=\"standard\"\n        secondary\n        dataHook=\"summary-bar-error-text\"\n      >\n        {t('cairo.table.summaryBar.loadError')}\n      </Text>\n      <TextButton\n        size=\"small\"\n        weight=\"thin\"\n        dataHook=\"summary-bar-retry-button\"\n        onClick={onRetry}\n      >\n        {t('cairo.table.summaryBar.loadError.cta')}\n      </TextButton>\n    </Box>\n  );\n};\n\nconst SummaryBarContent = ({ data }: { data: SummaryBarProps['data'] }) => {\n  const { translate: t, ...container } = useWixPatternsContainer();\n  useSelector(() => container.initTask.status);\n\n  return (\n    <TableToolbar.ItemGroup dataHook=\"summary-bar-content\">\n      {data.map(({ title, value }, index) => (\n        <Fragment key={index}>\n          <TableToolbar.Item>\n            <Box gap=\"3px\">\n              <Box>\n                <Text\n                  weight=\"thin\"\n                  size=\"small\"\n                  skin=\"standard\"\n                  secondary\n                  dataHook=\"summary-bar-item\"\n                >\n                  <Trans\n                    i18nKey=\"cairo.table.summaryBar.list.item\"\n                    values={{\n                      title,\n                      value,\n                    }}\n                    components={{\n                      value: (\n                        <Text weight=\"normal\" size=\"small\" skin=\"standard\" />\n                      ),\n                    }}\n                  />\n                </Text>\n              </Box>\n            </Box>\n          </TableToolbar.Item>\n          <TableToolbar.Item>\n            {index !== data.length - 1 && (\n              <Box height=\"18px\">\n                <Divider direction=\"vertical\" dataHook=\"summary-bar-divider\" />\n              </Box>\n            )}\n          </TableToolbar.Item>\n        </Fragment>\n      ))}\n    </TableToolbar.ItemGroup>\n  );\n};\n\nconst _SummaryBar = (props: SummaryBarProps) => {\n  const { data, status, onRetry } = props;\n  const contentByStatus = {\n    loading: <SkeletonSummaryBar />,\n    error: <ErrorSummaryBar onRetry={onRetry} />,\n    success: <SummaryBarContent data={data} />,\n  };\n\n  return (\n    <Table.SubToolbar dataHook=\"summary-bar\">\n      {contentByStatus[status]}\n    </Table.SubToolbar>\n  );\n};\n\nexport const SummaryBar = observer(_SummaryBar);\n"],"mappings":"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"}

package/dist/cjs/components/SummaryBar/SummaryBar.uni.driver.js

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.SummaryBarUniDriver = void 0;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+const SummaryBarUniDriver = async (base, body) => {
+  const summaryBarBase = await base.get('[data-hook="summary-bar"]');
+  const isSuccessState = async () => (await summaryBarBase.get('[data-hook="summary-bar-content"]')).exists();
+  const isLoadingState = async () => (await summaryBarBase.get('[data-hook="skeleton-summary-bar"]')).exists();
+  const isErrorState = async () => (await summaryBarBase.get('[data-hook="error-summary-bar"]')).exists();
+  const getRetryButton = async () => (0, _unidriver.TextButtonUniDriver)(await summaryBarBase.get('[data-hook="summary-bar-retry-button"]'), body);
+  const getErrorText = async () => (0, _unidriver.TextUniDriver)(await summaryBarBase.get('[data-hook="summary-bar-error-text"]'), body);
+  const getItemTextAt = async index => (await summaryBarBase.getAll('[data-hook="summary-bar-item"]')).at(index).text();
+  return {
+    ...summaryBarBase,
+    /** Is SummaryBar in success state */
+    isSuccessState,
+    /** Is SummaryBar in loading state */
+    isLoadingState,
+    /** Is SummaryBar in error state */
+    isErrorState,
+    /**  Gets retry button text */
+    getRetryButton,
+    /**  Gets error text */
+    getErrorText,
+    getItemTextAt
+  };
+};
+exports.SummaryBarUniDriver = SummaryBarUniDriver;
+var _default = exports.default = SummaryBarUniDriver;
+//# sourceMappingURL=SummaryBar.uni.driver.js.map

package/dist/cjs/components/SummaryBar/SummaryBar.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","SummaryBarUniDriver","base","body","summaryBarBase","get","isSuccessState","exists","isLoadingState","isErrorState","getRetryButton","TextButtonUniDriver","getErrorText","TextUniDriver","getItemTextAt","index","getAll","at","text","exports","_default","default"],"sources":["../../../../src/components/SummaryBar/SummaryBar.uni.driver.ts"],"sourcesContent":["import {\n  TextButtonUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\n\nexport const SummaryBarUniDriver = async (base: UniDriver, body: UniDriver) => {\n  const summaryBarBase = await base.get('[data-hook=\"summary-bar\"]');\n\n  const isSuccessState = async () =>\n    (await summaryBarBase.get('[data-hook=\"summary-bar-content\"]')).exists();\n\n  const isLoadingState = async () =>\n    (await summaryBarBase.get('[data-hook=\"skeleton-summary-bar\"]')).exists();\n\n  const isErrorState = async () =>\n    (await summaryBarBase.get('[data-hook=\"error-summary-bar\"]')).exists();\n\n  const getRetryButton = async () =>\n    TextButtonUniDriver(\n      await summaryBarBase.get('[data-hook=\"summary-bar-retry-button\"]'),\n      body,\n    );\n\n  const getErrorText = async () =>\n    TextUniDriver(\n      await summaryBarBase.get('[data-hook=\"summary-bar-error-text\"]'),\n      body,\n    );\n\n  const getItemTextAt = async (index: number) =>\n    (await summaryBarBase.getAll('[data-hook=\"summary-bar-item\"]'))\n      .at(index)\n      .text();\n\n  return {\n    ...summaryBarBase,\n    /** Is SummaryBar in success state */\n    isSuccessState,\n    /** Is SummaryBar in loading state */\n    isLoadingState,\n    /** Is SummaryBar in error state */\n    isErrorState,\n    /**  Gets retry button text */\n    getRetryButton,\n    /**  Gets error text */\n    getErrorText,\n    getItemTextAt,\n  };\n};\n\nexport default SummaryBarUniDriver;\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAMO,MAAMC,mBAAmB,GAAG,MAAAA,CAAOC,IAAe,EAAEC,IAAe,KAAK;EAC7E,MAAMC,cAAc,GAAG,MAAMF,IAAI,CAACG,GAAG,CAAC,2BAA2B,CAAC;EAElE,MAAMC,cAAc,GAAG,MAAAA,CAAA,KACrB,CAAC,MAAMF,cAAc,CAACC,GAAG,CAAC,mCAAmC,CAAC,EAAEE,MAAM,CAAC,CAAC;EAE1E,MAAMC,cAAc,GAAG,MAAAA,CAAA,KACrB,CAAC,MAAMJ,cAAc,CAACC,GAAG,CAAC,oCAAoC,CAAC,EAAEE,MAAM,CAAC,CAAC;EAE3E,MAAME,YAAY,GAAG,MAAAA,CAAA,KACnB,CAAC,MAAML,cAAc,CAACC,GAAG,CAAC,iCAAiC,CAAC,EAAEE,MAAM,CAAC,CAAC;EAExE,MAAMG,cAAc,GAAG,MAAAA,CAAA,KACrB,IAAAC,8BAAmB,EACjB,MAAMP,cAAc,CAACC,GAAG,CAAC,wCAAwC,CAAC,EAClEF,IACF,CAAC;EAEH,MAAMS,YAAY,GAAG,MAAAA,CAAA,KACnB,IAAAC,wBAAa,EACX,MAAMT,cAAc,CAACC,GAAG,CAAC,sCAAsC,CAAC,EAChEF,IACF,CAAC;EAEH,MAAMW,aAAa,GAAG,MAAOC,KAAa,IACxC,CAAC,MAAMX,cAAc,CAACY,MAAM,CAAC,gCAAgC,CAAC,EAC3DC,EAAE,CAACF,KAAK,CAAC,CACTG,IAAI,CAAC,CAAC;EAEX,OAAO;IACL,GAAGd,cAAc;IACjB;IACAE,cAAc;IACd;IACAE,cAAc;IACd;IACAC,YAAY;IACZ;IACAC,cAAc;IACd;IACAE,YAAY;IACZE;EACF,CAAC;AACH,CAAC;AAACK,OAAA,CAAAlB,mBAAA,GAAAA,mBAAA;AAAA,IAAAmB,QAAA,GAAAD,OAAA,CAAAE,OAAA,GAEapB,mBAAmB"}

package/dist/cjs/components/SummaryBar/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _SummaryBar = require("./SummaryBar");
+Object.keys(_SummaryBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SummaryBar[key]) return;
+  exports[key] = _SummaryBar[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/SummaryBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SummaryBar","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/SummaryBar/index.ts"],"sourcesContent":["export * from './SummaryBar';\n"],"mappings":";;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,WAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/TabTotal/TabTotalComponentType.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=TabTotalComponentType.js.map

package/dist/cjs/components/TabTotal/TabTotalComponentType.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/TabTotal/TabTotalComponentType.ts"],"sourcesContent":["import type { initTabTotal } from '../../state/initTabTotal';\n\nexport type TabTotalComponentType = { initTabTotal?: typeof initTabTotal };\nexport type TabTotalReactElementLike = { type: TabTotalComponentType };\n"],"mappings":""}

package/dist/cjs/components/TabTotal/TabTotalCounterBadge.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TabTotalCounterBadge = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _useFilterValueTotalState = require("./useFilterValueTotalState");
+var _initTabTotal = require("../../state/initTabTotal");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TabTotal/TabTotalCounterBadge.tsx";
+function _TabCounterBadge(props) {
+  const {
+    value,
+    ...rest
+  } = props;
+  const state = (0, _useFilterValueTotalState.useFilterValueTotalState)(props);
+  const {
+    totalsCollection: {
+      result: {
+        total
+      }
+    }
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, (0, _extends2.default)({}, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 10
+    }
+  }), total);
+}
+_TabCounterBadge.initTabTotal = _initTabTotal.initTabTotal;
+const TabTotalCounterBadge = exports.TabTotalCounterBadge = (0, _mobxReactLite.observer)(_TabCounterBadge);
+TabTotalCounterBadge.displayName = 'TabTotalCounterBadge';
+TabTotalCounterBadge.initTabTotal = _initTabTotal.initTabTotal;
+//# sourceMappingURL=TabTotalCounterBadge.js.map

package/dist/cjs/components/TabTotal/TabTotalCounterBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabCounterBadge","props","value","rest","state","useFilterValueTotalState","totalsCollection","result","total","default","createElement","CounterBadge","_extends2","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalCounterBadge","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalCounterBadge.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { CounterBadge, CounterBadgeProps } from '@wix/design-system';\nimport React from 'react';\nimport {\n  useFilterValueTotalState,\n  UseFilterValueTotalStateParams,\n} from './useFilterValueTotalState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { initTabTotal } from '../../state/initTabTotal';\n\nexport interface TabCounterBadgeProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F>,\n    Partial<CounterBadgeProps> {}\n\nfunction _TabCounterBadge<V, T = unknown, F extends FiltersMap = FiltersMap>(\n  props: TabCounterBadgeProps<V, T, F>,\n) {\n  const { value, ...rest } = props;\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: {\n      result: { total },\n    },\n  } = state;\n\n  return <CounterBadge {...rest}>{total}</CounterBadge>;\n}\n\n_TabCounterBadge.initTabTotal = initTabTotal;\nexport const TabTotalCounterBadge = observer(_TabCounterBadge);\nTabTotalCounterBadge.displayName = 'TabTotalCounterBadge';\nTabTotalCounterBadge.initTabTotal = initTabTotal;\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAKA,IAAAK,aAAA,GAAAL,OAAA;AAAwD,IAAAM,YAAA;AAMxD,SAASC,gBAAgBA,CACvBC,KAAoC,EACpC;EACA,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAChC,MAAMG,KAAK,GAAG,IAAAC,kDAAwB,EAACJ,KAAK,CAAC;EAE7C,MAAM;IACJK,gBAAgB,EAAE;MAChBC,MAAM,EAAE;QAAEC;MAAM;IAClB;EACF,CAAC,GAAGJ,KAAK;EAET,oBAAOT,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,YAAY,MAAAC,SAAA,CAAAH,OAAA,MAAKN,IAAI;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAAGT,KAAoB,CAAC;AACvD;AAEAR,gBAAgB,CAACkB,YAAY,GAAGA,0BAAY;AACrC,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACrB,gBAAgB,CAAC;AAC9DmB,oBAAoB,CAACG,WAAW,GAAG,sBAAsB;AACzDH,oBAAoB,CAACD,YAAY,GAAGA,0BAAY"}

package/dist/cjs/components/TabTotal/TabTotalDropdownOption.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TabTotalDropdownOption = void 0;
+var _mobxReactLite = require("mobx-react-lite");
+var _react = _interopRequireDefault(require("react"));
+var _useFilterValueTotalState = require("./useFilterValueTotalState");
+var _initTabTotal = require("../../state/initTabTotal");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TabTotal/TabTotalDropdownOption.tsx";
+function _TabTotalDropdownOption(props) {
+  const state = (0, _useFilterValueTotalState.useFilterValueTotalState)(props);
+  const {
+    totalsCollection: {
+      result: {
+        total
+      }
+    }
+  } = state;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    "data-hook": "total",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 10
+    }
+  }, "(", total, ")");
+}
+_TabTotalDropdownOption.initTabTotal = _initTabTotal.initTabTotal;
+const TabTotalDropdownOption = exports.TabTotalDropdownOption = (0, _mobxReactLite.observer)(_TabTotalDropdownOption);
+TabTotalDropdownOption.displayName = 'TabTotalDropdownOption';
+TabTotalDropdownOption.initTabTotal = _initTabTotal.initTabTotal;
+//# sourceMappingURL=TabTotalDropdownOption.js.map

package/dist/cjs/components/TabTotal/TabTotalDropdownOption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabTotalDropdownOption","props","state","useFilterValueTotalState","totalsCollection","result","total","default","createElement","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalDropdownOption","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalDropdownOption.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport {\n  useFilterValueTotalState,\n  UseFilterValueTotalStateParams,\n} from './useFilterValueTotalState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { initTabTotal } from '../../state/initTabTotal';\n\nexport interface TabTotalDropdownOptionProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F> {}\n\nfunction _TabTotalDropdownOption<\n  V,\n  T = unknown,\n  F extends FiltersMap = FiltersMap,\n>(props: TabTotalDropdownOptionProps<V, T, F>) {\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: {\n      result: { total },\n    },\n  } = state;\n\n  return <span data-hook=\"total\">({total})</span>;\n}\n\n_TabTotalDropdownOption.initTabTotal = initTabTotal;\nexport const TabTotalDropdownOption = observer(_TabTotalDropdownOption);\nTabTotalDropdownOption.displayName = 'TabTotalDropdownOption';\nTabTotalDropdownOption.initTabTotal = initTabTotal;\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AAKA,IAAAI,aAAA,GAAAJ,OAAA;AAAwD,IAAAK,YAAA;AAKxD,SAASC,uBAAuBA,CAI9BC,KAA2C,EAAE;EAC7C,MAAMC,KAAK,GAAG,IAAAC,kDAAwB,EAACF,KAAK,CAAC;EAE7C,MAAM;IACJG,gBAAgB,EAAE;MAChBC,MAAM,EAAE;QAAEC;MAAM;IAClB;EACF,CAAC,GAAGJ,KAAK;EAET,oBAAOP,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAM,aAAU,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,GAAC,EAACP,KAAK,EAAC,GAAO,CAAC;AACjD;AAEAN,uBAAuB,CAACc,YAAY,GAAGA,0BAAY;AAC5C,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACjB,uBAAuB,CAAC;AACvEe,sBAAsB,CAACG,WAAW,GAAG,wBAAwB;AAC7DH,sBAAsB,CAACD,YAAY,GAAGA,0BAAY"}

package/dist/cjs/components/TabTotal/TabTotalParens.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TabTotalParens = void 0;
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _useFilterValueTotalState = require("./useFilterValueTotalState");
+var _initTabTotal = require("../../state/initTabTotal");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TabTotal/TabTotalParens.tsx";
+function _TabTotalParens(props) {
+  const state = (0, _useFilterValueTotalState.useFilterValueTotalState)(props);
+  const {
+    totalsCollection: {
+      result: {
+        total
+      }
+    }
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "small",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 5
+    }
+  }, "(", /*#__PURE__*/_react.default.createElement("span", {
+    "data-hook": "total",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 8
+    }
+  }, total), ")");
+}
+_TabTotalParens.initTabTotal = _initTabTotal.initTabTotal;
+const TabTotalParens = exports.TabTotalParens = (0, _mobxReactLite.observer)(_TabTotalParens);
+TabTotalParens.displayName = 'TabTotalParens';
+TabTotalParens.initTabTotal = _initTabTotal.initTabTotal;
+//# sourceMappingURL=TabTotalParens.js.map