@wix/patterns 1.101.0 → 1.103.0

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

@@ -156,7 +156,9 @@ class EntityPageState {
         uiType: 'LINK',
         text: (action == null ? void 0 : action.text) ?? this.container.translate('cairo.toast.retry'),
         onClick: () => {
-          if (action != null && action.onClick) action.onClick();else {
+          if (action != null && action.onClick) {
+            action.onClick();
+          } else {
             this.bi.reportSaveTryAgain();
             this.handleSubmit(e);
           }

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 } 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: FormPageState<V>['form'];\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  /**\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\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) => {\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) 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","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 } 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: FormPageState<V>['form'];\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  /**\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\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) => {\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/SettingsPage/SettingsPageState.js

@@ -114,7 +114,9 @@ class SettingsPageState {
         uiType: 'LINK',
         text: (action == null ? void 0 : action.text) ?? this.container.translate('cairo.toast.retry'),
         onClick: () => {
-          if (action != null && action.onClick) action.onClick();else {
+          if (action != null && action.onClick) {
+            action.onClick();
+          } else {
             this.bi.reportSaveTryAgain();
             this.handleSubmit(e);
           }

package/dist/cjs/state/SettingsPage/SettingsPageState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_SettingsPageStateBIReporter","_events","SettingsPageState","constructor","params","_defineProperty2","default","EventEmitter","fetch","_onSave","onSave","_onCancel","onCancel","saveSuccessToast","saveErrorToast","formPage","FormPageState","form","container","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","SettingsPageStateBIReporter","settingsPageState","init","makeObservable","handleSubmit","action","_settings","observable","ref","setSettings","isDirty","computed","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","settings","appLoaded","call","remove","retryFetch","newSettings","isFetching","reportButtonClick","ctaName","_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","run","isValid","reset","getValues","errorMonitor","captureException","setError","exports"],"sources":["../../../../src/state/SettingsPage/SettingsPageState.ts"],"sourcesContent":["import { FormPageState, ReportBI, WixPatternsContainer } from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues } from 'react-hook-form';\nimport { SettingsPageStateBIReporter } from './SettingsPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\n\nexport interface SettingsPageStateParams<\n  T,\n  V extends FieldValues = FieldValues,\n> {\n  /**\n   * A function that fetches the settings data.\n   * @returns a promise that resolves to an object containing the settings.\n   */\n  fetch: () => Promise<{ settings: T | undefined }>;\n\n  /**\n   * A function to handle the save action.\n   */\n  onSave: () => Promise<void>;\n\n  /**\n   * A function to handle the cancel action.\n   */\n  onCancel: () => Promise<void>;\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  form: FormPageState<V>['form'];\n\n  /**\n   * An object representing the container, possibly for dependency injection or component management.\n   */\n  container: WixPatternsContainer;\n}\n\nexport interface SettingsPageStateInterface {}\n\nexport class SettingsPageState<T, V extends FieldValues = FieldValues>\n  implements SettingsPageStateInterface\n{\n  readonly fetch: SettingsPageStateParams<T>['fetch'];\n  readonly _onSave: SettingsPageStateParams<T, V>['onSave'];\n  readonly _onCancel: SettingsPageStateParams<T, V>['onCancel'];\n  readonly saveSuccessToast?: SettingsPageStateParams<T>['saveSuccessToast'];\n  readonly saveErrorToast?: SettingsPageStateParams<T>['saveErrorToast'];\n\n  _settings: T | null = null;\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: SettingsPageStateBIReporter<T, V>;\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: SettingsPageStateParams<T, V>) {\n    this.fetch = params.fetch;\n    this._onSave = params.onSave;\n    this._onCancel = params.onCancel;\n    this.saveSuccessToast = params.saveSuccessToast;\n    this.saveErrorToast = params.saveErrorToast;\n    this.formPage = new FormPageState<V>({ form: params.form });\n\n    this.container = params.container;\n\n    this.reportBI = this.container.createBILogger({\n      componentType: 'Settings page',\n      pageType: 'Settings',\n      route: window.location.pathname,\n    });\n\n    this.bi = new SettingsPageStateBIReporter({\n      reportBI: this.reportBI,\n      settingsPageState: this,\n    });\n\n    this.bi.init();\n\n    makeObservable(this, {\n      handleSubmit: action,\n      _settings: observable.ref,\n      setSettings: action,\n      isDirty: computed,\n    });\n  }\n\n  init() {\n    const {\n      formPage: { initTask },\n      container,\n    } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event) => {\n        if (!this.isDirty) {\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.setSettings(data.settings ?? null);\n      this.bi.appLoaded?.();\n    });\n\n    return () => {\n      onBeforeUnloadSubscription?.remove();\n    };\n  }\n\n  retryFetch() {\n    this.formPage.retryFetch();\n  }\n\n  setSettings(newSettings: T | null) {\n    this._settings = newSettings;\n  }\n\n  get settings(): T | null {\n    return this._settings;\n  }\n\n  get isFetching() {\n    return this.formPage.isFetching;\n  }\n\n  get form() {\n    return this.formPage.form;\n  }\n\n  get isDirty() {\n    return this.formPage.isDirty;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this._onCancel();\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-settings-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) 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-settings-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 {\n      form,\n      formPage: { submitTask },\n      bi,\n    } = this;\n\n    submitTask.run(async () => {\n      await form.handleSubmit(\n        async () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n          try {\n            if (!this.isFetching) {\n              await this._onSave();\n              form.reset(form.getValues());\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\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"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_SettingsPageStateBIReporter","_events","SettingsPageState","constructor","params","_defineProperty2","default","EventEmitter","fetch","_onSave","onSave","_onCancel","onCancel","saveSuccessToast","saveErrorToast","formPage","FormPageState","form","container","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","SettingsPageStateBIReporter","settingsPageState","init","makeObservable","handleSubmit","action","_settings","observable","ref","setSettings","isDirty","computed","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","settings","appLoaded","call","remove","retryFetch","newSettings","isFetching","reportButtonClick","ctaName","_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","run","isValid","reset","getValues","errorMonitor","captureException","setError","exports"],"sources":["../../../../src/state/SettingsPage/SettingsPageState.ts"],"sourcesContent":["import { FormPageState, ReportBI, WixPatternsContainer } from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues } from 'react-hook-form';\nimport { SettingsPageStateBIReporter } from './SettingsPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\n\nexport interface SettingsPageStateParams<\n  T,\n  V extends FieldValues = FieldValues,\n> {\n  /**\n   * A function that fetches the settings data.\n   * @returns a promise that resolves to an object containing the settings.\n   */\n  fetch: () => Promise<{ settings: T | undefined }>;\n\n  /**\n   * A function to handle the save action.\n   */\n  onSave: () => Promise<void>;\n\n  /**\n   * A function to handle the cancel action.\n   */\n  onCancel: () => Promise<void>;\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  form: FormPageState<V>['form'];\n\n  /**\n   * An object representing the container, possibly for dependency injection or component management.\n   */\n  container: WixPatternsContainer;\n}\n\nexport interface SettingsPageStateInterface {}\n\nexport class SettingsPageState<T, V extends FieldValues = FieldValues>\n  implements SettingsPageStateInterface\n{\n  readonly fetch: SettingsPageStateParams<T>['fetch'];\n  readonly _onSave: SettingsPageStateParams<T, V>['onSave'];\n  readonly _onCancel: SettingsPageStateParams<T, V>['onCancel'];\n  readonly saveSuccessToast?: SettingsPageStateParams<T>['saveSuccessToast'];\n  readonly saveErrorToast?: SettingsPageStateParams<T>['saveErrorToast'];\n\n  _settings: T | null = null;\n\n  readonly container: WixPatternsContainer;\n  readonly reportBI: ReportBI;\n  readonly bi: SettingsPageStateBIReporter<T, V>;\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: SettingsPageStateParams<T, V>) {\n    this.fetch = params.fetch;\n    this._onSave = params.onSave;\n    this._onCancel = params.onCancel;\n    this.saveSuccessToast = params.saveSuccessToast;\n    this.saveErrorToast = params.saveErrorToast;\n    this.formPage = new FormPageState<V>({ form: params.form });\n\n    this.container = params.container;\n\n    this.reportBI = this.container.createBILogger({\n      componentType: 'Settings page',\n      pageType: 'Settings',\n      route: window.location.pathname,\n    });\n\n    this.bi = new SettingsPageStateBIReporter({\n      reportBI: this.reportBI,\n      settingsPageState: this,\n    });\n\n    this.bi.init();\n\n    makeObservable(this, {\n      handleSubmit: action,\n      _settings: observable.ref,\n      setSettings: action,\n      isDirty: computed,\n    });\n  }\n\n  init() {\n    const {\n      formPage: { initTask },\n      container,\n    } = this;\n    const { onBeforeUnload } = container;\n\n    const onBeforeUnloadSubscription = onBeforeUnload?.(\n      action((event) => {\n        if (!this.isDirty) {\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.setSettings(data.settings ?? null);\n      this.bi.appLoaded?.();\n    });\n\n    return () => {\n      onBeforeUnloadSubscription?.remove();\n    };\n  }\n\n  retryFetch() {\n    this.formPage.retryFetch();\n  }\n\n  setSettings(newSettings: T | null) {\n    this._settings = newSettings;\n  }\n\n  get settings(): T | null {\n    return this._settings;\n  }\n\n  get isFetching() {\n    return this.formPage.isFetching;\n  }\n\n  get form() {\n    return this.formPage.form;\n  }\n\n  get isDirty() {\n    return this.formPage.isDirty;\n  }\n\n  onCancel() {\n    this.bi.reportButtonClick({ ctaName: 'Cancel' });\n    this._onCancel();\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-settings-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-settings-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 {\n      form,\n      formPage: { submitTask },\n      bi,\n    } = this;\n\n    submitTask.run(async () => {\n      await form.handleSubmit(\n        async () => {\n          bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n          try {\n            if (!this.isFetching) {\n              await this._onSave();\n              form.reset(form.getValues());\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\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"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/TagsCollectionState.js

@@ -18,7 +18,8 @@ class TagsCollectionState {
     entityTypeName,
     bulkUpdateTags,
     toolbar,
-    columnConfig
+    columnConfig,
+    getTags
   }) {
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     (0, _defineProperty2.default)(this, "tagsManagementState", void 0);
@@ -27,6 +28,7 @@ class TagsCollectionState {
     (0, _defineProperty2.default)(this, "initTask", new _bexCore.TaskState());
     (0, _defineProperty2.default)(this, "components", void 0);
     (0, _defineProperty2.default)(this, "_columnConfig", void 0);
+    (0, _defineProperty2.default)(this, "_getTags", void 0);
     this.toolbar = toolbar;
     this.tagsManagementState = new _bexCore.TagsManagementState({
       fqdn: {
@@ -45,6 +47,7 @@ class TagsCollectionState {
       bulkUpdateTags
     });
     this._columnConfig = columnConfig;
+    this._getTags = getTags;
     this.components = {
       AssignButton: _TagsAssignButton.TagsAssignButton,
       ManageModal: _CollectionManageTagsModal.CollectionManageTagsModal,

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_TagsModalState","_bexCore","_TagsAssignButton","_CollectionManageTagsModal","_TagsColumn","_tagsFilterBuilder","_TagsBulkAssignPopoverState","_CollectionToolbarFilters","TagsCollectionState","constructor","entityTypeName","bulkUpdateTags","toolbar","columnConfig","_defineProperty2","default","TaskState","tagsManagementState","TagsManagementState","fqdn","collection","container","tagsModalState","TagsModalState","tagsBulkAssignPopoverState","TagsBulkAssignPopoverState","collectionState","_columnConfig","components","AssignButton","TagsAssignButton","ManageModal","CollectionManageTagsModal","CollectionToolbarFilters","makeObservable","init","action","openManageTagsModal","disposers","query","addFilter","idNameArrayFilter","name","initTask","runOnce","Promise","all","status","promise","addTagsColumn","forEach","d","buildTagsFilterWrapper","buildTagsFilterElement","_this$toolbar","tagsColumn","buildTagsColumn","userTagsColumn","_userColumns","find","column","id","addFeatureColumn","origin","exports"],"sources":["../../../src/state/TagsCollectionState.ts"],"sourcesContent":["import { action, makeObservable } from 'mobx';\nimport { TagsModalState } from './TagsModalState';\nimport {\n  FiltersMap,\n  TagsManagementState,\n  TaskState,\n  idNameArrayFilter,\n} from '@wix/bex-core';\nimport { TagsAssignButton } from '../components/TagsAssignButton';\nimport { CollectionManageTagsModal } from '../components/Tags/ManageTags/CollectionManageTagsModal';\nimport { TagsColumnConfig } from '../components/Tags/types';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { buildTagsColumn } from '../components/TagsColumn/TagsColumn';\nimport { buildTagsFilterElement } from '../components/TagsFilter/tagsFilterBuilder';\nimport {\n  BulkUpdateTagsParams,\n  TagsBulkAssignPopoverState,\n} from './TagsBulkAssignPopoverState';\nimport { CollectionToolbarFilters } from '../components/CollectionToolbarFilters';\n\ninterface TagsCollectionStateParams<T, F extends FiltersMap> {\n  toolbar: ToolbarCollectionState<T, F>;\n  entityTypeName: string;\n  columnConfig?: TagsColumnConfig<T>;\n  bulkUpdateTags: (params: BulkUpdateTagsParams) => Promise<unknown>;\n}\n\nexport class TagsCollectionState<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly tagsManagementState: TagsManagementState;\n  readonly tagsModalState: TagsModalState;\n  readonly tagsBulkAssignPopoverState: TagsBulkAssignPopoverState<T, F>;\n  readonly initTask = new TaskState();\n\n  readonly components;\n  readonly _columnConfig?: TagsColumnConfig<T>;\n\n  constructor({\n    entityTypeName,\n    bulkUpdateTags,\n    toolbar,\n    columnConfig,\n  }: TagsCollectionStateParams<T, F>) {\n    this.toolbar = toolbar;\n    this.tagsManagementState = new TagsManagementState({\n      fqdn: { ...toolbar.collection.fqdn },\n      container: toolbar.container,\n    });\n\n    this.tagsModalState = new TagsModalState({\n      tagsManagementState: this.tagsManagementState,\n      entityTypeName,\n    });\n\n    this.tagsBulkAssignPopoverState = new TagsBulkAssignPopoverState({\n      tagsManagementState: this.tagsManagementState,\n      collectionState: toolbar.collection,\n      tagsModalState: this.tagsModalState,\n      bulkUpdateTags,\n    });\n\n    this._columnConfig = columnConfig;\n    this.components = {\n      AssignButton: TagsAssignButton,\n      ManageModal: CollectionManageTagsModal,\n      CollectionToolbarFilters,\n    };\n\n    makeObservable(this, {\n      init: action,\n      openManageTagsModal: action,\n    });\n  }\n\n  init() {\n    const disposers = [\n      this.tagsManagementState.init(),\n      this.tagsBulkAssignPopoverState.init(),\n      this.tagsModalState.init(),\n      this.toolbar.collection.query.addFilter(\n        'tags' as any,\n        idNameArrayFilter({\n          name: 'tags',\n        }),\n      ),\n    ];\n\n    this.initTask.runOnce(async () => {\n      await Promise.all([\n        this.tagsManagementState.initTask.status.promise,\n        this.toolbar.container.initTask.status.promise,\n      ]);\n\n      this.addTagsColumn();\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  buildTagsFilterWrapper() {\n    return buildTagsFilterElement(this.toolbar);\n  }\n\n  addTagsColumn() {\n    const tagsColumn = buildTagsColumn(\n      this.toolbar?.container,\n      this._columnConfig,\n    );\n\n    const userTagsColumn = this.toolbar._userColumns.find(\n      (column) => column.id === tagsColumn.id,\n    );\n\n    if (!userTagsColumn) {\n      this.toolbar.addFeatureColumn(tagsColumn);\n    }\n  }\n\n  openManageTagsModal() {\n    this.tagsModalState.openManageTagsModal({ origin: 'external' });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_TagsModalState","_bexCore","_TagsAssignButton","_CollectionManageTagsModal","_TagsColumn","_tagsFilterBuilder","_TagsBulkAssignPopoverState","_CollectionToolbarFilters","TagsCollectionState","constructor","entityTypeName","bulkUpdateTags","toolbar","columnConfig","getTags","_defineProperty2","default","TaskState","tagsManagementState","TagsManagementState","fqdn","collection","container","tagsModalState","TagsModalState","tagsBulkAssignPopoverState","TagsBulkAssignPopoverState","collectionState","_columnConfig","_getTags","components","AssignButton","TagsAssignButton","ManageModal","CollectionManageTagsModal","CollectionToolbarFilters","makeObservable","init","action","openManageTagsModal","disposers","query","addFilter","idNameArrayFilter","name","initTask","runOnce","Promise","all","status","promise","addTagsColumn","forEach","d","buildTagsFilterWrapper","buildTagsFilterElement","_this$toolbar","tagsColumn","buildTagsColumn","userTagsColumn","_userColumns","find","column","id","addFeatureColumn","origin","exports"],"sources":["../../../src/state/TagsCollectionState.ts"],"sourcesContent":["import { action, makeObservable } from 'mobx';\nimport { TagsModalState } from './TagsModalState';\nimport {\n  FiltersMap,\n  Tags,\n  TagsManagementState,\n  TaskState,\n  idNameArrayFilter,\n} from '@wix/bex-core';\nimport { TagsAssignButton } from '../components/TagsAssignButton';\nimport { CollectionManageTagsModal } from '../components/Tags/ManageTags/CollectionManageTagsModal';\nimport { TagsColumnConfig } from '../components/Tags/types';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { buildTagsColumn } from '../components/TagsColumn/TagsColumn';\nimport { buildTagsFilterElement } from '../components/TagsFilter/tagsFilterBuilder';\nimport {\n  BulkUpdateTagsParams,\n  TagsBulkAssignPopoverState,\n} from './TagsBulkAssignPopoverState';\nimport { CollectionToolbarFilters } from '../components/CollectionToolbarFilters';\n\ninterface TagsCollectionStateParams<T, F extends FiltersMap> {\n  toolbar: ToolbarCollectionState<T, F>;\n  entityTypeName: string;\n  columnConfig?: TagsColumnConfig<T>;\n  bulkUpdateTags: (params: BulkUpdateTagsParams) => Promise<unknown>;\n  getTags?: (item: T) => Tags;\n}\n\nexport class TagsCollectionState<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly tagsManagementState: TagsManagementState;\n  readonly tagsModalState: TagsModalState;\n  readonly tagsBulkAssignPopoverState: TagsBulkAssignPopoverState<T, F>;\n  readonly initTask = new TaskState();\n\n  readonly components;\n  readonly _columnConfig?: TagsColumnConfig<T>;\n  readonly _getTags?: (item: T) => Tags;\n\n  constructor({\n    entityTypeName,\n    bulkUpdateTags,\n    toolbar,\n    columnConfig,\n    getTags,\n  }: TagsCollectionStateParams<T, F>) {\n    this.toolbar = toolbar;\n    this.tagsManagementState = new TagsManagementState({\n      fqdn: { ...toolbar.collection.fqdn },\n      container: toolbar.container,\n    });\n\n    this.tagsModalState = new TagsModalState({\n      tagsManagementState: this.tagsManagementState,\n      entityTypeName,\n    });\n\n    this.tagsBulkAssignPopoverState = new TagsBulkAssignPopoverState({\n      tagsManagementState: this.tagsManagementState,\n      collectionState: toolbar.collection,\n      tagsModalState: this.tagsModalState,\n      bulkUpdateTags,\n    });\n\n    this._columnConfig = columnConfig;\n    this._getTags = getTags;\n\n    this.components = {\n      AssignButton: TagsAssignButton,\n      ManageModal: CollectionManageTagsModal,\n      CollectionToolbarFilters,\n    };\n\n    makeObservable(this, {\n      init: action,\n      openManageTagsModal: action,\n    });\n  }\n\n  init() {\n    const disposers = [\n      this.tagsManagementState.init(),\n      this.tagsBulkAssignPopoverState.init(),\n      this.tagsModalState.init(),\n      this.toolbar.collection.query.addFilter(\n        'tags' as any,\n        idNameArrayFilter({\n          name: 'tags',\n        }),\n      ),\n    ];\n\n    this.initTask.runOnce(async () => {\n      await Promise.all([\n        this.tagsManagementState.initTask.status.promise,\n        this.toolbar.container.initTask.status.promise,\n      ]);\n\n      this.addTagsColumn();\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  buildTagsFilterWrapper() {\n    return buildTagsFilterElement(this.toolbar);\n  }\n\n  addTagsColumn() {\n    const tagsColumn = buildTagsColumn(\n      this.toolbar?.container,\n      this._columnConfig,\n    );\n\n    const userTagsColumn = this.toolbar._userColumns.find(\n      (column) => column.id === tagsColumn.id,\n    );\n\n    if (!userTagsColumn) {\n      this.toolbar.addFeatureColumn(tagsColumn);\n    }\n  }\n\n  openManageTagsModal() {\n    this.tagsModalState.openManageTagsModal({ origin: 'external' });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/simplifyExtendedColumns.js

@@ -60,6 +60,7 @@ function simplifyExtendedColumns({
       name: field.label || field.id,
       title: field.label || field.id,
       hideable: true,
+      sortable: field.filterable,
       defaultHidden: defaultHidden || field.owner !== 'user',
       align: type ? ExtendedColumnsConfig[type].align : undefined,
       width: type ? ExtendedColumnsConfig[type].width : undefined,
@@ -73,7 +74,7 @@ function simplifyExtendedColumns({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 77,
+            lineNumber: 78,
             columnNumber: 16
           }
         });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ExtendedColumn","_jsxFileName","ExtendedColumnsConfig","shortText","width","align","dateTime","date","decimal","integer","checkbox","longText","dropdown","prefixFieldWithNamespace","id","namespace","exports","prefixFieldWithUserFieldsNamespace","simplifyExtendedColumns","fields","toExtendedFields","defaultHidden","map","field","type","dataExtension","dataHook","name","label","title","hideable","owner","undefined","style","render","row","_toExtendedFields","value","namespaces","default","createElement","ExtendedColumn","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/state/simplifyExtendedColumns.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { CustomFieldType, CustomField, ExtendedFields } from '@wix/bex-core';\nimport { Column } from '../model';\nimport { ExtendedColumn } from '../components/ExtendedColumn/ExtendedColumn';\nimport { DataTableColumnAlign } from '@wix/design-system/dist/types/Table/DataTable';\n\nconst ExtendedColumnsConfig: Record<\n  CustomFieldType,\n  { style?: CSSProperties; width?: string; align?: DataTableColumnAlign }\n> = {\n  shortText: {\n    width: '150px',\n    align: 'start',\n  },\n  dateTime: {\n    width: '200px',\n    align: 'center',\n  },\n  date: {\n    width: '150px',\n    align: 'center',\n  },\n  decimal: {\n    width: '100px',\n    align: 'center',\n  },\n  integer: {\n    width: '100px',\n    align: 'center',\n  },\n  checkbox: {\n    width: '100px',\n    align: 'center',\n  },\n  longText: {\n    width: '250px',\n    align: 'start',\n  },\n  dropdown: {\n    width: '150px',\n    align: 'start',\n  },\n};\n\nexport const prefixFieldWithNamespace = (id: string, namespace: string) =>\n  `extendedFields.namespaces.${namespace}.${id}`;\n\nexport const prefixFieldWithUserFieldsNamespace = (id: string) =>\n  prefixFieldWithNamespace(id, '_user_fields');\n\nexport function simplifyExtendedColumns<T>({\n  fields,\n  toExtendedFields,\n  defaultHidden,\n}: {\n  fields: CustomField[];\n  toExtendedFields?: (item: T) => ExtendedFields | undefined | null;\n  defaultHidden?: boolean;\n}): Column[] {\n  return fields.map((field) => {\n    const type = field.type;\n    const id = prefixFieldWithNamespace(field.id, field.namespace);\n    return {\n      dataExtension: field,\n      id,\n      dataHook: id,\n      name: field.label || field.id,\n      title: field.label || field.id,\n      hideable: true,\n      defaultHidden: defaultHidden || field.owner !== 'user',\n      align: type ? ExtendedColumnsConfig[type].align : undefined,\n      width: type ? ExtendedColumnsConfig[type].width : undefined,\n      style: type ? ExtendedColumnsConfig[type].style : undefined,\n      render: (row) => {\n        const value =\n          toExtendedFields?.(row)?.namespaces?.[field.namespace]?.[field.id];\n        return <ExtendedColumn type={type} value={value} />;\n      },\n    };\n  });\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ExtendedColumn","_jsxFileName","ExtendedColumnsConfig","shortText","width","align","dateTime","date","decimal","integer","checkbox","longText","dropdown","prefixFieldWithNamespace","id","namespace","exports","prefixFieldWithUserFieldsNamespace","simplifyExtendedColumns","fields","toExtendedFields","defaultHidden","map","field","type","dataExtension","dataHook","name","label","title","hideable","sortable","filterable","owner","undefined","style","render","row","_toExtendedFields","value","namespaces","default","createElement","ExtendedColumn","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/state/simplifyExtendedColumns.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { CustomFieldType, CustomField, ExtendedFields } from '@wix/bex-core';\nimport { Column } from '../model';\nimport { ExtendedColumn } from '../components/ExtendedColumn/ExtendedColumn';\nimport { DataTableColumnAlign } from '@wix/design-system/dist/types/Table/DataTable';\n\nconst ExtendedColumnsConfig: Record<\n  CustomFieldType,\n  { style?: CSSProperties; width?: string; align?: DataTableColumnAlign }\n> = {\n  shortText: {\n    width: '150px',\n    align: 'start',\n  },\n  dateTime: {\n    width: '200px',\n    align: 'center',\n  },\n  date: {\n    width: '150px',\n    align: 'center',\n  },\n  decimal: {\n    width: '100px',\n    align: 'center',\n  },\n  integer: {\n    width: '100px',\n    align: 'center',\n  },\n  checkbox: {\n    width: '100px',\n    align: 'center',\n  },\n  longText: {\n    width: '250px',\n    align: 'start',\n  },\n  dropdown: {\n    width: '150px',\n    align: 'start',\n  },\n};\n\nexport const prefixFieldWithNamespace = (id: string, namespace: string) =>\n  `extendedFields.namespaces.${namespace}.${id}`;\n\nexport const prefixFieldWithUserFieldsNamespace = (id: string) =>\n  prefixFieldWithNamespace(id, '_user_fields');\n\nexport function simplifyExtendedColumns<T>({\n  fields,\n  toExtendedFields,\n  defaultHidden,\n}: {\n  fields: CustomField[];\n  toExtendedFields?: (item: T) => ExtendedFields | undefined | null;\n  defaultHidden?: boolean;\n}): Column[] {\n  return fields.map((field) => {\n    const type = field.type;\n    const id = prefixFieldWithNamespace(field.id, field.namespace);\n    return {\n      dataExtension: field,\n      id,\n      dataHook: id,\n      name: field.label || field.id,\n      title: field.label || field.id,\n      hideable: true,\n      sortable: field.filterable,\n      defaultHidden: defaultHidden || field.owner !== 'user',\n      align: type ? ExtendedColumnsConfig[type].align : undefined,\n      width: type ? ExtendedColumnsConfig[type].width : undefined,\n      style: type ? ExtendedColumnsConfig[type].style : undefined,\n      render: (row) => {\n        const value =\n          toExtendedFields?.(row)?.namespaces?.[field.namespace]?.[field.id];\n        return <ExtendedColumn type={type} value={value} />;\n      },\n    };\n  });\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.Collapse1386811180__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1386811180__exit{height:0}.CollectionToolbar2690558334__left{min-width:0}.CollectionToolbar2690558334__left.CollectionToolbar2690558334--expandable{flex:auto}.CollectionToolbar2690558334__root .CollectionToolbar2690558334__right{justify-content:flex-end!important;flex:auto}.CollectionToolbar2690558334__root .CollectionToolbar2690558334__right.CollectionToolbar2690558334__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter4071059329__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly1143700857__root.AutoCompleteReadonly1143700857--disableEditing{cursor:pointer}.AutoCompleteReadonly1143700857__root.AutoCompleteReadonly1143700857--disableEditing input{cursor:pointer}.ViewsDropdown3056360305__root{width:200px}.DragHandle55149355__root{display:flex;align-items:center}.DragHandle55149355__root:not(.DragHandle55149355--disabled){cursor:grab;color:#a8caff}.DragHandle55149355__root.DragHandle55149355--disabled{color:#acafc4}.DragHandle55149355__root:focus-visible:not(.DragHandle55149355--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle55149355__root.DragHandle55149355--disabled{pointer-events:none}.DragHandle55149355__root.DragHandle55149355--dragging:not(.DragHandle55149355--disabled){cursor:grabbing}.Fade224705344__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade224705344__root.Fade224705344--exit{opacity:0}.Heading590084271__root{visibility:visible}.Heading590084271__root.Heading590084271--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1790415326__root.InputOverflow1790415326--selected:not(.InputOverflow1790415326--focused) input::placeholder{color:#000624}@keyframes LoadingRow743383427__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%}}.LoadingRow743383427__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:LoadingRow743383427__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1952963819__root{opacity:1}.MaxHeightText1952963819__root.MaxHeightText1952963819--height24{line-height:24px}.MaxLines6745163__root{overflow:hidden}.MaxLines6745163__root.MaxLines6745163--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1558057183__root{min-width:0}.NestedTablePlaceholderStatesRow590697862__root td{padding:0!important;width:100%}.NestedTableRow732734886__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow732734886__root:hover{background-color:#e7f0ff}.NestedTableRow732734886__root.NestedTableRow732734886--expandable{cursor:pointer}.NestedTableRow732734886__placeholder td{padding:0!important;width:100%}.NestedTableRow732734886__root:hover td:first-of-type::before,.NestedTableRow732734886__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2465785677__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)}.NestedTableDragAndDropRow2228697802__root.NestedTableDragAndDropRow2228697802--draggingInto td{background-color:#e7f0ff!important}.PickerContent2553677743__root{display:flex}.PickerContentAdditionalStep1473121846__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1473121846__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem819754425__root{box-sizing:border-box}.ScrollableContent4207115638__root.ScrollableContent4207115638--overflowY{overflow-y:auto}.ScrollableContent4207115638__root.ScrollableContent4207115638--overflowX{overflow-x:auto}.ScrollableContent4207115638__root.ScrollableContent4207115638--smooth{scroll-behavior:smooth}.SkeletonCard2339457548__headerLoading{display:block!important}.SlidingModal224836669__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal224836669__root:not(.SlidingModal224836669--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TableVirtualHeader2479372524__root{display:flex}.TabsFilter2218423379__root .TabsFilter2218423379__title{color:inherit!important}.ManageTagsModal3788464908__root{display:flex}.ToolbarItemBox2921650877__root{min-width:0}.ToolbarItemBox2921650877__root.ToolbarItemBox2921650877--removeStartPadding{margin-left:-24px}.ToolbarItemBox2921650877__root.ToolbarItemBox2921650877--expandable{flex:1 0}.common4130868352__column{display:flex;flex-direction:column}.common4130868352__fullHeight{height:100%;min-height:0}
+.Collapse4201865225__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4201865225__exit{height:0}.CollectionToolbar3121201899__left{min-width:0}.CollectionToolbar3121201899__left.CollectionToolbar3121201899--expandable{flex:auto}.CollectionToolbar3121201899__root .CollectionToolbar3121201899__right{justify-content:flex-end!important;flex:auto}.CollectionToolbar3121201899__root .CollectionToolbar3121201899__right.CollectionToolbar3121201899__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter2662963627__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly1486359556__root.AutoCompleteReadonly1486359556--disableEditing{cursor:pointer}.AutoCompleteReadonly1486359556__root.AutoCompleteReadonly1486359556--disableEditing input{cursor:pointer}.ViewsDropdown3314430338__root{width:200px}.DragHandle230582604__root{display:flex;align-items:center}.DragHandle230582604__root:not(.DragHandle230582604--disabled){cursor:grab;color:#a8caff}.DragHandle230582604__root.DragHandle230582604--disabled{color:#acafc4}.DragHandle230582604__root:focus-visible:not(.DragHandle230582604--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle230582604__root.DragHandle230582604--disabled{pointer-events:none}.DragHandle230582604__root.DragHandle230582604--dragging:not(.DragHandle230582604--disabled){cursor:grabbing}.Fade2417275143__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2417275143__root.Fade2417275143--exit{opacity:0}.Heading3844254770__root{visibility:visible}.Heading3844254770__root.Heading3844254770--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2818687873__root.InputOverflow2818687873--selected:not(.InputOverflow2818687873--focused) input::placeholder{color:#000624}@keyframes LoadingRow2596672387__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%}}.LoadingRow2596672387__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:LoadingRow2596672387__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1841667639__root{opacity:1}.MaxHeightText1841667639__root.MaxHeightText1841667639--height24{line-height:24px}.MaxLines3963308913__root{overflow:hidden}.MaxLines3963308913__root.MaxLines3963308913--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar289617690__root{min-width:0}.NestedTablePlaceholderStatesRow2208887601__root td{padding:0!important;width:100%}.NestedTableRow1943802106__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1943802106__root:hover{background-color:#e7f0ff}.NestedTableRow1943802106__root.NestedTableRow1943802106--expandable{cursor:pointer}.NestedTableRow1943802106__placeholder td{padding:0!important;width:100%}.NestedTableRow1943802106__root:hover td:first-of-type::before,.NestedTableRow1943802106__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3222743025__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)}.NestedTableDragAndDropRow673631067__root.NestedTableDragAndDropRow673631067--draggingInto td{background-color:#e7f0ff!important}.PickerContent1821206595__root{display:flex}.PickerContentAdditionalStep315753213__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep315753213__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem623727273__root{box-sizing:border-box}.ScrollableContent946505155__root.ScrollableContent946505155--overflowY{overflow-y:auto}.ScrollableContent946505155__root.ScrollableContent946505155--overflowX{overflow-x:auto}.ScrollableContent946505155__root.ScrollableContent946505155--smooth{scroll-behavior:smooth}.SkeletonCard1666294050__headerLoading{display:block!important}.SlidingModal1441325737__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1441325737__root:not(.SlidingModal1441325737--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TableVirtualHeader858719416__root{display:flex}.TabsFilter50874363__root .TabsFilter50874363__title{color:inherit!important}.ManageTagsModal1224498387__root{display:flex}.ToolbarItemBox1373033244__root{min-width:0}.ToolbarItemBox1373033244__root.ToolbarItemBox1373033244--removeStartPadding{margin-left:-24px}.ToolbarItemBox1373033244__root.ToolbarItemBox1373033244--expandable{flex:1 0}.common487879946__column{display:flex;flex-direction:column}.common487879946__fullHeight{height:100%;min-height:0}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.101.0';
+const version = exports.version = 'patterns@1.103.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.101.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.103.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","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_ = "Collapse1386811180";
+var _namespace_ = "Collapse4201865225";
 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": "Collapse1386811180__root", "exit": "Collapse1386811180__exit" };
+export var classes = { "root": "Collapse4201865225__root", "exit": "Collapse4201865225__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "CollectionToolbar2690558334";
+var _namespace_ = "CollectionToolbar3121201899";
 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": "CollectionToolbar2690558334__root", "left": "CollectionToolbar2690558334__left", "right": "CollectionToolbar2690558334__right", "fullWidth": "CollectionToolbar2690558334__fullWidth" };
+export var classes = { "root": "CollectionToolbar3121201899__root", "left": "CollectionToolbar3121201899__left", "right": "CollectionToolbar3121201899__right", "fullWidth": "CollectionToolbar3121201899__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "SearchOrCustomFilter4071059329";
+var _namespace_ = "SearchOrCustomFilter2662963627";
 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": "SearchOrCustomFilter4071059329__root", "search": "SearchOrCustomFilter4071059329__search" };
+export var classes = { "root": "SearchOrCustomFilter2662963627__root", "search": "SearchOrCustomFilter2662963627__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_ = "AutoCompleteReadonly1143700857";
+var _namespace_ = "AutoCompleteReadonly1486359556";
 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": "AutoCompleteReadonly1143700857__root" };
+export var classes = { "root": "AutoCompleteReadonly1486359556__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_ = "ViewsDropdown3056360305";
+var _namespace_ = "ViewsDropdown3314430338";
 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": "ViewsDropdown3056360305__root" };
+export var classes = { "root": "ViewsDropdown3314430338__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CustomFieldFilters/{Components/CheckboxCustomFieldFilter.js → CheckboxCustomFieldFilter.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RadioGroupFilter } from '../../RadioGroupFilter';
+import { RadioGroupFilter } from '../RadioGroupFilter';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 export const CheckboxCustomFieldFilter = ({ filter, }) => {
     const { translate: t } = useWixPatternsContainer();

package/dist/esm/components/CustomFieldFilters/CheckboxCustomFieldFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxCustomFieldFilter.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldFilters/CheckboxCustomFieldFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAI9D,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,MAAM,GACyB,EAAE,EAAE;IACnC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,OAAO,CACL,oBAAC,gBAAgB,IACf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE;YACJ;gBACE,EAAE,EAAE,SAAS;gBACb,IAAI,EAAE,CAAC,CAAC,wDAAwD,CAAC;gBACjE,KAAK,EAAE,IAAI;aACZ;YACD;gBACE,EAAE,EAAE,WAAW;gBACf,IAAI,EAAE,CAAC,CAAC,2DAA2D,CAAC;gBACpE,KAAK,EAAE,KAAK;aACb;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/CustomFieldFilters/{Components/DateCustomFieldFilter.js → DateCustomFieldFilter.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DateRangeFilter } from '../../DateRangeFilter';
+import { DateRangeFilter } from '../DateRangeFilter';
 import { DateCustomFieldFilterBase } from './DateCustomFieldFilterBase';
 export const DateCustomFieldFilter = ({ filter, }) => {
     return React.createElement(DateCustomFieldFilterBase, { filter: filter });

package/dist/esm/components/CustomFieldFilters/DateCustomFieldFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateCustomFieldFilter.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldFilters/DateCustomFieldFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,MAAM,GACqB,EAAE,EAAE;IAC/B,OAAO,oBAAC,yBAAyB,IAAC,MAAM,EAAE,MAAM,GAAI,CAAC;AACvD,CAAC,CAAC;AAEF,qBAAqB,CAAC,sBAAsB;IAC1C,eAAe,CAAC,sBAAsB,CAAC"}

package/dist/esm/components/CustomFieldFilters/{Components/DateCustomFieldFilterBase.js → DateCustomFieldFilterBase.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DateRangeFilter } from '../../DateRangeFilter';
+import { DateRangeFilter } from '../DateRangeFilter';
 export const DATE_CUSTOM_FIELD_OPTIONS = [
     'SEVEN_DAYS',
     'FOURTEEN_DAYS',

package/dist/esm/components/CustomFieldFilters/DateCustomFieldFilterBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateCustomFieldFilterBase.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldFilters/DateCustomFieldFilterBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAG3E,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,YAAY;IACZ,eAAe;IACf,OAAO;IACP,OAAO;IACP,iBAAiB;IACjB,kBAAkB;CACmB,CAAC;AACxC,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAA2B,EAAE,EAAE;IACvE,OAAO,CACL,oBAAC,eAAe,IACd,gBAAgB,EAAE,yBAAyB,EAC3C,YAAY,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAChC,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/CustomFieldFilters/{Components/DateTimeCustomFieldFilter.js → DateTimeCustomFieldFilter.js}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DateRangeFilter } from '../../DateRangeFilter';
+import { DateRangeFilter } from '../DateRangeFilter';
 import { DateCustomFieldFilterBase } from './DateCustomFieldFilterBase';
 export const DateTimeCustomFieldFilter = ({ filter, }) => {
     return React.createElement(DateCustomFieldFilterBase, { filter: filter, filterByTime: true });

package/dist/esm/components/CustomFieldFilters/DateTimeCustomFieldFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeCustomFieldFilter.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldFilters/DateTimeCustomFieldFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,MAAM,GACyB,EAAE,EAAE;IACnC,OAAO,oBAAC,yBAAyB,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,SAAG,CAAC;AACpE,CAAC,CAAC;AAEF,yBAAyB,CAAC,sBAAsB;IAC9C,eAAe,CAAC,sBAAsB,CAAC"}

package/dist/esm/components/CustomFieldFilters/{Components/buildCustomFieldFilterElement.js → buildCustomFieldFilterElement.js}

@@ -1,7 +1,8 @@
 import React from 'react';
-import { DateCustomFieldFilter, DateTimeCustomFieldFilter } from '..';
+import { DateCustomFieldFilter } from './DateCustomFieldFilter';
+import { DateTimeCustomFieldFilter } from './DateTimeCustomFieldFilter';
 import { CheckboxCustomFieldFilter } from './CheckboxCustomFieldFilter';
-import { NumberRangeFilter } from '../../NumberRangeFilter';
+import { NumberRangeFilter } from '../NumberRangeFilter';
 export const buildCustomFieldFilterElement = (state, customField) => {
     const customFieldFilterComponents = {
         date: DateCustomFieldFilter,

package/dist/esm/components/CustomFieldFilters/buildCustomFieldFilterElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildCustomFieldFilterElement.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldFilters/buildCustomFieldFilterElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAC3C,KAAmC,EACnC,WAAwB,EACxB,EAAE;IACF,MAAM,2BAA2B,GAE7B;QACF,IAAI,EAAE,qBAAqB;QAC3B,QAAQ,EAAE,yBAAyB;QACnC,QAAQ,EAAE,yBAAyB;QACnC,OAAO,EAAE,iBAAiB;QAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,SAAG;KACvE,CAAC;IAEF,MAAM,0BAA0B,GAC9B,2BAA2B,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEhD,IAAI,CAAC,0BAA0B,EAAE;QAC/B,OAAO,IAAI,CAAC;KACb;IAED,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,EAAE,CAAC;IAElD,OAAO,CACL,oBAAC,0BAA0B,IACzB,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAE,EACjD,kBAAkB,EAAE;YAClB,KAAK;SACN,EACD,gBAAgB,EAAE;YAChB,KAAK;SACN,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/CustomFieldFilters/index.js

@@ -1,3 +1,2 @@
-export { DateCustomFieldFilter } from './Components/DateCustomFieldFilter';
-export { DateTimeCustomFieldFilter } from './Components/DateTimeCustomFieldFilter';
+export { buildCustomFieldFilterElement } from './buildCustomFieldFilterElement';
 //# sourceMappingURL=index.js.map

package/dist/esm/components/CustomFieldFilters/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldFilters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,wCAAwC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldFilters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/esm/components/CustomFieldsTransforms/transformCustomCheckboxToWQL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformCustomCheckboxToWQL.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsTransforms/transformCustomCheckboxToWQL.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,UAAkB,EAClB,WAAiE,EACjE,EAAE;IACF,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IAC1C,IAAI,CAAC,kBAAkB,EAAE;QACvB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,SAAS,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,CAAC;IAElD,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;AACxE,CAAC,CAAC"}

package/dist/esm/components/CustomFieldsTransforms/transformCustomDateFilterToWQL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformCustomDateFilterToWQL.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsTransforms/transformCustomDateFilterToWQL.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAC5C,UAAkB,EAClB,WAAiE,EACjE,EAAE;IACF,MAAM,cAAc,GAAG,EAAE,CAAC;IAC1B,IAAI,WAAW,CAAC,IAAI,YAAY,IAAI,EAAE;QACpC,cAAc,CAAC,IAAI,CAAC;YAClB,CAAC,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE;SACvD,CAAC,CAAC;KACJ;IAED,IAAI,WAAW,CAAC,EAAE,YAAY,IAAI,EAAE;QAClC,cAAc,CAAC,IAAI,CAAC;YAClB,CAAC,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,EAAE,CAAC,WAAW,EAAE,EAAE;SACrD,CAAC,CAAC;KACJ;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

package/dist/esm/components/CustomFieldsTransforms/transformCustomFiltersToWQL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformCustomFiltersToWQL.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsTransforms/transformCustomFiltersToWQL.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,qCAAqC,EAAE,MAAM,yCAAyC,CAAC;AAEhG,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,KAAkD,EAClD,OAAsB,EACtB,EAAE;IACF,MAAM,oBAAoB,GAKtB;QACF,IAAI,EAAE,8BAA8B;QACpC,QAAQ,EAAE,8BAA8B;QACxC,QAAQ,EAAE,4BAA4B;QACtC,OAAO,EAAE,qCAAqC;QAC9C,OAAO,EAAE,qCAAqC;KAC/C,CAAC;IAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CACrD,CAAC,GAAU,EAAE,QAAQ,EAAE,EAAE;QACvB,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;QACtC,MAAM,eAAe,GACnB,KAAK,CAAC,OAAO,CAAC,uBAAuB,EAAE,aAAa,CAAC,sBAAsB,CAAC,IAAI,CAC9E,CAAC,KAAkB,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,QAAQ,CAC9C,CAAC;QAEJ,IAAI,CAAC,eAAe,IAAI,WAAW,IAAI,IAAI,EAAE;YAC3C,OAAO,GAAG,CAAC;SACZ;QAED,MAAM,UAAU,GAAG,0CAA0C,eAAe,CAAC,EAAE,EAAE,CAAC;QAElF,MAAM,cAAc,GAAG,oBAAoB,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAClE,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO,GAAG,CAAC;SACZ;QAED,GAAG,CAAC,IAAI,CAAC,GAAG,cAAc,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;QAErD,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,EAAE,IAAI,EAAE,mBAAmB,EAAE,CAAC;AACvC,CAAC,CAAC"}

package/dist/esm/components/CustomFieldsTransforms/transformCustomNumberRangeFilterToWQL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformCustomNumberRangeFilterToWQL.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsTransforms/transformCustomNumberRangeFilterToWQL.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qCAAqC,GAAG,CACnD,UAAkB,EAClB,WAAiE,EACjE,EAAE;IACF,MAAM,qBAAqB,GAAG,EAAE,CAAC;IACjC,IAAI,WAAW,CAAC,IAAI,EAAE;QACpB,qBAAqB,CAAC,IAAI,CAAC;YACzB,CAAC,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE;SACzC,CAAC,CAAC;KACJ;IAED,IAAI,WAAW,CAAC,EAAE,EAAE;QAClB,qBAAqB,CAAC,IAAI,CAAC;YACzB,CAAC,UAAU,CAAC,EAAE,EAAE,IAAI,EAAE,WAAW,CAAC,EAAE,EAAE;SACvC,CAAC,CAAC;KACJ;IAED,OAAO,qBAAqB,CAAC;AAC/B,CAAC,CAAC"}

package/dist/esm/components/CustomFieldsTransforms/transformSortToWQL.js

@@ -0,0 +1,7 @@
+export const transformSortToWQL = (sort) => {
+    return (sort?.map((sortField) => ({
+        fieldName: sortField.fieldName,
+        order: sortField.order.toUpperCase(),
+    })) ?? []);
+};
+//# sourceMappingURL=transformSortToWQL.js.map

package/dist/esm/components/CustomFieldsTransforms/transformSortToWQL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformSortToWQL.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsTransforms/transformSortToWQL.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,IAAgE,EAChE,EAAE;IACF,OAAO,CACL,IAAI,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QACxB,SAAS,EAAE,SAAS,CAAC,SAAS;QAC9B,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,WAAW,EAAe;KAClD,CAAC,CAAC,IAAI,EAAE,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/DataExtension/CollectionDataExtensionState.js

@@ -1,6 +1,6 @@
 import { addEventListener, WixPatternsError, DataExtensionState, TaskState, withoutDefaults, dateRangeFilter, idNameArrayFilter, numberRangeFilter, } from '@wix/bex-core';
 import { cairoErrorInLoadingAComponent, cairoTryAgainClicked, } from '@wix/bex-core/bi';
-import { buildCustomFieldFilterElement } from '../CustomFieldFilters/Components/buildCustomFieldFilterElement';
+import { buildCustomFieldFilterElement } from '../CustomFieldFilters';
 import { CollectionToolbarFilters, } from '../CollectionToolbarFilters';
 export class CollectionDataExtensionState {
     constructor(params) {