@wix/patterns 1.212.0 → 1.214.0

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

@@ -71,6 +71,10 @@ class EntityPageState {
       onBeforeUnload
     } = container;
     const onBeforeUnloadSubscription = onBeforeUnload == null ? void 0 : onBeforeUnload((0, _mobx.action)(event => {
+      const isMobile = this.container.window.matchMedia && this.container.window.matchMedia(`(max-width: ${_bexCore.MOBILE_BREAKPOINT}px)`).matches;
+      if (isMobile) {
+        return;
+      }
       const {
         form
       } = this;

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","EventEmitter","fetch","onSave","saveSuccessToast","saveErrorToast","formPage","FormPageState","form","_parentPageId","parentPageId","transformEntityToCollectionItem","anEntity","_parentPath","parentPath","container","_routerState","routerState","_this$_routerState$cu","_entity","currentState","_chosenEntity","entity","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","observable","ref","setEntity","isFormDirty","computed","_withinRouter","_checkPageParams","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","formState","isSubmitSuccessful","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","appLoaded","call","remove","retryFetch","newEntity","isFetching","flag","isDirty","_isFormDirty","val","onCancel","reportButtonClick","ctaName","navigateToParent","updatedEntity","entityStringKey","entityObject","navigate","state","navigateTo","pageId","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container","errorToast","retry","message","showTryAgain","tryAgain","undefined","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","_this$saveSuccessToas","_this$container$showT2","_this$container2","submitTask","isLoading","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  WixPatternsContainer,\n  ActionsBarConfig,\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';\nimport { WixPatternsRouterState } from '../WixPatternsRouterState';\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 a `message` and an `action` object. Alternatively, it can return an object with an optional `message` and a `tryAgain` flag, or a string message.\n   * The previous return types are still supported but are now deprecated.\n   */\n  saveErrorToast?: (\n    err: unknown,\n    params: { retry: () => void },\n  ) =>\n    | {\n        message?: string;\n        /**\n         * @deprecated use `action` instead\n         */\n        tryAgain?: boolean;\n        action?: { text: string; onClick: () => void };\n      }\n    | 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  form: UseFormReturn<V>;\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  /**\n   * An object representing the router state\n   */\n  routerState?: WixPatternsRouterState | null;\n\n  /**\n   * An optional object to override the actions bar.\n   */\n  actionsBarConfig?: ActionsBarConfig;\n\n  /**\n   * Entity fqdn.\n   */\n  fqdn?: 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 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 _parentPageId?: string;\n  private readonly _parentPath?: string;\n\n  actionsBarConfig?: EntityPageStateParams<T>['actionsBarConfig'];\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: EntityPageStateBIReporter<T, V>;\n\n  _routerState: WixPatternsRouterState | null = null;\n\n  readonly formPage: FormPageState<V>;\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.formPage = new FormPageState<V>({ 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._routerState = params.routerState ?? null;\n\n    if (this._routerState) {\n      this._entity = this._routerState.currentState?._chosenEntity?.entity;\n    }\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      _entity: observable.ref,\n      setEntity: action,\n      isFormDirty: computed,\n      _withinRouter: computed,\n    });\n  }\n\n  init() {\n    this._checkPageParams();\n    const {\n      formPage: { initTask },\n      container,\n    } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event: 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.formPage.retryFetch();\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.formPage.isFetching;\n  }\n\n  get form() {\n    return this.formPage.form;\n  }\n\n  set isSubmitSuccessful(flag: boolean) {\n    this.formPage.isSubmitSuccessful = flag;\n  }\n\n  get isFormDirty() {\n    return this.formPage.isDirty;\n  }\n\n  // backwards compatibility\n  set _isFormDirty(val: boolean) {\n    this.formPage._isFormDirty = val;\n  }\n\n  get _withinRouter() {\n    return !!this._routerState;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this.navigateToParent();\n  }\n\n  navigateToParent(updatedEntity?: any) {\n    const entityStringKey = this._entity ? '_updatedEntity' : '_createdEntity';\n    const entityObject = { [entityStringKey]: updatedEntity };\n\n    if (this._withinRouter) {\n      this._routerState!.navigate(this._parentPath!, { state: entityObject });\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      retry: () => this.handleSubmit(e),\n    });\n    const message =\n      typeof errorToast === 'string' ? errorToast : errorToast?.message;\n    const showTryAgain =\n      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n    const action =\n      typeof errorToast === 'string' ? undefined : errorToast?.action;\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:\n        action || showTryAgain\n          ? {\n              uiType: 'LINK',\n              text:\n                action?.text ?? this.container.translate('cairo.toast.retry'),\n              onClick: () => {\n                if (action?.onClick) {\n                  action.onClick();\n                } else {\n                  this.bi.reportSaveTryAgain();\n                  this.handleSubmit(e);\n                }\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\n  async handleSubmit(e?: React.BaseSyntheticEvent) {\n    if (this.formPage.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 {\n      form,\n      formPage: { submitTask },\n      bi,\n    } = 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.isFetching) {\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.formPage.submitTask.status.promise;\n  }\n\n  get initTask() {\n    return this.formPage.initTask;\n  }\n\n  get submitTask() {\n    return this.formPage.submitTask;\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    } 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","EventEmitter","fetch","onSave","saveSuccessToast","saveErrorToast","formPage","FormPageState","form","_parentPageId","parentPageId","transformEntityToCollectionItem","anEntity","_parentPath","parentPath","container","_routerState","routerState","_this$_routerState$cu","_entity","currentState","_chosenEntity","entity","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","observable","ref","setEntity","isFormDirty","computed","_withinRouter","_checkPageParams","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","isMobile","matchMedia","MOBILE_BREAKPOINT","matches","formState","isSubmitSuccessful","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","appLoaded","call","remove","retryFetch","newEntity","isFetching","flag","isDirty","_isFormDirty","val","onCancel","reportButtonClick","ctaName","navigateToParent","updatedEntity","entityStringKey","entityObject","navigate","state","navigateTo","pageId","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container","errorToast","retry","message","showTryAgain","tryAgain","undefined","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","_this$saveSuccessToas","_this$container$showT2","_this$container2","submitTask","isLoading","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  WixPatternsContainer,\n  ActionsBarConfig,\n  MOBILE_BREAKPOINT,\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';\nimport { WixPatternsRouterState } from '../WixPatternsRouterState';\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 a `message` and an `action` object. Alternatively, it can return an object with an optional `message` and a `tryAgain` flag, or a string message.\n   * The previous return types are still supported but are now deprecated.\n   */\n  saveErrorToast?: (\n    err: unknown,\n    params: { retry: () => void },\n  ) =>\n    | {\n        message?: string;\n        /**\n         * @deprecated use `action` instead\n         */\n        tryAgain?: boolean;\n        action?: { text: string; onClick: () => void };\n      }\n    | 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  form: UseFormReturn<V>;\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  /**\n   * An object representing the router state\n   */\n  routerState?: WixPatternsRouterState | null;\n\n  /**\n   * An optional object to override the actions bar.\n   */\n  actionsBarConfig?: ActionsBarConfig;\n\n  /**\n   * Entity fqdn.\n   */\n  fqdn?: 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 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 _parentPageId?: string;\n  private readonly _parentPath?: string;\n\n  actionsBarConfig?: EntityPageStateParams<T>['actionsBarConfig'];\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: EntityPageStateBIReporter<T, V>;\n\n  _routerState: WixPatternsRouterState | null = null;\n\n  readonly formPage: FormPageState<V>;\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.formPage = new FormPageState<V>({ 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._routerState = params.routerState ?? null;\n\n    if (this._routerState) {\n      this._entity = this._routerState.currentState?._chosenEntity?.entity;\n    }\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      _entity: observable.ref,\n      setEntity: action,\n      isFormDirty: computed,\n      _withinRouter: computed,\n    });\n  }\n\n  init() {\n    this._checkPageParams();\n    const {\n      formPage: { initTask },\n      container,\n    } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event: Event) => {\n        const isMobile =\n          this.container.window.matchMedia &&\n          this.container.window.matchMedia(\n            `(max-width: ${MOBILE_BREAKPOINT}px)`,\n          ).matches;\n        if (isMobile) {\n          return;\n        }\n\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.formPage.retryFetch();\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.formPage.isFetching;\n  }\n\n  get form() {\n    return this.formPage.form;\n  }\n\n  set isSubmitSuccessful(flag: boolean) {\n    this.formPage.isSubmitSuccessful = flag;\n  }\n\n  get isFormDirty() {\n    return this.formPage.isDirty;\n  }\n\n  // backwards compatibility\n  set _isFormDirty(val: boolean) {\n    this.formPage._isFormDirty = val;\n  }\n\n  get _withinRouter() {\n    return !!this._routerState;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this.navigateToParent();\n  }\n\n  navigateToParent(updatedEntity?: any) {\n    const entityStringKey = this._entity ? '_updatedEntity' : '_createdEntity';\n    const entityObject = { [entityStringKey]: updatedEntity };\n\n    if (this._withinRouter) {\n      this._routerState!.navigate(this._parentPath!, { state: entityObject });\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      retry: () => this.handleSubmit(e),\n    });\n    const message =\n      typeof errorToast === 'string' ? errorToast : errorToast?.message;\n    const showTryAgain =\n      typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n    const action =\n      typeof errorToast === 'string' ? undefined : errorToast?.action;\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:\n        action || showTryAgain\n          ? {\n              uiType: 'LINK',\n              text:\n                action?.text ?? this.container.translate('cairo.toast.retry'),\n              onClick: () => {\n                if (action?.onClick) {\n                  action.onClick();\n                } else {\n                  this.bi.reportSaveTryAgain();\n                  this.handleSubmit(e);\n                }\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\n  async handleSubmit(e?: React.BaseSyntheticEvent) {\n    if (this.formPage.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 {\n      form,\n      formPage: { submitTask },\n      bi,\n    } = 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.isFetching) {\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.formPage.submitTask.status.promise;\n  }\n\n  get initTask() {\n    return this.formPage.initTask;\n  }\n\n  get submitTask() {\n    return this.formPage.submitTask;\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    } 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/EntityPage/useEntityPageHeader.js

@@ -8,6 +8,8 @@ var _providers = require("../../providers");
 var _EntityPage = require("../../components/EntityPage");
 var _FormPage = require("../FormPage");
 var _WixPatternsRouterProvider = require("../../providers/WixPatternsRouterProvider");
+var _useIsMobile = require("../../hooks/useIsMobile");
+var _designSystem = require("@wix/design-system");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/EntityPage/useEntityPageHeader.tsx";
 function useEntityPageHeader(child) {
   var _router$currentState;
@@ -18,7 +20,7 @@ function useEntityPageHeader(child) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 13,
+      lineNumber: 15,
       columnNumber: 5
     }
   });
