@wix/patterns 1.25.0 → 1.26.0

package/dist/cjs/providers/WixPatternsRouterProvider.js

@@ -9,15 +9,25 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 const WixPatternsRouterContext = exports.WixPatternsRouterContext = /*#__PURE__*/(0, _react.createContext)(null);
 const WixPatternsRouterProvider = ({
+  history,
   children
 }) => {
   const [routerState] = (0, _react.useState)(() => new _WixPatternsRouterState.WixPatternsRouterState());
+  (0, _react.useEffect)(() => {
+    history.listen(({
+      location
+    }) => {
+      if (location.state) {
+        routerState.setCurrentState(location.state);
+      }
+    });
+  }, []);
   return /*#__PURE__*/_react.default.createElement(WixPatternsRouterContext.Provider, {
     value: routerState,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
+      lineNumber: 28,
       columnNumber: 5
     }
   }, children);

package/dist/cjs/providers/WixPatternsRouterProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_WixPatternsRouterState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WixPatternsRouterContext","exports","createContext","WixPatternsRouterProvider","children","routerState","useState","WixPatternsRouterState","createElement","Provider","value","__self","__source","fileName","lineNumber","columnNumber","useWixPatternsRouter","useContext"],"sources":["../../../src/providers/WixPatternsRouterProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react';\nimport { WixPatternsRouterState } from '../state/WixPatternsRouterState';\n\nexport const WixPatternsRouterContext =\n  createContext<WixPatternsRouterState | null>(null);\n\nexport interface WixPatternsRouterProviderProps {\n  children: React.ReactNode;\n}\n\nexport const WixPatternsRouterProvider = ({\n  children,\n}: WixPatternsRouterProviderProps) => {\n  const [routerState] = useState(() => new WixPatternsRouterState());\n\n  return (\n    <WixPatternsRouterContext.Provider value={routerState}>\n      {children}\n    </WixPatternsRouterContext.Provider>\n  );\n};\n\nexport const useWixPatternsRouter = () => {\n  const value = useContext(WixPatternsRouterContext);\n  return value;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAAyE,IAAAE,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,SAAAL,wBAAAK,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;AAElE,MAAMW,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,gBACnC,IAAAE,oBAAa,EAAgC,IAAI,CAAC;AAM7C,MAAMC,yBAAyB,GAAGA,CAAC;EACxCC;AAC8B,CAAC,KAAK;EACpC,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAIC,8CAAsB,CAAC,CAAC,CAAC;EAElE,oBACEhC,MAAA,CAAAW,OAAA,CAAAsB,aAAA,CAACR,wBAAwB,CAACS,QAAQ;IAACC,KAAK,EAAEL,WAAY;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDX,QACgC,CAAC;AAExC,CAAC;AAACH,OAAA,CAAAE,yBAAA,GAAAA,yBAAA;AAEK,MAAMa,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMN,KAAK,GAAG,IAAAO,iBAAU,EAACjB,wBAAwB,CAAC;EAClD,OAAOU,KAAK;AACd,CAAC;AAACT,OAAA,CAAAe,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_WixPatternsRouterState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","WixPatternsRouterContext","exports","createContext","WixPatternsRouterProvider","history","children","routerState","useState","WixPatternsRouterState","useEffect","listen","location","state","setCurrentState","createElement","Provider","value","__self","__source","fileName","lineNumber","columnNumber","useWixPatternsRouter","useContext"],"sources":["../../../src/providers/WixPatternsRouterProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useState } from 'react';\nimport { WixPatternsRouterState } from '../state/WixPatternsRouterState';\nimport { BrowserHistory } from 'history';\n\nexport const WixPatternsRouterContext =\n  createContext<WixPatternsRouterState | null>(null);\n\nexport interface WixPatternsRouterProviderProps {\n  history: BrowserHistory;\n  children: React.ReactNode;\n}\n\nexport const WixPatternsRouterProvider = ({\n  history,\n  children,\n}: WixPatternsRouterProviderProps) => {\n  const [routerState] = useState(() => new WixPatternsRouterState());\n\n  useEffect(() => {\n    history.listen(({ location }) => {\n      if (location.state) {\n        routerState.setCurrentState(location.state);\n      }\n    });\n  }, []);\n\n  return (\n    <WixPatternsRouterContext.Provider value={routerState}>\n      {children}\n    </WixPatternsRouterContext.Provider>\n  );\n};\n\nexport const useWixPatternsRouter = () => {\n  const value = useContext(WixPatternsRouterContext);\n  return value;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAAyE,IAAAE,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,SAAAL,wBAAAK,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;AAGlE,MAAMW,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,gBACnC,IAAAE,oBAAa,EAAgC,IAAI,CAAC;AAO7C,MAAMC,yBAAyB,GAAGA,CAAC;EACxCC,OAAO;EACPC;AAC8B,CAAC,KAAK;EACpC,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM,IAAIC,8CAAsB,CAAC,CAAC,CAAC;EAElE,IAAAC,gBAAS,EAAC,MAAM;IACdL,OAAO,CAACM,MAAM,CAAC,CAAC;MAAEC;IAAS,CAAC,KAAK;MAC/B,IAAIA,QAAQ,CAACC,KAAK,EAAE;QAClBN,WAAW,CAACO,eAAe,CAACF,QAAQ,CAACC,KAAK,CAAC;MAC7C;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACErC,MAAA,CAAAW,OAAA,CAAA4B,aAAA,CAACd,wBAAwB,CAACe,QAAQ;IAACC,KAAK,EAAEV,WAAY;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnDhB,QACgC,CAAC;AAExC,CAAC;AAACJ,OAAA,CAAAE,yBAAA,GAAAA,yBAAA;AAEK,MAAMmB,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMN,KAAK,GAAG,IAAAO,iBAAU,EAACvB,wBAAwB,CAAC;EAClD,OAAOgB,KAAK;AACd,CAAC;AAACf,OAAA,CAAAqB,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/dist/cjs/state/EntityPage/EntityPageState.js

