@wix/patterns 1.183.0 → 1.186.0

package/dist/cjs/components/RequestId/assets/locale/messages_es.json

@@ -0,0 +1,5 @@
+{
+  "description": "Si informas de este error a Atención al Cliente, comparte este ID de solicitud para que puedan investigarlo.",
+  "cta": "Copiar ID",
+  "copiedSuccess": "Copiado"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_fr.json

@@ -0,0 +1,5 @@
+{
+  "description": "Si vous signalez cette erreur à l'Assistance, partagez cet ID de demande pour qu'ils puissent enquêter.",
+  "cta": "Copier l'ID",
+  "copiedSuccess": "Copié."
+}

package/dist/cjs/components/RequestId/assets/locale/messages_hi.json

@@ -0,0 +1,5 @@
+{
+  "description": "If you report this error Customer Care, share this request ID so they can investigate.",
+  "cta": "Copy ID",
+  "copiedSuccess": "Copied!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_id.json

@@ -0,0 +1,5 @@
+{
+  "description": "Jika Anda melaporkan kesalahan ini ke Layanan Pelanggan, bagikan ID permintaan ini agar mereka dapat menyelidikinya.",
+  "cta": "Salin ID",
+  "copiedSuccess": "Disalin!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_it.json

@@ -0,0 +1,5 @@
+{
+  "description": "Se segnali un errore all'Assistenza clienti, condividi l'ID di questa richiesta per aiutarli a indagare.",
+  "cta": "Copia ID",
+  "copiedSuccess": "Copiato!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_ja.json

@@ -0,0 +1,5 @@
+{
+  "description": "このエラーをカスタマーケアに報告する際は、調査を行うためにこのリクエストIDを共有してください。",
+  "cta": "ID をコピー",
+  "copiedSuccess": "コピー済み"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_ko.json

@@ -0,0 +1,5 @@
+{
+  "description": "고객지원팀에 오류를 신고하는 경우, 담당자가 문제를 확인할 수 있도록 본 요청 ID를 공유해주세요.",
+  "cta": "ID 복사",
+  "copiedSuccess": "복사됨"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_nl.json

@@ -0,0 +1,5 @@
+{
+  "description": "If you report this error Customer Care, share this request ID so they can investigate.",
+  "cta": "ID kopiëren",
+  "copiedSuccess": "Gekopieerd"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_no.json

@@ -0,0 +1,5 @@
+{
+  "description": "Hvis du rapporterer denne feilen til brukerstøtte, må du dele denne forespørsels-ID-en, slik at de kan undersøke saken.",
+  "cta": "Kopier ID",
+  "copiedSuccess": "Kopiert!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_pl.json

@@ -0,0 +1,5 @@
+{
+  "description": "Jeśli chcesz zgłosić ten błąd do działu obsługi klienta, podaj następujący identyfikator żądania, aby mogli przyjrzeć się tej sprawie.",
+  "cta": "Skopiuj identyfikator",
+  "copiedSuccess": "Skopiowano!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_pt.json

@@ -0,0 +1,5 @@
+{
+  "description": "Se você for reportar esse erro ao Apoio ao Cliente, compartilhe esse ID de solicitação para que eles possam investigar.",
+  "cta": "Copiar ID",
+  "copiedSuccess": "Copiado"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_ru.json

@@ -0,0 +1,5 @@
+{
+  "description": "Если вы сообщите об ошибке команде поддержки, отправьте этот идентификатор запроса, чтобы они могли разобраться.",
+  "cta": "Копировать ID",
+  "copiedSuccess": "Скопировано!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_sv.json

@@ -0,0 +1,5 @@
+{
+  "description": "Om du rapporterar det här felet till kundtjänst kan du dela detta förfrågnings-ID så att de kan undersöka.",
+  "cta": "Kopiera ID",
+  "copiedSuccess": "Kopierad!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_th.json

@@ -0,0 +1,5 @@
+{
+  "description": "หากคุณรายงานปัญหานี้ให้ฝ่ายดูแลลูกค้าทราบ โปรดแจ้ง ID คำขอนี้เพื่อให้พวกเขาตรวจสอบได้",
+  "cta": "คัดลอก ID",
+  "copiedSuccess": "คัดลอกแล้ว !"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_tr.json

@@ -0,0 +1,5 @@
+{
+  "description": "Bu hatayı müşteri hizmetlerine bildirirseniz araştırılabilmesi için bu talep kimliğini paylaşın.",
+  "cta": "Kimliği kopyala",
+  "copiedSuccess": "Kopyalandı!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_uk.json

@@ -0,0 +1,5 @@
+{
+  "description": "Якщо ви повідомляєте про цю помилку Службі підтримки, надайте їм цей ідентифікатор запиту, щоб вони могли дослідити помилку.",
+  "cta": "Копіювати ідентифікатор",
+  "copiedSuccess": "Скопійовано"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_vi.json

@@ -0,0 +1,5 @@
+{
+  "description": "Nếu bạn báo cáo lỗi này cho bộ phận Chăm sóc khách hàng, hãy chia sẻ ID yêu cầu này để họ có thể điều tra.",
+  "cta": "Sao chép ID",
+  "copiedSuccess": "Đã sao chép!"
+}

package/dist/cjs/components/RequestId/assets/locale/messages_zh.json

@@ -0,0 +1,5 @@
+{
+  "description": "如果您向顧客服務報告此錯誤，請提供此請求 ID 以便調查。",
+  "cta": "複製 ID",
+  "copiedSuccess": "已複製！"
+}

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

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

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

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

package/dist/cjs/components/ScrollableContent/ScrollableContent.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_ = "ScrollableContent2800570966";
+var _namespace_ = "ScrollableContent4033886081";
 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": "ScrollableContent2800570966__root"
+  "root": "ScrollableContent4033886081__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2800570966\";\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\":\"ScrollableContent2800570966__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent4033886081\";\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\":\"ScrollableContent4033886081__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/SkeletonCard/SkeletonCard.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SkeletonCard3848097643";
+var _namespace_ = "SkeletonCard3974151922";
 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": "SkeletonCard3848097643__root",
-  "headerLoading": "SkeletonCard3848097643__headerLoading"
+  "root": "SkeletonCard3974151922__root",
+  "headerLoading": "SkeletonCard3974151922__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard3848097643\";\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\":\"SkeletonCard3848097643__root\",\"headerLoading\":\"SkeletonCard3848097643__headerLoading\"};\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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard3974151922\";\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\":\"SkeletonCard3974151922__root\",\"headerLoading\":\"SkeletonCard3974151922__headerLoading\"};\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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SkeletonGrid/SkeletonTopImageCard.js

@@ -71,6 +71,14 @@ function _SkeletonTopImageCard(props) {
       lineNumber: 39,
       columnNumber: 35
     }
+  }), preset === 'footer' && /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+    width: "60%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 37
+    }
   }))));
 }
 const SkeletonTopImageCard = exports.SkeletonTopImageCard = (0, _mobxReactLite.observer)(_SkeletonTopImageCard);

package/dist/cjs/components/SkeletonGrid/SkeletonTopImageCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_SkeletonTopImageCard","props","state","preset","calcGridProps","cardTopImageHeight","cardFooterHeight","default","createElement","SkeletonGroup","skin","__self","__source","fileName","lineNumber","columnNumber","Box","direction","width","SkeletonRectangle","height","verticalAlign","gap","SkeletonLine","SkeletonTopImageCard","exports","observer"],"sources":["../../../../src/components/SkeletonGrid/SkeletonTopImageCard.tsx"],"sourcesContent":["import {\n  Box,\n  SkeletonGroup,\n  SkeletonLine,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface SkeletonTopImageCardProps<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n}\n\nfunction _SkeletonTopImageCard<T, F extends FiltersMap>(\n  props: SkeletonTopImageCardProps<T, F>,\n) {\n  const {\n    state: {\n      preset,\n      calcGridProps: { cardTopImageHeight, cardFooterHeight },\n    },\n  } = props;\n\n  return (\n    <SkeletonGroup skin=\"light\">\n      <Box direction=\"vertical\" width=\"100%\">\n        <SkeletonRectangle width=\"100%\" height={cardTopImageHeight} />\n        {preset !== 'empty' && (\n          <Box\n            width=\"100%\"\n            height={cardFooterHeight}\n            verticalAlign=\"middle\"\n            direction=\"vertical\"\n            gap=\"12px\"\n          >\n            <SkeletonLine width=\"75%\" />\n            {preset === 'full' && <SkeletonLine width=\"60%\" />}\n          </Box>\n        )}\n      </Box>\n    </SkeletonGroup>\n  );\n}\n\nexport const SkeletonTopImageCard = observer(_SkeletonTopImageCard);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAM3C,SAASC,qBAAqBA,CAC5BC,KAAsC,EACtC;EACA,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,aAAa,EAAE;QAAEC,kBAAkB;QAAEC;MAAiB;IACxD;EACF,CAAC,GAAGL,KAAK;EAET,oBACEL,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,aAAa;IAACC,IAAI,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAsB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAyB,iBAAiB;IAACD,KAAK,EAAC,MAAM;IAACE,MAAM,EAAEf,kBAAmB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC7DZ,MAAM,KAAK,OAAO,iBACjBP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAsB,GAAG;IACFE,KAAK,EAAC,MAAM;IACZE,MAAM,EAAEd,gBAAiB;IACzBe,aAAa,EAAC,QAAQ;IACtBJ,SAAS,EAAC,UAAU;IACpBK,GAAG,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEVnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,YAAY;IAACL,KAAK,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC3BZ,MAAM,KAAK,MAAM,iBAAIP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,YAAY;IAACL,KAAK,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC9C,CAEJ,CACQ,CAAC;AAEpB;AAEO,MAAMS,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_SkeletonTopImageCard","props","state","preset","calcGridProps","cardTopImageHeight","cardFooterHeight","default","createElement","SkeletonGroup","skin","__self","__source","fileName","lineNumber","columnNumber","Box","direction","width","SkeletonRectangle","height","verticalAlign","gap","SkeletonLine","SkeletonTopImageCard","exports","observer"],"sources":["../../../../src/components/SkeletonGrid/SkeletonTopImageCard.tsx"],"sourcesContent":["import {\n  Box,\n  SkeletonGroup,\n  SkeletonLine,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface SkeletonTopImageCardProps<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n}\n\nfunction _SkeletonTopImageCard<T, F extends FiltersMap>(\n  props: SkeletonTopImageCardProps<T, F>,\n) {\n  const {\n    state: {\n      preset,\n      calcGridProps: { cardTopImageHeight, cardFooterHeight },\n    },\n  } = props;\n\n  return (\n    <SkeletonGroup skin=\"light\">\n      <Box direction=\"vertical\" width=\"100%\">\n        <SkeletonRectangle width=\"100%\" height={cardTopImageHeight} />\n        {preset !== 'empty' && (\n          <Box\n            width=\"100%\"\n            height={cardFooterHeight}\n            verticalAlign=\"middle\"\n            direction=\"vertical\"\n            gap=\"12px\"\n          >\n            <SkeletonLine width=\"75%\" />\n            {preset === 'full' && <SkeletonLine width=\"60%\" />}\n            {preset === 'footer' && <SkeletonLine width=\"60%\" />}\n          </Box>\n        )}\n      </Box>\n    </SkeletonGroup>\n  );\n}\n\nexport const SkeletonTopImageCard = observer(_SkeletonTopImageCard);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAM3C,SAASC,qBAAqBA,CAC5BC,KAAsC,EACtC;EACA,MAAM;IACJC,KAAK,EAAE;MACLC,MAAM;MACNC,aAAa,EAAE;QAAEC,kBAAkB;QAAEC;MAAiB;IACxD;EACF,CAAC,GAAGL,KAAK;EAET,oBACEL,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,aAAa;IAACC,IAAI,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAsB,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,KAAK,EAAC,MAAM;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAyB,iBAAiB;IAACD,KAAK,EAAC,MAAM;IAACE,MAAM,EAAEf,kBAAmB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC7DZ,MAAM,KAAK,OAAO,iBACjBP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAsB,GAAG;IACFE,KAAK,EAAC,MAAM;IACZE,MAAM,EAAEd,gBAAiB;IACzBe,aAAa,EAAC,QAAQ;IACtBJ,SAAS,EAAC,UAAU;IACpBK,GAAG,EAAC,MAAM;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEVnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,YAAY;IAACL,KAAK,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAC3BZ,MAAM,KAAK,MAAM,iBAAIP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,YAAY;IAACL,KAAK,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EACjDZ,MAAM,KAAK,QAAQ,iBAAIP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,YAAY;IAACL,KAAK,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAChD,CAEJ,CACQ,CAAC;AAEpB;AAEO,MAAMS,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAC1B,qBAAqB,CAAC","ignoreList":[]}

package/dist/cjs/components/SlidingModal/SlidingModal.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_ = "SlidingModal294177513";
+var _namespace_ = "SlidingModal3826404383";
 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": "SlidingModal294177513__root"
+  "root": "SlidingModal3826404383__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal294177513\";\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\":\"SlidingModal294177513__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal3826404383\";\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\":\"SlidingModal3826404383__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/TabTotal/TabTotalDropdownOption.js

@@ -14,16 +14,21 @@ function _TabTotalDropdownOption(props) {
     totalsCollection: {
       result: {
         total
-      }
+      },
+      initTask
     }
   } = state;
-  return /*#__PURE__*/_react.default.createElement("span", {
+  const {
+    isIdle,
+    isLoading
+  } = initTask.status;
+  return isIdle || isLoading ? null : /*#__PURE__*/_react.default.createElement("span", {
     "data-hook": "total",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
-      columnNumber: 10
+      lineNumber: 29,
+      columnNumber: 39
     }
   }, "(", total, ")");
 }

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

@@ -1 +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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabTotalDropdownOption","props","state","useFilterValueTotalState","totalsCollection","result","total","initTask","isIdle","isLoading","status","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      initTask,\n    },\n  } = state;\n\n  const { isIdle, isLoading } = initTask.status;\n\n  return isIdle || isLoading ? null : <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,CAAC;MACjBC;IACF;EACF,CAAC,GAAGL,KAAK;EAET,MAAM;IAAEM,MAAM;IAAEC;EAAU,CAAC,GAAGF,QAAQ,CAACG,MAAM;EAE7C,OAAOF,MAAM,IAAIC,SAAS,GAAG,IAAI,gBAAGd,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAM,aAAU,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,GAAC,EAACX,KAAK,EAAC,GAAO,CAAC;AAC9E;AAEAN,uBAAuB,CAACkB,YAAY,GAAGA,0BAAY;AAC5C,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACrB,uBAAuB,CAAC;AACvEmB,sBAAsB,CAACG,WAAW,GAAG,wBAAwB;AAC7DH,sBAAsB,CAACD,YAAY,GAAGA,0BAAY","ignoreList":[]}

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

@@ -15,15 +15,20 @@ function _TabTotalParens(props) {
     totalsCollection: {
       result: {
         total
-      }
+      },
+      initTask
     }
   } = state;
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  const {
+    isIdle,
+    isLoading
+  } = initTask.status;
+  return isIdle || isLoading ? null : /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "small",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 29,
       columnNumber: 5
     }
   }, "(", /*#__PURE__*/_react.default.createElement("span", {
@@ -31,7 +36,7 @@ function _TabTotalParens(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 30,
       columnNumber: 8
     }
   }, total), ")");

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabTotalParens","props","state","useFilterValueTotalState","totalsCollection","result","total","default","createElement","Text","size","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalParens","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalParens.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Text } 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 TabTotalParensProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F> {}\n\nfunction _TabTotalParens<V, T = unknown, F extends FiltersMap = FiltersMap>(\n  props: TabTotalParensProps<V, T, F>,\n) {\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: {\n      result: { total },\n    },\n  } = state;\n\n  return (\n    <Text size=\"small\">\n      (<span data-hook=\"total\">{total}</span>)\n    </Text>\n  );\n}\n\n_TabTotalParens.initTabTotal = initTabTotal;\nexport const TabTotalParens = observer(_TabTotalParens);\nTabTotalParens.displayName = 'TabTotalParens';\nTabTotalParens.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;AAKxD,SAASC,eAAeA,CACtBC,KAAmC,EACnC;EACA,MAAMC,KAAK,GAAG,IAAAC,kDAAwB,EAACF,KAAK,CAAC;EAE7C,MAAM;IACJG,gBAAgB,EAAE;MAChBC,MAAM,EAAE;QAAEC;MAAM;IAClB;EACF,CAAC,GAAGJ,KAAK;EAET,oBACEP,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,IAAI;IAACC,IAAI,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,GAChB,eAAApB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAM,aAAU,OAAO;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAET,KAAY,CAAC,KACnC,CAAC;AAEX;AAEAN,eAAe,CAACgB,YAAY,GAAGA,0BAAY;AACpC,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACnB,eAAe,CAAC;AACvDiB,cAAc,CAACG,WAAW,GAAG,gBAAgB;AAC7CH,cAAc,CAACD,YAAY,GAAGA,0BAAY","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabTotalParens","props","state","useFilterValueTotalState","totalsCollection","result","total","initTask","isIdle","isLoading","status","default","createElement","Text","size","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalParens","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalParens.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { Text } 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 TabTotalParensProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F> {}\n\nfunction _TabTotalParens<V, T = unknown, F extends FiltersMap = FiltersMap>(\n  props: TabTotalParensProps<V, T, F>,\n) {\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: {\n      result: { total },\n      initTask,\n    },\n  } = state;\n\n  const { isIdle, isLoading } = initTask.status;\n\n  return isIdle || isLoading ? null : (\n    <Text size=\"small\">\n      (<span data-hook=\"total\">{total}</span>)\n    </Text>\n  );\n}\n\n_TabTotalParens.initTabTotal = initTabTotal;\nexport const TabTotalParens = observer(_TabTotalParens);\nTabTotalParens.displayName = 'TabTotalParens';\nTabTotalParens.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;AAKxD,SAASC,eAAeA,CACtBC,KAAmC,EACnC;EACA,MAAMC,KAAK,GAAG,IAAAC,kDAAwB,EAACF,KAAK,CAAC;EAE7C,MAAM;IACJG,gBAAgB,EAAE;MAChBC,MAAM,EAAE;QAAEC;MAAM,CAAC;MACjBC;IACF;EACF,CAAC,GAAGL,KAAK;EAET,MAAM;IAAEM,MAAM;IAAEC;EAAU,CAAC,GAAGF,QAAQ,CAACG,MAAM;EAE7C,OAAOF,MAAM,IAAIC,SAAS,GAAG,IAAI,gBAC/Bd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,IAAI;IAACC,IAAI,EAAC,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,GAChB,eAAAxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAM,aAAU,OAAO;IAAAG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEb,KAAY,CAAC,KACnC,CACP;AACH;AAEAN,eAAe,CAACoB,YAAY,GAAGA,0BAAY;AACpC,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACvB,eAAe,CAAC;AACvDqB,cAAc,CAACG,WAAW,GAAG,gBAAgB;AAC7CH,cAAc,CAACD,YAAY,GAAGA,0BAAY","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsDropdown.js

@@ -33,20 +33,25 @@ function _TabsDropdown(props) {
     container: container.current,
     itemsCount: items.length
   }), []);