@@ -28,17 +30,26 @@ function useEntityPageHeader(child) {
     subtitle = null,
     breadcrumbs = null
   } = routerEntityData || !state.isFetching ? child.props : {};
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   const header = (0, _FormPage.useFormPageHeader)(child, {
     headerProps: {
       dataHook: 'entity-page-header',
       actionsBar,
-      showBackButton: true,
+      showBackButton: !isMobile,
       onBackClicked: () => state.navigateToParent()
     },
     overrides: {
       title: title == null ? void 0 : title.text,
-      subtitle,
-      breadcrumbs
+      subtitle: isMobile ? undefined : subtitle,
+      breadcrumbs: isMobile ? /*#__PURE__*/_react.default.createElement(_designSystem.Breadcrumbs, {
+        items: [],
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 36,
+          columnNumber: 31
+        }
+      }) : breadcrumbs
     }
   });
   return header;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_EntityPage","_FormPage","_WixPatternsRouterProvider","_jsxFileName","useEntityPageHeader","child","_router$currentState","state","useEntityPageContext","router","useWixPatternsRouter","actionsBar","default","createElement","EntityPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","routerEntityData","currentState","_chosenEntity","entity","title","subtitle","breadcrumbs","isFetching","header","useFormPageHeader","headerProps","dataHook","showBackButton","onBackClicked","navigateToParent","overrides","text"],"sources":["../../../../src/state/EntityPage/useEntityPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityPageHeaderElement } from '../../components/EntityPageHeader';\nimport { useEntityPageContext } from '../../providers';\nimport { EntityPageActionsBar } from '../../components/EntityPage';\nimport { useFormPageHeader } from '../FormPage';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\n\nexport function useEntityPageHeader(child: EntityPageHeaderElement) {\n  const state = useEntityPageContext();\n  const router = useWixPatternsRouter();\n\n  const actionsBar = (\n    <EntityPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  const routerEntityData = router?.currentState?._chosenEntity?.entity;\n  const {\n    title = null,\n    subtitle = null,\n    breadcrumbs = null,\n  } = routerEntityData || !state.isFetching ? child.props : {};\n\n  const header = useFormPageHeader(child, {\n    headerProps: {\n      dataHook: 'entity-page-header',\n      actionsBar,\n      showBackButton: true,\n      onBackClicked: () => state.navigateToParent(),\n    },\n    overrides: {\n      title: title?.text,\n      subtitle,\n      breadcrumbs,\n    },\n  });\n\n  return header;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AAAiF,IAAAK,YAAA;AAE1E,SAASC,mBAAmBA,CAACC,KAA8B,EAAE;EAAA,IAAAC,oBAAA;EAClE,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EACpC,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAMC,UAAU,gBACdf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,WAAA,CAAAc,oBAAoB;IAACC,WAAW,EAAEV,KAAK,CAACW,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC9D;EAED,MAAMC,gBAAgB,GAAGb,MAAM,aAAAH,oBAAA,GAANG,MAAM,CAAEc,YAAY,cAAAjB,oBAAA,GAApBA,oBAAA,CAAsBkB,aAAa,qBAAnClB,oBAAA,CAAqCmB,MAAM;EACpE,MAAM;IACJC,KAAK,GAAG,IAAI;IACZC,QAAQ,GAAG,IAAI;IACfC,WAAW,GAAG;EAChB,CAAC,GAAGN,gBAAgB,IAAI,CAACf,KAAK,CAACsB,UAAU,GAAGxB,KAAK,CAACW,KAAK,GAAG,CAAC,CAAC;EAE5D,MAAMc,MAAM,GAAG,IAAAC,2BAAiB,EAAC1B,KAAK,EAAE;IACtC2B,WAAW,EAAE;MACXC,QAAQ,EAAE,oBAAoB;MAC9BtB,UAAU;MACVuB,cAAc,EAAE,IAAI;MACpBC,aAAa,EAAEA,CAAA,KAAM5B,KAAK,CAAC6B,gBAAgB,CAAC;IAC9C,CAAC;IACDC,SAAS,EAAE;MACTX,KAAK,EAAEA,KAAK,oBAALA,KAAK,CAAEY,IAAI;MAClBX,QAAQ;MACRC;IACF;EACF,CAAC,CAAC;EAEF,OAAOE,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_EntityPage","_FormPage","_WixPatternsRouterProvider","_useIsMobile","_designSystem","_jsxFileName","useEntityPageHeader","child","_router$currentState","state","useEntityPageContext","router","useWixPatternsRouter","actionsBar","default","createElement","EntityPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","routerEntityData","currentState","_chosenEntity","entity","title","subtitle","breadcrumbs","isFetching","isMobile","useIsMobile","header","useFormPageHeader","headerProps","dataHook","showBackButton","onBackClicked","navigateToParent","overrides","text","undefined","Breadcrumbs","items"],"sources":["../../../../src/state/EntityPage/useEntityPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityPageHeaderElement } from '../../components/EntityPageHeader';\nimport { useEntityPageContext } from '../../providers';\nimport { EntityPageActionsBar } from '../../components/EntityPage';\nimport { useFormPageHeader } from '../FormPage';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { Breadcrumbs } from '@wix/design-system';\n\nexport function useEntityPageHeader(child: EntityPageHeaderElement) {\n  const state = useEntityPageContext();\n  const router = useWixPatternsRouter();\n\n  const actionsBar = (\n    <EntityPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  const routerEntityData = router?.currentState?._chosenEntity?.entity;\n  const {\n    title = null,\n    subtitle = null,\n    breadcrumbs = null,\n  } = routerEntityData || !state.isFetching ? child.props : {};\n  const isMobile = useIsMobile();\n\n  const header = useFormPageHeader(child, {\n    headerProps: {\n      dataHook: 'entity-page-header',\n      actionsBar,\n      showBackButton: !isMobile,\n      onBackClicked: () => state.navigateToParent(),\n    },\n    overrides: {\n      title: title?.text,\n      subtitle: isMobile ? undefined : subtitle,\n      breadcrumbs: isMobile ? <Breadcrumbs items={[]} /> : breadcrumbs,\n    },\n  });\n\n  return header;\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAAiD,IAAAO,YAAA;AAE1C,SAASC,mBAAmBA,CAACC,KAA8B,EAAE;EAAA,IAAAC,oBAAA;EAClE,MAAMC,KAAK,GAAG,IAAAC,+BAAoB,EAAC,CAAC;EACpC,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,MAAMC,UAAU,gBACdjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,WAAA,CAAAgB,oBAAoB;IAACC,WAAW,EAAEV,KAAK,CAACW,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC9D;EAED,MAAMC,gBAAgB,GAAGb,MAAM,aAAAH,oBAAA,GAANG,MAAM,CAAEc,YAAY,cAAAjB,oBAAA,GAApBA,oBAAA,CAAsBkB,aAAa,qBAAnClB,oBAAA,CAAqCmB,MAAM;EACpE,MAAM;IACJC,KAAK,GAAG,IAAI;IACZC,QAAQ,GAAG,IAAI;IACfC,WAAW,GAAG;EAChB,CAAC,GAAGN,gBAAgB,IAAI,CAACf,KAAK,CAACsB,UAAU,GAAGxB,KAAK,CAACW,KAAK,GAAG,CAAC,CAAC;EAC5D,MAAMc,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,MAAMC,MAAM,GAAG,IAAAC,2BAAiB,EAAC5B,KAAK,EAAE;IACtC6B,WAAW,EAAE;MACXC,QAAQ,EAAE,oBAAoB;MAC9BxB,UAAU;MACVyB,cAAc,EAAE,CAACN,QAAQ;MACzBO,aAAa,EAAEA,CAAA,KAAM9B,KAAK,CAAC+B,gBAAgB,CAAC;IAC9C,CAAC;IACDC,SAAS,EAAE;MACTb,KAAK,EAAEA,KAAK,oBAALA,KAAK,CAAEc,IAAI;MAClBb,QAAQ,EAAEG,QAAQ,GAAGW,SAAS,GAAGd,QAAQ;MACzCC,WAAW,EAAEE,QAAQ,gBAAGpC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAwC,WAAW;QAACC,KAAK,EAAE,EAAG;QAAA1B,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAhB,YAAA;UAAAiB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,GAAGO;IACvD;EACF,CAAC,CAAC;EAEF,OAAOI,MAAM;AACf","ignoreList":[]}

package/dist/cjs/state/FormPage/FormPageHeader.st.css

@@ -0,0 +1,13 @@
+.root {
+  -st-states: mobile;
+}
+
+.root:mobile {
+  flex-direction: column;
+}
+
+.root:mobile > * {
+  margin-left: 0;
+  margin-top: 6px !important;
+  height: auto;
+}

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "FormPageHeader2957541410";
+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": "FormPageHeader2957541410__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=FormPageHeader.st.css.js.map

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader2957541410\";\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\":\"FormPageHeader2957541410__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/state/FormPage/useFormPageContent.js

@@ -10,6 +10,7 @@ var _FormPage = require("../../components/FormPage");
 var _useAutoScrollOnLoad = require("../../hooks/useAutoScrollOnLoad");
 var _bexUtils = require("@wix/bex-utils");
 var _FormFooter = require("./FormFooter");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/FormPage/useFormPageContent.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function useFormPageContent(child, {
@@ -42,12 +43,13 @@ function useFormPageContent(child, {
     }, childrenArray[0].props.children);
   }
   (0, _useAutoScrollOnLoad.useAutoScrollOnLoad)(scrollToItem, doesItemExist);
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Content, {
     key: child.key,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 94,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_bexUtils.FocusableWrapper, {
@@ -61,21 +63,23 @@ function useFormPageContent(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 95,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
+    cols: isMobile ? 1 : undefined,
+    gap: isMobile ? '24px 0' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 104,
       columnNumber: 9
     }
   }, childrenArray, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 109,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_FormFooter.FormFooter, {
@@ -84,7 +88,7 @@ function useFormPageContent(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 110,
       columnNumber: 13
     }
   })))));