@@ -16,6 +16,7 @@ class EntityPageState {
     (0, _defineProperty2.default)(this, "onSave", void 0);
     (0, _defineProperty2.default)(this, "saveSuccessToast", void 0);
     (0, _defineProperty2.default)(this, "saveErrorToast", void 0);
+    (0, _defineProperty2.default)(this, "transformEntityToCollectionItem", void 0);
     (0, _defineProperty2.default)(this, "_entity", null);
     (0, _defineProperty2.default)(this, "_form", void 0);
     (0, _defineProperty2.default)(this, "_parentPageId", void 0);
@@ -34,6 +35,7 @@ class EntityPageState {
     this.saveErrorToast = params.saveErrorToast;
     this._form = params.form;
     this._parentPageId = params.parentPageId;
+    this.transformEntityToCollectionItem = params.transformEntityToCollectionItem || (anEntity => anEntity);
     this._parentPath = params.parentPath;
     this.container = params.container;
     this.reportBI = this.container.createBILogger({
@@ -117,12 +119,18 @@ class EntityPageState {
     });
     this.navigateToParent();
   }
-  navigateToParent() {
+  navigateToParent(updatedEntity) {
+    const entityString = updatedEntity ? JSON.stringify({
+      _updatedEntity: updatedEntity
+    }) : undefined;
     if (this._withinRouter) {
-      this.container.navigate(this._parentPath);
+      this.container.navigate(this._parentPath, {
+        state: entityString
+      });
     } else {
       this.container.navigateTo({
-        pageId: this._parentPageId
+        pageId: this._parentPageId,
+        appState: entityString
       });
     }
   }
@@ -177,6 +185,7 @@ class EntityPageState {
       bi
     } = this;
     submitTask.run(async () => {
+      let savedEntity;
       await form.handleSubmit(async () => {
         bi.reportButtonClick({
           ctaName: 'Save',
@@ -184,11 +193,12 @@ class EntityPageState {
         });
         try {
           if (this.isFormDirty) {
-            await this.onSave({
+            const onSaveResult = await this.onSave({
               widgetsFormData: {
                 ...extraFields
               }
             });
+            savedEntity = onSaveResult == null ? void 0 : onSaveResult.updatedEntity;
           }
           this._showSuccessToast();
         } catch (err) {
@@ -207,7 +217,8 @@ class EntityPageState {
       if (!form.formState.isSubmitSuccessful) {
         return;
       }
-      this.navigateToParent();
+      const transformedItem = savedEntity && this.transformEntityToCollectionItem ? this.transformEntityToCollectionItem(savedEntity) : savedEntity;
+      this.navigateToParent(transformedItem);
     });
     await this.submitTask.status.promise;
   }

package/dist/cjs/state/EntityPage/EntityPageState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","TaskState","undefined","FormPageState","EventEmitter","fetch","onSave","saveSuccessToast","saveErrorToast","_form","form","_parentPageId","parentPageId","_parentPath","parentPath","container","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","isFetching","computed","_entity","observable","ref","setEntity","_isFormDirty","isFormDirty","withinRouter","_withinRouter","_checkPageParams","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","formState","isSubmitSuccessful","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","entity","appLoaded","call","remove","retryFetch","newEntity","isLoading","isIdle","flag","_isSubmitSuccessful","formPage","isDirty","onCancel","reportButtonClick","ctaName","navigateToParent","navigate","navigateTo","pageId","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container","errorToast","message","showTryAgain","tryAgain","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","_this$saveSuccessToas","_this$container$showT2","_this$container2","submitTask","events","emit","isValid","extraFields","validate","run","widgetsFormData","errorMonitor","captureException","setError","Error","exports"],"sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"sourcesContent":["import {\n  FormPageState,\n  ReportBI,\n  TaskState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues, UseFormReturn } from 'react-hook-form';\nimport { EntityPageStateBIReporter } from './EntityPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\n\ntype OnSaveParams = {\n  widgetsFormData: { [key: string]: any };\n};\n\nexport interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {\n  /**\n   * A function that fetches the entity data.\n   * @returns a promise that resolves to an object containing the entity.\n   */\n  fetch: () => Promise<{ entity: T | undefined }>;\n\n  /**\n   * A function to handle the save action.\n   * @returns promise that resolves to an object that contains a 'updatedEntity' object.\n   */\n  onSave: (params: OnSaveParams) => Promise<{ updatedEntity: T }>;\n\n  /**\n   * An optional object with an optional message, or it can directly get a string message.\n   */\n  saveSuccessToast?: { message?: string } | string;\n\n  /**\n   * An optional function to display an error toast message when a save operation fails.\n   * @returns an object with an optional message and a `tryAgain` flag, or it can directly return a string message.\n   */\n  saveErrorToast?: (\n    err: unknown,\n  ) => { message?: string; tryAgain?: boolean } | string;\n\n  /**\n   * An object representing the form state and methods, typically returned by a useForm hook.\n   */\n  form: UseFormReturn<V>;\n\n  /**\n   * An object representing the container, possibly for dependency injection or component management.\n   */\n  container: WixPatternsContainer;\n\n  /**\n   * A string representing the ID of the parent page.\n   * Must be passed if not using Patterns Router\n   */\n  parentPageId?: string;\n\n  /**\n   * A string representing the path of the parent page.\n   * Must be passed if using Patterns Router\n   */\n  parentPath?: string;\n}\n\nexport interface EntityPageStateInterface {}\n\nexport interface EntityPageWidgetState {\n  validate: () => Promise<{ isValid: boolean; values?: any }>;\n  isDirty: boolean;\n}\n\nexport class EntityPageState<T, V extends FieldValues = FieldValues>\n  implements EntityPageStateInterface\n{\n  readonly initTask = new TaskState();\n  readonly submitTask = new TaskState();\n\n  readonly fetch: EntityPageStateParams<T>['fetch'];\n  readonly onSave: EntityPageStateParams<T, V>['onSave'];\n  readonly saveSuccessToast?: EntityPageStateParams<T>['saveSuccessToast'];\n  readonly saveErrorToast?: EntityPageStateParams<T>['saveErrorToast'];\n\n  _entity: T | null = null;\n  private readonly _form: UseFormReturn<V>;\n  private readonly _parentPageId?: string;\n  private readonly _parentPath?: string;\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: EntityPageStateBIReporter<T, V>;\n\n  _isSubmitSuccessful?: boolean = undefined;\n  _isFormDirty = false;\n\n  _withinRouter = false;\n\n  readonly formPage = new FormPageState();\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    save: () => void;\n    saveError: (err: unknown) => void;\n  }>;\n\n  constructor(params: EntityPageStateParams<T, V>) {\n    this.fetch = params.fetch;\n    this.onSave = params.onSave;\n    this.saveSuccessToast = params.saveSuccessToast;\n    this.saveErrorToast = params.saveErrorToast;\n    this._form = params.form;\n    this._parentPageId = params.parentPageId;\n    this._parentPath = params.parentPath;\n\n    this.container = params.container;\n\n    this.reportBI = this.container.createBILogger({\n      componentType: 'Entity page',\n      pageType: 'Entity',\n      route: window.location.pathname,\n    });\n\n    this.bi = new EntityPageStateBIReporter({\n      reportBI: this.reportBI,\n      entityPageState: this,\n    });\n    this.bi.init();\n\n    makeObservable(this, {\n      handleSubmit: action,\n      isFetching: computed,\n      _entity: observable.ref,\n      setEntity: action,\n      _isFormDirty: observable.ref,\n      isFormDirty: computed,\n    });\n  }\n\n  init({ withinRouter }: { withinRouter: boolean }) {\n    this._withinRouter = withinRouter;\n    this._checkPageParams();\n    const { initTask, container } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event) => {\n        const { form } = this;\n        if (form.formState.isSubmitSuccessful || !this.isFormDirty) {\n          return;\n        }\n        event.preventDefault();\n        this.bi.reportOnBeforeUnload();\n      }),\n    );\n\n    initTask.runOnce(async () => {\n      const [data] = await Promise.all([\n        this.fetch(),\n        container.initTask.status.promise,\n      ]);\n\n      this.setEntity(data.entity ?? null);\n      this.bi.appLoaded?.();\n    });\n\n    return () => {\n      onBeforeUnloadSubscription?.remove();\n    };\n  }\n\n  retryFetch() {\n    this.initTask.runOnce();\n  }\n\n  setEntity(newEntity: T | null) {\n    this._entity = newEntity;\n  }\n\n  get entity(): T | null {\n    return this._entity;\n  }\n\n  get isFetching() {\n    return this.initTask.status.isLoading || this.initTask.status.isIdle;\n  }\n\n  get form() {\n    return this._form;\n  }\n\n  set isSubmitSuccessful(flag: boolean) {\n    this._isSubmitSuccessful = flag;\n  }\n\n  set isFormDirty(flag: boolean) {\n    this._isFormDirty = flag;\n  }\n\n  get isFormDirty() {\n    return this._isFormDirty || this.formPage.isDirty;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this.navigateToParent();\n  }\n\n  navigateToParent() {\n    if (this._withinRouter) {\n      this.container.navigate!(this._parentPath!);\n    } else {\n      this.container.navigateTo!({\n        pageId: this._parentPageId!,\n      });\n    }\n  }\n\n  _showErrorToast(err: any, e?: React.BaseSyntheticEvent) {\n    const errorToast = this.saveErrorToast?.(err);\n    const message =\n      typeof errorToast === 'string' ? errorToast : errorToast?.message;\n    const showTryAgain =\n      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n\n    this.container.showToast?.({\n      type: 'ERROR',\n      biName: 'cairo-entity-page-save-error-toast',\n      message:\n        message ??\n        this.container.translate(\n          err?.code === 'ERR_NETWORK'\n            ? 'cairo.entityPage.saveError-offline.toast.description'\n            : 'cairo.entityPage.saveError-technical.toast.description',\n        ),\n      action: showTryAgain\n        ? {\n            uiType: 'LINK',\n            text: this.container.translate('cairo.toast.retry'),\n            onClick: () => {\n              this.bi.reportSaveTryAgain();\n              this.handleSubmit(e);\n            },\n            removeToastOnClick: true,\n          }\n        : undefined,\n    });\n  }\n\n  _showSuccessToast() {\n    const message =\n      typeof this.saveSuccessToast === 'string'\n        ? this.saveSuccessToast\n        : this.saveSuccessToast?.message;\n\n    this.container.showToast?.({\n      type: 'SUCCESS',\n      biName: 'cairo-entity-page-save-success-toast',\n      message:\n        message ?? this.container.translate('cairo.entityPage.success.toast'),\n    });\n  }\n  async handleSubmit(e?: React.BaseSyntheticEvent) {\n    if (this.submitTask.status.isLoading) {\n      return;\n    }\n\n    this.events.emit('save');\n\n    const { isValid, data: extraFields } = await this.formPage.validate();\n\n    if (!isValid) {\n      this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n      return;\n    }\n\n    const { form, submitTask, bi } = this;\n\n    submitTask.run(async () => {\n      await form.handleSubmit(\n        async () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n          try {\n            if (this.isFormDirty) {\n              await this.onSave({\n                widgetsFormData: { ...extraFields },\n              });\n            }\n            this._showSuccessToast();\n          } catch (err) {\n            this._showErrorToast(err, e);\n            this.container.errorMonitor.captureException(err);\n            this.events.emit('saveError', err);\n            form.setError('root.serverError', {}); // https://react-hook-form.com/docs/useform/seterror\n          }\n        },\n        () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n        }, // can be used to report validation errors\n      )(e);\n\n      if (!form.formState.isSubmitSuccessful) {\n        return;\n      }\n\n      this.navigateToParent();\n    });\n    await this.submitTask.status.promise;\n  }\n\n  private _checkPageParams() {\n    if (this._withinRouter) {\n      if (this._parentPath === undefined) {\n        throw new Error('parentPath was not defined in useEntityPage');\n      }\n\n      if (!this.container.navigate) {\n        throw new Error('navigate was not defined in Patterns Provider');\n      }\n    } else {\n      if (this._parentPageId === undefined) {\n        throw new Error('parentPageId was not defined in useEntityPage');\n      }\n\n      if (!this.container.navigateTo) {\n        throw new Error('navigateTo was not defined in Patterns Provider');\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","TaskState","undefined","FormPageState","EventEmitter","fetch","onSave","saveSuccessToast","saveErrorToast","_form","form","_parentPageId","parentPageId","transformEntityToCollectionItem","anEntity","_parentPath","parentPath","container","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","isFetching","computed","_entity","observable","ref","setEntity","_isFormDirty","isFormDirty","withinRouter","_withinRouter","_checkPageParams","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","formState","isSubmitSuccessful","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","entity","appLoaded","call","remove","retryFetch","newEntity","isLoading","isIdle","flag","_isSubmitSuccessful","formPage","isDirty","onCancel","reportButtonClick","ctaName","navigateToParent","updatedEntity","entityString","JSON","stringify","_updatedEntity","navigate","state","navigateTo","pageId","appState","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container","errorToast","message","showTryAgain","tryAgain","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","_this$saveSuccessToas","_this$container$showT2","_this$container2","submitTask","events","emit","isValid","extraFields","validate","run","savedEntity","onSaveResult","widgetsFormData","errorMonitor","captureException","setError","transformedItem","Error","exports"],"sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"sourcesContent":["import {\n  FormPageState,\n  ReportBI,\n  TaskState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues, UseFormReturn } from 'react-hook-form';\nimport { EntityPageStateBIReporter } from './EntityPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\n\ntype OnSaveParams = {\n  widgetsFormData: { [key: string]: any };\n};\n\nexport interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {\n  /**\n   * A function that fetches the entity data.\n   * @returns a promise that resolves to an object containing the entity.\n   */\n  fetch: () => Promise<{ entity: T | undefined }>;\n\n  /**\n   * A function to handle the save action.\n   * @returns promise that resolves to an object that contains a 'updatedEntity' object.\n   */\n  onSave: (params: OnSaveParams) => Promise<{ updatedEntity: T }>;\n\n  /**\n   * An optional object with an optional message, or it can directly get a string message.\n   */\n  saveSuccessToast?: { message?: string } | string;\n\n  /**\n   * An optional function to display an error toast message when a save operation fails.\n   * @returns an object with an optional message and a `tryAgain` flag, or it can directly return a string message.\n   */\n  saveErrorToast?: (\n    err: unknown,\n  ) => { message?: string; tryAgain?: boolean } | string;\n\n  /**\n   * An optional function to transform the updated entity data before it is passed to the collection page.\n   * @param entity the updated entity.\n   * @returns an object representing the entity in the collection page.\n   */\n  transformEntityToCollectionItem?: (entity: T) => any;\n\n  /**\n   * An object representing the form state and methods, typically returned by a useForm hook.\n   */\n  form: UseFormReturn<V>;\n\n  /**\n   * An object representing the container, possibly for dependency injection or component management.\n   */\n  container: WixPatternsContainer;\n\n  /**\n   * A string representing the ID of the parent page.\n   * Must be passed if not using Patterns Router\n   */\n  parentPageId?: string;\n\n  /**\n   * A string representing the path of the parent page.\n   * Must be passed if using Patterns Router\n   */\n  parentPath?: string;\n}\n\nexport interface EntityPageStateInterface {}\n\nexport interface EntityPageWidgetState {\n  validate: () => Promise<{ isValid: boolean; values?: any }>;\n  isDirty: boolean;\n}\n\nexport class EntityPageState<T, V extends FieldValues = FieldValues>\n  implements EntityPageStateInterface\n{\n  readonly initTask = new TaskState();\n  readonly submitTask = new TaskState();\n\n  readonly fetch: EntityPageStateParams<T>['fetch'];\n  readonly onSave: EntityPageStateParams<T, V>['onSave'];\n  readonly saveSuccessToast?: EntityPageStateParams<T>['saveSuccessToast'];\n  readonly saveErrorToast?: EntityPageStateParams<T>['saveErrorToast'];\n  readonly transformEntityToCollectionItem: (entity: T) => any;\n\n  _entity: T | null = null;\n  private readonly _form: UseFormReturn<V>;\n  private readonly _parentPageId?: string;\n  private readonly _parentPath?: string;\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: EntityPageStateBIReporter<T, V>;\n\n  _isSubmitSuccessful?: boolean = undefined;\n  _isFormDirty = false;\n\n  _withinRouter = false;\n\n  readonly formPage = new FormPageState();\n\n  readonly events = new EventEmitter() as TypedEmitter<{\n    save: () => void;\n    saveError: (err: unknown) => void;\n  }>;\n\n  constructor(params: EntityPageStateParams<T, V>) {\n    this.fetch = params.fetch;\n    this.onSave = params.onSave;\n    this.saveSuccessToast = params.saveSuccessToast;\n    this.saveErrorToast = params.saveErrorToast;\n    this._form = params.form;\n    this._parentPageId = params.parentPageId;\n    this.transformEntityToCollectionItem =\n      params.transformEntityToCollectionItem || ((anEntity: T) => anEntity);\n    this._parentPath = params.parentPath;\n\n    this.container = params.container;\n\n    this.reportBI = this.container.createBILogger({\n      componentType: 'Entity page',\n      pageType: 'Entity',\n      route: window.location.pathname,\n    });\n\n    this.bi = new EntityPageStateBIReporter({\n      reportBI: this.reportBI,\n      entityPageState: this,\n    });\n    this.bi.init();\n\n    makeObservable(this, {\n      handleSubmit: action,\n      isFetching: computed,\n      _entity: observable.ref,\n      setEntity: action,\n      _isFormDirty: observable.ref,\n      isFormDirty: computed,\n    });\n  }\n\n  init({ withinRouter }: { withinRouter: boolean }) {\n    this._withinRouter = withinRouter;\n    this._checkPageParams();\n    const { initTask, container } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event) => {\n        const { form } = this;\n        if (form.formState.isSubmitSuccessful || !this.isFormDirty) {\n          return;\n        }\n        event.preventDefault();\n        this.bi.reportOnBeforeUnload();\n      }),\n    );\n\n    initTask.runOnce(async () => {\n      const [data] = await Promise.all([\n        this.fetch(),\n        container.initTask.status.promise,\n      ]);\n\n      this.setEntity(data.entity ?? null);\n      this.bi.appLoaded?.();\n    });\n\n    return () => {\n      onBeforeUnloadSubscription?.remove();\n    };\n  }\n\n  retryFetch() {\n    this.initTask.runOnce();\n  }\n\n  setEntity(newEntity: T | null) {\n    this._entity = newEntity;\n  }\n\n  get entity(): T | null {\n    return this._entity;\n  }\n\n  get isFetching() {\n    return this.initTask.status.isLoading || this.initTask.status.isIdle;\n  }\n\n  get form() {\n    return this._form;\n  }\n\n  set isSubmitSuccessful(flag: boolean) {\n    this._isSubmitSuccessful = flag;\n  }\n\n  set isFormDirty(flag: boolean) {\n    this._isFormDirty = flag;\n  }\n\n  get isFormDirty() {\n    return this._isFormDirty || this.formPage.isDirty;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this.navigateToParent();\n  }\n\n  navigateToParent(updatedEntity?: any) {\n    const entityString = updatedEntity\n      ? JSON.stringify({ _updatedEntity: updatedEntity })\n      : undefined;\n    if (this._withinRouter) {\n      this.container.navigate!(this._parentPath!, { state: entityString });\n    } else {\n      this.container.navigateTo!({\n        pageId: this._parentPageId!,\n        appState: entityString,\n      });\n    }\n  }\n\n  _showErrorToast(err: any, e?: React.BaseSyntheticEvent) {\n    const errorToast = this.saveErrorToast?.(err);\n    const message =\n      typeof errorToast === 'string' ? errorToast : errorToast?.message;\n    const showTryAgain =\n      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n\n    this.container.showToast?.({\n      type: 'ERROR',\n      biName: 'cairo-entity-page-save-error-toast',\n      message:\n        message ??\n        this.container.translate(\n          err?.code === 'ERR_NETWORK'\n            ? 'cairo.entityPage.saveError-offline.toast.description'\n            : 'cairo.entityPage.saveError-technical.toast.description',\n        ),\n      action: showTryAgain\n        ? {\n            uiType: 'LINK',\n            text: this.container.translate('cairo.toast.retry'),\n            onClick: () => {\n              this.bi.reportSaveTryAgain();\n              this.handleSubmit(e);\n            },\n            removeToastOnClick: true,\n          }\n        : undefined,\n    });\n  }\n\n  _showSuccessToast() {\n    const message =\n      typeof this.saveSuccessToast === 'string'\n        ? this.saveSuccessToast\n        : this.saveSuccessToast?.message;\n\n    this.container.showToast?.({\n      type: 'SUCCESS',\n      biName: 'cairo-entity-page-save-success-toast',\n      message:\n        message ?? this.container.translate('cairo.entityPage.success.toast'),\n    });\n  }\n  async handleSubmit(e?: React.BaseSyntheticEvent) {\n    if (this.submitTask.status.isLoading) {\n      return;\n    }\n\n    this.events.emit('save');\n\n    const { isValid, data: extraFields } = await this.formPage.validate();\n\n    if (!isValid) {\n      this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n      return;\n    }\n\n    const { form, submitTask, bi } = this;\n\n    submitTask.run(async () => {\n      let savedEntity: T | undefined;\n      await form.handleSubmit(\n        async () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n          try {\n            if (this.isFormDirty) {\n              const onSaveResult = await this.onSave({\n                widgetsFormData: { ...extraFields },\n              });\n              savedEntity = onSaveResult?.updatedEntity;\n            }\n            this._showSuccessToast();\n          } catch (err) {\n            this._showErrorToast(err, e);\n            this.container.errorMonitor.captureException(err);\n            this.events.emit('saveError', err);\n            form.setError('root.serverError', {}); // https://react-hook-form.com/docs/useform/seterror\n          }\n        },\n        () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n        }, // can be used to report validation errors\n      )(e);\n\n      if (!form.formState.isSubmitSuccessful) {\n        return;\n      }\n\n      const transformedItem =\n        savedEntity && this.transformEntityToCollectionItem\n          ? this.transformEntityToCollectionItem(savedEntity)\n          : savedEntity;\n      this.navigateToParent(transformedItem);\n    });\n    await this.submitTask.status.promise;\n  }\n\n  private _checkPageParams() {\n    if (this._withinRouter) {\n      if (this._parentPath === undefined) {\n        throw new Error('parentPath was not defined in useEntityPage');\n      }\n\n      if (!this.container.navigate) {\n        throw new Error('navigate was not defined in Patterns Provider');\n      }\n    } else {\n      if (this._parentPageId === undefined) {\n        throw new Error('parentPageId was not defined in useEntityPage');\n      }\n\n      if (!this.container.navigateTo) {\n        throw new Error('navigateTo was not defined in Patterns Provider');\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/WixPatternsRouterState.js

@@ -4,10 +4,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.WixPatternsRouterState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
 var _getCollectionComponentUniqueId = require("../utils/getCollectionComponentUniqueId");
 class WixPatternsRouterState {
   constructor() {
     (0, _defineProperty2.default)(this, "stateRefs", new Map());
+    (0, _defineProperty2.default)(this, "currentState", null);
+    (0, _defineProperty2.default)(this, "isUsingCache", false);
+    (0, _mobx.makeObservable)(this, {
+      currentState: _mobx.observable,
+      setCurrentState: _mobx.action
+    });
+  }
+  setCurrentState(state) {
+    this.currentState = state;
   }
   saveState(state) {
     const uniqueId = (0, _getCollectionComponentUniqueId.getCollectionComponentUniqueId)(state);

package/dist/cjs/state/WixPatternsRouterState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_getCollectionComponentUniqueId","require","WixPatternsRouterState","constructor","_defineProperty2","default","Map","saveState","state","uniqueId","getCollectionComponentUniqueId","stateRefs","set","exports"],"sources":["../../../src/state/WixPatternsRouterState.ts"],"sourcesContent":["import { getCollectionComponentUniqueId } from '../utils/getCollectionComponentUniqueId';\nimport { ICollectionComponentState } from './ICollectionComponentState';\n\nexport class WixPatternsRouterState {\n  readonly stateRefs: Map<string, ICollectionComponentState> = new Map();\n\n  saveState<T extends ICollectionComponentState>(state: T) {\n    const uniqueId = getCollectionComponentUniqueId(state);\n    this.stateRefs.set(uniqueId, state);\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,+BAAA,GAAAC,OAAA;AAGO,MAAMC,sBAAsB,CAAC;EAAAC,YAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,qBAC2B,IAAIC,GAAG,CAAC,CAAC;EAAA;EAEtEC,SAASA,CAAsCC,KAAQ,EAAE;IACvD,MAAMC,QAAQ,GAAG,IAAAC,8DAA8B,EAACF,KAAK,CAAC;IACtD,IAAI,CAACG,SAAS,CAACC,GAAG,CAACH,QAAQ,EAAED,KAAK,CAAC;EACrC;AACF;AAACK,OAAA,CAAAX,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_getCollectionComponentUniqueId","WixPatternsRouterState","constructor","_defineProperty2","default","Map","makeObservable","currentState","observable","setCurrentState","action","state","saveState","uniqueId","getCollectionComponentUniqueId","stateRefs","set","exports"],"sources":["../../../src/state/WixPatternsRouterState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { getCollectionComponentUniqueId } from '../utils/getCollectionComponentUniqueId';\nimport { ICollectionComponentState } from './ICollectionComponentState';\n\nexport class WixPatternsRouterState {\n  readonly stateRefs: Map<string, ICollectionComponentState> = new Map();\n  currentState: unknown = null;\n  isUsingCache = false;\n\n  constructor() {\n    makeObservable(this, {\n      currentState: observable,\n      setCurrentState: action,\n    });\n  }\n\n  setCurrentState(state: unknown) {\n    this.currentState = state;\n  }\n\n  saveState<T extends ICollectionComponentState>(state: T) {\n    const uniqueId = getCollectionComponentUniqueId(state);\n    this.stateRefs.set(uniqueId, state);\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,+BAAA,GAAAD,OAAA;AAGO,MAAME,sBAAsB,CAAC;EAKlCC,WAAWA,CAAA,EAAG;IAAA,IAAAC,gBAAA,CAAAC,OAAA,qBAJ+C,IAAIC,GAAG,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,wBAC9C,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBACb,KAAK;IAGlB,IAAAE,oBAAc,EAAC,IAAI,EAAE;MACnBC,YAAY,EAAEC,gBAAU;MACxBC,eAAe,EAAEC;IACnB,CAAC,CAAC;EACJ;EAEAD,eAAeA,CAACE,KAAc,EAAE;IAC9B,IAAI,CAACJ,YAAY,GAAGI,KAAK;EAC3B;EAEAC,SAASA,CAAsCD,KAAQ,EAAE;IACvD,MAAME,QAAQ,GAAG,IAAAC,8DAA8B,EAACH,KAAK,CAAC;IACtD,IAAI,CAACI,SAAS,CAACC,GAAG,CAACH,QAAQ,EAAEF,KAAK,CAAC;EACrC;AACF;AAACM,OAAA,CAAAhB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.Collapse1966957825__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1966957825__exit{height:0}.CollectionToolbar313270827__left{min-width:0}.CollectionToolbar313270827__left.CollectionToolbar313270827--expandable{flex:auto}.CollectionToolbar313270827__root .CollectionToolbar313270827__right{justify-content:flex-end!important;flex:auto}.CollectionToolbar313270827__root .CollectionToolbar313270827__right.CollectionToolbar313270827__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter1518409215__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly2950284974__root.AutoCompleteReadonly2950284974--disableEditing{cursor:pointer}.AutoCompleteReadonly2950284974__root.AutoCompleteReadonly2950284974--disableEditing input{cursor:pointer}.ViewsDropdown1853817359__root{width:200px}.CustomFieldsViewWidgetSection1010849068__breakWord{overflow-wrap:break-word}.DragHandle3022852041__root{display:flex;align-items:center}.DragHandle3022852041__root:not(.DragHandle3022852041--disabled){cursor:grab;color:#a8caff}.DragHandle3022852041__root.DragHandle3022852041--disabled{color:#acafc4}.DragHandle3022852041__root:focus-visible:not(.DragHandle3022852041--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3022852041__root.DragHandle3022852041--disabled{pointer-events:none}.DragHandle3022852041__root.DragHandle3022852041--dragging:not(.DragHandle3022852041--disabled){cursor:grabbing}.Fade3704198185__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3704198185__root.Fade3704198185--exit{opacity:0}.Heading3459712147__root{visibility:visible}.Heading3459712147__root.Heading3459712147--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2250025759__root.InputOverflow2250025759--selected:not(.InputOverflow2250025759--focused) input::placeholder{color:#000624}.MaxHeightText3331570178__root{opacity:1}.MaxHeightText3331570178__root.MaxHeightText3331570178--height24{line-height:24px}.MaxLines1459574613__root{overflow:hidden}.MaxLines1459574613__root.MaxLines1459574613--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar896871304__root{min-width:0}.NestedTableRow3491066751__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3491066751__root:hover{background-color:#e7f0ff}.NestedTableRow3491066751__root.NestedTableRow3491066751--expandable{cursor:pointer}.NestedTableRow3491066751__placeholder td{padding:0!important;width:100%}.NestedTableRow3491066751__root:hover td:first-of-type::before,.NestedTableRow3491066751__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.PickerContent1799764234__root{display:flex}.PickerContentAdditionalStep1551900796__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1551900796__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3497116801__root{box-sizing:border-box}.ScrollableContent450555206__root.ScrollableContent450555206--overflowY{overflow-y:auto}.ScrollableContent450555206__root.ScrollableContent450555206--overflowX{overflow-x:auto}.ScrollableContent450555206__root.ScrollableContent450555206--smooth{scroll-behavior:smooth}.SkeletonCard3738335607__headerLoading{display:block!important}.SlidingModal1797218179__root{box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12);transition:transform .4s ease 0s;position:fixed;z-index:1}.TableVirtualHeader2039535417__root{display:flex}.TabsFilter1631446957__root .TabsFilter1631446957__title{color:inherit!important}.ManageTagsModal128526104__root{display:flex}.ToolbarItemBox3562681951__root{min-width:0}.ToolbarItemBox3562681951__root.ToolbarItemBox3562681951--removeStartPadding{margin-left:-24px}.ToolbarItemBox3562681951__root.ToolbarItemBox3562681951--expandable{flex:1 0}.common3686311020__column{display:flex;flex-direction:column}.common3686311020__fullHeight{height:100%;min-height:0}
+.Collapse401033987__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse401033987__exit{height:0}.CollectionToolbar1593236824__left{min-width:0}.CollectionToolbar1593236824__left.CollectionToolbar1593236824--expandable{flex:auto}.CollectionToolbar1593236824__root .CollectionToolbar1593236824__right{justify-content:flex-end!important;flex:auto}.CollectionToolbar1593236824__root .CollectionToolbar1593236824__right.CollectionToolbar1593236824__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter3359407384__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly1245389005__root.AutoCompleteReadonly1245389005--disableEditing{cursor:pointer}.AutoCompleteReadonly1245389005__root.AutoCompleteReadonly1245389005--disableEditing input{cursor:pointer}.ViewsDropdown1392337707__root{width:200px}.CustomFieldsViewWidgetSection2355713834__breakWord{overflow-wrap:break-word}.DragHandle1811221332__root{display:flex;align-items:center}.DragHandle1811221332__root:not(.DragHandle1811221332--disabled){cursor:grab;color:#a8caff}.DragHandle1811221332__root.DragHandle1811221332--disabled{color:#acafc4}.DragHandle1811221332__root:focus-visible:not(.DragHandle1811221332--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1811221332__root.DragHandle1811221332--disabled{pointer-events:none}.DragHandle1811221332__root.DragHandle1811221332--dragging:not(.DragHandle1811221332--disabled){cursor:grabbing}.Fade1123890278__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1123890278__root.Fade1123890278--exit{opacity:0}.Heading584654544__root{visibility:visible}.Heading584654544__root.Heading584654544--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2447034123__root.InputOverflow2447034123--selected:not(.InputOverflow2447034123--focused) input::placeholder{color:#000624}.MaxHeightText1415250991__root{opacity:1}.MaxHeightText1415250991__root.MaxHeightText1415250991--height24{line-height:24px}.MaxLines3756215714__root{overflow:hidden}.MaxLines3756215714__root.MaxLines3756215714--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2474517587__root{min-width:0}.NestedTableRow962718213__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow962718213__root:hover{background-color:#e7f0ff}.NestedTableRow962718213__root.NestedTableRow962718213--expandable{cursor:pointer}.NestedTableRow962718213__placeholder td{padding:0!important;width:100%}.NestedTableRow962718213__root:hover td:first-of-type::before,.NestedTableRow962718213__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.PickerContent1362446465__root{display:flex}.PickerContentAdditionalStep3391094618__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3391094618__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem609232411__root{box-sizing:border-box}.ScrollableContent2983680219__root.ScrollableContent2983680219--overflowY{overflow-y:auto}.ScrollableContent2983680219__root.ScrollableContent2983680219--overflowX{overflow-x:auto}.ScrollableContent2983680219__root.ScrollableContent2983680219--smooth{scroll-behavior:smooth}.SkeletonCard3875076072__headerLoading{display:block!important}.SlidingModal3158838121__root{box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12);transition:transform .4s ease 0s;position:fixed;z-index:1}.TableVirtualHeader427809860__root{display:flex}.TabsFilter1910146209__root .TabsFilter1910146209__title{color:inherit!important}.ManageTagsModal1588379874__root{display:flex}.ToolbarItemBox1469399201__root{min-width:0}.ToolbarItemBox1469399201__root.ToolbarItemBox1469399201--removeStartPadding{margin-left:-24px}.ToolbarItemBox1469399201__root.ToolbarItemBox1469399201--expandable{flex:1 0}.common2751232590__column{display:flex;flex-direction:column}.common2751232590__fullHeight{height:100%;min-height:0}

package/dist/cjs/test-utils/CairoTestApp.js

@@ -140,6 +140,7 @@ function CairoTestApp({
         }
       });
       child = /*#__PURE__*/_react.default.createElement(_WixPatternsRouterProvider.WixPatternsRouterProvider, {
+        history: routerParams.history,
         __self: this,
         __source: {
           fileName: _jsxFileName,

package/dist/cjs/test-utils/CairoTestApp.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_components","_designSystem","_react2","_react3","_EntityPage","_CollectionPageNew","_PageWrapper","_WixPatternsRouterProvider","_Router","_jsxFileName","CairoTestApp","children","driver","page","scrollElement","entityPageState","collectionPageState","routerParams","child","default","createElement","Page","__self","__source","fileName","lineNumber","columnNumber","Header","title","Content","ref","style","height","overflow","Error","EntityPage","state","dataHook","CollectionPage","text","pageTitle","hideTotal","hideHeaderTotal","React","Children","forEach","currentChild","isValidElement","WixPatternsRouterProvider","history","PageWrapper","EssentialsProvider","essentials","testContext","WixStyleReactEnvironmentProvider","locale","environment","language","WixPatternsTestProvider","WixPatternsContainerProvider","value","container"],"sources":["../../../src/test-utils/CairoTestApp.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, RefObject } from 'react';\nimport { WixPatternsTestProvider } from '../components';\nimport { Page, WixStyleReactEnvironmentProvider } from '@wix/design-system';\nimport { WixPatternsContainerProvider } from '@wix/bex-core/react';\nimport { WixPatternsContainerDriver } from '@wix/bex-core/testkit/internal';\nimport { EssentialsProvider } from '@wix/fe-essentials/react';\nimport { EntityPageState } from '../state';\nimport { CollectionPageState } from '@wix/bex-core';\nimport { EntityPage } from '../components/EntityPage';\nimport { CollectionPage } from '../components/CollectionPageNew';\nimport { PageWrapper } from '../components/PageWrapper/PageWrapper';\nimport { WixPatternsRouterProvider } from '../providers/WixPatternsRouterProvider';\nimport Router, { RouteProps } from './Router';\nimport { History } from 'history';\n\nexport interface CairoTestAppProps {\n  driver: WixPatternsContainerDriver;\n  children?: ReactNode;\n  page?:\n    | 'none'\n    | 'wsr'\n    | 'entity'\n    | 'entity-page'\n    | 'collection-page'\n    | 'router';\n  scrollElement?: RefObject<HTMLDivElement>;\n  entityPageState?: EntityPageState<any>;\n  collectionPageState?: CollectionPageState;\n  routerParams?: { history: History };\n}\n\nexport function CairoTestApp({\n  children,\n  driver,\n  page,\n  scrollElement,\n  entityPageState,\n  collectionPageState,\n  routerParams,\n}: CairoTestAppProps) {\n  let child = children;\n\n  switch (page) {\n    case 'wsr':\n      child = (\n        <Page>\n          <Page.Header title=\"Page Title\" />\n          <Page.Content>{children}</Page.Content>\n        </Page>\n      );\n      break;\n    case 'entity':\n      child = (\n        <Page>\n          <Page.Content>{children}</Page.Content>\n        </Page>\n      );\n      break;\n    case 'none':\n      child = (\n        <div\n          ref={scrollElement}\n          data-hook=\"custom-scroll-container\"\n          style={{ height: '200px', overflow: 'auto' }}\n        >\n          {child}\n        </div>\n      );\n      break;\n    case 'entity-page':\n      if (!entityPageState) {\n        throw new Error('Page state was not initialized');\n      }\n      child = (\n        <EntityPage state={entityPageState} dataHook={page}>\n          {children}\n        </EntityPage>\n      );\n      break;\n    case 'collection-page':\n      if (!collectionPageState) {\n        throw new Error('Page state was not initialized');\n      }\n      child = (\n        <CollectionPage dataHook={page}>\n          <CollectionPage.Header\n            title={{\n              text: collectionPageState.pageTitle || 'Title',\n              hideTotal: collectionPageState.hideHeaderTotal,\n            }}\n          />\n          <CollectionPage.Content>{children}</CollectionPage.Content>\n        </CollectionPage>\n      );\n      break;\n    case 'router':\n      if (!routerParams) {\n        throw new Error('Router params were not initialized');\n      }\n\n      React.Children.forEach(children, (currentChild) => {\n        if (!React.isValidElement<RouteProps>(currentChild)) {\n          throw new Error('Each child needs to be a Route element');\n        }\n      });\n\n      child = (\n        <WixPatternsRouterProvider>\n          <Router history={routerParams.history}>\n            {children as ReactElement<RouteProps>[]}\n          </Router>\n        </WixPatternsRouterProvider>\n      );\n      break;\n    default:\n      child = (\n        <PageWrapper>\n          <Page>\n            <Page.Content>{children}</Page.Content>\n          </Page>\n        </PageWrapper>\n      );\n      break;\n  }\n\n  return (\n    <EssentialsProvider essentials={driver.testContext}>\n      <WixStyleReactEnvironmentProvider\n        locale={driver.testContext.environment.language}\n      >\n        <WixPatternsTestProvider>\n          <WixPatternsContainerProvider value={driver.container}>\n            {child}\n          </WixPatternsContainerProvider>\n        </WixPatternsTestProvider>\n      </WixStyleReactEnvironmentProvider>\n    </EssentialsProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_components","_designSystem","_react2","_react3","_EntityPage","_CollectionPageNew","_PageWrapper","_WixPatternsRouterProvider","_Router","_jsxFileName","CairoTestApp","children","driver","page","scrollElement","entityPageState","collectionPageState","routerParams","child","default","createElement","Page","__self","__source","fileName","lineNumber","columnNumber","Header","title","Content","ref","style","height","overflow","Error","EntityPage","state","dataHook","CollectionPage","text","pageTitle","hideTotal","hideHeaderTotal","React","Children","forEach","currentChild","isValidElement","WixPatternsRouterProvider","history","PageWrapper","EssentialsProvider","essentials","testContext","WixStyleReactEnvironmentProvider","locale","environment","language","WixPatternsTestProvider","WixPatternsContainerProvider","value","container"],"sources":["../../../src/test-utils/CairoTestApp.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, RefObject } from 'react';\nimport { WixPatternsTestProvider } from '../components';\nimport { Page, WixStyleReactEnvironmentProvider } from '@wix/design-system';\nimport { WixPatternsContainerProvider } from '@wix/bex-core/react';\nimport { WixPatternsContainerDriver } from '@wix/bex-core/testkit/internal';\nimport { EssentialsProvider } from '@wix/fe-essentials/react';\nimport { EntityPageState } from '../state';\nimport { CollectionPageState } from '@wix/bex-core';\nimport { EntityPage } from '../components/EntityPage';\nimport { CollectionPage } from '../components/CollectionPageNew';\nimport { PageWrapper } from '../components/PageWrapper/PageWrapper';\nimport { WixPatternsRouterProvider } from '../providers/WixPatternsRouterProvider';\nimport Router, { RouteProps } from './Router';\nimport { History } from 'history';\n\nexport interface CairoTestAppProps {\n  driver: WixPatternsContainerDriver;\n  children?: ReactNode;\n  page?:\n    | 'none'\n    | 'wsr'\n    | 'entity'\n    | 'entity-page'\n    | 'collection-page'\n    | 'router';\n  scrollElement?: RefObject<HTMLDivElement>;\n  entityPageState?: EntityPageState<any>;\n  collectionPageState?: CollectionPageState;\n  routerParams?: { history: History };\n}\n\nexport function CairoTestApp({\n  children,\n  driver,\n  page,\n  scrollElement,\n  entityPageState,\n  collectionPageState,\n  routerParams,\n}: CairoTestAppProps) {\n  let child = children;\n\n  switch (page) {\n    case 'wsr':\n      child = (\n        <Page>\n          <Page.Header title=\"Page Title\" />\n          <Page.Content>{children}</Page.Content>\n        </Page>\n      );\n      break;\n    case 'entity':\n      child = (\n        <Page>\n          <Page.Content>{children}</Page.Content>\n        </Page>\n      );\n      break;\n    case 'none':\n      child = (\n        <div\n          ref={scrollElement}\n          data-hook=\"custom-scroll-container\"\n          style={{ height: '200px', overflow: 'auto' }}\n        >\n          {child}\n        </div>\n      );\n      break;\n    case 'entity-page':\n      if (!entityPageState) {\n        throw new Error('Page state was not initialized');\n      }\n      child = (\n        <EntityPage state={entityPageState} dataHook={page}>\n          {children}\n        </EntityPage>\n      );\n      break;\n    case 'collection-page':\n      if (!collectionPageState) {\n        throw new Error('Page state was not initialized');\n      }\n      child = (\n        <CollectionPage dataHook={page}>\n          <CollectionPage.Header\n            title={{\n              text: collectionPageState.pageTitle || 'Title',\n              hideTotal: collectionPageState.hideHeaderTotal,\n            }}\n          />\n          <CollectionPage.Content>{children}</CollectionPage.Content>\n        </CollectionPage>\n      );\n      break;\n    case 'router':\n      if (!routerParams) {\n        throw new Error('Router params were not initialized');\n      }\n\n      React.Children.forEach(children, (currentChild) => {\n        if (!React.isValidElement<RouteProps>(currentChild)) {\n          throw new Error('Each child needs to be a Route element');\n        }\n      });\n\n      child = (\n        <WixPatternsRouterProvider history={routerParams.history}>\n          <Router history={routerParams.history}>\n            {children as ReactElement<RouteProps>[]}\n          </Router>\n        </WixPatternsRouterProvider>\n      );\n      break;\n    default:\n      child = (\n        <PageWrapper>\n          <Page>\n            <Page.Content>{children}</Page.Content>\n          </Page>\n        </PageWrapper>\n      );\n      break;\n  }\n\n  return (\n    <EssentialsProvider essentials={driver.testContext}>\n      <WixStyleReactEnvironmentProvider\n        locale={driver.testContext.environment.language}\n      >\n        <WixPatternsTestProvider>\n          <WixPatternsContainerProvider value={driver.container}>\n            {child}\n          </WixPatternsContainerProvider>\n        </WixPatternsTestProvider>\n      </WixStyleReactEnvironmentProvider>\n    </EssentialsProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/test-utils/Router.js

@@ -16,11 +16,19 @@ const Router = ({
   history,
   children
 }) => {
-  const [currentPath, setCurrentPath] = (0, _react.useState)('/');
+  const [currentLocation, setCurrentLocation] = (0, _react.useState)({
+    pathname: '/',
+    state: null,
+    key: '',
+    search: '',
+    hash: ''
+  });
   (0, _react.useEffect)(() => {
     history.push('/');
-    const handleRouteChange = () => {
-      setCurrentPath(history.location.pathname);
+    const handleRouteChange = ({
+      location
+    }) => {
+      setCurrentLocation(location);
     };
     const unlisten = history.listen(handleRouteChange);
     return () => {
@@ -29,7 +37,7 @@ const Router = ({
   }, [history]);
   const renderElement = () => {
     const routes = _react.default.Children.toArray(children);
-    const route = routes.find(r => r.props.path === currentPath);
+    const route = routes.find(r => r.props.path === currentLocation.pathname);
     if (route) {
       return route.props.element;
     }
@@ -39,7 +47,7 @@ const Router = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 46,
+        lineNumber: 52,
         columnNumber: 12
       }
     }, "404 - Page Not Found");

package/dist/cjs/test-utils/Router.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Route","element","createElement","Fragment","exports","Router","history","children","currentPath","setCurrentPath","useState","useEffect","push","handleRouteChange","location","pathname","unlisten","listen","renderElement","routes","React","Children","toArray","route","find","props","path","__self","__source","fileName","lineNumber","columnNumber","_default"],"sources":["../../../src/test-utils/Router.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { History } from 'history';\n\nexport type RouteProps = {\n  path: string;\n  element: ReactNode;\n};\n\ntype RouterProps = {\n  history: History;\n  children: React.ReactElement<RouteProps>[];\n};\n\nexport const Route: React.FC<RouteProps> = ({ element }) => {\n  return <>{element}</>;\n};\n\nexport const Router: React.FC<RouterProps> = ({ history, children }) => {\n  const [currentPath, setCurrentPath] = useState('/');\n\n  useEffect(() => {\n    history.push('/');\n    const handleRouteChange = () => {\n      setCurrentPath(history.location.pathname);\n    };\n\n    const unlisten = history.listen(handleRouteChange);\n\n    return () => {\n      unlisten();\n    };\n  }, [history]);\n\n  const renderElement = () => {\n    const routes = React.Children.toArray(\n      children,\n    ) as React.ReactElement<RouteProps>[];\n\n    const route = routes.find((r) => r.props.path === currentPath);\n\n    if (route) {\n      return route.props.element;\n    }\n\n    // Handle 404 page not found\n    return <div>404 - Page Not Found</div>;\n  };\n\n  return <>{renderElement()}</>;\n};\n\nexport default Router;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Route","element","createElement","Fragment","exports","Router","history","children","currentLocation","setCurrentLocation","useState","pathname","state","key","search","hash","useEffect","push","handleRouteChange","location","unlisten","listen","renderElement","routes","React","Children","toArray","route","find","props","path","__self","__source","fileName","lineNumber","columnNumber","_default"],"sources":["../../../src/test-utils/Router.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { History, Location } from 'history';\n\nexport type RouteProps = {\n  path: string;\n  element: ReactNode;\n};\n\ntype RouterProps = {\n  history: History;\n  children: React.ReactElement<RouteProps>[];\n};\n\nexport const Route: React.FC<RouteProps> = ({ element }) => {\n  return <>{element}</>;\n};\n\nexport const Router: React.FC<RouterProps> = ({ history, children }) => {\n  const [currentLocation, setCurrentLocation] = useState<Location>({\n    pathname: '/',\n    state: null,\n    key: '',\n    search: '',\n    hash: '',\n  });\n\n  useEffect(() => {\n    history.push('/');\n    const handleRouteChange = ({ location }: { location: Location }) => {\n      setCurrentLocation(location);\n    };\n\n    const unlisten = history.listen(handleRouteChange);\n\n    return () => {\n      unlisten();\n    };\n  }, [history]);\n\n  const renderElement = () => {\n    const routes = React.Children.toArray(\n      children,\n    ) as React.ReactElement<RouteProps>[];\n\n    const route = routes.find((r) => r.props.path === currentLocation.pathname);\n\n    if (route) {\n      return route.props.element;\n    }\n\n    // Handle 404 page not found\n    return <div>404 - Page Not Found</div>;\n  };\n\n  return <>{renderElement()}</>;\n};\n\nexport default Router;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.25.0';
+const version = exports.version = 'patterns@1.26.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.25.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,iBAAiB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.26.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,iBAAiB","ignoreList":[]}

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse1966957825";
+var _namespace_ = "Collapse401033987";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse1966957825__root", "exit": "Collapse1966957825__exit" };
+export var classes = { "root": "Collapse401033987__root", "exit": "Collapse401033987__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AAC3F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACzF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar313270827";
+var _namespace_ = "CollectionToolbar1593236824";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar313270827__root", "left": "CollectionToolbar313270827__left", "right": "CollectionToolbar313270827__right", "fullWidth": "CollectionToolbar313270827__fullWidth" };
+export var classes = { "root": "CollectionToolbar1593236824__root", "left": "CollectionToolbar1593236824__left", "right": "CollectionToolbar1593236824__right", "fullWidth": "CollectionToolbar1593236824__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,MAAM,EAAC,kCAAkC,EAAC,OAAO,EAAC,mCAAmC,EAAC,WAAW,EAAC,uCAAuC,EAAC,CAAC;AAC3M,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CollectionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,MAAM,EAAC,mCAAmC,EAAC,OAAO,EAAC,oCAAoC,EAAC,WAAW,EAAC,wCAAwC,EAAC,CAAC;AAC/M,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter1518409215";
+var _namespace_ = "SearchOrCustomFilter3359407384";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter1518409215__root", "search": "SearchOrCustomFilter1518409215__search" };
+export var classes = { "root": "SearchOrCustomFilter3359407384__root", "search": "SearchOrCustomFilter3359407384__search" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly2950284974";
+var _namespace_ = "AutoCompleteReadonly1245389005";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly2950284974__root" };
+export var classes = { "root": "AutoCompleteReadonly1245389005__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown1853817359";
+var _namespace_ = "ViewsDropdown1392337707";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ViewsDropdown1853817359__root" };
+export var classes = { "root": "ViewsDropdown1392337707__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CustomFieldsViewWidgetSection1010849068";
+var _namespace_ = "CustomFieldsViewWidgetSection2355713834";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CustomFieldsViewWidgetSection1010849068__root", "breakWord": "CustomFieldsViewWidgetSection1010849068__breakWord" };
+export var classes = { "root": "CustomFieldsViewWidgetSection2355713834__root", "breakWord": "CustomFieldsViewWidgetSection2355713834__breakWord" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DragHandle/DragHandle.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle3022852041";
+var _namespace_ = "DragHandle1811221332";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "DragHandle3022852041__root" };
+export var classes = { "root": "DragHandle1811221332__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade3704198185";
+var _namespace_ = "Fade1123890278";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade3704198185__root" };
+export var classes = { "root": "Fade1123890278__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading3459712147";
+var _namespace_ = "Heading584654544";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading3459712147__root" };
+export var classes = { "root": "Heading584654544__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,CAAC;AACvD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow2250025759";
+var _namespace_ = "InputOverflow2447034123";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow2250025759__root" };
+export var classes = { "root": "InputOverflow2447034123__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};