@wix/patterns 1.25.0 → 1.26.0

package/dist/cjs/components/Router/PatternsReactRouter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_history","_reactRouterDom","_react2","_WixPatternsRouterProvider","_PatternsReactRoute","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Routers","children","convertToRoute","child","React","isValidElement","type","PatternsReactRoute","routeProps","props","createElement","Route","_extends2","__self","__source","fileName","lineNumber","columnNumber","container","useWixPatternsContainer","navigate","useNavigate","useState","to","options","Routes","Children","map","PatternsReactRouter","basename","value","history","createBrowserHistory","state","setState","action","location","useLayoutEffect","listen","WixPatternsRouterProvider","Router","navigator","navigationType","exports"],"sources":["../../../../src/components/Router/PatternsReactRouter.tsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport { createBrowserHistory } from 'history';\nimport {\n  Route,\n  RouteProps,\n  Router,\n  Routes as ReactRouters,\n  useNavigate,\n} from 'react-router-dom';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { WixPatternsRouterProvider } from '../../providers/WixPatternsRouterProvider';\nimport { PatternsReactRoute } from './PatternsReactRoute';\n\nconst Routers = ({ children }: { children: React.ReactNode }) => {\n  const convertToRoute = (child: React.ReactNode) => {\n    if (React.isValidElement(child) && child.type === PatternsReactRoute) {\n      const routeProps = child.props as RouteProps;\n      return <Route {...routeProps} />;\n    }\n    return child;\n  };\n\n  const container = useWixPatternsContainer();\n  const navigate = useNavigate();\n\n  useState(() => {\n    container.navigate = (to, options) => {\n      navigate(to, options);\n    };\n  });\n\n  return (\n    <ReactRouters>{React.Children.map(children, convertToRoute)}</ReactRouters>\n  );\n};\n\nexport const PatternsReactRouter = ({\n  children,\n  basename,\n}: {\n  children: React.ReactNode;\n  basename: string;\n}) => {\n  const [value] = useState(() => ({\n    history: createBrowserHistory(),\n  }));\n\n  const [state, setState] = useState({\n    action: value.history.action,\n    location: value.history.location,\n  });\n\n  useLayoutEffect(() => value.history.listen(setState), []);\n\n  return (\n    <WixPatternsRouterProvider>\n      <Router\n        navigator={value.history}\n        navigationType={state.action}\n        basename={basename}\n        location={state.location}\n      >\n        <Routers>{children}</Routers>\n      </Router>\n    </WixPatternsRouterProvider>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAA0D,IAAAM,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,SAAAT,wBAAAS,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;AAE1D,MAAMW,OAAO,GAAGA,CAAC;EAAEC;AAAwC,CAAC,KAAK;EAC/D,MAAMC,cAAc,GAAIC,KAAsB,IAAK;IACjD,IAAI,cAAAC,cAAK,CAACC,cAAc,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,KAAKC,sCAAkB,EAAE;MACpE,MAAMC,UAAU,GAAGL,KAAK,CAACM,KAAmB;MAC5C,oBAAOtC,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACnC,eAAA,CAAAoC,KAAK,MAAAC,SAAA,CAAA1B,OAAA,MAAKsB,UAAU;QAAAK,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAApC,YAAA;UAAAqC,UAAA;UAAAC,YAAA;QAAA;MAAA,EAAG,CAAC;IAClC;IACA,OAAOd,KAAK;EACd,CAAC;EAED,MAAMe,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,QAAQ,GAAG,IAAAC,2BAAW,EAAC,CAAC;EAE9B,IAAAC,eAAQ,EAAC,MAAM;IACbJ,SAAS,CAACE,QAAQ,GAAG,CAACG,EAAE,EAAEC,OAAO,KAAK;MACpCJ,QAAQ,CAACG,EAAE,EAAEC,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,oBACErD,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACnC,eAAA,CAAAkD,MAAY;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEb,cAAK,CAACsB,QAAQ,CAACC,GAAG,CAAC1B,QAAQ,EAAEC,cAAc,CAAgB,CAAC;AAE/E,CAAC;AAEM,MAAM0B,mBAAmB,GAAGA,CAAC;EAClC3B,QAAQ;EACR4B;AAIF,CAAC,KAAK;EACJ,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAR,eAAQ,EAAC,OAAO;IAC9BS,OAAO,EAAE,IAAAC,6BAAoB,EAAC;EAChC,CAAC,CAAC,CAAC;EAEH,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAZ,eAAQ,EAAC;IACjCa,MAAM,EAAEL,KAAK,CAACC,OAAO,CAACI,MAAM;IAC5BC,QAAQ,EAAEN,KAAK,CAACC,OAAO,CAACK;EAC1B,CAAC,CAAC;EAEF,IAAAC,sBAAe,EAAC,MAAMP,KAAK,CAACC,OAAO,CAACO,MAAM,CAACJ,QAAQ,CAAC,EAAE,EAAE,CAAC;EAEzD,oBACE/D,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACjC,0BAAA,CAAA8D,yBAAyB;IAAA1B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxB9C,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACnC,eAAA,CAAAiE,MAAM;IACLC,SAAS,EAAEX,KAAK,CAACC,OAAQ;IACzBW,cAAc,EAAET,KAAK,CAACE,MAAO;IAC7BN,QAAQ,EAAEA,QAAS;IACnBO,QAAQ,EAAEH,KAAK,CAACG,QAAS;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEzB9C,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACV,OAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEhB,QAAkB,CACtB,CACiB,CAAC;AAEhC,CAAC;AAAC0C,OAAA,CAAAf,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_history","_reactRouterDom","_react2","_WixPatternsRouterProvider","_PatternsReactRoute","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Routers","children","convertToRoute","child","React","isValidElement","type","PatternsReactRoute","routeProps","props","createElement","Route","_extends2","__self","__source","fileName","lineNumber","columnNumber","container","useWixPatternsContainer","navigate","useNavigate","useState","to","options","Routes","Children","map","PatternsReactRouter","basename","value","history","createBrowserHistory","state","setState","action","location","useLayoutEffect","listen","WixPatternsRouterProvider","Router","navigator","navigationType","exports"],"sources":["../../../../src/components/Router/PatternsReactRouter.tsx"],"sourcesContent":["import React, { useLayoutEffect, useState } from 'react';\nimport { createBrowserHistory } from 'history';\nimport {\n  Route,\n  RouteProps,\n  Router,\n  Routes as ReactRouters,\n  useNavigate,\n} from 'react-router-dom';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { WixPatternsRouterProvider } from '../../providers/WixPatternsRouterProvider';\nimport { PatternsReactRoute } from './PatternsReactRoute';\n\nconst Routers = ({ children }: { children: React.ReactNode }) => {\n  const convertToRoute = (child: React.ReactNode) => {\n    if (React.isValidElement(child) && child.type === PatternsReactRoute) {\n      const routeProps = child.props as RouteProps;\n      return <Route {...routeProps} />;\n    }\n    return child;\n  };\n\n  const container = useWixPatternsContainer();\n  const navigate = useNavigate();\n\n  useState(() => {\n    container.navigate = (to, options) => {\n      navigate(to, options);\n    };\n  });\n\n  return (\n    <ReactRouters>{React.Children.map(children, convertToRoute)}</ReactRouters>\n  );\n};\n\nexport const PatternsReactRouter = ({\n  children,\n  basename,\n}: {\n  children: React.ReactNode;\n  basename: string;\n}) => {\n  const [value] = useState(() => ({\n    history: createBrowserHistory(),\n  }));\n\n  const [state, setState] = useState({\n    action: value.history.action,\n    location: value.history.location,\n  });\n\n  useLayoutEffect(() => value.history.listen(setState), []);\n\n  return (\n    <WixPatternsRouterProvider history={value.history}>\n      <Router\n        navigator={value.history}\n        navigationType={state.action}\n        basename={basename}\n        location={state.location}\n      >\n        <Routers>{children}</Routers>\n      </Router>\n    </WixPatternsRouterProvider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Router/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/Router/types.ts"],"sourcesContent":["export type RouteType = 'index' | 'create' | 'edit' | 'other';\n\nexport interface RouteBaseProps {\n  type: RouteType;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/Router/types.ts"],"sourcesContent":["export type RouteType = 'collection' | 'createEntity' | 'editEntity' | 'other';\n\nexport interface RouteBaseProps {\n  type: RouteType;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ScrollableContent450555206";
+var _namespace_ = "ScrollableContent2983680219";
 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": "ScrollableContent450555206__root"
+  "root": "ScrollableContent2983680219__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent450555206\";\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\":\"ScrollableContent450555206__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,4BAA4B;AAC9C,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;AAAkC,CAAC;AACzD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2983680219\";\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\":\"ScrollableContent2983680219__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SkeletonCard3738335607";
+var _namespace_ = "SkeletonCard3875076072";
 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": "SkeletonCard3738335607__root",
-  "headerLoading": "SkeletonCard3738335607__headerLoading"
+  "root": "SkeletonCard3875076072__root",
+  "headerLoading": "SkeletonCard3875076072__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard3738335607\";\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\":\"SkeletonCard3738335607__root\",\"headerLoading\":\"SkeletonCard3738335607__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard3875076072\";\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\":\"SkeletonCard3875076072__root\",\"headerLoading\":\"SkeletonCard3875076072__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SlidingModal1797218179";
+var _namespace_ = "SlidingModal3158838121";
 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": "SlidingModal1797218179__root"
+  "root": "SlidingModal3158838121__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal1797218179\";\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\":\"SlidingModal1797218179__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal3158838121\";\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\":\"SlidingModal3158838121__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/Table/TableVirtualHeader.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_ = "TableVirtualHeader2039535417";
+var _namespace_ = "TableVirtualHeader427809860";
 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": "TableVirtualHeader2039535417__root"
+  "root": "TableVirtualHeader427809860__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/TableVirtualHeader.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/Table/TableVirtualHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtualHeader2039535417\";\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\":\"TableVirtualHeader2039535417__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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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/Table/TableVirtualHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtualHeader427809860\";\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\":\"TableVirtualHeader427809860__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.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_ = "TabsFilter1631446957";
+var _namespace_ = "TabsFilter1910146209";
 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": "TabsFilter1631446957__root",
-  "title": "TabsFilter1631446957__title"
+  "root": "TabsFilter1910146209__root",
+  "title": "TabsFilter1910146209__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter1631446957\";\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\":\"TabsFilter1631446957__root\",\"title\":\"TabsFilter1631446957__title\"};\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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter1910146209\";\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\":\"TabsFilter1910146209__root\",\"title\":\"TabsFilter1910146209__title\"};\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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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_ = "ManageTagsModal128526104";
+var _namespace_ = "ManageTagsModal1588379874";
 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": "ManageTagsModal128526104__root"
+  "root": "ManageTagsModal1588379874__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal128526104\";\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\":\"ManageTagsModal128526104__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal1588379874\";\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\":\"ManageTagsModal1588379874__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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/ToolbarCollection/useToolbarCollectionSyncProps.js

@@ -35,7 +35,7 @@ function useToolbarCollectionSyncProps(props) {
     return () => {
       var _pageState$pageState$;
       const scrollTop = (_pageState$pageState$ = pageState.pageState.scrollableContentRef.current) == null ? void 0 : _pageState$pageState$.scrollTop;
-      if (scrollTop) {
+      if (scrollTop !== undefined) {
         state.scrollTopBeforeUnmount = scrollTop;
       }
     };

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","useEffect","reaction","scrollTopBeforeUnmount","fireImmediately","_pageState$pageState$","scrollTop","scrollableContentRef","current","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","undefined","hasHeader","minimizedHeaderHeight","collection","initTask","status","isSuccess","total","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = props.internalScroll;\n\n  const pageState = useCollectionPageContext();\n\n  useEffect(() => {\n    reaction(\n      () => state.scrollTopBeforeUnmount,\n      (scrollTopBeforeUnmount) => {\n        pageState.scrollTopBeforeUnmount = scrollTopBeforeUnmount;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useEffect(\n    () =>\n      reaction(\n        () =>\n          state.collection.initTask.status.isSuccess && state.collection.total,\n        (total) => {\n          pageState.total = total;\n        },\n      ),\n    [],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!props.renderError,\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","useEffect","reaction","scrollTopBeforeUnmount","fireImmediately","_pageState$pageState$","scrollTop","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","collection","initTask","status","isSuccess","total","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = props.internalScroll;\n\n  const pageState = useCollectionPageContext();\n\n  useEffect(() => {\n    reaction(\n      () => state.scrollTopBeforeUnmount,\n      (scrollTopBeforeUnmount) => {\n        pageState.scrollTopBeforeUnmount = scrollTopBeforeUnmount;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useEffect(\n    () =>\n      reaction(\n        () =>\n          state.collection.initTask.status.isSuccess && state.collection.total,\n        (total) => {\n          pageState.total = total;\n        },\n      ),\n    [],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!props.renderError,\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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_ = "ToolbarItemBox3562681951";
+var _namespace_ = "ToolbarItemBox1469399201";
 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": "ToolbarItemBox3562681951__root"
+  "root": "ToolbarItemBox1469399201__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox3562681951\";\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\":\"ToolbarItemBox3562681951__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox1469399201\";\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\":\"ToolbarItemBox1469399201__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common3686311020";
+var _namespace_ = "common2751232590";
 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": "common3686311020__root",
-  "column": "common3686311020__column",
-  "fullHeight": "common3686311020__fullHeight"
+  "root": "common2751232590__root",
+  "column": "common2751232590__column",
+  "fullHeight": "common2751232590__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3686311020\";\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\":\"common3686311020__root\",\"column\":\"common3686311020__column\",\"fullHeight\":\"common3686311020__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2751232590\";\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\":\"common2751232590__root\",\"column\":\"common2751232590__column\",\"fullHeight\":\"common2751232590__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/hooks/useCachedUpdatedEntity.js

@@ -0,0 +1,101 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useCachedUpdatedEntity = useCachedUpdatedEntity;
+var _react = require("react");
+var _WixPatternsRouterProvider = require("../providers/WixPatternsRouterProvider");
+var _react2 = require("@wix/bex-core/react");
+var _useSelector = require("../useSelector");
+function useCachedUpdatedEntity(cachedState) {
+  const container = (0, _react2.useWixPatternsContainer)();
+  const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
+  const routeState = (0, _useSelector.useSelector)(() => router == null ? void 0 : router.currentState);
+  const [currentToast, setCurrentToast] = (0, _react.useState)(null);
+  (0, _react.useEffect)(() => {
+    if (cachedState) {
+      try {
+        if (routeState) {
+          const routeStateObject = JSON.parse(routeState);
+          const updatedEntity = routeStateObject._updatedEntity;
+          if (updatedEntity) {
+            const collection = cachedState.toolbar.collection;
+            collection.changeItem(updatedEntity);
+            const fetchPageForItem = itemQuery => {
+              var _collection$getKeyedI;
+              const itemKey = collection.itemKey(updatedEntity);
+              const currentIndex = (_collection$getKeyedI = collection.getKeyedItem(itemKey)) == null ? void 0 : _collection$getKeyedI.indexWithinPage;
+              collection.fetchData(itemQuery).then(updatedData => {
+                const newIndex = updatedData.items.findIndex(item => itemKey === collection.itemKey(item));
+                if (currentIndex !== newIndex) {
+                  const toast = container.showToast == null ? void 0 : container.showToast({
+                    type: 'STANDARD',
+                    timeout: 'NONE',
+                    message: container.translate('cairo.updatedView.collectionPage.toast.desc'),
+                    onCloseClick: () => {
+                      setCurrentToast(null);
+                    },
+                    biName: 'cairo-collection-page-updated-toast',
+                    action: {
+                      text: container.translate('cairo.updatedView.collectionPage.toast.cta'),
+                      onClick: () => {
+                        collection.refreshAllPages();
+                        setCurrentToast(null);
+                      }
+                    }
+                  });
+                  if (toast) {
+                    setCurrentToast(toast);
+                  }
+                }
+              });
+            };
+            const checkIfViewWasUpdated = () => {
+              const itemKey = collection.itemKey(updatedEntity);
+              let fetchedPageInfo = null;
+              for (let fetchIndex = collection.fetchesHistory.length - 1; fetchIndex >= 0; fetchIndex--) {
+                const fetch = collection.fetchesHistory[fetchIndex];
+                if (fetch.itemsKeys.some(fetchedItemKey => fetchedItemKey === itemKey)) {
+                  fetchedPageInfo = fetch.queryPageInfo;
+                  break;
+                }
+              }
+              if (!fetchedPageInfo) {
+                console.error('Fetched page info for updated entity not found');
+                return;
+              }
+              const itemQuery = {
+                ...collection.query.asComputed,
+                ...fetchedPageInfo
+              };
+              fetchPageForItem(itemQuery);
+            };
+            setTimeout(checkIfViewWasUpdated, 3000);
+          }
+        }
+      } catch (e) {} finally {
+        if (router) {
+          router.setCurrentState(null);
+        }
+      }
+    }
+  }, [cachedState, routeState]);
+  (0, _react.useEffect)(() => {
+    if (!currentToast || !cachedState) {
+      return () => {};
+    }
+    const removeToast = () => {
+      currentToast == null || currentToast.remove();
+      setCurrentToast(null);
+    };
+    const collection = cachedState.toolbar.collection;
+    collection.emitter.on('fetch', () => {
+      removeToast();
+    });
+    return () => {
+      collection.emitter.off('fetch', () => {
+        removeToast();
+      });
+    };
+  }, [currentToast]);
+}
+//# sourceMappingURL=useCachedUpdatedEntity.js.map

package/dist/cjs/hooks/useCachedUpdatedEntity.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_react2","_useSelector","useCachedUpdatedEntity","cachedState","container","useWixPatternsContainer","router","useWixPatternsRouter","routeState","useSelector","currentState","currentToast","setCurrentToast","useState","useEffect","routeStateObject","JSON","parse","updatedEntity","_updatedEntity","collection","toolbar","changeItem","fetchPageForItem","itemQuery","_collection$getKeyedI","itemKey","currentIndex","getKeyedItem","indexWithinPage","fetchData","then","updatedData","newIndex","items","findIndex","item","toast","showToast","type","timeout","message","translate","onCloseClick","biName","action","text","onClick","refreshAllPages","checkIfViewWasUpdated","fetchedPageInfo","fetchIndex","fetchesHistory","length","fetch","itemsKeys","some","fetchedItemKey","queryPageInfo","console","error","query","asComputed","setTimeout","e","setCurrentState","removeToast","remove","emitter","on","off"],"sources":["../../../src/hooks/useCachedUpdatedEntity.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ComputedQuery, RemoveToast } from '@wix/bex-core';\nimport { useSelector } from '../useSelector';\n\nexport function useCachedUpdatedEntity<T extends ICollectionComponentState>(\n  cachedState?: T,\n) {\n  const container = useWixPatternsContainer();\n  const router = useWixPatternsRouter();\n\n  const routeState = useSelector(() => router?.currentState);\n\n  const [currentToast, setCurrentToast] = useState<{\n    remove: RemoveToast;\n  } | null>(null);\n\n  useEffect(() => {\n    if (cachedState) {\n      try {\n        if (routeState) {\n          const routeStateObject = JSON.parse(routeState as string);\n          const updatedEntity = routeStateObject._updatedEntity;\n\n          if (updatedEntity) {\n            const collection = cachedState.toolbar.collection;\n            collection.changeItem(updatedEntity);\n\n            const fetchPageForItem = (itemQuery: ComputedQuery<any>) => {\n              const itemKey = collection.itemKey(updatedEntity);\n              const currentIndex =\n                collection.getKeyedItem(itemKey)?.indexWithinPage;\n\n              collection.fetchData(itemQuery).then((updatedData) => {\n                const newIndex = updatedData.items.findIndex(\n                  (item) => itemKey === collection.itemKey(item),\n                );\n\n                if (currentIndex !== newIndex) {\n                  const toast = container.showToast?.({\n                    type: 'STANDARD',\n                    timeout: 'NONE',\n                    message: container.translate(\n                      'cairo.updatedView.collectionPage.toast.desc',\n                    ),\n                    onCloseClick: () => {\n                      setCurrentToast(null);\n                    },\n                    biName: 'cairo-collection-page-updated-toast',\n                    action: {\n                      text: container.translate(\n                        'cairo.updatedView.collectionPage.toast.cta',\n                      ),\n                      onClick: () => {\n                        collection.refreshAllPages();\n                        setCurrentToast(null);\n                      },\n                    },\n                  });\n\n                  if (toast) {\n                    setCurrentToast(toast);\n                  }\n                }\n              });\n            };\n\n            const checkIfViewWasUpdated = () => {\n              const itemKey = collection.itemKey(updatedEntity);\n              let fetchedPageInfo = null;\n              for (\n                let fetchIndex = collection.fetchesHistory.length - 1;\n                fetchIndex >= 0;\n                fetchIndex--\n              ) {\n                const fetch = collection.fetchesHistory[fetchIndex];\n                if (\n                  fetch.itemsKeys.some(\n                    (fetchedItemKey) => fetchedItemKey === itemKey,\n                  )\n                ) {\n                  fetchedPageInfo = fetch.queryPageInfo;\n                  break;\n                }\n              }\n\n              if (!fetchedPageInfo) {\n                console.error('Fetched page info for updated entity not found');\n                return;\n              }\n\n              const itemQuery = {\n                ...collection.query.asComputed,\n                ...fetchedPageInfo,\n              };\n\n              fetchPageForItem(itemQuery);\n            };\n\n            setTimeout(checkIfViewWasUpdated, 3000);\n          }\n        }\n      } catch (e) {\n      } finally {\n        if (router) {\n          router.setCurrentState(null);\n        }\n      }\n    }\n  }, [cachedState, routeState]);\n\n  useEffect(() => {\n    if (!currentToast || !cachedState) {\n      return () => {};\n    }\n\n    const removeToast = () => {\n      currentToast?.remove();\n      setCurrentToast(null);\n    };\n\n    const collection = cachedState.toolbar.collection;\n    collection.emitter.on('fetch', () => {\n      removeToast();\n    });\n    return () => {\n      collection.emitter.off('fetch', () => {\n        removeToast();\n      });\n    };\n  }, [currentToast]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAEO,SAASI,sBAAsBA,CACpCC,WAAe,EACf;EACA,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAMC,UAAU,GAAG,IAAAC,wBAAW,EAAC,MAAMH,MAAM,oBAANA,MAAM,CAAEI,YAAY,CAAC;EAE1D,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAEtC,IAAI,CAAC;EAEf,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIX,WAAW,EAAE;MACf,IAAI;QACF,IAAIK,UAAU,EAAE;UACd,MAAMO,gBAAgB,GAAGC,IAAI,CAACC,KAAK,CAACT,UAAoB,CAAC;UACzD,MAAMU,aAAa,GAAGH,gBAAgB,CAACI,cAAc;UAErD,IAAID,aAAa,EAAE;YACjB,MAAME,UAAU,GAAGjB,WAAW,CAACkB,OAAO,CAACD,UAAU;YACjDA,UAAU,CAACE,UAAU,CAACJ,aAAa,CAAC;YAEpC,MAAMK,gBAAgB,GAAIC,SAA6B,IAAK;cAAA,IAAAC,qBAAA;cAC1D,MAAMC,OAAO,GAAGN,UAAU,CAACM,OAAO,CAACR,aAAa,CAAC;cACjD,MAAMS,YAAY,IAAAF,qBAAA,GAChBL,UAAU,CAACQ,YAAY,CAACF,OAAO,CAAC,qBAAhCD,qBAAA,CAAkCI,eAAe;cAEnDT,UAAU,CAACU,SAAS,CAACN,SAAS,CAAC,CAACO,IAAI,CAAEC,WAAW,IAAK;gBACpD,MAAMC,QAAQ,GAAGD,WAAW,CAACE,KAAK,CAACC,SAAS,CACzCC,IAAI,IAAKV,OAAO,KAAKN,UAAU,CAACM,OAAO,CAACU,IAAI,CAC/C,CAAC;gBAED,IAAIT,YAAY,KAAKM,QAAQ,EAAE;kBAC7B,MAAMI,KAAK,GAAGjC,SAAS,CAACkC,SAAS,oBAAnBlC,SAAS,CAACkC,SAAS,CAAG;oBAClCC,IAAI,EAAE,UAAU;oBAChBC,OAAO,EAAE,MAAM;oBACfC,OAAO,EAAErC,SAAS,CAACsC,SAAS,CAC1B,6CACF,CAAC;oBACDC,YAAY,EAAEA,CAAA,KAAM;sBAClB/B,eAAe,CAAC,IAAI,CAAC;oBACvB,CAAC;oBACDgC,MAAM,EAAE,qCAAqC;oBAC7CC,MAAM,EAAE;sBACNC,IAAI,EAAE1C,SAAS,CAACsC,SAAS,CACvB,4CACF,CAAC;sBACDK,OAAO,EAAEA,CAAA,KAAM;wBACb3B,UAAU,CAAC4B,eAAe,CAAC,CAAC;wBAC5BpC,eAAe,CAAC,IAAI,CAAC;sBACvB;oBACF;kBACF,CAAC,CAAC;kBAEF,IAAIyB,KAAK,EAAE;oBACTzB,eAAe,CAACyB,KAAK,CAAC;kBACxB;gBACF;cACF,CAAC,CAAC;YACJ,CAAC;YAED,MAAMY,qBAAqB,GAAGA,CAAA,KAAM;cAClC,MAAMvB,OAAO,GAAGN,UAAU,CAACM,OAAO,CAACR,aAAa,CAAC;cACjD,IAAIgC,eAAe,GAAG,IAAI;cAC1B,KACE,IAAIC,UAAU,GAAG/B,UAAU,CAACgC,cAAc,CAACC,MAAM,GAAG,CAAC,EACrDF,UAAU,IAAI,CAAC,EACfA,UAAU,EAAE,EACZ;gBACA,MAAMG,KAAK,GAAGlC,UAAU,CAACgC,cAAc,CAACD,UAAU,CAAC;gBACnD,IACEG,KAAK,CAACC,SAAS,CAACC,IAAI,CACjBC,cAAc,IAAKA,cAAc,KAAK/B,OACzC,CAAC,EACD;kBACAwB,eAAe,GAAGI,KAAK,CAACI,aAAa;kBACrC;gBACF;cACF;cAEA,IAAI,CAACR,eAAe,EAAE;gBACpBS,OAAO,CAACC,KAAK,CAAC,gDAAgD,CAAC;gBAC/D;cACF;cAEA,MAAMpC,SAAS,GAAG;gBAChB,GAAGJ,UAAU,CAACyC,KAAK,CAACC,UAAU;gBAC9B,GAAGZ;cACL,CAAC;cAED3B,gBAAgB,CAACC,SAAS,CAAC;YAC7B,CAAC;YAEDuC,UAAU,CAACd,qBAAqB,EAAE,IAAI,CAAC;UACzC;QACF;MACF,CAAC,CAAC,OAAOe,CAAC,EAAE,CACZ,CAAC,SAAS;QACR,IAAI1D,MAAM,EAAE;UACVA,MAAM,CAAC2D,eAAe,CAAC,IAAI,CAAC;QAC9B;MACF;IACF;EACF,CAAC,EAAE,CAAC9D,WAAW,EAAEK,UAAU,CAAC,CAAC;EAE7B,IAAAM,gBAAS,EAAC,MAAM;IACd,IAAI,CAACH,YAAY,IAAI,CAACR,WAAW,EAAE;MACjC,OAAO,MAAM,CAAC,CAAC;IACjB;IAEA,MAAM+D,WAAW,GAAGA,CAAA,KAAM;MACxBvD,YAAY,YAAZA,YAAY,CAAEwD,MAAM,CAAC,CAAC;MACtBvD,eAAe,CAAC,IAAI,CAAC;IACvB,CAAC;IAED,MAAMQ,UAAU,GAAGjB,WAAW,CAACkB,OAAO,CAACD,UAAU;IACjDA,UAAU,CAACgD,OAAO,CAACC,EAAE,CAAC,OAAO,EAAE,MAAM;MACnCH,WAAW,CAAC,CAAC;IACf,CAAC,CAAC;IACF,OAAO,MAAM;MACX9C,UAAU,CAACgD,OAAO,CAACE,GAAG,CAAC,OAAO,EAAE,MAAM;QACpCJ,WAAW,CAAC,CAAC;MACf,CAAC,CAAC;IACJ,CAAC;EACH,CAAC,EAAE,CAACvD,YAAY,CAAC,CAAC;AACpB","ignoreList":[]}

package/dist/cjs/hooks/useColumnsSyncProps.js

@@ -5,6 +5,7 @@ exports.useColumnsSyncProps = useColumnsSyncProps;
 var _react = require("react");
 var _mobx = require("mobx");
 var _react2 = require("@wix/bex-core/react");
+var _WixPatternsRouterProvider = require("../providers/WixPatternsRouterProvider");
 function useColumnsSyncProps(props) {
   const {
     toolbar,
@@ -14,6 +15,7 @@ function useColumnsSyncProps(props) {
   const {
     modalsContainerRef
   } = (0, _react2.usePageContext)();
+  const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
   const customColumnsProps = (0, _react.useMemo)(() => {
     if (customColumns == null) {
       return null;
@@ -39,6 +41,9 @@ function useColumnsSyncProps(props) {
     });
   }, [customColumnsProps]);
   (0, _react.useEffect)(() => {
+    if (router != null && router.isUsingCache) {
+      return;
+    }
     toolbar._adjustSortWithNewColumns(tableColumns);
   }, [tableColumns.map((e, i) => e.id ?? i).join('')]);
   (0, _react.useEffect)(() => {

package/dist/cjs/hooks/useColumnsSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_react2","useColumnsSyncProps","props","toolbar","customColumns","columns","tableColumns","modalsContainerRef","usePageContext","customColumnsProps","useMemo","onColumnClick","dragAndDrop","type","useState","setCustomColumnsState","useEffect","runInAction","_adjustSortWithNewColumns","map","e","i","id","join","setNewColumns","customColumnsStateInitialized","customColumnsDependency","JSON","stringify","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","_adjustSelectedColumns"],"sources":["../../../src/hooks/useColumnsSyncProps.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { TableColumn } from '../model';\nimport { ToolbarCollectionState } from '../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CustomColumnsElement } from '../components/assertComponentType';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface UseColumnsSyncPropsParams<T, F extends FiltersMap> {\n  customColumns?: CustomColumnsElement | null;\n  columns: TableColumn<T>[];\n  toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport function useColumnsSyncProps<T, F extends FiltersMap>(\n  props: UseColumnsSyncPropsParams<T, F>,\n) {\n  const { toolbar, customColumns, columns: tableColumns } = props;\n  const { modalsContainerRef } = usePageContext();\n\n  const customColumnsProps = useMemo(() => {\n    if (customColumns == null) {\n      return null;\n    }\n\n    const { onColumnClick } = customColumns.props;\n\n    return {\n      onColumnClick,\n      dragAndDrop: customColumns.type.dragAndDrop,\n    };\n  }, [customColumns]);\n\n  useState(() =>\n    customColumns?.type.setCustomColumnsState({\n      toolbar,\n      customColumnsProps: {\n        dragAndDrop: customColumnsProps?.dragAndDrop,\n      },\n      modalsContainerRef,\n    }),\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      toolbar.customColumnsProps = customColumnsProps;\n    });\n  }, [customColumnsProps]);\n\n  useEffect(() => {\n    toolbar._adjustSortWithNewColumns(tableColumns);\n  }, [tableColumns.map((e, i) => e.id ?? i).join('')]);\n\n  useEffect(() => {\n    toolbar.setNewColumns(tableColumns);\n  }, [\n    tableColumns,\n    customColumnsProps != null,\n    toolbar.customColumnsStateInitialized,\n  ]);\n\n  const customColumnsDependency = useMemo(\n    () =>\n      JSON.stringify(\n        tableColumns.map(\n          (\n            { id, reorderDisabled, hiddenFromCustomColumnsSelection, hideable },\n            i,\n          ) => ({\n            id: id ?? i,\n            reorderDisabled,\n            hiddenFromCustomColumnsSelection,\n            hideable,\n          }),\n        ),\n      ),\n    [tableColumns],\n  );\n\n  useEffect(() => {\n    toolbar._adjustSelectedColumns();\n  }, [\n    customColumnsDependency,\n    customColumnsProps != null,\n    toolbar.customColumnsStateInitialized,\n  ]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAF,OAAA;AAQO,SAASG,mBAAmBA,CACjCC,KAAsC,EACtC;EACA,MAAM;IAAEC,OAAO;IAAEC,aAAa;IAAEC,OAAO,EAAEC;EAAa,CAAC,GAAGJ,KAAK;EAC/D,MAAM;IAAEK;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,MAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACvC,IAAIN,aAAa,IAAI,IAAI,EAAE;MACzB,OAAO,IAAI;IACb;IAEA,MAAM;MAAEO;IAAc,CAAC,GAAGP,aAAa,CAACF,KAAK;IAE7C,OAAO;MACLS,aAAa;MACbC,WAAW,EAAER,aAAa,CAACS,IAAI,CAACD;IAClC,CAAC;EACH,CAAC,EAAE,CAACR,aAAa,CAAC,CAAC;EAEnB,IAAAU,eAAQ,EAAC,MACPV,aAAa,oBAAbA,aAAa,CAAES,IAAI,CAACE,qBAAqB,CAAC;IACxCZ,OAAO;IACPM,kBAAkB,EAAE;MAClBG,WAAW,EAAEH,kBAAkB,oBAAlBA,kBAAkB,CAAEG;IACnC,CAAC;IACDL;EACF,CAAC,CACH,CAAC;EAED,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAAC,iBAAW,EAAC,MAAM;MAChBd,OAAO,CAACM,kBAAkB,GAAGA,kBAAkB;IACjD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,kBAAkB,CAAC,CAAC;EAExB,IAAAO,gBAAS,EAAC,MAAM;IACdb,OAAO,CAACe,yBAAyB,CAACZ,YAAY,CAAC;EACjD,CAAC,EAAE,CAACA,YAAY,CAACa,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACE,EAAE,IAAID,CAAC,CAAC,CAACE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;EAEpD,IAAAP,gBAAS,EAAC,MAAM;IACdb,OAAO,CAACqB,aAAa,CAAClB,YAAY,CAAC;EACrC,CAAC,EAAE,CACDA,YAAY,EACZG,kBAAkB,IAAI,IAAI,EAC1BN,OAAO,CAACsB,6BAA6B,CACtC,CAAC;EAEF,MAAMC,uBAAuB,GAAG,IAAAhB,cAAO,EACrC,MACEiB,IAAI,CAACC,SAAS,CACZtB,YAAY,CAACa,GAAG,CACd,CACE;IAAEG,EAAE;IAAEO,eAAe;IAAEC,gCAAgC;IAAEC;EAAS,CAAC,EACnEV,CAAC,MACG;IACJC,EAAE,EAAEA,EAAE,IAAID,CAAC;IACXQ,eAAe;IACfC,gCAAgC;IAChCC;EACF,CAAC,CACH,CACF,CAAC,EACH,CAACzB,YAAY,CACf,CAAC;EAED,IAAAU,gBAAS,EAAC,MAAM;IACdb,OAAO,CAAC6B,sBAAsB,CAAC,CAAC;EAClC,CAAC,EAAE,CACDN,uBAAuB,EACvBjB,kBAAkB,IAAI,IAAI,EAC1BN,OAAO,CAACsB,6BAA6B,CACtC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_react2","_WixPatternsRouterProvider","useColumnsSyncProps","props","toolbar","customColumns","columns","tableColumns","modalsContainerRef","usePageContext","router","useWixPatternsRouter","customColumnsProps","useMemo","onColumnClick","dragAndDrop","type","useState","setCustomColumnsState","useEffect","runInAction","isUsingCache","_adjustSortWithNewColumns","map","e","i","id","join","setNewColumns","customColumnsStateInitialized","customColumnsDependency","JSON","stringify","reorderDisabled","hiddenFromCustomColumnsSelection","hideable","_adjustSelectedColumns"],"sources":["../../../src/hooks/useColumnsSyncProps.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { TableColumn } from '../model';\nimport { ToolbarCollectionState } from '../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CustomColumnsElement } from '../components/assertComponentType';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\n\nexport interface UseColumnsSyncPropsParams<T, F extends FiltersMap> {\n  customColumns?: CustomColumnsElement | null;\n  columns: TableColumn<T>[];\n  toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport function useColumnsSyncProps<T, F extends FiltersMap>(\n  props: UseColumnsSyncPropsParams<T, F>,\n) {\n  const { toolbar, customColumns, columns: tableColumns } = props;\n  const { modalsContainerRef } = usePageContext();\n  const router = useWixPatternsRouter();\n\n  const customColumnsProps = useMemo(() => {\n    if (customColumns == null) {\n      return null;\n    }\n\n    const { onColumnClick } = customColumns.props;\n\n    return {\n      onColumnClick,\n      dragAndDrop: customColumns.type.dragAndDrop,\n    };\n  }, [customColumns]);\n\n  useState(() =>\n    customColumns?.type.setCustomColumnsState({\n      toolbar,\n      customColumnsProps: {\n        dragAndDrop: customColumnsProps?.dragAndDrop,\n      },\n      modalsContainerRef,\n    }),\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      toolbar.customColumnsProps = customColumnsProps;\n    });\n  }, [customColumnsProps]);\n\n  useEffect(() => {\n    if (router?.isUsingCache) {\n      return;\n    }\n\n    toolbar._adjustSortWithNewColumns(tableColumns);\n  }, [tableColumns.map((e, i) => e.id ?? i).join('')]);\n\n  useEffect(() => {\n    toolbar.setNewColumns(tableColumns);\n  }, [\n    tableColumns,\n    customColumnsProps != null,\n    toolbar.customColumnsStateInitialized,\n  ]);\n\n  const customColumnsDependency = useMemo(\n    () =>\n      JSON.stringify(\n        tableColumns.map(\n          (\n            { id, reorderDisabled, hiddenFromCustomColumnsSelection, hideable },\n            i,\n          ) => ({\n            id: id ?? i,\n            reorderDisabled,\n            hiddenFromCustomColumnsSelection,\n            hideable,\n          }),\n        ),\n      ),\n    [tableColumns],\n  );\n\n  useEffect(() => {\n    toolbar._adjustSelectedColumns();\n  }, [\n    customColumnsDependency,\n    customColumnsProps != null,\n    toolbar.customColumnsStateInitialized,\n  ]);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,0BAAA,GAAAH,OAAA;AAQO,SAASI,mBAAmBA,CACjCC,KAAsC,EACtC;EACA,MAAM;IAAEC,OAAO;IAAEC,aAAa;IAAEC,OAAO,EAAEC;EAAa,CAAC,GAAGJ,KAAK;EAC/D,MAAM;IAAEK;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAC/C,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAMC,kBAAkB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACvC,IAAIR,aAAa,IAAI,IAAI,EAAE;MACzB,OAAO,IAAI;IACb;IAEA,MAAM;MAAES;IAAc,CAAC,GAAGT,aAAa,CAACF,KAAK;IAE7C,OAAO;MACLW,aAAa;MACbC,WAAW,EAAEV,aAAa,CAACW,IAAI,CAACD;IAClC,CAAC;EACH,CAAC,EAAE,CAACV,aAAa,CAAC,CAAC;EAEnB,IAAAY,eAAQ,EAAC,MACPZ,aAAa,oBAAbA,aAAa,CAAEW,IAAI,CAACE,qBAAqB,CAAC;IACxCd,OAAO;IACPQ,kBAAkB,EAAE;MAClBG,WAAW,EAAEH,kBAAkB,oBAAlBA,kBAAkB,CAAEG;IACnC,CAAC;IACDP;EACF,CAAC,CACH,CAAC;EAED,IAAAW,gBAAS,EAAC,MAAM;IACd,IAAAC,iBAAW,EAAC,MAAM;MAChBhB,OAAO,CAACQ,kBAAkB,GAAGA,kBAAkB;IACjD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,kBAAkB,CAAC,CAAC;EAExB,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAIT,MAAM,YAANA,MAAM,CAAEW,YAAY,EAAE;MACxB;IACF;IAEAjB,OAAO,CAACkB,yBAAyB,CAACf,YAAY,CAAC;EACjD,CAAC,EAAE,CAACA,YAAY,CAACgB,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACE,EAAE,IAAID,CAAC,CAAC,CAACE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;EAEpD,IAAAR,gBAAS,EAAC,MAAM;IACdf,OAAO,CAACwB,aAAa,CAACrB,YAAY,CAAC;EACrC,CAAC,EAAE,CACDA,YAAY,EACZK,kBAAkB,IAAI,IAAI,EAC1BR,OAAO,CAACyB,6BAA6B,CACtC,CAAC;EAEF,MAAMC,uBAAuB,GAAG,IAAAjB,cAAO,EACrC,MACEkB,IAAI,CAACC,SAAS,CACZzB,YAAY,CAACgB,GAAG,CACd,CACE;IAAEG,EAAE;IAAEO,eAAe;IAAEC,gCAAgC;IAAEC;EAAS,CAAC,EACnEV,CAAC,MACG;IACJC,EAAE,EAAEA,EAAE,IAAID,CAAC;IACXQ,eAAe;IACfC,gCAAgC;IAChCC;EACF,CAAC,CACH,CACF,CAAC,EACH,CAAC5B,YAAY,CACf,CAAC;EAED,IAAAY,gBAAS,EAAC,MAAM;IACdf,OAAO,CAACgC,sBAAsB,CAAC,CAAC;EAClC,CAAC,EAAE,CACDN,uBAAuB,EACvBlB,kBAAkB,IAAI,IAAI,EAC1BR,OAAO,CAACyB,6BAA6B,CACtC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/hooks/useOptionalCachedState.js

@@ -5,12 +5,19 @@ exports.useOptionalCachedState = useOptionalCachedState;
 var _react = require("react");
 var _WixPatternsRouterProvider = require("../providers/WixPatternsRouterProvider");
 var _getCollectionComponentUniqueId = require("../utils/getCollectionComponentUniqueId");
+var _useCachedUpdatedEntity = require("./useCachedUpdatedEntity");
 function useOptionalCachedState(createState) {
   const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
-  const [state] = (0, _react.useState)(() => {
-    const maybeNewState = createState();
+  const [maybeNewState] = (0, _react.useState)(() => createState());
+  const [cachedState] = (0, _react.useState)(() => {
     const uniqueId = (0, _getCollectionComponentUniqueId.getCollectionComponentUniqueId)(maybeNewState);
-    const cachedState = router == null ? void 0 : router.stateRefs.get(uniqueId);
+    return router == null ? void 0 : router.stateRefs.get(uniqueId);
+  });
+  (0, _useCachedUpdatedEntity.useCachedUpdatedEntity)(cachedState);
+  const [state] = (0, _react.useState)(() => {
+    if (router) {
+      router.isUsingCache = !!cachedState;
+    }
     if (cachedState) {
       return cachedState;
     }

package/dist/cjs/hooks/useOptionalCachedState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_getCollectionComponentUniqueId","useOptionalCachedState","createState","router","useWixPatternsRouter","state","useState","maybeNewState","uniqueId","getCollectionComponentUniqueId","cachedState","stateRefs","get","saveState"],"sources":["../../../src/hooks/useOptionalCachedState.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { getCollectionComponentUniqueId } from '../utils/getCollectionComponentUniqueId';\n\nexport function useOptionalCachedState<T extends ICollectionComponentState>(\n  createState: () => T,\n): T {\n  const router = useWixPatternsRouter();\n  const [state] = useState<T>(() => {\n    const maybeNewState = createState();\n    const uniqueId = getCollectionComponentUniqueId(maybeNewState);\n    const cachedState = router?.stateRefs.get(uniqueId) as T | undefined;\n\n    if (cachedState) {\n      return cachedState;\n    }\n\n    router?.saveState<T>(maybeNewState);\n    return maybeNewState;\n  });\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAEA,IAAAE,+BAAA,GAAAF,OAAA;AAEO,SAASG,sBAAsBA,CACpCC,WAAoB,EACjB;EACH,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EACrC,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAI,MAAM;IAChC,MAAMC,aAAa,GAAGL,WAAW,CAAC,CAAC;IACnC,MAAMM,QAAQ,GAAG,IAAAC,8DAA8B,EAACF,aAAa,CAAC;IAC9D,MAAMG,WAAW,GAAGP,MAAM,oBAANA,MAAM,CAAEQ,SAAS,CAACC,GAAG,CAACJ,QAAQ,CAAkB;IAEpE,IAAIE,WAAW,EAAE;MACf,OAAOA,WAAW;IACpB;IAEAP,MAAM,YAANA,MAAM,CAAEU,SAAS,CAAIN,aAAa,CAAC;IACnC,OAAOA,aAAa;EACtB,CAAC,CAAC;EAEF,OAAOF,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_WixPatternsRouterProvider","_getCollectionComponentUniqueId","_useCachedUpdatedEntity","useOptionalCachedState","createState","router","useWixPatternsRouter","maybeNewState","useState","cachedState","uniqueId","getCollectionComponentUniqueId","stateRefs","get","useCachedUpdatedEntity","state","isUsingCache","saveState"],"sources":["../../../src/hooks/useOptionalCachedState.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useWixPatternsRouter } from '../providers/WixPatternsRouterProvider';\nimport { ICollectionComponentState } from '../state/ICollectionComponentState';\nimport { getCollectionComponentUniqueId } from '../utils/getCollectionComponentUniqueId';\nimport { useCachedUpdatedEntity } from './useCachedUpdatedEntity';\n\nexport function useOptionalCachedState<T extends ICollectionComponentState>(\n  createState: () => T,\n): T {\n  const router = useWixPatternsRouter();\n\n  const [maybeNewState] = useState<T>(() => createState());\n  const [cachedState] = useState<T | undefined>(() => {\n    const uniqueId = getCollectionComponentUniqueId(maybeNewState);\n    return router?.stateRefs.get(uniqueId) as T | undefined;\n  });\n\n  useCachedUpdatedEntity(cachedState);\n\n  const [state] = useState<T>(() => {\n    if (router) {\n      router.isUsingCache = !!cachedState;\n    }\n\n    if (cachedState) {\n      return cachedState;\n    }\n\n    router?.saveState<T>(maybeNewState);\n    return maybeNewState;\n  });\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AAEA,IAAAE,+BAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAEO,SAASI,sBAAsBA,CACpCC,WAAoB,EACjB;EACH,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAM,CAACC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAI,MAAMJ,WAAW,CAAC,CAAC,CAAC;EACxD,MAAM,CAACK,WAAW,CAAC,GAAG,IAAAD,eAAQ,EAAgB,MAAM;IAClD,MAAME,QAAQ,GAAG,IAAAC,8DAA8B,EAACJ,aAAa,CAAC;IAC9D,OAAOF,MAAM,oBAANA,MAAM,CAAEO,SAAS,CAACC,GAAG,CAACH,QAAQ,CAAC;EACxC,CAAC,CAAC;EAEF,IAAAI,8CAAsB,EAACL,WAAW,CAAC;EAEnC,MAAM,CAACM,KAAK,CAAC,GAAG,IAAAP,eAAQ,EAAI,MAAM;IAChC,IAAIH,MAAM,EAAE;MACVA,MAAM,CAACW,YAAY,GAAG,CAAC,CAACP,WAAW;IACrC;IAEA,IAAIA,WAAW,EAAE;MACf,OAAOA,WAAW;IACpB;IAEAJ,MAAM,YAANA,MAAM,CAAEY,SAAS,CAAIV,aAAa,CAAC;IACnC,OAAOA,aAAa;EACtB,CAAC,CAAC;EAEF,OAAOQ,KAAK;AACd","ignoreList":[]}