package/dist/cjs/state/FormPage/useFormPageContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_FormPageMainContent","_FormPageAdditionalContent","_FormPage","_useAutoScrollOnLoad","_bexUtils","_FormFooter","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useFormPageContent","child","elementName","MainContentElement","FormPageMainContent","AdditionalContentElement","FormPageAdditionalContent","FooterElement","FormPageActionsBar","scrollableRef","childrenArray","Children","toArray","props","children","scrollToItem","useRef","doesItemExist","process","env","NODE_ENV","every","elem","isValidElement","type","Error","length","cloneElement","span","useAutoScrollOnLoad","createElement","Page","Content","key","__self","__source","fileName","lineNumber","columnNumber","FocusableWrapper","getScrollableTrigger","triggerScrollable","current","getDoesItemExist","callback","Layout","Cell","FormFooter"],"sources":["../../../../src/state/FormPage/useFormPageContent.tsx"],"sourcesContent":["import React, {\n  Children,\n  ComponentType,\n  cloneElement,\n  isValidElement,\n  useRef,\n} from 'react';\nimport { Cell, Layout, Page } from '@wix/design-system';\nimport { FormPageMainContent } from '../../components/FormPageMainContent';\nimport { FormPageAdditionalContent } from '../../components/FormPageAdditionalContent';\nimport {\n  FormPageActionsBar,\n  FormPageActionsBarProps,\n} from '../../components/FormPage';\nimport { useAutoScrollOnLoad } from '../../hooks/useAutoScrollOnLoad';\nimport { FocusableWrapper } from '@wix/bex-utils';\nimport { FormFooter } from './FormFooter';\n\nexport function useFormPageContent(\n  child: JSX.Element,\n  {\n    elementName = 'FormPage',\n    MainContentElement = FormPageMainContent,\n    AdditionalContentElement = FormPageAdditionalContent,\n    FooterElement = FormPageActionsBar,\n    scrollableRef,\n  }: {\n    elementName?: string;\n    MainContentElement?: ComponentType<JSX.Element>;\n    AdditionalContentElement?: ComponentType<JSX.Element>;\n    FooterElement?: ComponentType<FormPageActionsBarProps>;\n    scrollableRef?: HTMLElement | null;\n  } = {},\n) {\n  const childrenArray = Children.toArray(child.props.children);\n  const scrollToItem = useRef<() => void>();\n  const doesItemExist = useRef<() => boolean>();\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (\n      !childrenArray.every(\n        (elem) =>\n          isValidElement(elem) &&\n          (elem.type === MainContentElement ||\n            elem.type === AdditionalContentElement),\n      )\n    ) {\n      throw new Error(\n        `<${elementName}.Content/> must have only <${elementName}.MainContent/> and <${elementName}.AdditionalContent/> children`,\n      );\n    }\n\n    if (childrenArray.length === 0 || childrenArray.length > 2) {\n      throw new Error(\n        `<${elementName}.Content/> must have 1 (<${elementName}.MainContent/>) or 2 (<${elementName}.MainContent/> and <${elementName}.AdditionalContent/>) children`,\n      );\n    }\n\n    if (\n      !isValidElement(childrenArray[0]) ||\n      childrenArray[0].type !== MainContentElement\n    ) {\n      throw new Error(\n        `<${elementName}.MainContent/> should be the first child of <${elementName}.Content/>`,\n      );\n    }\n\n    if (\n      childrenArray.length === 2 &&\n      (!isValidElement(childrenArray[1]) ||\n        childrenArray[1].type !== AdditionalContentElement)\n    ) {\n      throw new Error(\n        `Only <${elementName}.AdditionalContent/> can be the second child of <${elementName}.Content/>`,\n      );\n    }\n  }\n\n  if (isValidElement(childrenArray[0])) {\n    childrenArray[0] = cloneElement(\n      childrenArray[0],\n      {\n        span: childrenArray.length === 1 ? 12 : 8,\n      } as any,\n      childrenArray[0].props.children,\n    );\n  }\n\n  useAutoScrollOnLoad(scrollToItem, doesItemExist);\n\n  return (\n    <Page.Content key={child.key}>\n      <FocusableWrapper\n        scrollableRef={scrollableRef}\n        getScrollableTrigger={(triggerScrollable) => {\n          scrollToItem.current = triggerScrollable;\n        }}\n        getDoesItemExist={(callback) => {\n          doesItemExist.current = callback;\n        }}\n      >\n        <Layout>\n          {childrenArray}\n          <Cell>\n            <FormFooter\n              scrollableRef={scrollableRef}\n              FooterElement={FooterElement}\n            />\n          </Cell>\n        </Layout>\n      </FocusableWrapper>\n    </Page.Content>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_FormPageMainContent","_FormPageAdditionalContent","_FormPage","_useAutoScrollOnLoad","_bexUtils","_FormFooter","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useFormPageContent","child","elementName","MainContentElement","FormPageMainContent","AdditionalContentElement","FormPageAdditionalContent","FooterElement","FormPageActionsBar","scrollableRef","childrenArray","Children","toArray","props","children","scrollToItem","useRef","doesItemExist","process","env","NODE_ENV","every","elem","isValidElement","type","Error","length","cloneElement","span","useAutoScrollOnLoad","isMobile","useIsMobile","createElement","Page","Content","key","__self","__source","fileName","lineNumber","columnNumber","FocusableWrapper","getScrollableTrigger","triggerScrollable","current","getDoesItemExist","callback","Layout","cols","undefined","gap","Cell","FormFooter"],"sources":["../../../../src/state/FormPage/useFormPageContent.tsx"],"sourcesContent":["import React, {\n  Children,\n  ComponentType,\n  cloneElement,\n  isValidElement,\n  useRef,\n} from 'react';\nimport { Cell, Layout, Page } from '@wix/design-system';\nimport { FormPageMainContent } from '../../components/FormPageMainContent';\nimport { FormPageAdditionalContent } from '../../components/FormPageAdditionalContent';\nimport {\n  FormPageActionsBar,\n  FormPageActionsBarProps,\n} from '../../components/FormPage';\nimport { useAutoScrollOnLoad } from '../../hooks/useAutoScrollOnLoad';\nimport { FocusableWrapper } from '@wix/bex-utils';\nimport { FormFooter } from './FormFooter';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport function useFormPageContent(\n  child: JSX.Element,\n  {\n    elementName = 'FormPage',\n    MainContentElement = FormPageMainContent,\n    AdditionalContentElement = FormPageAdditionalContent,\n    FooterElement = FormPageActionsBar,\n    scrollableRef,\n  }: {\n    elementName?: string;\n    MainContentElement?: ComponentType<JSX.Element>;\n    AdditionalContentElement?: ComponentType<JSX.Element>;\n    FooterElement?: ComponentType<FormPageActionsBarProps>;\n    scrollableRef?: HTMLElement | null;\n  } = {},\n) {\n  const childrenArray = Children.toArray(child.props.children);\n  const scrollToItem = useRef<() => void>();\n  const doesItemExist = useRef<() => boolean>();\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (\n      !childrenArray.every(\n        (elem) =>\n          isValidElement(elem) &&\n          (elem.type === MainContentElement ||\n            elem.type === AdditionalContentElement),\n      )\n    ) {\n      throw new Error(\n        `<${elementName}.Content/> must have only <${elementName}.MainContent/> and <${elementName}.AdditionalContent/> children`,\n      );\n    }\n\n    if (childrenArray.length === 0 || childrenArray.length > 2) {\n      throw new Error(\n        `<${elementName}.Content/> must have 1 (<${elementName}.MainContent/>) or 2 (<${elementName}.MainContent/> and <${elementName}.AdditionalContent/>) children`,\n      );\n    }\n\n    if (\n      !isValidElement(childrenArray[0]) ||\n      childrenArray[0].type !== MainContentElement\n    ) {\n      throw new Error(\n        `<${elementName}.MainContent/> should be the first child of <${elementName}.Content/>`,\n      );\n    }\n\n    if (\n      childrenArray.length === 2 &&\n      (!isValidElement(childrenArray[1]) ||\n        childrenArray[1].type !== AdditionalContentElement)\n    ) {\n      throw new Error(\n        `Only <${elementName}.AdditionalContent/> can be the second child of <${elementName}.Content/>`,\n      );\n    }\n  }\n\n  if (isValidElement(childrenArray[0])) {\n    childrenArray[0] = cloneElement(\n      childrenArray[0],\n      {\n        span: childrenArray.length === 1 ? 12 : 8,\n      } as any,\n      childrenArray[0].props.children,\n    );\n  }\n\n  useAutoScrollOnLoad(scrollToItem, doesItemExist);\n  const isMobile = useIsMobile();\n\n  return (\n    <Page.Content key={child.key}>\n      <FocusableWrapper\n        scrollableRef={scrollableRef}\n        getScrollableTrigger={(triggerScrollable) => {\n          scrollToItem.current = triggerScrollable;\n        }}\n        getDoesItemExist={(callback) => {\n          doesItemExist.current = callback;\n        }}\n      >\n        <Layout\n          cols={isMobile ? 1 : undefined}\n          gap={isMobile ? '24px 0' : undefined}\n        >\n          {childrenArray}\n          <Cell>\n            <FormFooter\n              scrollableRef={scrollableRef}\n              FooterElement={FooterElement}\n            />\n          </Cell>\n        </Layout>\n      </FocusableWrapper>\n    </Page.Content>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/FormPage/useFormPageHeader.js

@@ -9,12 +9,15 @@ var _designSystem = require("@wix/design-system");
 var _providers = require("../../providers");
 var _FormPage = require("../../components/FormPage");
 var _PageSubTitle = require("../../components/PageSubTitle");
+var _FormPageHeaderStCss = require("./FormPageHeader.st.css.js");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/state/FormPage/useFormPageHeader.tsx";
 function useFormPageHeader(child, {
   headerProps = {},
   overrides = {}
 } = {}) {
   const state = (0, _providers.useFormPageContext)();
+  const isMobile = (0, _useIsMobile.useIsMobile)();
   const {
     title,
     subtitle,
@@ -25,11 +28,14 @@ function useFormPageHeader(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 34,
       columnNumber: 5
     }
   });
   return /*#__PURE__*/_react.default.createElement(_designSystem.Page.Header, (0, _extends2.default)({
+    className: (0, _FormPageHeaderStCss.st)(_FormPageHeaderStCss.classes.root, {
+      mobile: isMobile
+    }),
     key: child.key,
     title: !title ? /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
       height: "24px",
@@ -37,10 +43,18 @@ function useFormPageHeader(child, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 36,
-        columnNumber: 23
+        lineNumber: 43,
+        columnNumber: 11
       }
-    }) : title,
+    }) : /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+      size: isMobile ? 'large' : 'extraLarge',
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 45,
+        columnNumber: 11
+      }
+    }, title),
     subtitle: !subtitle && state.isFetching ? /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonRectangle, {
       marginTop: "SP1",
       height: "12px",
@@ -48,14 +62,14 @@ function useFormPageHeader(child, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 39,
+        lineNumber: 50,
         columnNumber: 11
       }
     }) : subtitle && /*#__PURE__*/_react.default.createElement(_PageSubTitle.PageSubTitle, (0, _extends2.default)({}, subtitle, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 52,
         columnNumber: 23
       }
     })),
