@wix/patterns 1.70.0 → 1.72.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_ = "Collapse1602542510";
+var _namespace_ = "Collapse691779830";
 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": "Collapse1602542510__root",
-  "exit": "Collapse1602542510__exit"
+  "root": "Collapse691779830__root",
+  "exit": "Collapse691779830__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_ = \"Collapse1602542510\";\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\":\"Collapse1602542510__root\",\"exit\":\"Collapse1602542510__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_ = \"Collapse691779830\";\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\":\"Collapse691779830__root\",\"exit\":\"Collapse691779830__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":"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","ignoreList":[]}

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

@@ -14,6 +14,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _providers = require("../../providers");
 var _usePageHeaderNew = require("../../hooks/usePageHeaderNew");
 var _react2 = require("@wix/bex-core/react");
+var _useCollectionPageLoadReporting = require("./useCollectionPageLoadReporting");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionPageNew/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; }
@@ -42,12 +43,16 @@ function _CollectionPage({
     hideHeaderTotal
   });
   (0, _react.useEffect)(() => collectionPageState.init(), []);
+  (0, _useCollectionPageLoadReporting.useCollectionPageLoadReporting)({
+    startTime: collectionPageState.startTime,
+    withinRouter: !!collectionPageState.withinRouter
+  });
   return /*#__PURE__*/_react.default.createElement(_providers.CollectionPageContextProvider, {
     value: collectionPageState,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 58,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_PageWrapper.PageWrapperBase, {
@@ -55,7 +60,7 @@ function _CollectionPage({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 59,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Page, (0, _extends2.default)({
@@ -67,7 +72,7 @@ function _CollectionPage({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 60,
       columnNumber: 9
     }
   }), wrappedChildren)));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_useCollectionPageChild","_CollectionPageHeaderNew","_PageWrapper","_CollectionPageContent","_mobxReactLite","_providers","_usePageHeaderNew","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionPage","children","scrollableContentRef","rest","wrappedChildren","useCollectionPageChild","childrenArr","React","Children","toArray","title","pageTitle","hideTotal","hideHeaderTotal","header","usePageHeader","container","useWixPatternsContainer","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","collectionPageState","useCollectionPageState","hasHeader","useEffect","init","createElement","CollectionPageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","PageWrapperBase","pageState","Page","_extends2","el","current","Header","CollectionPageHeader","Content","CollectionPageContent","displayName","CollectionPage","exports","observer"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.tsx"],"sourcesContent":["import { PageProps, Page } from '@wix/design-system';\nimport React, { ReactNode, useEffect } from 'react';\nimport { useCollectionPageChild } from '../../hooks/useCollectionPageChild';\nimport { CollectionPageHeader } from '../CollectionPageHeaderNew';\nimport { PageWrapperBase } from '../PageWrapper';\nimport { CollectionPageContent } from '../CollectionPageContent';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionPageContextProvider } from '../../providers';\nimport { usePageHeader } from '../../hooks/usePageHeaderNew';\nimport {\n  useCollectionPageState,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\n\nexport interface CollectionPageProps extends PageProps {\n  /**\n   * Accepts [CollectionPage.Header](./?path=/story/base-components-pages-collection-page--collectionpage-header) and [CollectionPage.Content](./?path=/story/base-components-pages-collection-page--collectionpage-content) elements\n   * @external\n   */\n  children?: ReactNode;\n}\n\nfunction _CollectionPage({\n  children,\n  scrollableContentRef,\n  ...rest\n}: CollectionPageProps) {\n  const wrappedChildren = useCollectionPageChild(children);\n  const childrenArr = React.Children.toArray(children);\n  const {\n    title: pageTitle,\n    hideTotal: hideHeaderTotal,\n    header,\n  } = usePageHeader(childrenArr);\n  const container = useWixPatternsContainer();\n  const reportBI = container.createBILogger({\n    componentType: 'Collection page',\n    pageType: 'Collection',\n    route: window.location.pathname,\n  });\n\n  const collectionPageState = useCollectionPageState({\n    reportBI,\n    pageTitle,\n    hasHeader: header != null,\n    hideHeaderTotal,\n  });\n\n  useEffect(() => collectionPageState.init(), []);\n\n  return (\n    <CollectionPageContextProvider value={collectionPageState}>\n      <PageWrapperBase pageState={collectionPageState.pageState}>\n        <Page\n          scrollableContentRef={(el) => {\n            collectionPageState.pageState.scrollableContentRef.current = el;\n            scrollableContentRef?.(el);\n          }}\n          {...rest}\n        >\n          {wrappedChildren}\n        </Page>\n      </PageWrapperBase>\n    </CollectionPageContextProvider>\n  );\n}\n\n_CollectionPage.Header = CollectionPageHeader;\n_CollectionPage.Content = CollectionPageContent;\n\n_CollectionPage.displayName = 'CollectionPage';\n\nexport const CollectionPage = observer(_CollectionPage);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_useCollectionPageChild","_CollectionPageHeaderNew","_PageWrapper","_CollectionPageContent","_mobxReactLite","_providers","_usePageHeaderNew","_react2","_useCollectionPageLoadReporting","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionPage","children","scrollableContentRef","rest","wrappedChildren","useCollectionPageChild","childrenArr","React","Children","toArray","title","pageTitle","hideTotal","hideHeaderTotal","header","usePageHeader","container","useWixPatternsContainer","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","collectionPageState","useCollectionPageState","hasHeader","useEffect","init","useCollectionPageLoadReporting","startTime","withinRouter","createElement","CollectionPageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","PageWrapperBase","pageState","Page","_extends2","el","current","Header","CollectionPageHeader","Content","CollectionPageContent","displayName","CollectionPage","exports","observer"],"sources":["../../../../src/components/CollectionPageNew/CollectionPage.tsx"],"sourcesContent":["import { PageProps, Page } from '@wix/design-system';\nimport React, { ReactNode, useEffect } from 'react';\nimport { useCollectionPageChild } from '../../hooks/useCollectionPageChild';\nimport { CollectionPageHeader } from '../CollectionPageHeaderNew';\nimport { PageWrapperBase } from '../PageWrapper';\nimport { CollectionPageContent } from '../CollectionPageContent';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionPageContextProvider } from '../../providers';\nimport { usePageHeader } from '../../hooks/usePageHeaderNew';\nimport {\n  useCollectionPageState,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { useCollectionPageLoadReporting } from './useCollectionPageLoadReporting';\n\nexport interface CollectionPageProps extends PageProps {\n  /**\n   * Accepts [CollectionPage.Header](./?path=/story/base-components-pages-collection-page--collectionpage-header) and [CollectionPage.Content](./?path=/story/base-components-pages-collection-page--collectionpage-content) elements\n   * @external\n   */\n  children?: ReactNode;\n}\n\nfunction _CollectionPage({\n  children,\n  scrollableContentRef,\n  ...rest\n}: CollectionPageProps) {\n  const wrappedChildren = useCollectionPageChild(children);\n  const childrenArr = React.Children.toArray(children);\n  const {\n    title: pageTitle,\n    hideTotal: hideHeaderTotal,\n    header,\n  } = usePageHeader(childrenArr);\n  const container = useWixPatternsContainer();\n  const reportBI = container.createBILogger({\n    componentType: 'Collection page',\n    pageType: 'Collection',\n    route: window.location.pathname,\n  });\n\n  const collectionPageState = useCollectionPageState({\n    reportBI,\n    pageTitle,\n    hasHeader: header != null,\n    hideHeaderTotal,\n  });\n\n  useEffect(() => collectionPageState.init(), []);\n\n  useCollectionPageLoadReporting({\n    startTime: collectionPageState.startTime,\n    withinRouter: !!collectionPageState.withinRouter,\n  });\n\n  return (\n    <CollectionPageContextProvider value={collectionPageState}>\n      <PageWrapperBase pageState={collectionPageState.pageState}>\n        <Page\n          scrollableContentRef={(el) => {\n            collectionPageState.pageState.scrollableContentRef.current = el;\n            scrollableContentRef?.(el);\n          }}\n          {...rest}\n        >\n          {wrappedChildren}\n        </Page>\n      </PageWrapperBase>\n    </CollectionPageContextProvider>\n  );\n}\n\n_CollectionPage.Header = CollectionPageHeader;\n_CollectionPage.Content = CollectionPageContent;\n\n_CollectionPage.displayName = 'CollectionPage';\n\nexport const CollectionPage = observer(_CollectionPage);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionPageNew/useCollectionPageLoadReporting.js

@@ -0,0 +1,55 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCollectionPageLoadReporting = void 0;
+var _bi = require("@wix/bex-core/bi");
+var _react = require("@wix/bex-core/react");
+var _react2 = require("react");
+const useCollectionPageLoadReporting = ({
+  startTime,
+  withinRouter
+}) => {
+  const [reportedInteractive, setReportedInteractive] = (0, _react2.useState)(false);
+  const [reportedFullyLoaded, setReportedFullyLoaded] = (0, _react2.useState)(false);
+  const {
+    createBILogger,
+    initTask: {
+      status
+    }
+  } = (0, _react.useWixPatternsContainer)();
+  const reportBI = createBILogger({
+    pageType: 'Collection'
+  });
+  const getBIParams = () => {
+    const loadingTime = Math.round(performance.now() - startTime);
+    return {
+      componentType: 'Collection',
+      loadingTime,
+      withinRouter,
+      routerUsage: withinRouter
+    };
+  };
+  const reportPageInteractive = () => {
+    reportBI((0, _bi.wixPatternsPageInteractiveSrc144Evid1000)(getBIParams()));
+    setReportedInteractive(true);
+  };
+  const reportPageFullyLoaded = () => {
+    reportBI((0, _bi.wixPatternsFullPageLoadCompletedSrc144Evid1001)(getBIParams()));
+    setReportedFullyLoaded(true);
+  };
+  (0, _react2.useEffect)(() => {
+    if (status.isLoading && !reportedInteractive) {
+      reportPageInteractive();
+      return;
+    }
+    if (status.isSuccess && !reportedFullyLoaded) {
+      if (!reportedInteractive) {
+        // it happens when returning from entity page with client side router
+        reportPageInteractive();
+      }
+      reportPageFullyLoaded();
+    }
+  }, [status.isSuccess, status.isLoading, reportedInteractive, reportedFullyLoaded]);
+};
+exports.useCollectionPageLoadReporting = useCollectionPageLoadReporting;
+//# sourceMappingURL=useCollectionPageLoadReporting.js.map

package/dist/cjs/components/CollectionPageNew/useCollectionPageLoadReporting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_bi","require","_react","_react2","useCollectionPageLoadReporting","startTime","withinRouter","reportedInteractive","setReportedInteractive","useState","reportedFullyLoaded","setReportedFullyLoaded","createBILogger","initTask","status","useWixPatternsContainer","reportBI","pageType","getBIParams","loadingTime","Math","round","performance","now","componentType","routerUsage","reportPageInteractive","wixPatternsPageInteractiveSrc144Evid1000","reportPageFullyLoaded","wixPatternsFullPageLoadCompletedSrc144Evid1001","useEffect","isLoading","isSuccess","exports"],"sources":["../../../../src/components/CollectionPageNew/useCollectionPageLoadReporting.ts"],"sourcesContent":["import {\n  wixPatternsFullPageLoadCompletedSrc144Evid1001,\n  wixPatternsPageInteractiveSrc144Evid1000,\n} from '@wix/bex-core/bi';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useEffect, useState } from 'react';\n\ninterface ReportingParams {\n  startTime: number;\n  withinRouter: boolean;\n}\nexport const useCollectionPageLoadReporting = ({\n  startTime,\n  withinRouter,\n}: ReportingParams) => {\n  const [reportedInteractive, setReportedInteractive] = useState(false);\n  const [reportedFullyLoaded, setReportedFullyLoaded] = useState(false);\n\n  const {\n    createBILogger,\n    initTask: { status },\n  } = useWixPatternsContainer();\n\n  const reportBI = createBILogger({\n    pageType: 'Collection',\n  });\n\n  const getBIParams = () => {\n    const loadingTime = Math.round(performance.now() - startTime);\n    return {\n      componentType: 'Collection',\n      loadingTime,\n      withinRouter,\n      routerUsage: withinRouter,\n    };\n  };\n\n  const reportPageInteractive = () => {\n    reportBI(wixPatternsPageInteractiveSrc144Evid1000(getBIParams()));\n    setReportedInteractive(true);\n  };\n\n  const reportPageFullyLoaded = () => {\n    reportBI(wixPatternsFullPageLoadCompletedSrc144Evid1001(getBIParams()));\n    setReportedFullyLoaded(true);\n  };\n\n  useEffect(() => {\n    if (status.isLoading && !reportedInteractive) {\n      reportPageInteractive();\n      return;\n    }\n\n    if (status.isSuccess && !reportedFullyLoaded) {\n      if (!reportedInteractive) {\n        // it happens when returning from entity page with client side router\n        reportPageInteractive();\n      }\n      reportPageFullyLoaded();\n    }\n  }, [\n    status.isSuccess,\n    status.isLoading,\n    reportedInteractive,\n    reportedFullyLoaded,\n  ]);\n};\n"],"mappings":";;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAMO,MAAMG,8BAA8B,GAAGA,CAAC;EAC7CC,SAAS;EACTC;AACe,CAAC,KAAK;EACrB,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAC,gBAAQ,EAAC,KAAK,CAAC;EACrE,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAF,gBAAQ,EAAC,KAAK,CAAC;EAErE,MAAM;IACJG,cAAc;IACdC,QAAQ,EAAE;MAAEC;IAAO;EACrB,CAAC,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAE7B,MAAMC,QAAQ,GAAGJ,cAAc,CAAC;IAC9BK,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACxB,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACC,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGlB,SAAS,CAAC;IAC7D,OAAO;MACLmB,aAAa,EAAE,YAAY;MAC3BL,WAAW;MACXb,YAAY;MACZmB,WAAW,EAAEnB;IACf,CAAC;EACH,CAAC;EAED,MAAMoB,qBAAqB,GAAGA,CAAA,KAAM;IAClCV,QAAQ,CAAC,IAAAW,4CAAwC,EAACT,WAAW,CAAC,CAAC,CAAC,CAAC;IACjEV,sBAAsB,CAAC,IAAI,CAAC;EAC9B,CAAC;EAED,MAAMoB,qBAAqB,GAAGA,CAAA,KAAM;IAClCZ,QAAQ,CAAC,IAAAa,kDAA8C,EAACX,WAAW,CAAC,CAAC,CAAC,CAAC;IACvEP,sBAAsB,CAAC,IAAI,CAAC;EAC9B,CAAC;EAED,IAAAmB,iBAAS,EAAC,MAAM;IACd,IAAIhB,MAAM,CAACiB,SAAS,IAAI,CAACxB,mBAAmB,EAAE;MAC5CmB,qBAAqB,CAAC,CAAC;MACvB;IACF;IAEA,IAAIZ,MAAM,CAACkB,SAAS,IAAI,CAACtB,mBAAmB,EAAE;MAC5C,IAAI,CAACH,mBAAmB,EAAE;QACxB;QACAmB,qBAAqB,CAAC,CAAC;MACzB;MACAE,qBAAqB,CAAC,CAAC;IACzB;EACF,CAAC,EAAE,CACDd,MAAM,CAACkB,SAAS,EAChBlB,MAAM,CAACiB,SAAS,EAChBxB,mBAAmB,EACnBG,mBAAmB,CACpB,CAAC;AACJ,CAAC;AAACuB,OAAA,CAAA7B,8BAAA,GAAAA,8BAAA","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_ = "CollectionToolbar3766332816";
+var _namespace_ = "CollectionToolbar1968598018";
 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": "CollectionToolbar3766332816__root",
-  "left": "CollectionToolbar3766332816__left",
-  "right": "CollectionToolbar3766332816__right",
-  "fullWidth": "CollectionToolbar3766332816__fullWidth"
+  "root": "CollectionToolbar1968598018__root",
+  "left": "CollectionToolbar1968598018__left",
+  "right": "CollectionToolbar1968598018__right",
+  "fullWidth": "CollectionToolbar1968598018__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_ = \"CollectionToolbar3766332816\";\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\":\"CollectionToolbar3766332816__root\",\"left\":\"CollectionToolbar3766332816__left\",\"right\":\"CollectionToolbar3766332816__right\",\"fullWidth\":\"CollectionToolbar3766332816__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_ = \"CollectionToolbar1968598018\";\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\":\"CollectionToolbar1968598018__root\",\"left\":\"CollectionToolbar1968598018__left\",\"right\":\"CollectionToolbar1968598018__right\",\"fullWidth\":\"CollectionToolbar1968598018__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/SearchOrCustomFilter.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_ = "SearchOrCustomFilter1779973465";
+var _namespace_ = "SearchOrCustomFilter1700534419";
 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": "SearchOrCustomFilter1779973465__root",
-  "search": "SearchOrCustomFilter1779973465__search"
+  "root": "SearchOrCustomFilter1700534419__root",
+  "search": "SearchOrCustomFilter1700534419__search"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter1779973465\";\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\":\"SearchOrCustomFilter1779973465__root\",\"search\":\"SearchOrCustomFilter1779973465__search\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter1700534419\";\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\":\"SearchOrCustomFilter1700534419__root\",\"search\":\"SearchOrCustomFilter1700534419__search\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/CollectionViewsDropdown/AutoCompleteReadonly.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_ = "AutoCompleteReadonly2411836825";
+var _namespace_ = "AutoCompleteReadonly1977697055";
 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": "AutoCompleteReadonly2411836825__root"
+  "root": "AutoCompleteReadonly1977697055__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2411836825\";\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\":\"AutoCompleteReadonly2411836825__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly1977697055\";\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\":\"AutoCompleteReadonly1977697055__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown3129640302";
+var _namespace_ = "ViewsDropdown877536581";
 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": "ViewsDropdown3129640302__root"
+  "root": "ViewsDropdown877536581__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown3129640302\";\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\":\"ViewsDropdown3129640302__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown877536581\";\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\":\"ViewsDropdown877536581__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/DragHandle/DragHandle.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_ = "DragHandle2408671884";
+var _namespace_ = "DragHandle1276236240";
 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": "DragHandle2408671884__root"
+  "root": "DragHandle1276236240__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle2408671884\";\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\":\"DragHandle2408671884__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,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle1276236240\";\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\":\"DragHandle1276236240__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,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,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/EntityPage/EntityPage.js

@@ -17,6 +17,7 @@ var _providers = require("../../providers");
 var _reactHookForm = require("react-hook-form");
 var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
 var _FormPage = require("../FormPage");
+var _useEntityPageLoadReporting = require("./useEntityPageLoadReporting");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/EntityPage/EntityPage.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; }
@@ -33,12 +34,26 @@ function _EntityPage({
   }
   (0, _react.useState)(() => state.actionsBarConfig = actionsBarConfig);
   (0, _react.useEffect)(() => state.init(), []);
+  const {
+    bi: {
+      startTime
+    },
+    _withinRouter,
+    isFetching,
+    initTask
+  } = state;
+  (0, _useEntityPageLoadReporting.useEntityPageLoadReporting)({
+    withinRouter: !!_withinRouter,
+    startTime,
+    isFetching,
+    initTask
+  });
   return /*#__PURE__*/_react.default.createElement(_providers.EntityPageContextProvider, {
     value: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 47,
+      lineNumber: 62,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_FormPage.FormPageProvider, {
@@ -46,14 +61,14 @@ function _EntityPage({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 63,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_reactHookForm.FormProvider, (0, _extends2.default)({}, state.form, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 64,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_EntityPageWrapper.EntityPageWrapper, (0, _extends2.default)({
@@ -62,7 +77,7 @@ function _EntityPage({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 65,
       columnNumber: 11
     }
   })))));