@wix/patterns 1.71.0 → 1.73.0

package/dist/cjs/components/CardContainer/CardContainer.js

@@ -11,6 +11,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _SkeletonCard = require("../SkeletonCard");
 var _ErrorCard = require("../ErrorCard");
 var _react2 = require("@wix/bex-core/react");
+var _bexUtils = require("@wix/bex-utils");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CardContainer/CardContainer.tsx";
 function _CardContainer(props) {
   const {
@@ -18,6 +19,8 @@ function _CardContainer(props) {
     minHeight,
     children,
     errorState,
+    registerScrollableItem,
+    id,
     ...rest
   } = props;
   const {
@@ -30,7 +33,7 @@ function _CardContainer(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 30,
+        lineNumber: 44,
         columnNumber: 12
       }
     }));
@@ -45,20 +48,37 @@ function _CardContainer(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 35,
+        lineNumber: 49,
         columnNumber: 7
       }
     }), children);
   }
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Card, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    ref: ref => {
+      if (id && ref) {
+        registerScrollableItem({
+          ref,
+          itemName: id,
+          containerName: id
+        });
+      }
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Card, (0, _extends2.default)({}, rest, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 56,
-      columnNumber: 10
+      lineNumber: 83,
+      columnNumber: 7
     }
-  }), children);
+  }), children));
 }
 _CardContainer.displayName = 'CardContainer';