@@ -65,7 +79,7 @@ function useFormPageHeader(child, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 38,
       columnNumber: 5
     }
   }));

package/dist/cjs/state/FormPage/useFormPageHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_FormPage","_PageSubTitle","_jsxFileName","useFormPageHeader","child","headerProps","overrides","state","useFormPageContext","title","subtitle","breadcrumbs","actionsBar","default","createElement","FormPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","Page","Header","_extends2","key","SkeletonRectangle","height","width","isFetching","marginTop","PageSubTitle"],"sources":["../../../../src/state/FormPage/useFormPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Breadcrumbs,\n  Page,\n  PageHeaderProps,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport { useFormPageContext } from '../../providers';\nimport { FormPageActionsBar } from '../../components/FormPage';\nimport { PageSubTitle, PageSubTitleProps } from '../../components/PageSubTitle';\n\nexport function useFormPageHeader(\n  child: JSX.Element,\n  {\n    headerProps = {},\n    overrides = {},\n  }: {\n    headerProps?: PageHeaderProps;\n    overrides?: {\n      title?: string;\n      subtitle?: PageSubTitleProps | null;\n      breadcrumbs?: React.ReactElement<Breadcrumbs> | null;\n    };\n  } = {},\n) {\n  const state = useFormPageContext();\n  const { title, subtitle, breadcrumbs } = overrides;\n\n  const actionsBar = (\n    <FormPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  return (\n    <Page.Header\n      key={child.key}\n      title={!title ? <SkeletonRectangle height=\"24px\" width=\"50%\" /> : title}\n      subtitle={\n        !subtitle && state.isFetching ? (\n          <SkeletonRectangle marginTop=\"SP1\" height=\"12px\" width=\"70%\" />\n        ) : (\n          subtitle && <PageSubTitle {...subtitle} />\n        )\n      }\n      actionsBar={actionsBar}\n      breadcrumbs={breadcrumbs}\n      {...headerProps}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAMA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAAgF,IAAAK,YAAA;AAEzE,SAASC,iBAAiBA,CAC/BC,KAAkB,EAClB;EACEC,WAAW,GAAG,CAAC,CAAC;EAChBC,SAAS,GAAG,CAAC;AAQf,CAAC,GAAG,CAAC,CAAC,EACN;EACA,MAAMC,KAAK,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAClC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGL,SAAS;EAElD,MAAMM,UAAU,gBACdjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,SAAA,CAAAe,kBAAkB;IAACC,WAAW,EAAEZ,KAAK,CAACa,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5D;EAED,oBACE3B,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAyB,IAAI,CAACC,MAAM,MAAAC,SAAA,CAAAZ,OAAA;IACVa,GAAG,EAAEtB,KAAK,CAACsB,GAAI;IACfjB,KAAK,EAAE,CAACA,KAAK,gBAAGd,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAA6B,iBAAiB;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAAGb,KAAM;IACxEC,QAAQ,EACN,CAACA,QAAQ,IAAIH,KAAK,CAACuB,UAAU,gBAC3BnC,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAA6B,iBAAiB;MAACI,SAAS,EAAC,KAAK;MAACH,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAE/DZ,QAAQ,iBAAIf,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA+B,YAAY,MAAAP,SAAA,CAAAZ,OAAA,MAAKH,QAAQ;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAE5C;IACDV,UAAU,EAAEA,UAAW;IACvBD,WAAW,EAAEA;EAAY,GACrBN,WAAW;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAChB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_providers","_FormPage","_PageSubTitle","_FormPageHeaderStCss","_useIsMobile","_jsxFileName","useFormPageHeader","child","headerProps","overrides","state","useFormPageContext","isMobile","useIsMobile","title","subtitle","breadcrumbs","actionsBar","default","createElement","FormPageActionsBar","moreActions","props","__self","__source","fileName","lineNumber","columnNumber","Page","Header","_extends2","className","st","classes","root","mobile","key","SkeletonRectangle","height","width","Heading","size","isFetching","marginTop","PageSubTitle"],"sources":["../../../../src/state/FormPage/useFormPageHeader.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Breadcrumbs,\n  Heading,\n  Page,\n  PageHeaderProps,\n  SkeletonRectangle,\n} from '@wix/design-system';\nimport { useFormPageContext } from '../../providers';\nimport { FormPageActionsBar } from '../../components/FormPage';\nimport { PageSubTitle, PageSubTitleProps } from '../../components/PageSubTitle';\nimport { st, classes } from './FormPageHeader.st.css.js';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport function useFormPageHeader(\n  child: JSX.Element,\n  {\n    headerProps = {},\n    overrides = {},\n  }: {\n    headerProps?: PageHeaderProps;\n    overrides?: {\n      title?: string;\n      subtitle?: PageSubTitleProps | null;\n      breadcrumbs?: React.ReactElement<Breadcrumbs> | null;\n    };\n  } = {},\n) {\n  const state = useFormPageContext();\n  const isMobile = useIsMobile();\n  const { title, subtitle, breadcrumbs } = overrides;\n\n  const actionsBar = (\n    <FormPageActionsBar moreActions={child.props.moreActions} />\n  );\n\n  return (\n    <Page.Header\n      className={st(classes.root, { mobile: isMobile })}\n      key={child.key}\n      title={\n        !title ? (\n          <SkeletonRectangle height=\"24px\" width=\"50%\" />\n        ) : (\n          <Heading size={isMobile ? 'large' : 'extraLarge'}>{title}</Heading>\n        )\n      }\n      subtitle={\n        !subtitle && state.isFetching ? (\n          <SkeletonRectangle marginTop=\"SP1\" height=\"12px\" width=\"70%\" />\n        ) : (\n          subtitle && <PageSubTitle {...subtitle} />\n        )\n      }\n      actionsBar={actionsBar}\n      breadcrumbs={breadcrumbs}\n      {...headerProps}\n    />\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAOA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAsD,IAAAO,YAAA;AAE/C,SAASC,iBAAiBA,CAC/BC,KAAkB,EAClB;EACEC,WAAW,GAAG,CAAC,CAAC;EAChBC,SAAS,GAAG,CAAC;AAQf,CAAC,GAAG,CAAC,CAAC,EACN;EACA,MAAMC,KAAK,GAAG,IAAAC,6BAAkB,EAAC,CAAC;EAClC,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAC9B,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGP,SAAS;EAElD,MAAMQ,UAAU,gBACdrB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAmB,kBAAkB;IAACC,WAAW,EAAEd,KAAK,CAACe,KAAK,CAACD,WAAY;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC5D;EAED,oBACE/B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAA6B,IAAI,CAACC,MAAM,MAAAC,SAAA,CAAAZ,OAAA;IACVa,SAAS,EAAE,IAAAC,uBAAE,EAACC,4BAAO,CAACC,IAAI,EAAE;MAAEC,MAAM,EAAEvB;IAAS,CAAC,CAAE;IAClDwB,GAAG,EAAE7B,KAAK,CAAC6B,GAAI;IACftB,KAAK,EACH,CAACA,KAAK,gBACJlB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAsC,iBAAiB;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,gBAE/C/B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAyC,OAAO;MAACC,IAAI,EAAE7B,QAAQ,GAAG,OAAO,GAAG,YAAa;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEb,KAAe,CAErE;IACDC,QAAQ,EACN,CAACA,QAAQ,IAAIL,KAAK,CAACgC,UAAU,gBAC3B9C,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAsC,iBAAiB;MAACM,SAAS,EAAC,KAAK;MAACL,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,KAAK;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAE/DZ,QAAQ,iBAAInB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA0C,YAAY,MAAAd,SAAA,CAAAZ,OAAA,MAAKH,QAAQ;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAE5C;IACDV,UAAU,EAAEA,UAAW;IACvBD,WAAW,EAAEA;EAAY,GACrBR,WAAW;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAChB,CAAC;AAEN","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.Collapse3359350192__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3359350192__exit{height:0}.CollectionToolbar2824696561__left{min-width:0}.CollectionToolbar2824696561__root.CollectionToolbar2824696561--views .CollectionToolbar2824696561__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2824696561__left.CollectionToolbar2824696561--expandable{flex:auto}.CollectionToolbar2824696561__root .CollectionToolbar2824696561__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2824696561__root.CollectionToolbar2824696561--views .CollectionToolbar2824696561__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2824696561__root .CollectionToolbar2824696561__right.CollectionToolbar2824696561__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter2690457493__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly3307026271__root.AutoCompleteReadonly3307026271--disableEditing{cursor:pointer}.AutoCompleteReadonly3307026271__root.AutoCompleteReadonly3307026271--disableEditing input{cursor:pointer}.ViewsDropdown1686531107__root{width:200px}.DragHandle2776807117__root{display:flex;align-items:center}.DragHandle2776807117__root:not(.DragHandle2776807117--disabled){cursor:grab;color:#a8caff}.DragHandle2776807117__root.DragHandle2776807117--disabled{color:#acafc4}.DragHandle2776807117__root:focus-visible:not(.DragHandle2776807117--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2776807117__root.DragHandle2776807117--disabled{pointer-events:none}.DragHandle2776807117__root.DragHandle2776807117--dragging:not(.DragHandle2776807117--disabled){cursor:grabbing}.Fade3035668367__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3035668367__root.Fade3035668367--exit{opacity:0}.Heading841320960__root{visibility:visible}.Heading841320960__root.Heading841320960--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3827721191__root.InputOverflow3827721191--selected:not(.InputOverflow3827721191--focused) input::placeholder{color:#000624}@keyframes LoadingRow2642058407__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow2642058407__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow2642058407__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText555187070__root{opacity:1}.MaxHeightText555187070__root.MaxHeightText555187070--height24{line-height:24px}.MaxLines1105587962__root{overflow:hidden}.MaxLines1105587962__root.MaxLines1105587962--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3351309825__root{min-width:0}.NestedTablePlaceholderStatesRow272091882__root td{padding:0!important;width:100%}.NestedTableRow75147261__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow75147261__root:hover{background-color:#e7f0ff!important}.NestedTableRow75147261__root.NestedTableRow75147261--expandable{cursor:pointer}.NestedTableRow75147261__placeholder td{padding:0!important;width:100%}.NestedTableRow75147261__root:hover td:first-of-type::before,.NestedTableRow75147261__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3886307459__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow230376777__root.NestedTableDragAndDropRow230376777--draggingInto td{background-color:#e7f0ff!important}.PickerContent4234608594__root{display:flex}.PickerContentAdditionalStep2084539116__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2084539116__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1260058017__root{box-sizing:border-box}.ScrollableContent3941434720__root.ScrollableContent3941434720--overflowY{overflow-y:auto}.ScrollableContent3941434720__root.ScrollableContent3941434720--overflowX{overflow-x:auto}.ScrollableContent3941434720__root.ScrollableContent3941434720--smooth{scroll-behavior:smooth}.SkeletonCard306286358__headerLoading{display:block!important}.SlidingModal3541332017__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3541332017__root:not(.SlidingModal3541332017--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1298810542__root .TabsFilter1298810542__title{color:inherit!important}.ManageTagsModal1475561346__root{display:flex}.ToolbarItem24948086__root{min-width:0}.ToolbarItemBox3597210941__root{min-width:0}.ToolbarItemBox3597210941__root.ToolbarItemBox3597210941--removeStartPadding{margin-left:-24px}.ToolbarItemBox3597210941__root.ToolbarItemBox3597210941--expandable{flex:1 0}.common2268344132__column{display:flex;flex-direction:column}.common2268344132__fullHeight{height:100%;min-height:0}
+.Collapse3849883550__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3849883550__exit{height:0}.CollectionPage1750757517__root.CollectionPage1750757517--mobile{--wds-page-header-padding-horizontal:24px}.CollectionToolbar2427766201__left{min-width:0}.CollectionToolbar2427766201__root.CollectionToolbar2427766201--views .CollectionToolbar2427766201__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2427766201__left.CollectionToolbar2427766201--expandable{flex:auto}.CollectionToolbar2427766201__root .CollectionToolbar2427766201__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2427766201__root.CollectionToolbar2427766201--views .CollectionToolbar2427766201__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2427766201__root .CollectionToolbar2427766201__right.CollectionToolbar2427766201__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter151868873__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter151868873__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly3019942609__root.AutoCompleteReadonly3019942609--disableEditing{cursor:pointer}.AutoCompleteReadonly3019942609__root.AutoCompleteReadonly3019942609--disableEditing input{cursor:pointer}.ViewsDropdown2566353492__root{width:200px}.DragHandle1851905475__root{display:flex;align-items:center}.DragHandle1851905475__root:not(.DragHandle1851905475--disabled){cursor:grab;color:#a8caff}.DragHandle1851905475__root.DragHandle1851905475--disabled{color:#acafc4}.DragHandle1851905475__root:focus-visible:not(.DragHandle1851905475--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1851905475__root.DragHandle1851905475--disabled{pointer-events:none}.DragHandle1851905475__root.DragHandle1851905475--dragging:not(.DragHandle1851905475--disabled){cursor:grabbing}.EntityPagePlain4024963659__root.EntityPagePlain4024963659--mobile{--wds-page-header-padding-horizontal:24px}.Fade3865436704__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3865436704__root.Fade3865436704--exit{opacity:0}.Heading1882774573__root{visibility:visible}.Heading1882774573__root.Heading1882774573--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2235828534__root.InputOverflow2235828534--selected:not(.InputOverflow2235828534--focused) input::placeholder{color:#000624}@keyframes LoadingRow3607542296__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3607542296__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3607542296__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1017006677__root{opacity:1}.MaxHeightText1017006677__root.MaxHeightText1017006677--height24{line-height:24px}.MaxLines1357754376__root{overflow:hidden}.MaxLines1357754376__root.MaxLines1357754376--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3159440338__root{min-width:0}.NestedTablePlaceholderStatesRow1051446419__root td{padding:0!important;width:100%}.NestedTableRow3676145886__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3676145886__root:hover{background-color:#e7f0ff!important}.NestedTableRow3676145886__root.NestedTableRow3676145886--expandable{cursor:pointer}.NestedTableRow3676145886__placeholder td{padding:0!important;width:100%}.NestedTableRow3676145886__root:hover td:first-of-type::before,.NestedTableRow3676145886__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect237718440__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2656180038__root.NestedTableDragAndDropRow2656180038--draggingInto td{background-color:#e7f0ff!important}.PickerContent2483730309__root{display:flex}.PickerContentAdditionalStep2245581024__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2245581024__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2889089055__root{box-sizing:border-box}.ScrollableContent2024960391__root.ScrollableContent2024960391--overflowY{overflow-y:auto}.ScrollableContent2024960391__root.ScrollableContent2024960391--overflowX{overflow-x:auto}.ScrollableContent2024960391__root.ScrollableContent2024960391--smooth{scroll-behavior:smooth}.SkeletonCard4219346183__headerLoading{display:block!important}.SlidingModal1187687177__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1187687177__root:not(.SlidingModal1187687177--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter171559702__root .TabsFilter171559702__title{color:inherit!important}.ManageTagsModal1146529280__root{display:flex}.ToolbarItem4158460928__root{min-width:0}.ToolbarItemBox3828704627__root{min-width:0}.ToolbarItemBox3828704627__root.ToolbarItemBox3828704627--removeStartPadding{margin-left:-24px}.ToolbarItemBox3828704627__root.ToolbarItemBox3828704627--expandable{flex:1 0}.common3268878218__column{display:flex;flex-direction:column}.common3268878218__fullHeight{height:100%;min-height:0}.CollectionPageHeader2634951745__root.CollectionPageHeader2634951745--mobile{flex-direction:column}.CollectionPageHeader2634951745__root.CollectionPageHeader2634951745--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2957541410__root.FormPageHeader2957541410--mobile{flex-direction:column}.FormPageHeader2957541410__root.FormPageHeader2957541410--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/utils/datesUtil.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getISODateStringWithFixedTimezone = exports.getDateWithoutTimezone = void 0;
+exports.shortDateFormats = exports.getISODateStringWithFixedTimezone = exports.getDateWithoutTimezone = void 0;
 // this function is used to get the date without timezone
 const getDateWithoutTimezone = date => new Date(new Date(date).toISOString().slice(0, -1));
 
@@ -12,5 +12,64 @@ const getISODateStringWithFixedTimezone = date => {
   const userTimezoneOffset = _date.getTimezoneOffset() * 60000;
   return new Date(_date.getTime() - userTimezoneOffset).toISOString().slice(0, -1);
 };
+
+// This logic is copied from  wix-design-systems-locale-utils
+// it should be imported from wix-design-systems-locale-utils
 exports.getISODateStringWithFixedTimezone = getISODateStringWithFixedTimezone;
+const shortDateFormats = exports.shortDateFormats = {
+  en: 'MM/dd/yyyy',
+  'en-US': 'MM/dd/yyyy',
+  'en-GB': 'dd/MM/yyyy',
+  'en-AU': 'dd/MM/yyyy',
+  'en-CA': 'yyyy-MM-dd',
+  ar: 'dd/MM/yyyy',
+  bg: 'dd/MM/yyyy',
+  ca: 'dd/MM/y',
+  zh: 'MM/dd/yyyy',
+  'zh-TW': 'yy-MM-dd',
+  'zh-HK': 'yy-MM-dd',
+  'zh-MO': 'MM/dd/yyyy',
+  cs: 'dd.MM.yyyy',
+  da: 'dd/MM/y',
+  nl: 'dd-MM-y',
+  fi: 'd.M.y',
+  fr: 'dd/MM/y',
+  'fr-CA': 'yy-MM-dd',
+  'fr-CH': 'dd.MM.y',
+  'fr-BE': 'MM/dd/yyyy',
+  de: 'dd.MM.y',
+  'de-CH': 'MM/dd/yyyy',
+  'de-AT': 'dd.MM.y',
+  el: 'd/M/yy',
+  he: 'd.M.y',
+  hi: 'dd/MM/yyyy',
+  hu: 'y. MM. dd.',
+  id: 'd/M/yyyy',
+  it: 'dd/MM/y',
+  ja: 'y/MM/dd',
+  ko: 'y.MM.dd',
+  lt: 'y-MM-dd',
+  ms: 'd/M/yyyy',
+  no: 'MM/dd/yyyy',
+  nb: 'dd.MM.y',
+  nn: 'dd.MM.y',
+  pl: 'dd.MM.y',
+  'pt-BR': 'dd/MM/yyyy',
+  pt: 'dd/MM/y',
+  ro: 'dd.MM.yyyy',
+  ru: 'dd.MM.y',
+  sk: 'd. M. y',
+  sl: 'd. MM. yy',
+  es: 'dd/MM/y',
+  'es-419': 'MM/dd/yyyy',
+  'es-AR': 'MM/dd/yyyy',
+  'es-MX': 'MM/dd/yyyy',
+  'es-US': 'MM/dd/yyyy',
+  sv: 'y-MM-dd',
+  tl: 'MM/dd/yyyy',
+  th: 'dd/MM/yyyy',
+  tr: 'dd.MM.yyyy',
+  uk: 'dd.MM.y',
+  vi: 'dd/MM/y'
+};
 //# sourceMappingURL=datesUtil.js.map

package/dist/cjs/utils/datesUtil.js.map

@@ -1 +1 @@
-{"version":3,"names":["getDateWithoutTimezone","date","Date","toISOString","slice","exports","getISODateStringWithFixedTimezone","_date","userTimezoneOffset","getTimezoneOffset","getTime"],"sources":["../../../src/utils/datesUtil.ts"],"sourcesContent":["// this function is used to get the date without timezone\nexport const getDateWithoutTimezone = (date: Date | string) =>\n  new Date(new Date(date).toISOString().slice(0, -1));\n\n// this function is used to get the date with fixed timezone\nexport const getISODateStringWithFixedTimezone = (date: Date | string) => {\n  const _date = new Date(date);\n  const userTimezoneOffset = _date.getTimezoneOffset() * 60000;\n  return new Date(_date.getTime() - userTimezoneOffset)\n    .toISOString()\n    .slice(0, -1);\n};\n"],"mappings":";;;;AAAA;AACO,MAAMA,sBAAsB,GAAIC,IAAmB,IACxD,IAAIC,IAAI,CAAC,IAAIA,IAAI,CAACD,IAAI,CAAC,CAACE,WAAW,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;AAErD;AAAAC,OAAA,CAAAL,sBAAA,GAAAA,sBAAA;AACO,MAAMM,iCAAiC,GAAIL,IAAmB,IAAK;EACxE,MAAMM,KAAK,GAAG,IAAIL,IAAI,CAACD,IAAI,CAAC;EAC5B,MAAMO,kBAAkB,GAAGD,KAAK,CAACE,iBAAiB,CAAC,CAAC,GAAG,KAAK;EAC5D,OAAO,IAAIP,IAAI,CAACK,KAAK,CAACG,OAAO,CAAC,CAAC,GAAGF,kBAAkB,CAAC,CAClDL,WAAW,CAAC,CAAC,CACbC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACjB,CAAC;AAACC,OAAA,CAAAC,iCAAA,GAAAA,iCAAA","ignoreList":[]}
+{"version":3,"names":["getDateWithoutTimezone","date","Date","toISOString","slice","exports","getISODateStringWithFixedTimezone","_date","userTimezoneOffset","getTimezoneOffset","getTime","shortDateFormats","en","ar","bg","ca","zh","cs","da","nl","fi","fr","de","el","he","hi","hu","id","it","ja","ko","lt","ms","no","nb","nn","pl","pt","ro","ru","sk","sl","es","sv","tl","th","tr","uk","vi"],"sources":["../../../src/utils/datesUtil.ts"],"sourcesContent":["// this function is used to get the date without timezone\nexport const getDateWithoutTimezone = (date: Date | string) =>\n  new Date(new Date(date).toISOString().slice(0, -1));\n\n// this function is used to get the date with fixed timezone\nexport const getISODateStringWithFixedTimezone = (date: Date | string) => {\n  const _date = new Date(date);\n  const userTimezoneOffset = _date.getTimezoneOffset() * 60000;\n  return new Date(_date.getTime() - userTimezoneOffset)\n    .toISOString()\n    .slice(0, -1);\n};\n\n// This logic is copied from  wix-design-systems-locale-utils\n// it should be imported from wix-design-systems-locale-utils\nexport const shortDateFormats = {\n  en: 'MM/dd/yyyy',\n  'en-US': 'MM/dd/yyyy',\n  'en-GB': 'dd/MM/yyyy',\n  'en-AU': 'dd/MM/yyyy',\n  'en-CA': 'yyyy-MM-dd',\n  ar: 'dd/MM/yyyy',\n  bg: 'dd/MM/yyyy',\n  ca: 'dd/MM/y',\n  zh: 'MM/dd/yyyy',\n  'zh-TW': 'yy-MM-dd',\n  'zh-HK': 'yy-MM-dd',\n  'zh-MO': 'MM/dd/yyyy',\n  cs: 'dd.MM.yyyy',\n  da: 'dd/MM/y',\n  nl: 'dd-MM-y',\n  fi: 'd.M.y',\n  fr: 'dd/MM/y',\n  'fr-CA': 'yy-MM-dd',\n  'fr-CH': 'dd.MM.y',\n  'fr-BE': 'MM/dd/yyyy',\n  de: 'dd.MM.y',\n  'de-CH': 'MM/dd/yyyy',\n  'de-AT': 'dd.MM.y',\n  el: 'd/M/yy',\n  he: 'd.M.y',\n  hi: 'dd/MM/yyyy',\n  hu: 'y. MM. dd.',\n  id: 'd/M/yyyy',\n  it: 'dd/MM/y',\n  ja: 'y/MM/dd',\n  ko: 'y.MM.dd',\n  lt: 'y-MM-dd',\n  ms: 'd/M/yyyy',\n  no: 'MM/dd/yyyy',\n  nb: 'dd.MM.y',\n  nn: 'dd.MM.y',\n  pl: 'dd.MM.y',\n  'pt-BR': 'dd/MM/yyyy',\n  pt: 'dd/MM/y',\n  ro: 'dd.MM.yyyy',\n  ru: 'dd.MM.y',\n  sk: 'd. M. y',\n  sl: 'd. MM. yy',\n  es: 'dd/MM/y',\n  'es-419': 'MM/dd/yyyy',\n  'es-AR': 'MM/dd/yyyy',\n  'es-MX': 'MM/dd/yyyy',\n  'es-US': 'MM/dd/yyyy',\n  sv: 'y-MM-dd',\n  tl: 'MM/dd/yyyy',\n  th: 'dd/MM/yyyy',\n  tr: 'dd.MM.yyyy',\n  uk: 'dd.MM.y',\n  vi: 'dd/MM/y',\n};\n"],"mappings":";;;;AAAA;AACO,MAAMA,sBAAsB,GAAIC,IAAmB,IACxD,IAAIC,IAAI,CAAC,IAAIA,IAAI,CAACD,IAAI,CAAC,CAACE,WAAW,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;;AAErD;AAAAC,OAAA,CAAAL,sBAAA,GAAAA,sBAAA;AACO,MAAMM,iCAAiC,GAAIL,IAAmB,IAAK;EACxE,MAAMM,KAAK,GAAG,IAAIL,IAAI,CAACD,IAAI,CAAC;EAC5B,MAAMO,kBAAkB,GAAGD,KAAK,CAACE,iBAAiB,CAAC,CAAC,GAAG,KAAK;EAC5D,OAAO,IAAIP,IAAI,CAACK,KAAK,CAACG,OAAO,CAAC,CAAC,GAAGF,kBAAkB,CAAC,CAClDL,WAAW,CAAC,CAAC,CACbC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AACjB,CAAC;;AAED;AACA;AAAAC,OAAA,CAAAC,iCAAA,GAAAA,iCAAA;AACO,MAAMK,gBAAgB,GAAAN,OAAA,CAAAM,gBAAA,GAAG;EAC9BC,EAAE,EAAE,YAAY;EAChB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,YAAY;EACrBC,EAAE,EAAE,YAAY;EAChBC,EAAE,EAAE,YAAY;EAChBC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,YAAY;EAChB,OAAO,EAAE,UAAU;EACnB,OAAO,EAAE,UAAU;EACnB,OAAO,EAAE,YAAY;EACrBC,EAAE,EAAE,YAAY;EAChBC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE,SAAS;EACb,OAAO,EAAE,UAAU;EACnB,OAAO,EAAE,SAAS;EAClB,OAAO,EAAE,YAAY;EACrBC,EAAE,EAAE,SAAS;EACb,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,SAAS;EAClBC,EAAE,EAAE,QAAQ;EACZC,EAAE,EAAE,OAAO;EACXC,EAAE,EAAE,YAAY;EAChBC,EAAE,EAAE,YAAY;EAChBC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,UAAU;EACdC,EAAE,EAAE,YAAY;EAChBC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACb,OAAO,EAAE,YAAY;EACrBC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,YAAY;EAChBC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,WAAW;EACfC,EAAE,EAAE,SAAS;EACb,QAAQ,EAAE,YAAY;EACtB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,YAAY;EACrB,OAAO,EAAE,YAAY;EACrBC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE,YAAY;EAChBC,EAAE,EAAE,YAAY;EAChBC,EAAE,EAAE,YAAY;EAChBC,EAAE,EAAE,SAAS;EACbC,EAAE,EAAE;AACN,CAAC","ignoreList":[]}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.212.0';
+const version = exports.version = 'patterns@1.214.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.212.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.214.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/ActionControl/ActionButton.js

@@ -2,9 +2,9 @@ import { Button } from '@wix/design-system';
 import React from 'react';
 import { DisabledTooltip } from '../DisabledTooltip';
 export function ActionButton(props) {
-    const { actionItem, suffixIcon, size, priority } = props;
+    const { actionItem, suffixIcon, size, priority, fullWidth } = props;
     const { tooltip, prefixIcon, label, onClick, dataHook, disabled } = actionItem;
     return (React.createElement(DisabledTooltip, { content: tooltip, dataHook: `${dataHook}-tooltip` },
-        React.createElement(Button, { skin: "standard", priority: priority, size: size, prefixIcon: prefixIcon, ellipsis: true, onClick: onClick, dataHook: dataHook, disabled: disabled, suffixIcon: suffixIcon }, label)));
+        React.createElement(Button, { skin: "standard", priority: priority, size: size, prefixIcon: prefixIcon, ellipsis: true, onClick: onClick, dataHook: dataHook, disabled: disabled, suffixIcon: suffixIcon, fullWidth: fullWidth }, label)));
 }
 //# sourceMappingURL=ActionButton.js.map

package/dist/esm/components/ActionControl/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAUrD,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAC/D,UAAU,CAAC;IAEb,OAAO,CACL,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ,UAAU;QAChE,oBAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,IAErB,KAAK,CACC,CACO,CACnB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ActionButton.js","sourceRoot":"","sources":["../../../../src/components/ActionControl/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAWrD,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACpE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAC/D,UAAU,CAAC;IAEb,OAAO,CACL,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,QAAQ,UAAU;QAChE,oBAAC,MAAM,IACL,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,IAEnB,KAAK,CACC,CACO,CACnB,CAAC;AACJ,CAAC"}