+  const {
+    isLoading,
+    isIdle
+  } = table.initTask.status;
+  const hideCounterBadge = isLoading || isIdle;
   const options = _react.default.useMemo(() => items.map(item => (0, _designSystem.listItemSelectBuilder)({
     id: item.id,
     title: item.name,
     label: item.name,
-    suffix: /*#__PURE__*/_react.default.createElement(_TabTotal.TabTotalDropdownOption, {
+    suffix: hideCounterBadge ? undefined : /*#__PURE__*/_react.default.createElement(_TabTotal.TabTotalDropdownOption, {
       value: dataProp.find(data => itemKey(data) === item.id),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 52,
+        lineNumber: 55,
         columnNumber: 13
       }
     })
-  })), [items]);
+  })), [items, hideCounterBadge]);
   const {
     dropdownSelect,
     init
@@ -61,7 +66,7 @@ function _TabsDropdown(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 71,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_SingleSelectFilterBase.SingleSelectFilterBase, {
@@ -78,12 +83,12 @@ function _TabsDropdown(props) {
         filter.refresh(values);
       }
     },
-    suffix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
+    suffix: hideCounterBadge ? undefined : /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 89,
-        columnNumber: 11
+        lineNumber: 93,
+        columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_TabTotal.TabTotalDropdownOption, {
       key: selectedId,
@@ -91,14 +96,14 @@ function _TabsDropdown(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 90,
-        columnNumber: 13
+        lineNumber: 94,
+        columnNumber: 15
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 72,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/TabsFilter/TabsDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_ToolbarCollectionContext","_TabsFilterState","_TabTotal","_types","_SingleSelectFilterBase","_hooks","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabsDropdown","props","data","dataProp","items","filter","selectedId","itemKey","table","useToolbarCollectionContext","container","useRef","state","useState","TabsFilterState","useEffect","init","current","itemsCount","length","options","React","useMemo","map","item","listItemSelectBuilder","id","title","name","label","suffix","createElement","TabTotalDropdownOption","value","find","__self","__source","fileName","lineNumber","columnNumber","dropdownSelect","useDropdownSelectFilterState","Box","minWidth","maxWidth","paddingLeft","SingleSelectFilterBase","dataHook","disabled","onSelect","option","tab","values","ALL_TAB_ITEM_ID","refresh","Input","Affix","key","TabsDropdown","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabsDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Box, Input, listItemSelectBuilder } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabTotalDropdownOption } from '../TabTotal';\nimport { ALL_TAB_ITEM_ID, TabsFilterItem, TabsFilterItemBase } from './types';\nimport { SingleSelectFilterBase } from '../SingleSelectFilterBase';\nimport { useDropdownSelectFilterState } from '../../hooks';\n\nexport interface TabsFilterProps<V> {\n  items: TabsFilterItemBase[];\n  data: V[];\n  filter: Filter<V[]>;\n  selectedId: string;\n}\n\nfunction _TabsDropdown<V>(props: TabsFilterProps<V>) {\n  const { data: dataProp, items, filter, selectedId } = props;\n\n  const { itemKey } = filter;\n\n  const table = useToolbarCollectionContext();\n\n  const container = useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      new TabsFilterState({\n        table,\n      }),\n  );\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const options = React.useMemo(\n    () =>\n      items.map((item) =>\n        listItemSelectBuilder({\n          id: item.id,\n          title: item.name,\n          label: item.name,\n          suffix: (\n            <TabTotalDropdownOption\n              value={dataProp.find((data) => itemKey(data) === item.id)}\n            />\n          ),\n        }),\n      ),\n    [items],\n  );\n\n  const { dropdownSelect, init } = useDropdownSelectFilterState<V>({\n    filter,\n  });\n\n  useEffect(() => init(), []);\n\n  return (\n    <Box minWidth={140} maxWidth={200} paddingLeft=\"SP4\">\n      <SingleSelectFilterBase\n        dataHook=\"tabs-dropdown\"\n        filter={filter}\n        dropdownSelect={dropdownSelect}\n        options={options}\n        disabled={!options.length}\n        selectedId={selectedId}\n        onSelect={(option) => {\n          const tab = items.find((item) => item.id === option.id);\n\n          if (tab) {\n            const values =\n              tab.id === ALL_TAB_ITEM_ID\n                ? []\n                : [(tab as TabsFilterItem<V>).value];\n\n            filter.refresh(values);\n          }\n        }}\n        suffix={\n          <Input.Affix>\n            <TabTotalDropdownOption\n              key={selectedId}\n              value={dataProp.find((value) => itemKey(value) === selectedId)}\n            />\n          </Input.Affix>\n        }\n      />\n    </Box>\n  );\n}\n\nexport const TabsDropdown = observer(_TabsDropdown);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_ToolbarCollectionContext","_TabsFilterState","_TabTotal","_types","_SingleSelectFilterBase","_hooks","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabsDropdown","props","data","dataProp","items","filter","selectedId","itemKey","table","useToolbarCollectionContext","container","useRef","state","useState","TabsFilterState","useEffect","init","current","itemsCount","length","isLoading","isIdle","initTask","status","hideCounterBadge","options","React","useMemo","map","item","listItemSelectBuilder","id","title","name","label","suffix","undefined","createElement","TabTotalDropdownOption","value","find","__self","__source","fileName","lineNumber","columnNumber","dropdownSelect","useDropdownSelectFilterState","Box","minWidth","maxWidth","paddingLeft","SingleSelectFilterBase","dataHook","disabled","onSelect","option","tab","values","ALL_TAB_ITEM_ID","refresh","Input","Affix","key","TabsDropdown","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabsDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Box, Input, listItemSelectBuilder } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabTotalDropdownOption } from '../TabTotal';\nimport { ALL_TAB_ITEM_ID, TabsFilterItem, TabsFilterItemBase } from './types';\nimport { SingleSelectFilterBase } from '../SingleSelectFilterBase';\nimport { useDropdownSelectFilterState } from '../../hooks';\n\nexport interface TabsFilterProps<V> {\n  items: TabsFilterItemBase[];\n  data: V[];\n  filter: Filter<V[]>;\n  selectedId: string;\n}\n\nfunction _TabsDropdown<V>(props: TabsFilterProps<V>) {\n  const { data: dataProp, items, filter, selectedId } = props;\n\n  const { itemKey } = filter;\n\n  const table = useToolbarCollectionContext();\n\n  const container = useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      new TabsFilterState({\n        table,\n      }),\n  );\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const { isLoading, isIdle } = table.initTask.status;\n  const hideCounterBadge = isLoading || isIdle;\n\n  const options = React.useMemo(\n    () =>\n      items.map((item) =>\n        listItemSelectBuilder({\n          id: item.id,\n          title: item.name,\n          label: item.name,\n          suffix: hideCounterBadge ? undefined : (\n            <TabTotalDropdownOption\n              value={dataProp.find((data) => itemKey(data) === item.id)}\n            />\n          ),\n        }),\n      ),\n    [items, hideCounterBadge],\n  );\n\n  const { dropdownSelect, init } = useDropdownSelectFilterState<V>({\n    filter,\n  });\n\n  useEffect(() => init(), []);\n\n  return (\n    <Box minWidth={140} maxWidth={200} paddingLeft=\"SP4\">\n      <SingleSelectFilterBase\n        dataHook=\"tabs-dropdown\"\n        filter={filter}\n        dropdownSelect={dropdownSelect}\n        options={options}\n        disabled={!options.length}\n        selectedId={selectedId}\n        onSelect={(option) => {\n          const tab = items.find((item) => item.id === option.id);\n\n          if (tab) {\n            const values =\n              tab.id === ALL_TAB_ITEM_ID\n                ? []\n                : [(tab as TabsFilterItem<V>).value];\n\n            filter.refresh(values);\n          }\n        }}\n        suffix={\n          hideCounterBadge ? undefined : (\n            <Input.Affix>\n              <TabTotalDropdownOption\n                key={selectedId}\n                value={dataProp.find((value) => itemKey(value) === selectedId)}\n              />\n            </Input.Affix>\n          )\n        }\n      />\n    </Box>\n  );\n}\n\nexport const TabsDropdown = observer(_TabsDropdown);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.js

@@ -14,6 +14,7 @@ var _TabsFilterStCss = require("./TabsFilter.st.css.js");
 var _TabsDropdown = require("./TabsDropdown");
 var _types = require("./types");
 var _TabsDefault = require("./TabsDefault");
+var _useFilterValueTotalState = require("../TabTotal/useFilterValueTotalState");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TabsFilter/TabsFilter.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; }
@@ -32,6 +33,10 @@ function _TabsFilter(props) {
     itemName
   } = filter;
   const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const filterAllValueTotal = (0, _useFilterValueTotalState.useFilterValueTotalState)({
+    ...props,
+    value: undefined
+  });
   const container = _react.default.useRef();
   const [state] = (0, _react.useState)(() => table.tabs ?? (table.tabs = new _TabsFilterState.TabsFilterState({
     table
@@ -46,6 +51,22 @@ function _TabsFilter(props) {
   const {
     responsive
   } = state;
+  const isAllCounterBadgeLoading = (0, _react.useMemo)(() => {
+    const allStatus = filterAllValueTotal.totalsCollection.initTask.status;
+    const {
+      isLoading,
+      isIdle
+    } = allStatus;
+    return isLoading || isIdle;
+  }, [filterAllValueTotal.totalsCollection.initTask.status]);
+  const isTableLoading = (0, _react.useMemo)(() => {
+    const {
+      isLoading,
+      isIdle
+    } = table.initTask.status;
+    return isLoading || isIdle;
+  }, [table.initTask.status]);
+  const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;
   const items = (0, _react.useMemo)(() => {
     const _mergedItems = dataProp.map((value, index) => {
       return {
@@ -56,11 +77,11 @@ function _TabsFilter(props) {
           state: responsive,
           text: itemName(value),
           value: value,
-          counterBadge: counterBadge,
+          counterBadge: hideCounterBadge ? undefined : counterBadge,
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 104,
+            lineNumber: 122,
             columnNumber: 11
           }
         }),
@@ -83,11 +104,11 @@ function _TabsFilter(props) {
         state: responsive,
         text: all,
         value: undefined,
-        counterBadge: counterBadge,
+        counterBadge: hideCounterBadge ? undefined : counterBadge,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 129,
+          lineNumber: 147,
           columnNumber: 9
         }
       })
@@ -97,7 +118,7 @@ function _TabsFilter(props) {
       minWidth: responsive.itemsMinWidths[index],
       index
     }));
-  }, [dataProp, all, counterBadge, responsive.panelMinWidth]);
+  }, [dataProp, all, counterBadge, responsive.panelMinWidth, hideCounterBadge]);
   (0, _react.useEffect)(() => state.init({
     container: container.current,
     itemsCount: items.length
@@ -108,7 +129,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 164,
+      lineNumber: 182,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -122,7 +143,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 183,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -134,7 +155,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 192,
       columnNumber: 9
     }
   }, responsive.mode === 'tabs' ? /*#__PURE__*/_react.default.createElement(_TabsDefault.TabsDefault, {
@@ -149,7 +170,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 200,
       columnNumber: 13
     }
   }) : /*#__PURE__*/_react.default.createElement(_TabsDropdown.TabsDropdown, {
@@ -160,7 +181,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 193,
+      lineNumber: 211,
       columnNumber: 13
     }
   }))));