-const CardContainer = exports.CardContainer = (0, _mobxReactLite.observer)(_CardContainer);
+const CardContainer = exports.CardContainer = (0, _bexUtils.withFocusable)((0, _mobxReactLite.observer)(_CardContainer));
 //# sourceMappingURL=CardContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_SkeletonCard","_ErrorCard","_react2","_jsxFileName","_CardContainer","props","status","minHeight","children","errorState","rest","translate","t","useWixPatternsContainer","default","createElement","SkeletonCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ErrorCard","title","subtitle","retryText","onRetry","Card","displayName","CardContainer","exports","observer"],"sources":["../../../../src/components/CardContainer/CardContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, CardProps } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { SkeletonCard } from '../SkeletonCard';\nimport { ErrorCard, ErrorCardProps } from '../ErrorCard';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CardContainerProps extends CardProps {\n  /**\n   * Additional loading flag, if you need to show loader after the main entity is fetched.\n   * Also, if an error occurs on a side request (other than passed to `fetch`), you can use `error` to show the card error state.\n   * Alongside with `error` you also need to pass `errorState.onRetry` callback, which should change the `status` accordingly.\n   */\n  status?: 'idle' | 'loading' | 'error' | 'success';\n  /**\n   * Height of content while loading (not including paddings)\n   */\n  minHeight?: string;\n  /**\n   * Card Error State configuration\n   */\n  errorState?: ErrorCardProps;\n}\n\nexport function _CardContainer(props: CardContainerProps) {\n  const { status, minHeight, children, errorState, ...rest } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  if (status === 'idle' || status === 'loading') {\n    return <SkeletonCard minHeight={minHeight} {...rest} />;\n  }\n\n  if (status === 'error') {\n    return (\n      <ErrorCard\n        title={\n          errorState?.title ??\n          t('cairo.entityPage.widgetError.TPAconnectionFail.title')\n        }\n        subtitle={\n          errorState?.subtitle ??\n          t('cairo.entityPage.widgetError.TPAconnectionFail.description')\n        }\n        retryText={\n          errorState?.retryText ??\n          t('cairo.entityPage.widgetError.TPAconnectionFail.CTA')\n        }\n        onRetry={errorState?.onRetry}\n        {...rest}\n      >\n        {children}\n      </ErrorCard>\n    );\n  }\n\n  return <Card {...rest}>{children}</Card>;\n}\n\n_CardContainer.displayName = 'CardContainer';\n\nexport const CardContainer = observer(_CardContainer);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAmBvD,SAASC,cAAcA,CAACC,KAAyB,EAAE;EACxD,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAClE,MAAM;IAAEM,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,IAAIP,MAAM,KAAK,MAAM,IAAIA,MAAM,KAAK,SAAS,EAAE;IAC7C,oBAAOX,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,YAAY,MAAAC,SAAA,CAAAH,OAAA;MAACP,SAAS,EAAEA;IAAU,GAAKG,IAAI;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAC;EACzD;EAEA,IAAIhB,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEX,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACd,UAAA,CAAAsB,SAAS,MAAAN,SAAA,CAAAH,OAAA;MACRU,KAAK,EACH,CAAAf,UAAU,oBAAVA,UAAU,CAAEe,KAAK,KACjBZ,CAAC,CAAC,sDAAsD,CACzD;MACDa,QAAQ,EACN,CAAAhB,UAAU,oBAAVA,UAAU,CAAEgB,QAAQ,KACpBb,CAAC,CAAC,4DAA4D,CAC/D;MACDc,SAAS,EACP,CAAAjB,UAAU,oBAAVA,UAAU,CAAEiB,SAAS,KACrBd,CAAC,CAAC,oDAAoD,CACvD;MACDe,OAAO,EAAElB,UAAU,oBAAVA,UAAU,CAAEkB;IAAQ,GACzBjB,IAAI;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,IAEPd,QACQ,CAAC;EAEhB;EAEA,oBAAOb,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA8B,IAAI,MAAAX,SAAA,CAAAH,OAAA,MAAKJ,IAAI;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAAGd,QAAe,CAAC;AAC1C;AAEAJ,cAAc,CAACyB,WAAW,GAAG,eAAe;AAErC,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAAC5B,cAAc,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_SkeletonCard","_ErrorCard","_react2","_bexUtils","_jsxFileName","_CardContainer","props","status","minHeight","children","errorState","registerScrollableItem","id","rest","translate","t","useWixPatternsContainer","default","createElement","SkeletonCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ErrorCard","title","subtitle","retryText","onRetry","ref","itemName","containerName","Card","displayName","CardContainer","exports","withFocusable","observer"],"sources":["../../../../src/components/CardContainer/CardContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, CardProps } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { SkeletonCard } from '../SkeletonCard';\nimport { ErrorCard, ErrorCardProps } from '../ErrorCard';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { FocusableProps, withFocusable } from '@wix/bex-utils';\n\nexport interface CardContainerProps extends CardProps {\n  /**\n   * Additional loading flag, if you need to show loader after the main entity is fetched.\n   * Also, if an error occurs on a side request (other than passed to `fetch`), you can use `error` to show the card error state.\n   * Alongside with `error` you also need to pass `errorState.onRetry` callback, which should change the `status` accordingly.\n   */\n  status?: 'idle' | 'loading' | 'error' | 'success';\n  /**\n   * Height of content while loading (not including paddings)\n   */\n  minHeight?: string;\n  /**\n   * Card Error State configuration\n   */\n  errorState?: ErrorCardProps;\n  /**\n   * Identifier of the card.\n   * If you want to open a page and auto-scroll and focus ont his card, padd in the the query params `anchor={yourCardId}`.\n   */\n  id?: string;\n}\n\nexport function _CardContainer(props: CardContainerProps & FocusableProps) {\n  const {\n    status,\n    minHeight,\n    children,\n    errorState,\n    registerScrollableItem,\n    id,\n    ...rest\n  } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  if (status === 'idle' || status === 'loading') {\n    return <SkeletonCard minHeight={minHeight} {...rest} />;\n  }\n\n  if (status === 'error') {\n    return (\n      <ErrorCard\n        title={\n          errorState?.title ??\n          t('cairo.entityPage.widgetError.TPAconnectionFail.title')\n        }\n        subtitle={\n          errorState?.subtitle ??\n          t('cairo.entityPage.widgetError.TPAconnectionFail.description')\n        }\n        retryText={\n          errorState?.retryText ??\n          t('cairo.entityPage.widgetError.TPAconnectionFail.CTA')\n        }\n        onRetry={errorState?.onRetry}\n        {...rest}\n      >\n        {children}\n      </ErrorCard>\n    );\n  }\n\n  return (\n    <div\n      id={id}\n      ref={(ref) => {\n        if (id && ref) {\n          registerScrollableItem({\n            ref,\n            itemName: id,\n            containerName: id,\n          });\n        }\n      }}\n    >\n      <Card {...rest}>{children}</Card>\n    </div>\n  );\n}\n\n_CardContainer.displayName = 'CardContainer';\n\nexport const CardContainer = withFocusable(observer(_CardContainer));\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAA+D,IAAAO,YAAA;AAwBxD,SAASC,cAAcA,CAACC,KAA0C,EAAE;EACzE,MAAM;IACJC,MAAM;IACNC,SAAS;IACTC,QAAQ;IACRC,UAAU;IACVC,sBAAsB;IACtBC,EAAE;IACF,GAAGC;EACL,CAAC,GAAGP,KAAK;EACT,MAAM;IAAEQ,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,IAAIT,MAAM,KAAK,MAAM,IAAIA,MAAM,KAAK,SAAS,EAAE;IAC7C,oBAAOZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,YAAY,MAAAC,SAAA,CAAAH,OAAA;MAACT,SAAS,EAAEA;IAAU,GAAKK,IAAI;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAC;EACzD;EAEA,IAAIlB,MAAM,KAAK,OAAO,EAAE;IACtB,oBACEZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACjB,UAAA,CAAAyB,SAAS,MAAAN,SAAA,CAAAH,OAAA;MACRU,KAAK,EACH,CAAAjB,UAAU,oBAAVA,UAAU,CAAEiB,KAAK,KACjBZ,CAAC,CAAC,sDAAsD,CACzD;MACDa,QAAQ,EACN,CAAAlB,UAAU,oBAAVA,UAAU,CAAEkB,QAAQ,KACpBb,CAAC,CAAC,4DAA4D,CAC/D;MACDc,SAAS,EACP,CAAAnB,UAAU,oBAAVA,UAAU,CAAEmB,SAAS,KACrBd,CAAC,CAAC,oDAAoD,CACvD;MACDe,OAAO,EAAEpB,UAAU,oBAAVA,UAAU,CAAEoB;IAAQ,GACzBjB,IAAI;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,IAEPhB,QACQ,CAAC;EAEhB;EAEA,oBACEd,MAAA,CAAAsB,OAAA,CAAAC,aAAA;IACEN,EAAE,EAAEA,EAAG;IACPmB,GAAG,EAAGA,GAAG,IAAK;MACZ,IAAInB,EAAE,IAAImB,GAAG,EAAE;QACbpB,sBAAsB,CAAC;UACrBoB,GAAG;UACHC,QAAQ,EAAEpB,EAAE;UACZqB,aAAa,EAAErB;QACjB,CAAC,CAAC;MACJ;IACF,CAAE;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEF9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAoC,IAAI,MAAAd,SAAA,CAAAH,OAAA,MAAKJ,IAAI;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAAGhB,QAAe,CAC7B,CAAC;AAEV;AAEAJ,cAAc,CAAC8B,WAAW,GAAG,eAAe;AAErC,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAa,EAAC,IAAAC,uBAAQ,EAAClC,cAAc,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/Collapse/Collapse.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_ = "Collapse2353021222";
+var _namespace_ = "Collapse787067143";
 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": "Collapse2353021222__root",
-  "exit": "Collapse2353021222__exit"
+  "root": "Collapse787067143__root",
+  "exit": "Collapse787067143__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse2353021222\";\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\":\"Collapse2353021222__root\",\"exit\":\"Collapse2353021222__exit\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse787067143\";\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\":\"Collapse787067143__root\",\"exit\":\"Collapse787067143__exit\"};\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,mBAAmB;AACrC,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,yBAAyB;EAAC,MAAM,EAAC;AAAyB,CAAC;AACjF,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/CollectionPage/CollectionPage.js

@@ -14,6 +14,10 @@ var _usePageHeader = require("../../hooks/usePageHeader");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionPage/CollectionPage.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; }
+/**
+ * @deprecated Use [CollectionPage](./?path=%2Fstory%2Fbase-components-pages-collection-page--collectionpage) from
+ * `@wix/patterns/page`
+ */
 function CollectionPage({
   children,
   state,
@@ -33,7 +37,7 @@ function CollectionPage({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 40,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_InfiniteScrollPage.InfiniteScrollPage, (0, _extends2.default)({
@@ -42,7 +46,7 @@ function CollectionPage({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 41,
       columnNumber: 7
     }
   }), header && /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, (0, _extends2.default)({}, header.props, {
@@ -51,14 +55,14 @@ function CollectionPage({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 45,
+        lineNumber: 49,
         columnNumber: 17
       }
     }, header.props.title),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 43,
       columnNumber: 11
     }
   })), childrenArr.filter(e => e !== header)));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionPageHeader","_InfiniteScrollPage","_CollectionContext","_react2","_usePageHeader","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CollectionPage","children","state","hideTotal","rest","childrenArr","Children","toArray","header","title","pageTitle","usePageHeader","collectionPageState","useCollectionPageState","createElement","CollectionProvider","value","__self","__source","fileName","lineNumber","columnNumber","InfiniteScrollPage","_extends2","Page","Header","props","CollectionPageHeader","filter"],"sources":["../../../../src/components/CollectionPage/CollectionPage.tsx"],"sourcesContent":["import { Page, PageProps } from '@wix/design-system';\nimport React, { Children, ReactNode } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { CollectionPageHeader } from '../CollectionPageHeader';\nimport { InfiniteScrollPage } from '../PageWrapper/InfiniteScrollPage';\nimport { CollectionProvider } from '../CollectionContext';\nimport { useCollectionPageState } from '@wix/bex-core/react';\nimport { usePageHeader } from '../../hooks/usePageHeader';\n\nexport interface CollectionPageProps<T, F extends FiltersMap>\n  extends PageProps {\n  /**\n   * A collection state instance created with [useCollection](./?path=/story/common-hooks--usecollection)\n   * @external\n   */\n  state: CollectionState<T, F>;\n  children?: ReactNode;\n  /**\n   * Hide total items count\n   * @external\n   */\n  hideTotal?: boolean;\n}\nexport function CollectionPage<T, F extends FiltersMap = FiltersMap>({\n  children,\n  state,\n  hideTotal,\n  ...rest\n}: CollectionPageProps<T, F>) {\n  const childrenArr = Children.toArray(children);\n\n  const { header, title: pageTitle } = usePageHeader(childrenArr);\n  const collectionPageState = useCollectionPageState({ pageTitle });\n\n  return (\n    <CollectionProvider value={state}>\n      <InfiniteScrollPage state={collectionPageState} {...rest}>\n        {header && (\n          <Page.Header\n            {...header.props}\n            title={\n              hideTotal ? (\n                header.props.title\n              ) : (\n                <CollectionPageHeader state={state}>\n                  {header.props.title}\n                </CollectionPageHeader>\n              )\n            }\n          />\n        )}\n        {childrenArr.filter((e) => e !== header)}\n      </InfiniteScrollPage>\n    </CollectionProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionPageHeader","_InfiniteScrollPage","_CollectionContext","_react2","_usePageHeader","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CollectionPage","children","state","hideTotal","rest","childrenArr","Children","toArray","header","title","pageTitle","usePageHeader","collectionPageState","useCollectionPageState","createElement","CollectionProvider","value","__self","__source","fileName","lineNumber","columnNumber","InfiniteScrollPage","_extends2","Page","Header","props","CollectionPageHeader","filter"],"sources":["../../../../src/components/CollectionPage/CollectionPage.tsx"],"sourcesContent":["import { Page, PageProps } from '@wix/design-system';\nimport React, { Children, ReactNode } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { CollectionPageHeader } from '../CollectionPageHeader';\nimport { InfiniteScrollPage } from '../PageWrapper/InfiniteScrollPage';\nimport { CollectionProvider } from '../CollectionContext';\nimport { useCollectionPageState } from '@wix/bex-core/react';\nimport { usePageHeader } from '../../hooks/usePageHeader';\n\nexport interface CollectionPageProps<T, F extends FiltersMap>\n  extends PageProps {\n  /**\n   * A collection state instance created with [useCollection](./?path=/story/common-hooks--usecollection)\n   * @external\n   */\n  state: CollectionState<T, F>;\n  children?: ReactNode;\n  /**\n   * Hide total items count\n   * @external\n   */\n  hideTotal?: boolean;\n}\n/**\n * @deprecated Use [CollectionPage](./?path=%2Fstory%2Fbase-components-pages-collection-page--collectionpage) from\n * `@wix/patterns/page`\n */\nexport function CollectionPage<T, F extends FiltersMap = FiltersMap>({\n  children,\n  state,\n  hideTotal,\n  ...rest\n}: CollectionPageProps<T, F>) {\n  const childrenArr = Children.toArray(children);\n\n  const { header, title: pageTitle } = usePageHeader(childrenArr);\n  const collectionPageState = useCollectionPageState({ pageTitle });\n\n  return (\n    <CollectionProvider value={state}>\n      <InfiniteScrollPage state={collectionPageState} {...rest}>\n        {header && (\n          <Page.Header\n            {...header.props}\n            title={\n              hideTotal ? (\n                header.props.title\n              ) : (\n                <CollectionPageHeader state={state}>\n                  {header.props.title}\n                </CollectionPageHeader>\n              )\n            }\n          />\n        )}\n        {childrenArr.filter((e) => e !== header)}\n      </InfiniteScrollPage>\n    </CollectionProvider>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,cAAA,GAAAP,OAAA;AAA0D,IAAAQ,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAgB1D;AACA;AACA;AACA;AACO,SAASW,cAAcA,CAAuC;EACnEC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACT,GAAGC;AACsB,CAAC,EAAE;EAC5B,MAAMC,WAAW,GAAGC,eAAQ,CAACC,OAAO,CAACN,QAAQ,CAAC;EAE9C,MAAM;IAAEO,MAAM;IAAEC,KAAK,EAAEC;EAAU,CAAC,GAAG,IAAAC,4BAAa,EAACN,WAAW,CAAC;EAC/D,MAAMO,mBAAmB,GAAG,IAAAC,8BAAsB,EAAC;IAAEH;EAAU,CAAC,CAAC;EAEjE,oBACEtC,MAAA,CAAAc,OAAA,CAAA4B,aAAA,CAACtC,kBAAA,CAAAuC,kBAAkB;IAACC,KAAK,EAAEd,KAAM;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC/BjD,MAAA,CAAAc,OAAA,CAAA4B,aAAA,CAACvC,mBAAA,CAAA+C,kBAAkB,MAAAC,SAAA,CAAArC,OAAA;IAACgB,KAAK,EAAEU;EAAoB,GAAKR,IAAI;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,IACrDb,MAAM,iBACLpC,MAAA,CAAAc,OAAA,CAAA4B,aAAA,CAAC5C,aAAA,CAAAsD,IAAI,CAACC,MAAM,MAAAF,SAAA,CAAArC,OAAA,MACNsB,MAAM,CAACkB,KAAK;IAChBjB,KAAK,EACHN,SAAS,GACPK,MAAM,CAACkB,KAAK,CAACjB,KAAK,gBAElBrC,MAAA,CAAAc,OAAA,CAAA4B,aAAA,CAACxC,qBAAA,CAAAqD,oBAAoB;MAACzB,KAAK,EAAEA,KAAM;MAAAe,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxC,YAAA;QAAAyC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAChCb,MAAM,CAACkB,KAAK,CAACjB,KACM,CAEzB;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACF,EACAhB,WAAW,CAACuB,MAAM,CAAE/C,CAAC,IAAKA,CAAC,KAAK2B,MAAM,CACrB,CACF,CAAC;AAEzB","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.js

@@ -164,7 +164,7 @@ function _CollectionToolbar(props) {
       lineNumber: 162,
       columnNumber: 17
     }
-  }, left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem, filtersElement)), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
+  }, left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem, !viewsToolbarItem ? filtersElement : undefined)), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
     position: "end",
     className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.right, {}, ...[rendersStart ? undefined : _CollectionToolbarStCss.classes.fullWidth]),
     __self: this,
@@ -173,39 +173,39 @@ function _CollectionToolbar(props) {
       lineNumber: 175,
       columnNumber: 17
     }
-  }, left ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem, filtersElement) : undefined, MoreFiltersButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
+  }, left ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem, filtersElement) : viewsToolbarItem ? filtersElement : undefined, MoreFiltersButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 190,
+      lineNumber: 192,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(MoreFiltersButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 191,
+      lineNumber: 193,
       columnNumber: 23
     }
   })), customColumns && showCustomColumnsOnTheLeft && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 195,
+      lineNumber: 197,
       columnNumber: 21
     }
   }, customColumns), multiLevelSorting && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 198,
+      lineNumber: 200,
       columnNumber: 21
     }
   }, multiLevelSorting), exportButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 201,
+      lineNumber: 203,
       columnNumber: 21
     }
   }, /*#__PURE__*/(0, _react.cloneElement)(exportButton, {
@@ -214,7 +214,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 208,
+      lineNumber: 210,
       columnNumber: 21
     }
   }, customColumns), search && /*#__PURE__*/_react.default.createElement(_SearchOrCustomFilter.SearchOrCustomFilter, {
@@ -222,14 +222,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 212,
       columnNumber: 30
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 214,
       columnNumber: 21
     }
   }, primaryActionButton), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -238,7 +238,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 217,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -247,14 +247,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 216,
+      lineNumber: 218,
       columnNumber: 23
     }
   })), tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 223,
+      lineNumber: 225,
       columnNumber: 21
     }
   }, tableGridSwitchButton)))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionContext","_mobxReactLite","_ToolbarItemBox","_SearchOrCustomFilter","_CollectionToolbarStCss","_InitialLoadingConditional","_assertComponentType","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbar","props","_state$tagsCollection","_state$container$expe","_state$container$inte","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","assertComponentType","collection","featuredComponents","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","createElement","ToolbarItemBox","__self","__source","fileName","lineNumber","columnNumber","TagsFiltersWrapper","tagsCollectionState","components","CollectionToolbarFilters","filtersElement","useMemo","left","removeStartPadding","expandable","layout","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","undefined","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","container","experiments","showCustomColumnsOnTheLeft","tableSkeletonEnabled","internalExperiments","enabled","CollectionProvider","Box","direction","minHeight","subtitle","isReorderModeToolbarVisible","TableToolbar","removeVerticalPadding","className","st","classes","root","InitialLoadingConditional","fallback","ItemGroup","position","SkeletonGroup","SkeletonLine","width","Fragment","right","fullWidth","Item","cloneElement","toolbarType","SearchOrCustomFilter","alignSelf","paddingLeft","Divider","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  SkeletonLine,\n  TableToolbar,\n  SkeletonGroup,\n} from '@wix/design-system';\nimport React, {\n  cloneElement,\n  FunctionComponent,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { CollectionProvider } from '../CollectionContext';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type { MultiLevelSortingElement } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { assertComponentType } from '../assertComponentType';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps<T>['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n  } = props;\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const { collection, featuredComponents } = state;\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = views && (\n    <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n      {views}\n    </ToolbarItemBox>\n  );\n\n  const TagsFiltersWrapper =\n    state.tagsCollectionState?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    return filtersProp ?? (TagsFiltersWrapper && <TagsFiltersWrapper />);\n  }, [filtersProp]);\n\n  let left: JSX.Element | undefined;\n\n  if (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title) {\n    left = title;\n  }\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const shouldAddDivider =\n    tableGridSwitchButton && (search || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box minHeight={title?.props.subtitle ? '78px' : '60px'}>\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root)}\n              dataHook=\"collection-table-toolbar\"\n            >\n              <InitialLoadingConditional\n                state={state}\n                fallback={\n                  tableSkeletonEnabled ? (\n                    <TableToolbar.ItemGroup\n                      dataHook=\"toolbar-skeleton\"\n                      position=\"start\"\n                    >\n                      <SkeletonGroup>\n                        <SkeletonLine width=\"169px\" />\n                      </SkeletonGroup>\n                    </TableToolbar.ItemGroup>\n                  ) : null\n                }\n              >\n                <TableToolbar.ItemGroup\n                  position=\"start\"\n                  className={st(classes.left, { expandable: !!tabs })}\n                  dataHook=\"collection-table-toolbar-filters\"\n                >\n                  {left ?? (\n                    <>\n                      {viewsToolbarItem}\n                      {filtersElement}\n                    </>\n                  )}\n                </TableToolbar.ItemGroup>\n\n                <TableToolbar.ItemGroup\n                  position=\"end\"\n                  className={st(\n                    classes.right,\n                    {},\n                    ...[rendersStart ? undefined : classes.fullWidth],\n                  )}\n                >\n                  {left ? (\n                    <>\n                      {viewsToolbarItem}\n                      {filtersElement}\n                    </>\n                  ) : undefined}\n                  {MoreFiltersButton && (\n                    <TableToolbar.Item>\n                      <MoreFiltersButton />\n                    </TableToolbar.Item>\n                  )}\n                  {customColumns && showCustomColumnsOnTheLeft && (\n                    <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n                  )}\n                  {multiLevelSorting && (\n                    <TableToolbar.Item>{multiLevelSorting}</TableToolbar.Item>\n                  )}\n                  {exportButton && (\n                    <TableToolbar.Item>\n                      {cloneElement(exportButton, {\n                        toolbarType: 'default',\n                      })}\n                    </TableToolbar.Item>\n                  )}\n                  {customColumns && !showCustomColumnsOnTheLeft && (\n                    <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n                  )}\n                  {search && <SearchOrCustomFilter search={search} />}\n                  {primaryActionButton && (\n                    <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n                  )}\n                  {shouldAddDivider && (\n                    <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n                      <Divider\n                        direction=\"vertical\"\n                        dataHook=\"collection-table--grid-switch--divider\"\n                      />\n                    </Box>\n                  )}\n                  {tableGridSwitchButton && (\n                    <TableToolbar.Item>\n                      {tableGridSwitchButton}\n                    </TableToolbar.Item>\n                  )}\n                </TableToolbar.ItemGroup>\n              </InitialLoadingConditional>\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAOA,IAAAG,kBAAA,GAAAH,OAAA;AAGA,IAAAI,cAAA,GAAAJ,OAAA;AAGA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,uBAAA,GAAAP,OAAA;AACA,IAAAQ,0BAAA,GAAAR,OAAA;AACA,IAAAS,oBAAA,GAAAT,OAAA;AAA6D,IAAAU,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AA4B7D,SAASW,kBAAkBA,CACzBC,KAAmC,EACnC;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EACA,MAAM;IACJC,KAAK;IACLC,MAAM,GAAG,IAAI;IACbC,KAAK;IACLC,IAAI;IACJC,aAAa;IACbC,iBAAiB;IACjBC,KAAK;IACLC,QAAQ;IACRC,OAAO,EAAEC,WAAW;IACpBC,qBAAqB;IACrBC,YAAY;IACZC,6BAA6B;IAC7BC;EACF,CAAC,GAAGjB,KAAK;EACT,IAAAkB,wCAAmB,EACjBD,mBAAmB,EACnB,qBAAqB,EACrB,qBACF,CAAC;EACD,MAAM;IAAEE,UAAU;IAAEC;EAAmB,CAAC,GAAGhB,KAAK;EAEhD,MAAMiB,iBAAiB,GAAGD,kBAAkB,CAACE,iBAAiB,CAC3DC,KAA6D;EAEhE,MAAMC,gBAAgB,GAAGd,KAAK,iBAC5BzC,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAACpD,eAAA,CAAAqD,cAAc;IAACf,QAAQ,EAAC,qCAAqC;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3DrB,KACa,CACjB;EAED,MAAMsB,kBAAkB,IAAA/B,qBAAA,GACtBG,KAAK,CAAC6B,mBAAmB,qBAAzBhC,qBAAA,CAA2BiC,UAAU,CAACC,wBAAwB;EAEhE,MAAMC,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAM;IACnC,OAAOxB,WAAW,KAAKmB,kBAAkB,iBAAI/D,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAACO,kBAAkB;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnD,YAAA;QAAAoD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,CAAC;EACtE,CAAC,EAAE,CAAClB,WAAW,CAAC,CAAC;EAEjB,IAAIyB,IAA6B;EAEjC,IAAI/B,IAAI,EAAE;IACR+B,IAAI,gBACFrE,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAACpD,eAAA,CAAAqD,cAAc;MAACa,kBAAkB;MAACC,UAAU;MAACC,MAAM,EAAC,QAAQ;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnD,YAAA;QAAAoD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC1DxB,IACa,CACjB;EACH,CAAC,MAAM,IAAID,KAAK,EAAE;IAChBgC,IAAI,GAAGhC,KAAK;EACd;;EAEA;EACA,MAAM,CAACoC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAU,CAAC;EAE3D,IAAAC,gBAAS,EAAC,MAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IACdL,eAAe,CACb,CAAC,CAACL,IAAI,IACJ,CAAC,CAACd,gBAAgB,IACjB,EAAAsB,qBAAA,GAAA1C,KAAK,CAAC6C,mBAAmB,qBAAzBH,qBAAA,CAA2BI,kBAAkB,CAAC3B,KAAK,MAAK4B,SAAS,IAChE,EAAAJ,sBAAA,GAAA3C,KAAK,CAAC6C,mBAAmB,qBAAzBF,sBAAA,CAA2BG,kBAAkB,CAAC3B,KAAK,MAAK,IAAI,IAC5D,EAAAyB,sBAAA,GAAA5C,KAAK,CAAC6C,mBAAmB,qBAAzBD,sBAAA,CAA2BE,kBAAkB,CAAC3B,KAAK,IAAG,CAC5D,CAAC;EACH,CAAC,EAAE,CAACe,IAAI,EAAEd,gBAAgB,EAAEpB,KAAK,CAACgD,8BAA8B,CAAC,CAAC;EAElE,MAAMC,gBAAgB,GACpBvC,qBAAqB,KAAKT,MAAM,IAAIgB,iBAAiB,CAAC;EAExD,MAAMiC,qCAAqC,IAAApD,qBAAA,GACzCE,KAAK,CAACmD,SAAS,CAACC,WAAW,qBAA3BtD,qBAAA,CAA6Bf,GAAG,CAC9B,kDACF,CAAC;EAEH,MAAMsE,0BAA0B,GAC9BH,qCAAqC,KAAK,GAAG,IAC7CA,qCAAqC,KAAK,GAAG;EAE/C,MAAMI,oBAAoB,IAAAvD,qBAAA,GAAGC,KAAK,CAACmD,SAAS,CAACI,mBAAmB,qBAAnCxD,qBAAA,CAAqCyD,OAAO,CACvE,iCACF,CAAC;EAED,oBACE3F,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAACtD,kBAAA,CAAA0F,kBAAkB;IAACtC,KAAK,EAAEJ,UAAW;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpC9D,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAA+F,GAAG;IAACC,SAAS,EAAC,UAAU;IAACpD,QAAQ,EAAEA,QAAS;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3C9D,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAA+F,GAAG;IAACE,SAAS,EAAE1D,KAAK,YAALA,KAAK,CAAEN,KAAK,CAACiE,QAAQ,GAAG,MAAM,GAAG,MAAO;IAAAtC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrD3B,KAAK,CAAC8D,2BAA2B,GAChClD,6BAA6B,gBAE7B/C,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAAoG,YAAY;IACXC,qBAAqB;IACrBC,SAAS,EAAE,IAAAC,0BAAE,EAACC,+BAAO,CAACC,IAAI,CAAE;IAC5B7D,QAAQ,EAAC,0BAA0B;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnC9D,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAACjD,0BAAA,CAAAiG,yBAAyB;IACxBrE,KAAK,EAAEA,KAAM;IACbsE,QAAQ,EACNhB,oBAAoB,gBAClBzF,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAAoG,YAAY,CAACQ,SAAS;MACrBhE,QAAQ,EAAC,kBAAkB;MAC3BiE,QAAQ,EAAC,OAAO;MAAAjD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnD,YAAA;QAAAoD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEhB9D,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAA8G,aAAa;MAAAlD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnD,YAAA;QAAAoD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACZ9D,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAA+G,YAAY;MAACC,KAAK,EAAC,OAAO;MAAApD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnD,YAAA;QAAAoD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAChB,CACO,CAAC,GACvB,IACL;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAED9D,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAAoG,YAAY,CAACQ,SAAS;IACrBC,QAAQ,EAAC,OAAO;IAChBP,SAAS,EAAE,IAAAC,0BAAE,EAACC,+BAAO,CAACjC,IAAI,EAAE;MAAEE,UAAU,EAAE,CAAC,CAACjC;IAAK,CAAC,CAAE;IACpDI,QAAQ,EAAC,kCAAkC;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1CO,IAAI,iBACHrE,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAAxD,MAAA,CAAAgB,OAAA,CAAA+F,QAAA,QACGxD,gBAAgB,EAChBY,cACD,CAEkB,CAAC,eAEzBnE,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAAoG,YAAY,CAACQ,SAAS;IACrBC,QAAQ,EAAC,KAAK;IACdP,SAAS,EAAE,IAAAC,0BAAE,EACXC,+BAAO,CAACU,KAAK,EACb,CAAC,CAAC,EACF,GAAG,CAACvC,YAAY,GAAGS,SAAS,GAAGoB,+BAAO,CAACW,SAAS,CAClD,CAAE;IAAAvD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDO,IAAI,gBACHrE,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAAxD,MAAA,CAAAgB,OAAA,CAAA+F,QAAA,QACGxD,gBAAgB,EAChBY,cACD,CAAC,GACDe,SAAS,EACZ9B,iBAAiB,iBAChBpD,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAAoG,YAAY,CAACgB,IAAI;IAAAxD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChB9D,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAACJ,iBAAiB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACH,CACpB,EACAvB,aAAa,IAAIiD,0BAA0B,iBAC1CxF,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAAoG,YAAY,CAACgB,IAAI;IAAAxD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEvB,aAAiC,CACtD,EACAC,iBAAiB,iBAChBxC,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAAoG,YAAY,CAACgB,IAAI;IAAAxD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEtB,iBAAqC,CAC1D,EACAM,YAAY,iBACX9C,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAAoG,YAAY,CAACgB,IAAI;IAAAxD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACf,IAAAqD,mBAAY,EAACrE,YAAY,EAAE;IAC1BsE,WAAW,EAAE;EACf,CAAC,CACgB,CACpB,EACA7E,aAAa,IAAI,CAACiD,0BAA0B,iBAC3CxF,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAAoG,YAAY,CAACgB,IAAI;IAAAxD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEvB,aAAiC,CACtD,EACAH,MAAM,iBAAIpC,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAACnD,qBAAA,CAAAgH,oBAAoB;IAACjF,MAAM,EAAEA,MAAO;IAAAsB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAClDd,mBAAmB,iBAClBhD,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAAoG,YAAY,CAACgB,IAAI;IAAAxD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEd,mBAAuC,CAC5D,EACAoC,gBAAgB,iBACfpF,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAA+F,GAAG;IAACyB,SAAS,EAAC,SAAS;IAACC,WAAW,EAAC,KAAK;IAAA7D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxC9D,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAA0H,OAAO;IACN1B,SAAS,EAAC,UAAU;IACpBpD,QAAQ,EAAC,wCAAwC;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClD,CACE,CACN,EACAjB,qBAAqB,iBACpB7C,MAAA,CAAAgB,OAAA,CAAAwC,aAAA,CAAC1D,aAAA,CAAAoG,YAAY,CAACgB,IAAI;IAAAxD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,GACfjB,qBACgB,CAEC,CACC,CACf,CAEb,CACF,CACa,CAAC;AAEzB;AAEO,MAAM4E,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC7F,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionContext","_mobxReactLite","_ToolbarItemBox","_SearchOrCustomFilter","_CollectionToolbarStCss","_InitialLoadingConditional","_assertComponentType","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbar","props","_state$tagsCollection","_state$container$expe","_state$container$inte","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","assertComponentType","collection","featuredComponents","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","createElement","ToolbarItemBox","__self","__source","fileName","lineNumber","columnNumber","TagsFiltersWrapper","tagsCollectionState","components","CollectionToolbarFilters","filtersElement","useMemo","left","removeStartPadding","expandable","layout","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","undefined","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","container","experiments","showCustomColumnsOnTheLeft","tableSkeletonEnabled","internalExperiments","enabled","CollectionProvider","Box","direction","minHeight","subtitle","isReorderModeToolbarVisible","TableToolbar","removeVerticalPadding","className","st","classes","root","InitialLoadingConditional","fallback","ItemGroup","position","SkeletonGroup","SkeletonLine","width","Fragment","right","fullWidth","Item","cloneElement","toolbarType","SearchOrCustomFilter","alignSelf","paddingLeft","Divider","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  SkeletonLine,\n  TableToolbar,\n  SkeletonGroup,\n} from '@wix/design-system';\nimport React, {\n  cloneElement,\n  FunctionComponent,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { CollectionProvider } from '../CollectionContext';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type { MultiLevelSortingElement } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { assertComponentType } from '../assertComponentType';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps<T>['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n  } = props;\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const { collection, featuredComponents } = state;\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = views && (\n    <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n      {views}\n    </ToolbarItemBox>\n  );\n\n  const TagsFiltersWrapper =\n    state.tagsCollectionState?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    return filtersProp ?? (TagsFiltersWrapper && <TagsFiltersWrapper />);\n  }, [filtersProp]);\n\n  let left: JSX.Element | undefined;\n\n  if (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title) {\n    left = title;\n  }\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const shouldAddDivider =\n    tableGridSwitchButton && (search || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box minHeight={title?.props.subtitle ? '78px' : '60px'}>\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root)}\n              dataHook=\"collection-table-toolbar\"\n            >\n              <InitialLoadingConditional\n                state={state}\n                fallback={\n                  tableSkeletonEnabled ? (\n                    <TableToolbar.ItemGroup\n                      dataHook=\"toolbar-skeleton\"\n                      position=\"start\"\n                    >\n                      <SkeletonGroup>\n                        <SkeletonLine width=\"169px\" />\n                      </SkeletonGroup>\n                    </TableToolbar.ItemGroup>\n                  ) : null\n                }\n              >\n                <TableToolbar.ItemGroup\n                  position=\"start\"\n                  className={st(classes.left, { expandable: !!tabs })}\n                  dataHook=\"collection-table-toolbar-filters\"\n                >\n                  {left ?? (\n                    <>\n                      {viewsToolbarItem}\n                      {!viewsToolbarItem ? filtersElement : undefined}\n                    </>\n                  )}\n                </TableToolbar.ItemGroup>\n\n                <TableToolbar.ItemGroup\n                  position=\"end\"\n                  className={st(\n                    classes.right,\n                    {},\n                    ...[rendersStart ? undefined : classes.fullWidth],\n                  )}\n                >\n                  {left ? (\n                    <>\n                      {viewsToolbarItem}\n                      {filtersElement}\n                    </>\n                  ) : viewsToolbarItem ? (\n                    filtersElement\n                  ) : undefined}\n                  {MoreFiltersButton && (\n                    <TableToolbar.Item>\n                      <MoreFiltersButton />\n                    </TableToolbar.Item>\n                  )}\n                  {customColumns && showCustomColumnsOnTheLeft && (\n                    <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n                  )}\n                  {multiLevelSorting && (\n                    <TableToolbar.Item>{multiLevelSorting}</TableToolbar.Item>\n                  )}\n                  {exportButton && (\n                    <TableToolbar.Item>\n                      {cloneElement(exportButton, {\n                        toolbarType: 'default',\n                      })}\n                    </TableToolbar.Item>\n                  )}\n                  {customColumns && !showCustomColumnsOnTheLeft && (\n                    <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n                  )}\n                  {search && <SearchOrCustomFilter search={search} />}\n                  {primaryActionButton && (\n                    <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n                  )}\n                  {shouldAddDivider && (\n                    <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n                      <Divider\n                        direction=\"vertical\"\n                        dataHook=\"collection-table--grid-switch--divider\"\n                      />\n                    </Box>\n                  )}\n                  {tableGridSwitchButton && (\n                    <TableToolbar.Item>\n                      {tableGridSwitchButton}\n                    </TableToolbar.Item>\n                  )}\n                </TableToolbar.ItemGroup>\n              </InitialLoadingConditional>\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar2837974424";
+var _namespace_ = "CollectionToolbar1268805643";
 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": "CollectionToolbar2837974424__root",
-  "left": "CollectionToolbar2837974424__left",
-  "right": "CollectionToolbar2837974424__right",
-  "fullWidth": "CollectionToolbar2837974424__fullWidth"
+  "root": "CollectionToolbar1268805643__root",
+  "left": "CollectionToolbar1268805643__left",
+  "right": "CollectionToolbar1268805643__right",
+  "fullWidth": "CollectionToolbar1268805643__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar2837974424\";\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\":\"CollectionToolbar2837974424__root\",\"left\":\"CollectionToolbar2837974424__left\",\"right\":\"CollectionToolbar2837974424__right\",\"fullWidth\":\"CollectionToolbar2837974424__fullWidth\"};\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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar1268805643\";\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\":\"CollectionToolbar1268805643__root\",\"left\":\"CollectionToolbar1268805643__left\",\"right\":\"CollectionToolbar1268805643__right\",\"fullWidth\":\"CollectionToolbar1268805643__fullWidth\"};\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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/CollectionToolbar.uni.driver.js

@@ -33,8 +33,7 @@ const CollectionToolbarUniDriver = (base, body) => {
   const getViewsDropdown = () => (0, _CollectionViewsDropdownUni.CollectionViewsDropdownUniDriver)(base, body);
   const isToolbarWithFilters = async () => base.$(`[data-hook="toolbar-item-filter-0"]`).exists();
   const getToolbarFiltersItemsCount = async () => {
-    const node = await base.$(`[data-hook="collection-table-toolbar-filters"]`).getNative();
-    return node.children.length;
+    return base.$$(`[data-hook^="toolbar-item-filter-"]`).count();
   };
   const getToolbarFilterTitleAt = async index => {
     return base.$(`[data-hook="toolbar-item-filter-${index}"] [data-hook="table-toolbar-label"]`).text();