@wix/patterns 1.139.0 → 1.140.0

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox2945322218\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox2945322218__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox1615109408\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox1615109408__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common2069776073";
+var _namespace_ = "common3794204598";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "common2069776073__root",
-  "column": "common2069776073__column",
-  "fullHeight": "common2069776073__fullHeight"
+  "root": "common3794204598__root",
+  "column": "common3794204598__column",
+  "fullHeight": "common3794204598__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2069776073\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common2069776073__root\",\"column\":\"common2069776073__column\",\"fullHeight\":\"common2069776073__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3794204598\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common3794204598__root\",\"column\":\"common3794204598__column\",\"fullHeight\":\"common3794204598__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/hooks/useCustomFieldsWidget.js

@@ -12,6 +12,7 @@ function useCustomFieldsWidget({
   fieldName = 'extendedFields',
   filterable,
   containsPii,
+  defaultPermissions,
   extendedFields
 }) {
   const fqdn = (0, _bexCore.parseFqdn)(fqdnString);
@@ -26,6 +27,7 @@ function useCustomFieldsWidget({
       container,
       filterable,
       containsPii,
+      defaultPermissions,
       extendedFields
     });
     widgetForm == null || widgetForm.registerWidget(fieldName, widgetState);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_state","_react2","_bexCore","_useWidgetForm","useCustomFieldsWidget","fqdn","fqdnString","fieldName","filterable","containsPii","extendedFields","parseFqdn","container","useWixPatternsContainer","widgetForm","useWidgetForm","state","appLoaded","useState","widgetState","CustomFieldsWidgetState","registerWidget","_appLoadingStart","useEffect","init"],"sources":["../../../src/hooks/useCustomFieldsWidget.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { CustomFieldsWidgetState } from '../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ExtendedFields, parseFqdn } from '@wix/bex-core';\nimport { useWidgetForm } from './useWidgetForm';\n\nexport interface UseCustomFieldsWidgetParams {\n  fqdn: string;\n  fieldName?: string;\n  filterable?: boolean;\n  containsPii?: boolean;\n  extendedFields?: ExtendedFields;\n}\n\nexport function useCustomFieldsWidget({\n  fqdn: fqdnString,\n  fieldName = 'extendedFields',\n  filterable,\n  containsPii,\n  extendedFields,\n}: UseCustomFieldsWidgetParams) {\n  const fqdn = parseFqdn(fqdnString);\n  const container = useWixPatternsContainer();\n  const widgetForm = useWidgetForm();\n\n  const [{ state, appLoaded }] = useState(() => {\n    const widgetState = new CustomFieldsWidgetState({\n      fqdn,\n      container,\n      filterable,\n      containsPii,\n      extendedFields,\n    });\n\n    widgetForm?.registerWidget(fieldName, widgetState);\n\n    return {\n      state: widgetState,\n      appLoaded: widgetState._appLoadingStart(),\n    };\n  });\n\n  useEffect(() => state.init({ appLoaded }), []);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAUO,SAASK,qBAAqBA,CAAC;EACpCC,IAAI,EAAEC,UAAU;EAChBC,SAAS,GAAG,gBAAgB;EAC5BC,UAAU;EACVC,WAAW;EACXC;AAC2B,CAAC,EAAE;EAC9B,MAAML,IAAI,GAAG,IAAAM,kBAAS,EAACL,UAAU,CAAC;EAClC,MAAMM,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,UAAU,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAElC,MAAM,CAAC;IAAEC,KAAK;IAAEC;EAAU,CAAC,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC5C,MAAMC,WAAW,GAAG,IAAIC,8BAAuB,CAAC;MAC9Cf,IAAI;MACJO,SAAS;MACTJ,UAAU;MACVC,WAAW;MACXC;IACF,CAAC,CAAC;IAEFI,UAAU,YAAVA,UAAU,CAAEO,cAAc,CAACd,SAAS,EAAEY,WAAW,CAAC;IAElD,OAAO;MACLH,KAAK,EAAEG,WAAW;MAClBF,SAAS,EAAEE,WAAW,CAACG,gBAAgB,CAAC;IAC1C,CAAC;EACH,CAAC,CAAC;EAEF,IAAAC,gBAAS,EAAC,MAAMP,KAAK,CAACQ,IAAI,CAAC;IAAEP;EAAU,CAAC,CAAC,EAAE,EAAE,CAAC;EAE9C,OAAOD,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_state","_react2","_bexCore","_useWidgetForm","useCustomFieldsWidget","fqdn","fqdnString","fieldName","filterable","containsPii","defaultPermissions","extendedFields","parseFqdn","container","useWixPatternsContainer","widgetForm","useWidgetForm","state","appLoaded","useState","widgetState","CustomFieldsWidgetState","registerWidget","_appLoadingStart","useEffect","init"],"sources":["../../../src/hooks/useCustomFieldsWidget.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { CustomFieldsWidgetState } from '../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  ExtendedFields,\n  parseFqdn,\n  DefaultPermissionsConfig,\n} from '@wix/bex-core';\nimport { useWidgetForm } from './useWidgetForm';\n\nexport interface UseCustomFieldsWidgetParams {\n  fqdn: string;\n  fieldName?: string;\n  filterable?: boolean;\n  containsPii?: boolean;\n  defaultPermissions?: DefaultPermissionsConfig;\n  extendedFields?: ExtendedFields;\n}\n\nexport function useCustomFieldsWidget({\n  fqdn: fqdnString,\n  fieldName = 'extendedFields',\n  filterable,\n  containsPii,\n  defaultPermissions,\n  extendedFields,\n}: UseCustomFieldsWidgetParams) {\n  const fqdn = parseFqdn(fqdnString);\n  const container = useWixPatternsContainer();\n  const widgetForm = useWidgetForm();\n\n  const [{ state, appLoaded }] = useState(() => {\n    const widgetState = new CustomFieldsWidgetState({\n      fqdn,\n      container,\n      filterable,\n      containsPii,\n      defaultPermissions,\n      extendedFields,\n    });\n\n    widgetForm?.registerWidget(fieldName, widgetState);\n\n    return {\n      state: widgetState,\n      appLoaded: widgetState._appLoadingStart(),\n    };\n  });\n\n  useEffect(() => state.init({ appLoaded }), []);\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,cAAA,GAAAJ,OAAA;AAWO,SAASK,qBAAqBA,CAAC;EACpCC,IAAI,EAAEC,UAAU;EAChBC,SAAS,GAAG,gBAAgB;EAC5BC,UAAU;EACVC,WAAW;EACXC,kBAAkB;EAClBC;AAC2B,CAAC,EAAE;EAC9B,MAAMN,IAAI,GAAG,IAAAO,kBAAS,EAACN,UAAU,CAAC;EAClC,MAAMO,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,UAAU,GAAG,IAAAC,4BAAa,EAAC,CAAC;EAElC,MAAM,CAAC;IAAEC,KAAK;IAAEC;EAAU,CAAC,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC5C,MAAMC,WAAW,GAAG,IAAIC,8BAAuB,CAAC;MAC9ChB,IAAI;MACJQ,SAAS;MACTL,UAAU;MACVC,WAAW;MACXC,kBAAkB;MAClBC;IACF,CAAC,CAAC;IAEFI,UAAU,YAAVA,UAAU,CAAEO,cAAc,CAACf,SAAS,EAAEa,WAAW,CAAC;IAElD,OAAO;MACLH,KAAK,EAAEG,WAAW;MAClBF,SAAS,EAAEE,WAAW,CAACG,gBAAgB,CAAC;IAC1C,CAAC;EACH,CAAC,CAAC;EAEF,IAAAC,gBAAS,EAAC,MAAMP,KAAK,CAACQ,IAAI,CAAC;IAAEP;EAAU,CAAC,CAAC,EAAE,EAAE,CAAC;EAE9C,OAAOD,KAAK;AACd","ignoreList":[]}

package/dist/cjs/state/CustomFields/CustomFieldsWidgetState.js

@@ -16,6 +16,7 @@ class CustomFieldsWidgetState {
     fqdn,
     filterable,
     containsPii,
+    defaultPermissions,
     extendedFields
   }) {
     (0, _defineProperty2.default)(this, "container", void 0);
@@ -50,7 +51,8 @@ class CustomFieldsWidgetState {
       fqdn,
       closeSidePanel: this.panels.closeSidePanel,
       filterable,
-      containsPii
+      containsPii,
+      defaultPermissions
     });
     this.apps = new _bexCore.AppsState({
       container,

package/dist/cjs/state/CustomFields/CustomFieldsWidgetState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_SidePanelsState","_mobx","_bi","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomFieldsWidgetState","constructor","container","fqdn","filterable","containsPii","extendedFields","_defineProperty2","TaskState","current","undefined","_extendedFields","_size","panels","SidePanelsState","panelGroupName","fqdnToString","reportBi","createBILogger","componentType","dataExtension","DataExtensionState","closeSidePanel","apps","AppsState","makeObservable","hasWritePermissions","computed","widgetSize","setWidgetContentRef","action","isLoading","isError","observable","ref","_widgetContentRef","_adjustWidgetSize","bound","retry","_userFieldsNamespace","dataExtensionService","userFieldsNamespace","_appLoadingStart","startTime","performance","now","commonBiParams","_commonDynamicBiParams","loadStart","url","window","location","href","loadEnd","loadingTime","Math","round","init","appLoaded","initTask","disposers","runOnce","_dataExtension$initTa","_container$initTask$s","_apps$initTask$status","lazyComponents","Promise","all","resolve","then","catch","err","WixPatternsError","errorCode","originalException","status","promise","error","internalMonitor","reportError","cairoErrorInLoadingAComponent","errorType","name","_customFieldsLazyComponents","forEach","d","getNamespaceFormSchemaAndData","namespace","_extendedFields$names","schema","fields","getSchemaAndFieldsByNamespace","extendedFieldsDataMap","namespaces","initContent","addResizeObserver","bind","cairoTryAgainClicked","actionName","loaction","isDirty","_this$_formState","_formState","isIdle","ActionButtonsComponent","_this$_customFieldsLa","ActionButtons","CustomFieldsWidgetContent","_this$_customFieldsLa2","element","clientWidth","validate","_this$_formState2","data","isValid","values","exports"],"sources":["../../../../src/state/CustomFields/CustomFieldsWidgetState.ts"],"sourcesContent":["import {\n  addResizeObserver,\n  AppsState,\n  DataExtensionState,\n  ExtendedFields,\n  Fqdn,\n  fqdnToString,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsError,\n} from '@wix/bex-core';\nimport { SidePanelsState } from '../SidePanelsState';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport type * as CustomFieldsWidgetLazyContent from '../../components/CustomFieldsWidget/CustomFieldsWidgetLazyContent';\nimport {\n  cairoErrorInLoadingAComponent,\n  cairoTryAgainClicked,\n  loadEnd,\n  loadStart,\n} from '@wix/bex-core/bi';\n\nimport { CustomFieldsAllNamespacesFormState } from './CustomFieldsAllNamespacesFormState';\n\nexport interface CustomFieldsWidgetStateParams {\n  readonly container: WixPatternsContainer;\n  readonly fqdn: Fqdn;\n  readonly filterable?: boolean;\n  readonly containsPii?: boolean;\n  readonly extendedFields?: ExtendedFields;\n}\n\nexport type CustomFieldsWidgetSize = 'default' | 'small';\n\nexport class CustomFieldsWidgetState {\n  readonly container;\n  readonly dataExtension;\n  readonly initTask = new TaskState();\n\n  _extendedFields: ExtendedFields | null | undefined = null;\n  _formState: CustomFieldsAllNamespacesFormState | null = null;\n\n  _size: CustomFieldsWidgetSize;\n  _widgetContentRef: { current: HTMLDivElement | null } = {\n    current: null,\n  };\n\n  readonly panels;\n  readonly reportBi;\n  readonly fqdn;\n  _customFieldsLazyComponents:\n    | typeof CustomFieldsWidgetLazyContent\n    | undefined = undefined;\n\n  readonly apps;\n\n  constructor({\n    container,\n    fqdn,\n    filterable,\n    containsPii,\n    extendedFields,\n  }: CustomFieldsWidgetStateParams) {\n    this.container = container;\n\n    this.fqdn = fqdn;\n    this._extendedFields = extendedFields;\n    this._size = 'default';\n    this.panels = new SidePanelsState({\n      panelGroupName: fqdnToString(fqdn),\n      container,\n    });\n\n    this.reportBi = container.createBILogger({\n      componentType: 'CustomFieldsWidget',\n      ...fqdn,\n    });\n\n    this.dataExtension = new DataExtensionState({\n      container,\n      reportBi: this.reportBi,\n      fqdn,\n      closeSidePanel: this.panels.closeSidePanel,\n      filterable,\n      containsPii,\n    });\n\n    this.apps = new AppsState({\n      container,\n      dataExtension: this.dataExtension,\n    });\n\n    makeObservable(this, {\n      hasWritePermissions: computed,\n      widgetSize: computed,\n      setWidgetContentRef: action,\n      isLoading: computed,\n      isError: computed,\n      _size: observable.ref,\n      _widgetContentRef: observable.ref,\n      _extendedFields: observable.ref,\n      _adjustWidgetSize: action.bound,\n      retry: action.bound,\n    });\n  }\n\n  get _userFieldsNamespace() {\n    return this.dataExtension.dataExtensionService.userFieldsNamespace;\n  }\n\n  _appLoadingStart() {\n    const startTime = performance.now();\n    const commonBiParams = this._commonDynamicBiParams();\n\n    this.reportBi(\n      loadStart({\n        ...commonBiParams,\n        url: window.location.href,\n      }),\n    );\n\n    return () => {\n      this.reportBi(\n        loadEnd({\n          ...commonBiParams,\n          url: window.location.href,\n          loadingTime: Math.round(performance.now() - startTime),\n        }),\n      );\n    };\n  }\n\n  init({ appLoaded }: { appLoaded?: () => void }) {\n    const { initTask, dataExtension, container, apps } = this;\n\n    const disposers = [dataExtension.init(), apps.init()];\n\n    initTask.runOnce(async () => {\n      dataExtension.initTask.runOnce();\n      apps.initTask.runOnce();\n\n      const [lazyComponents] = await Promise.all([\n        import(\n          /* webpackChunkName: \"CustomFieldsWidgetLazyContent\" */\n          '../../components/CustomFieldsWidget/CustomFieldsWidgetLazyContent'\n        ).catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'LoadCustomFieldsWidgetLazyContentFailed',\n            originalException: err,\n          });\n        }),\n        dataExtension.initTask.status.promise?.catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'InitCustomFieldsDataExtensionFailed',\n            originalException: err,\n          });\n        }),\n        container.initTask.status.promise?.catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'InitCustomFieldsWidgetContainerFailed',\n            originalException: err,\n          });\n        }),\n        apps.initTask.status.promise?.catch(() => null),\n      ]).catch((error) => {\n        this.container.internalMonitor.reportError({\n          error,\n        });\n\n        this.reportBi(\n          cairoErrorInLoadingAComponent({\n            errorType:\n              error instanceof WixPatternsError ? error.name : undefined,\n          }),\n        );\n\n        throw error;\n      });\n\n      this._customFieldsLazyComponents = lazyComponents;\n\n      appLoaded?.();\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  getNamespaceFormSchemaAndData(namespace: string) {\n    const { dataExtension, _extendedFields } = this;\n    const { schema, fields } =\n      dataExtension.getSchemaAndFieldsByNamespace(namespace);\n\n    return {\n      fields,\n      schema,\n      extendedFieldsDataMap: _extendedFields?.namespaces?.[namespace],\n    };\n  }\n\n  initContent() {\n    const disposers = [\n      addResizeObserver(\n        this._widgetContentRef.current,\n        this._adjustWidgetSize.bind(this),\n      ),\n    ];\n\n    this._adjustWidgetSize();\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  _commonDynamicBiParams() {\n    return {\n      url: window.location.href,\n    };\n  }\n\n  retry() {\n    this.reportBi(\n      cairoTryAgainClicked({\n        actionName: 'Load custom fields',\n        loaction: 'Custom fields widget',\n      }),\n    );\n\n    this.initTask.runOnce();\n  }\n\n  get isDirty() {\n    return !!this._formState?.isDirty;\n  }\n\n  get widgetSize() {\n    return this._size;\n  }\n\n  get isLoading() {\n    const { status } = this.initTask;\n    return status.isIdle || status.isLoading;\n  }\n\n  get ActionButtonsComponent() {\n    return this._customFieldsLazyComponents?.ActionButtons;\n  }\n\n  get CustomFieldsWidgetContent() {\n    return this._customFieldsLazyComponents?.CustomFieldsWidgetContent;\n  }\n\n  setWidgetContentRef(ref: HTMLDivElement | null) {\n    this._widgetContentRef.current = ref;\n  }\n\n  _adjustWidgetSize() {\n    if (this._widgetContentRef.current) {\n      const element = this._widgetContentRef.current;\n\n      if (element.clientWidth < 842) {\n        this._size = 'small';\n      } else {\n        this._size = 'default';\n      }\n    }\n  }\n\n  get isError() {\n    return this.initTask.status.isError;\n  }\n\n  async validate(): Promise<{\n    isValid: boolean;\n    extendedFields?: ExtendedFields;\n    values?: ExtendedFields;\n  }> {\n    const data = this._formState?.validate();\n\n    if (!data) {\n      return {\n        isValid: true,\n      };\n    }\n\n    if (data?.isValid) {\n      const extendedFields = data.extendedFields;\n      return {\n        isValid: true,\n        extendedFields,\n        values: extendedFields,\n      };\n    }\n\n    return { isValid: false };\n  }\n\n  get hasWritePermissions() {\n    return this.dataExtension.hasWritePermissions;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAWA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,GAAA,GAAAH,OAAA;AAK0B,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAI,wBAAAJ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAM,OAAA,EAAAN,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAI,GAAA,CAAAP,CAAA,UAAAG,CAAA,CAAAK,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAN,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAcnB,MAAMW,uBAAuB,CAAC;EAsBnCC,WAAWA,CAAC;IACVC,SAAS;IACTC,IAAI;IACJC,UAAU;IACVC,WAAW;IACXC;EAC6B,CAAC,EAAE;IAAA,IAAAC,gBAAA,CAAArB,OAAA;IAAA,IAAAqB,gBAAA,CAAArB,OAAA;IAAA,IAAAqB,gBAAA,CAAArB,OAAA,oBAzBd,IAAIsB,kBAAS,CAAC,CAAC;IAAA,IAAAD,gBAAA,CAAArB,OAAA,2BAEkB,IAAI;IAAA,IAAAqB,gBAAA,CAAArB,OAAA,sBACD,IAAI;IAAA,IAAAqB,gBAAA,CAAArB,OAAA;IAAA,IAAAqB,gBAAA,CAAArB,OAAA,6BAGJ;MACtDuB,OAAO,EAAE;IACX,CAAC;IAAA,IAAAF,gBAAA,CAAArB,OAAA;IAAA,IAAAqB,gBAAA,CAAArB,OAAA;IAAA,IAAAqB,gBAAA,CAAArB,OAAA;IAAA,IAAAqB,gBAAA,CAAArB,OAAA,uCAOewB,SAAS;IAAA,IAAAH,gBAAA,CAAArB,OAAA;IAWvB,IAAI,CAACgB,SAAS,GAAGA,SAAS;IAE1B,IAAI,CAACC,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACQ,eAAe,GAAGL,cAAc;IACrC,IAAI,CAACM,KAAK,GAAG,SAAS;IACtB,IAAI,CAACC,MAAM,GAAG,IAAIC,gCAAe,CAAC;MAChCC,cAAc,EAAE,IAAAC,qBAAY,EAACb,IAAI,CAAC;MAClCD;IACF,CAAC,CAAC;IAEF,IAAI,CAACe,QAAQ,GAAGf,SAAS,CAACgB,cAAc,CAAC;MACvCC,aAAa,EAAE,oBAAoB;MACnC,GAAGhB;IACL,CAAC,CAAC;IAEF,IAAI,CAACiB,aAAa,GAAG,IAAIC,2BAAkB,CAAC;MAC1CnB,SAAS;MACTe,QAAQ,EAAE,IAAI,CAACA,QAAQ;MACvBd,IAAI;MACJmB,cAAc,EAAE,IAAI,CAACT,MAAM,CAACS,cAAc;MAC1ClB,UAAU;MACVC;IACF,CAAC,CAAC;IAEF,IAAI,CAACkB,IAAI,GAAG,IAAIC,kBAAS,CAAC;MACxBtB,SAAS;MACTkB,aAAa,EAAE,IAAI,CAACA;IACtB,CAAC,CAAC;IAEF,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,mBAAmB,EAAEC,cAAQ;MAC7BC,UAAU,EAAED,cAAQ;MACpBE,mBAAmB,EAAEC,YAAM;MAC3BC,SAAS,EAAEJ,cAAQ;MACnBK,OAAO,EAAEL,cAAQ;MACjBf,KAAK,EAAEqB,gBAAU,CAACC,GAAG;MACrBC,iBAAiB,EAAEF,gBAAU,CAACC,GAAG;MACjCvB,eAAe,EAAEsB,gBAAU,CAACC,GAAG;MAC/BE,iBAAiB,EAAEN,YAAM,CAACO,KAAK;MAC/BC,KAAK,EAAER,YAAM,CAACO;IAChB,CAAC,CAAC;EACJ;EAEA,IAAIE,oBAAoBA,CAAA,EAAG;IACzB,OAAO,IAAI,CAACnB,aAAa,CAACoB,oBAAoB,CAACC,mBAAmB;EACpE;EAEAC,gBAAgBA,CAAA,EAAG;IACjB,MAAMC,SAAS,GAAGC,WAAW,CAACC,GAAG,CAAC,CAAC;IACnC,MAAMC,cAAc,GAAG,IAAI,CAACC,sBAAsB,CAAC,CAAC;IAEpD,IAAI,CAAC9B,QAAQ,CACX,IAAA+B,aAAS,EAAC;MACR,GAAGF,cAAc;MACjBG,GAAG,EAAEC,MAAM,CAACC,QAAQ,CAACC;IACvB,CAAC,CACH,CAAC;IAED,OAAO,MAAM;MACX,IAAI,CAACnC,QAAQ,CACX,IAAAoC,WAAO,EAAC;QACN,GAAGP,cAAc;QACjBG,GAAG,EAAEC,MAAM,CAACC,QAAQ,CAACC,IAAI;QACzBE,WAAW,EAAEC,IAAI,CAACC,KAAK,CAACZ,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGF,SAAS;MACvD,CAAC,CACH,CAAC;IACH,CAAC;EACH;EAEAc,IAAIA,CAAC;IAAEC;EAAsC,CAAC,EAAE;IAC9C,MAAM;MAAEC,QAAQ;MAAEvC,aAAa;MAAElB,SAAS;MAAEqB;IAAK,CAAC,GAAG,IAAI;IAEzD,MAAMqC,SAAS,GAAG,CAACxC,aAAa,CAACqC,IAAI,CAAC,CAAC,EAAElC,IAAI,CAACkC,IAAI,CAAC,CAAC,CAAC;IAErDE,QAAQ,CAACE,OAAO,CAAC,YAAY;MAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,qBAAA;MAC3B5C,aAAa,CAACuC,QAAQ,CAACE,OAAO,CAAC,CAAC;MAChCtC,IAAI,CAACoC,QAAQ,CAACE,OAAO,CAAC,CAAC;MAEvB,MAAM,CAACI,cAAc,CAAC,GAAG,MAAMC,OAAO,CAACC,GAAG,CAAC,CACzCD,OAAA,CAAAE,OAAA,GAAAC,IAAA,OAAArF,uBAAA,CAAAT,OAAA,CACE;MACA,mEAAmE,IACnE+F,KAAK,CAAEC,GAAG,IAAK;QACf,MAAM,IAAIC,yBAAgB,CAAC;UACzBC,SAAS,EAAE,yCAAyC;UACpDC,iBAAiB,EAAEH;QACrB,CAAC,CAAC;MACJ,CAAC,CAAC,GAAAT,qBAAA,GACF1C,aAAa,CAACuC,QAAQ,CAACgB,MAAM,CAACC,OAAO,qBAArCd,qBAAA,CAAuCQ,KAAK,CAAEC,GAAG,IAAK;QACpD,MAAM,IAAIC,yBAAgB,CAAC;UACzBC,SAAS,EAAE,qCAAqC;UAChDC,iBAAiB,EAAEH;QACrB,CAAC,CAAC;MACJ,CAAC,CAAC,GAAAR,qBAAA,GACF7D,SAAS,CAACyD,QAAQ,CAACgB,MAAM,CAACC,OAAO,qBAAjCb,qBAAA,CAAmCO,KAAK,CAAEC,GAAG,IAAK;QAChD,MAAM,IAAIC,yBAAgB,CAAC;UACzBC,SAAS,EAAE,uCAAuC;UAClDC,iBAAiB,EAAEH;QACrB,CAAC,CAAC;MACJ,CAAC,CAAC,GAAAP,qBAAA,GACFzC,IAAI,CAACoC,QAAQ,CAACgB,MAAM,CAACC,OAAO,qBAA5BZ,qBAAA,CAA8BM,KAAK,CAAC,MAAM,IAAI,CAAC,CAChD,CAAC,CAACA,KAAK,CAAEO,KAAK,IAAK;QAClB,IAAI,CAAC3E,SAAS,CAAC4E,eAAe,CAACC,WAAW,CAAC;UACzCF;QACF,CAAC,CAAC;QAEF,IAAI,CAAC5D,QAAQ,CACX,IAAA+D,iCAA6B,EAAC;UAC5BC,SAAS,EACPJ,KAAK,YAAYL,yBAAgB,GAAGK,KAAK,CAACK,IAAI,GAAGxE;QACrD,CAAC,CACH,CAAC;QAED,MAAMmE,KAAK;MACb,CAAC,CAAC;MAEF,IAAI,CAACM,2BAA2B,GAAGlB,cAAc;MAEjDP,SAAS,YAATA,SAAS,CAAG,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,MAAM;MACXE,SAAS,CAACwB,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;EAEAC,6BAA6BA,CAACC,SAAiB,EAAE;IAAA,IAAAC,qBAAA;IAC/C,MAAM;MAAEpE,aAAa;MAAET;IAAgB,CAAC,GAAG,IAAI;IAC/C,MAAM;MAAE8E,MAAM;MAAEC;IAAO,CAAC,GACtBtE,aAAa,CAACuE,6BAA6B,CAACJ,SAAS,CAAC;IAExD,OAAO;MACLG,MAAM;MACND,MAAM;MACNG,qBAAqB,EAAEjF,eAAe,aAAA6E,qBAAA,GAAf7E,eAAe,CAAEkF,UAAU,qBAA3BL,qBAAA,CAA8BD,SAAS;IAChE,CAAC;EACH;EAEAO,WAAWA,CAAA,EAAG;IACZ,MAAMlC,SAAS,GAAG,CAChB,IAAAmC,0BAAiB,EACf,IAAI,CAAC5D,iBAAiB,CAAC1B,OAAO,EAC9B,IAAI,CAAC2B,iBAAiB,CAAC4D,IAAI,CAAC,IAAI,CAClC,CAAC,CACF;IAED,IAAI,CAAC5D,iBAAiB,CAAC,CAAC;IAExB,OAAO,MAAM;MACXwB,SAAS,CAACwB,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;EAEAtC,sBAAsBA,CAAA,EAAG;IACvB,OAAO;MACLE,GAAG,EAAEC,MAAM,CAACC,QAAQ,CAACC;IACvB,CAAC;EACH;EAEAd,KAAKA,CAAA,EAAG;IACN,IAAI,CAACrB,QAAQ,CACX,IAAAgF,wBAAoB,EAAC;MACnBC,UAAU,EAAE,oBAAoB;MAChCC,QAAQ,EAAE;IACZ,CAAC,CACH,CAAC;IAED,IAAI,CAACxC,QAAQ,CAACE,OAAO,CAAC,CAAC;EACzB;EAEA,IAAIuC,OAAOA,CAAA,EAAG;IAAA,IAAAC,gBAAA;IACZ,OAAO,CAAC,GAAAA,gBAAA,GAAC,IAAI,CAACC,UAAU,aAAfD,gBAAA,CAAiBD,OAAO;EACnC;EAEA,IAAIxE,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAAChB,KAAK;EACnB;EAEA,IAAImB,SAASA,CAAA,EAAG;IACd,MAAM;MAAE4C;IAAO,CAAC,GAAG,IAAI,CAAChB,QAAQ;IAChC,OAAOgB,MAAM,CAAC4B,MAAM,IAAI5B,MAAM,CAAC5C,SAAS;EAC1C;EAEA,IAAIyE,sBAAsBA,CAAA,EAAG;IAAA,IAAAC,qBAAA;IAC3B,QAAAA,qBAAA,GAAO,IAAI,CAACtB,2BAA2B,qBAAhCsB,qBAAA,CAAkCC,aAAa;EACxD;EAEA,IAAIC,yBAAyBA,CAAA,EAAG;IAAA,IAAAC,sBAAA;IAC9B,QAAAA,sBAAA,GAAO,IAAI,CAACzB,2BAA2B,qBAAhCyB,sBAAA,CAAkCD,yBAAyB;EACpE;EAEA9E,mBAAmBA,CAACK,GAA0B,EAAE;IAC9C,IAAI,CAACC,iBAAiB,CAAC1B,OAAO,GAAGyB,GAAG;EACtC;EAEAE,iBAAiBA,CAAA,EAAG;IAClB,IAAI,IAAI,CAACD,iBAAiB,CAAC1B,OAAO,EAAE;MAClC,MAAMoG,OAAO,GAAG,IAAI,CAAC1E,iBAAiB,CAAC1B,OAAO;MAE9C,IAAIoG,OAAO,CAACC,WAAW,GAAG,GAAG,EAAE;QAC7B,IAAI,CAAClG,KAAK,GAAG,OAAO;MACtB,CAAC,MAAM;QACL,IAAI,CAACA,KAAK,GAAG,SAAS;MACxB;IACF;EACF;EAEA,IAAIoB,OAAOA,CAAA,EAAG;IACZ,OAAO,IAAI,CAAC2B,QAAQ,CAACgB,MAAM,CAAC3C,OAAO;EACrC;EAEA,MAAM+E,QAAQA,CAAA,EAIX;IAAA,IAAAC,iBAAA;IACD,MAAMC,IAAI,IAAAD,iBAAA,GAAG,IAAI,CAACV,UAAU,qBAAfU,iBAAA,CAAiBD,QAAQ,CAAC,CAAC;IAExC,IAAI,CAACE,IAAI,EAAE;MACT,OAAO;QACLC,OAAO,EAAE;MACX,CAAC;IACH;IAEA,IAAID,IAAI,YAAJA,IAAI,CAAEC,OAAO,EAAE;MACjB,MAAM5G,cAAc,GAAG2G,IAAI,CAAC3G,cAAc;MAC1C,OAAO;QACL4G,OAAO,EAAE,IAAI;QACb5G,cAAc;QACd6G,MAAM,EAAE7G;MACV,CAAC;IACH;IAEA,OAAO;MAAE4G,OAAO,EAAE;IAAM,CAAC;EAC3B;EAEA,IAAIxF,mBAAmBA,CAAA,EAAG;IACxB,OAAO,IAAI,CAACN,aAAa,CAACM,mBAAmB;EAC/C;AACF;AAAC0F,OAAA,CAAApH,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_SidePanelsState","_mobx","_bi","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CustomFieldsWidgetState","constructor","container","fqdn","filterable","containsPii","defaultPermissions","extendedFields","_defineProperty2","TaskState","current","undefined","_extendedFields","_size","panels","SidePanelsState","panelGroupName","fqdnToString","reportBi","createBILogger","componentType","dataExtension","DataExtensionState","closeSidePanel","apps","AppsState","makeObservable","hasWritePermissions","computed","widgetSize","setWidgetContentRef","action","isLoading","isError","observable","ref","_widgetContentRef","_adjustWidgetSize","bound","retry","_userFieldsNamespace","dataExtensionService","userFieldsNamespace","_appLoadingStart","startTime","performance","now","commonBiParams","_commonDynamicBiParams","loadStart","url","window","location","href","loadEnd","loadingTime","Math","round","init","appLoaded","initTask","disposers","runOnce","_dataExtension$initTa","_container$initTask$s","_apps$initTask$status","lazyComponents","Promise","all","resolve","then","catch","err","WixPatternsError","errorCode","originalException","status","promise","error","internalMonitor","reportError","cairoErrorInLoadingAComponent","errorType","name","_customFieldsLazyComponents","forEach","d","getNamespaceFormSchemaAndData","namespace","_extendedFields$names","schema","fields","getSchemaAndFieldsByNamespace","extendedFieldsDataMap","namespaces","initContent","addResizeObserver","bind","cairoTryAgainClicked","actionName","loaction","isDirty","_this$_formState","_formState","isIdle","ActionButtonsComponent","_this$_customFieldsLa","ActionButtons","CustomFieldsWidgetContent","_this$_customFieldsLa2","element","clientWidth","validate","_this$_formState2","data","isValid","values","exports"],"sources":["../../../../src/state/CustomFields/CustomFieldsWidgetState.ts"],"sourcesContent":["import {\n  addResizeObserver,\n  AppsState,\n  DataExtensionState,\n  DefaultPermissionsConfig,\n  ExtendedFields,\n  Fqdn,\n  fqdnToString,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsError,\n} from '@wix/bex-core';\nimport { SidePanelsState } from '../SidePanelsState';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport type * as CustomFieldsWidgetLazyContent from '../../components/CustomFieldsWidget/CustomFieldsWidgetLazyContent';\nimport {\n  cairoErrorInLoadingAComponent,\n  cairoTryAgainClicked,\n  loadEnd,\n  loadStart,\n} from '@wix/bex-core/bi';\n\nimport { CustomFieldsAllNamespacesFormState } from './CustomFieldsAllNamespacesFormState';\n\nexport interface CustomFieldsWidgetStateParams {\n  readonly container: WixPatternsContainer;\n  readonly fqdn: Fqdn;\n  readonly filterable?: boolean;\n  readonly containsPii?: boolean;\n  readonly extendedFields?: ExtendedFields;\n  readonly defaultPermissions?: DefaultPermissionsConfig;\n}\n\nexport type CustomFieldsWidgetSize = 'default' | 'small';\n\nexport class CustomFieldsWidgetState {\n  readonly container;\n  readonly dataExtension;\n  readonly initTask = new TaskState();\n\n  _extendedFields: ExtendedFields | null | undefined = null;\n  _formState: CustomFieldsAllNamespacesFormState | null = null;\n\n  _size: CustomFieldsWidgetSize;\n  _widgetContentRef: { current: HTMLDivElement | null } = {\n    current: null,\n  };\n\n  readonly panels;\n  readonly reportBi;\n  readonly fqdn;\n  _customFieldsLazyComponents:\n    | typeof CustomFieldsWidgetLazyContent\n    | undefined = undefined;\n\n  readonly apps;\n\n  constructor({\n    container,\n    fqdn,\n    filterable,\n    containsPii,\n    defaultPermissions,\n    extendedFields,\n  }: CustomFieldsWidgetStateParams) {\n    this.container = container;\n\n    this.fqdn = fqdn;\n    this._extendedFields = extendedFields;\n    this._size = 'default';\n    this.panels = new SidePanelsState({\n      panelGroupName: fqdnToString(fqdn),\n      container,\n    });\n\n    this.reportBi = container.createBILogger({\n      componentType: 'CustomFieldsWidget',\n      ...fqdn,\n    });\n\n    this.dataExtension = new DataExtensionState({\n      container,\n      reportBi: this.reportBi,\n      fqdn,\n      closeSidePanel: this.panels.closeSidePanel,\n      filterable,\n      containsPii,\n      defaultPermissions,\n    });\n\n    this.apps = new AppsState({\n      container,\n      dataExtension: this.dataExtension,\n    });\n\n    makeObservable(this, {\n      hasWritePermissions: computed,\n      widgetSize: computed,\n      setWidgetContentRef: action,\n      isLoading: computed,\n      isError: computed,\n      _size: observable.ref,\n      _widgetContentRef: observable.ref,\n      _extendedFields: observable.ref,\n      _adjustWidgetSize: action.bound,\n      retry: action.bound,\n    });\n  }\n\n  get _userFieldsNamespace() {\n    return this.dataExtension.dataExtensionService.userFieldsNamespace;\n  }\n\n  _appLoadingStart() {\n    const startTime = performance.now();\n    const commonBiParams = this._commonDynamicBiParams();\n\n    this.reportBi(\n      loadStart({\n        ...commonBiParams,\n        url: window.location.href,\n      }),\n    );\n\n    return () => {\n      this.reportBi(\n        loadEnd({\n          ...commonBiParams,\n          url: window.location.href,\n          loadingTime: Math.round(performance.now() - startTime),\n        }),\n      );\n    };\n  }\n\n  init({ appLoaded }: { appLoaded?: () => void }) {\n    const { initTask, dataExtension, container, apps } = this;\n\n    const disposers = [dataExtension.init(), apps.init()];\n\n    initTask.runOnce(async () => {\n      dataExtension.initTask.runOnce();\n      apps.initTask.runOnce();\n\n      const [lazyComponents] = await Promise.all([\n        import(\n          /* webpackChunkName: \"CustomFieldsWidgetLazyContent\" */\n          '../../components/CustomFieldsWidget/CustomFieldsWidgetLazyContent'\n        ).catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'LoadCustomFieldsWidgetLazyContentFailed',\n            originalException: err,\n          });\n        }),\n        dataExtension.initTask.status.promise?.catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'InitCustomFieldsDataExtensionFailed',\n            originalException: err,\n          });\n        }),\n        container.initTask.status.promise?.catch((err) => {\n          throw new WixPatternsError({\n            errorCode: 'InitCustomFieldsWidgetContainerFailed',\n            originalException: err,\n          });\n        }),\n        apps.initTask.status.promise?.catch(() => null),\n      ]).catch((error) => {\n        this.container.internalMonitor.reportError({\n          error,\n        });\n\n        this.reportBi(\n          cairoErrorInLoadingAComponent({\n            errorType:\n              error instanceof WixPatternsError ? error.name : undefined,\n          }),\n        );\n\n        throw error;\n      });\n\n      this._customFieldsLazyComponents = lazyComponents;\n\n      appLoaded?.();\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  getNamespaceFormSchemaAndData(namespace: string) {\n    const { dataExtension, _extendedFields } = this;\n    const { schema, fields } =\n      dataExtension.getSchemaAndFieldsByNamespace(namespace);\n\n    return {\n      fields,\n      schema,\n      extendedFieldsDataMap: _extendedFields?.namespaces?.[namespace],\n    };\n  }\n\n  initContent() {\n    const disposers = [\n      addResizeObserver(\n        this._widgetContentRef.current,\n        this._adjustWidgetSize.bind(this),\n      ),\n    ];\n\n    this._adjustWidgetSize();\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n\n  _commonDynamicBiParams() {\n    return {\n      url: window.location.href,\n    };\n  }\n\n  retry() {\n    this.reportBi(\n      cairoTryAgainClicked({\n        actionName: 'Load custom fields',\n        loaction: 'Custom fields widget',\n      }),\n    );\n\n    this.initTask.runOnce();\n  }\n\n  get isDirty() {\n    return !!this._formState?.isDirty;\n  }\n\n  get widgetSize() {\n    return this._size;\n  }\n\n  get isLoading() {\n    const { status } = this.initTask;\n    return status.isIdle || status.isLoading;\n  }\n\n  get ActionButtonsComponent() {\n    return this._customFieldsLazyComponents?.ActionButtons;\n  }\n\n  get CustomFieldsWidgetContent() {\n    return this._customFieldsLazyComponents?.CustomFieldsWidgetContent;\n  }\n\n  setWidgetContentRef(ref: HTMLDivElement | null) {\n    this._widgetContentRef.current = ref;\n  }\n\n  _adjustWidgetSize() {\n    if (this._widgetContentRef.current) {\n      const element = this._widgetContentRef.current;\n\n      if (element.clientWidth < 842) {\n        this._size = 'small';\n      } else {\n        this._size = 'default';\n      }\n    }\n  }\n\n  get isError() {\n    return this.initTask.status.isError;\n  }\n\n  async validate(): Promise<{\n    isValid: boolean;\n    extendedFields?: ExtendedFields;\n    values?: ExtendedFields;\n  }> {\n    const data = this._formState?.validate();\n\n    if (!data) {\n      return {\n        isValid: true,\n      };\n    }\n\n    if (data?.isValid) {\n      const extendedFields = data.extendedFields;\n      return {\n        isValid: true,\n        extendedFields,\n        values: extendedFields,\n      };\n    }\n\n    return { isValid: false };\n  }\n\n  get hasWritePermissions() {\n    return this.dataExtension.hasWritePermissions;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/Responsive/HorizontalOverflowState.js

@@ -10,12 +10,15 @@ class HorizontalOverflowState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "_syncThrottled", void 0);
     (0, _defineProperty2.default)(this, "container", void 0);
-    (0, _defineProperty2.default)(this, "_responsiveDisabled", void 0);
+    (0, _defineProperty2.default)(this, "_state", void 0);
     (0, _defineProperty2.default)(this, "_element", void 0);
     (0, _defineProperty2.default)(this, "_scrollWidth", 0);
     (0, _defineProperty2.default)(this, "_clientWidth", 0);
-    this.container = params.container;
-    this._responsiveDisabled = params.responsiveDisabled;
+    const {
+      state
+    } = params;
+    this.container = state.container;
+    this._state = state;
     (0, _mobx.makeObservable)(this, {
       _sync: _mobx.action.bound,
       _scrollWidth: _mobx.observable.ref,
@@ -42,9 +45,9 @@ class HorizontalOverflowState {
   init() {
     const {
       _element,
-      _responsiveDisabled
+      _state
     } = this;
-    if (_responsiveDisabled) {
+    if (_state.responsiveDisabled) {
       return;
     }
     if (!_element) {

package/dist/cjs/state/Responsive/HorizontalOverflowState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_bexCore","HorizontalOverflowState","constructor","params","_defineProperty2","default","container","_responsiveDisabled","responsiveDisabled","makeObservable","_sync","action","bound","_scrollWidth","observable","ref","_clientWidth","_isOverflowing","computed","_syncThrottled","lodash","throttle","requestAnimationFrame","_element","clientWidth","scrollWidth","init","disposers","addResizeObserver","forEach","d","exports"],"sources":["../../../../src/state/Responsive/HorizontalOverflowState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';\n\nexport interface HorizontalOverflowStateParams {\n  container: WixPatternsContainer;\n  responsiveDisabled: boolean | undefined;\n}\n\nexport class HorizontalOverflowState {\n  readonly _syncThrottled;\n\n  readonly container;\n  readonly _responsiveDisabled;\n\n  _element?: Element | null | undefined;\n\n  _scrollWidth = 0;\n  _clientWidth = 0;\n\n  constructor(params: HorizontalOverflowStateParams) {\n    this.container = params.container;\n    this._responsiveDisabled = params.responsiveDisabled;\n\n    makeObservable(this, {\n      _sync: action.bound,\n      _scrollWidth: observable.ref,\n      _clientWidth: observable.ref,\n      _isOverflowing: computed,\n    });\n\n    this._syncThrottled = this.container.lodash.throttle(() => {\n      requestAnimationFrame(this._sync);\n    }, 200);\n  }\n\n  get _isOverflowing() {\n    return this._scrollWidth > this._clientWidth;\n  }\n\n  _sync() {\n    const { _element } = this;\n\n    if (!_element) {\n      return;\n    }\n\n    this._clientWidth = _element.clientWidth;\n    this._scrollWidth = _element.scrollWidth;\n  }\n\n  init() {\n    const { _element, _responsiveDisabled } = this;\n\n    if (_responsiveDisabled) {\n      return;\n    }\n\n    if (!_element) {\n      return;\n    }\n\n    this._syncThrottled();\n\n    const disposers = [addResizeObserver(_element, this._syncThrottled)];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAOO,MAAME,uBAAuB,CAAC;EAWnCC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBAHpC,CAAC;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBACD,CAAC;IAGd,IAAI,CAACC,SAAS,GAAGH,MAAM,CAACG,SAAS;IACjC,IAAI,CAACC,mBAAmB,GAAGJ,MAAM,CAACK,kBAAkB;IAEpD,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,KAAK,EAAEC,YAAM,CAACC,KAAK;MACnBC,YAAY,EAAEC,gBAAU,CAACC,GAAG;MAC5BC,YAAY,EAAEF,gBAAU,CAACC,GAAG;MAC5BE,cAAc,EAAEC;IAClB,CAAC,CAAC;IAEF,IAAI,CAACC,cAAc,GAAG,IAAI,CAACb,SAAS,CAACc,MAAM,CAACC,QAAQ,CAAC,MAAM;MACzDC,qBAAqB,CAAC,IAAI,CAACZ,KAAK,CAAC;IACnC,CAAC,EAAE,GAAG,CAAC;EACT;EAEA,IAAIO,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACJ,YAAY,GAAG,IAAI,CAACG,YAAY;EAC9C;EAEAN,KAAKA,CAAA,EAAG;IACN,MAAM;MAAEa;IAAS,CAAC,GAAG,IAAI;IAEzB,IAAI,CAACA,QAAQ,EAAE;MACb;IACF;IAEA,IAAI,CAACP,YAAY,GAAGO,QAAQ,CAACC,WAAW;IACxC,IAAI,CAACX,YAAY,GAAGU,QAAQ,CAACE,WAAW;EAC1C;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEH,QAAQ;MAAEhB;IAAoB,CAAC,GAAG,IAAI;IAE9C,IAAIA,mBAAmB,EAAE;MACvB;IACF;IAEA,IAAI,CAACgB,QAAQ,EAAE;MACb;IACF;IAEA,IAAI,CAACJ,cAAc,CAAC,CAAC;IAErB,MAAMQ,SAAS,GAAG,CAAC,IAAAC,0BAAiB,EAACL,QAAQ,EAAE,IAAI,CAACJ,cAAc,CAAC,CAAC;IAEpE,OAAO,MAAM;MACXQ,SAAS,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;AACF;AAACC,OAAA,CAAA9B,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_bexCore","HorizontalOverflowState","constructor","params","_defineProperty2","default","state","container","_state","makeObservable","_sync","action","bound","_scrollWidth","observable","ref","_clientWidth","_isOverflowing","computed","_syncThrottled","lodash","throttle","requestAnimationFrame","_element","clientWidth","scrollWidth","init","responsiveDisabled","disposers","addResizeObserver","forEach","d","exports"],"sources":["../../../../src/state/Responsive/HorizontalOverflowState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';\n\nexport interface HorizontalOverflowStateParams {\n  state: {\n    container: WixPatternsContainer;\n    responsiveDisabled: boolean | undefined;\n  };\n}\n\nexport class HorizontalOverflowState {\n  readonly _syncThrottled;\n\n  readonly container;\n  readonly _state;\n\n  _element?: Element | null | undefined;\n\n  _scrollWidth = 0;\n  _clientWidth = 0;\n\n  constructor(params: HorizontalOverflowStateParams) {\n    const { state } = params;\n    this.container = state.container;\n    this._state = state;\n\n    makeObservable(this, {\n      _sync: action.bound,\n      _scrollWidth: observable.ref,\n      _clientWidth: observable.ref,\n      _isOverflowing: computed,\n    });\n\n    this._syncThrottled = this.container.lodash.throttle(() => {\n      requestAnimationFrame(this._sync);\n    }, 200);\n  }\n\n  get _isOverflowing() {\n    return this._scrollWidth > this._clientWidth;\n  }\n\n  _sync() {\n    const { _element } = this;\n\n    if (!_element) {\n      return;\n    }\n\n    this._clientWidth = _element.clientWidth;\n    this._scrollWidth = _element.scrollWidth;\n  }\n\n  init() {\n    const { _element, _state } = this;\n\n    if (_state.responsiveDisabled) {\n      return;\n    }\n\n    if (!_element) {\n      return;\n    }\n\n    this._syncThrottled();\n\n    const disposers = [addResizeObserver(_element, this._syncThrottled)];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AASO,MAAME,uBAAuB,CAAC;EAWnCC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBAHpC,CAAC;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBACD,CAAC;IAGd,MAAM;MAAEC;IAAM,CAAC,GAAGH,MAAM;IACxB,IAAI,CAACI,SAAS,GAAGD,KAAK,CAACC,SAAS;IAChC,IAAI,CAACC,MAAM,GAAGF,KAAK;IAEnB,IAAAG,oBAAc,EAAC,IAAI,EAAE;MACnBC,KAAK,EAAEC,YAAM,CAACC,KAAK;MACnBC,YAAY,EAAEC,gBAAU,CAACC,GAAG;MAC5BC,YAAY,EAAEF,gBAAU,CAACC,GAAG;MAC5BE,cAAc,EAAEC;IAClB,CAAC,CAAC;IAEF,IAAI,CAACC,cAAc,GAAG,IAAI,CAACZ,SAAS,CAACa,MAAM,CAACC,QAAQ,CAAC,MAAM;MACzDC,qBAAqB,CAAC,IAAI,CAACZ,KAAK,CAAC;IACnC,CAAC,EAAE,GAAG,CAAC;EACT;EAEA,IAAIO,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACJ,YAAY,GAAG,IAAI,CAACG,YAAY;EAC9C;EAEAN,KAAKA,CAAA,EAAG;IACN,MAAM;MAAEa;IAAS,CAAC,GAAG,IAAI;IAEzB,IAAI,CAACA,QAAQ,EAAE;MACb;IACF;IAEA,IAAI,CAACP,YAAY,GAAGO,QAAQ,CAACC,WAAW;IACxC,IAAI,CAACX,YAAY,GAAGU,QAAQ,CAACE,WAAW;EAC1C;EAEAC,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEH,QAAQ;MAAEf;IAAO,CAAC,GAAG,IAAI;IAEjC,IAAIA,MAAM,CAACmB,kBAAkB,EAAE;MAC7B;IACF;IAEA,IAAI,CAACJ,QAAQ,EAAE;MACb;IACF;IAEA,IAAI,CAACJ,cAAc,CAAC,CAAC;IAErB,MAAMS,SAAS,GAAG,CAAC,IAAAC,0BAAiB,EAACN,QAAQ,EAAE,IAAI,CAACJ,cAAc,CAAC,CAAC;IAEpE,OAAO,MAAM;MACXS,SAAS,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;AACF;AAACC,OAAA,CAAA/B,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/dist/cjs/state/Responsive/HorizontalSpaceAvailableState.js

@@ -10,13 +10,16 @@ class HorizontalSpaceAvailableState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "_syncThrottled", void 0);
     (0, _defineProperty2.default)(this, "container", void 0);
-    (0, _defineProperty2.default)(this, "_responsiveDisabled", void 0);
+    (0, _defineProperty2.default)(this, "_state", void 0);
     (0, _defineProperty2.default)(this, "_element", void 0);
     (0, _defineProperty2.default)(this, "_child", void 0);
     (0, _defineProperty2.default)(this, "_directChildClientWidth", 0);
     (0, _defineProperty2.default)(this, "_clientWidth", 0);
-    this.container = params.container;
-    this._responsiveDisabled = params.responsiveDisabled;
+    const {
+      state
+    } = params;
+    this.container = state.container;
+    this._state = state;
     (0, _mobx.makeObservable)(this, {
       _sync: _mobx.action.bound,
       _directChildClientWidth: _mobx.observable.ref,
@@ -45,9 +48,9 @@ class HorizontalSpaceAvailableState {
     const {
       _element,
       _child,
-      _responsiveDisabled
+      _state
     } = this;
-    if (_responsiveDisabled) {
+    if (_state.responsiveDisabled) {
       return;
     }
     if (!_element || !_child) {

package/dist/cjs/state/Responsive/HorizontalSpaceAvailableState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_bexCore","HorizontalSpaceAvailableState","constructor","params","_defineProperty2","default","container","_responsiveDisabled","responsiveDisabled","makeObservable","_sync","action","bound","_directChildClientWidth","observable","ref","_clientWidth","available","computed","_syncThrottled","lodash","throttle","requestAnimationFrame","_element","_child","clientWidth","scrollWidth","init","disposers","addResizeObserver","forEach","d","exports"],"sources":["../../../../src/state/Responsive/HorizontalSpaceAvailableState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';\n\nexport interface HorizontalSpaceAvailableStateParams {\n  container: WixPatternsContainer;\n  responsiveDisabled: boolean | undefined;\n}\n\nexport class HorizontalSpaceAvailableState {\n  readonly _syncThrottled;\n\n  readonly container;\n  readonly _responsiveDisabled;\n\n  _element?: Element | null | undefined;\n  _child?: Element | null | undefined;\n\n  _directChildClientWidth = 0;\n  _clientWidth = 0;\n\n  constructor(params: HorizontalSpaceAvailableStateParams) {\n    this.container = params.container;\n    this._responsiveDisabled = params.responsiveDisabled;\n\n    makeObservable(this, {\n      _sync: action.bound,\n      _directChildClientWidth: observable.ref,\n      _clientWidth: observable.ref,\n      available: computed,\n    });\n\n    this._syncThrottled = this.container.lodash.throttle(() => {\n      requestAnimationFrame(this._sync);\n    }, 200);\n  }\n\n  _sync() {\n    const { _element, _child } = this;\n\n    if (!_element || !_child) {\n      return;\n    }\n\n    this._clientWidth = _element.clientWidth;\n    this._directChildClientWidth = _child.scrollWidth;\n  }\n\n  get available() {\n    return this._clientWidth - this._directChildClientWidth;\n  }\n\n  init() {\n    const { _element, _child, _responsiveDisabled } = this;\n\n    if (_responsiveDisabled) {\n      return;\n    }\n\n    if (!_element || !_child) {\n      return;\n    }\n\n    this._syncThrottled();\n\n    const disposers = [addResizeObserver(_child, this._syncThrottled)];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAOO,MAAME,6BAA6B,CAAC;EAYzCC,WAAWA,CAACC,MAA2C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mCAH/B,CAAC;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBACZ,CAAC;IAGd,IAAI,CAACC,SAAS,GAAGH,MAAM,CAACG,SAAS;IACjC,IAAI,CAACC,mBAAmB,GAAGJ,MAAM,CAACK,kBAAkB;IAEpD,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,KAAK,EAAEC,YAAM,CAACC,KAAK;MACnBC,uBAAuB,EAAEC,gBAAU,CAACC,GAAG;MACvCC,YAAY,EAAEF,gBAAU,CAACC,GAAG;MAC5BE,SAAS,EAAEC;IACb,CAAC,CAAC;IAEF,IAAI,CAACC,cAAc,GAAG,IAAI,CAACb,SAAS,CAACc,MAAM,CAACC,QAAQ,CAAC,MAAM;MACzDC,qBAAqB,CAAC,IAAI,CAACZ,KAAK,CAAC;IACnC,CAAC,EAAE,GAAG,CAAC;EACT;EAEAA,KAAKA,CAAA,EAAG;IACN,MAAM;MAAEa,QAAQ;MAAEC;IAAO,CAAC,GAAG,IAAI;IAEjC,IAAI,CAACD,QAAQ,IAAI,CAACC,MAAM,EAAE;MACxB;IACF;IAEA,IAAI,CAACR,YAAY,GAAGO,QAAQ,CAACE,WAAW;IACxC,IAAI,CAACZ,uBAAuB,GAAGW,MAAM,CAACE,WAAW;EACnD;EAEA,IAAIT,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAACD,YAAY,GAAG,IAAI,CAACH,uBAAuB;EACzD;EAEAc,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEJ,QAAQ;MAAEC,MAAM;MAAEjB;IAAoB,CAAC,GAAG,IAAI;IAEtD,IAAIA,mBAAmB,EAAE;MACvB;IACF;IAEA,IAAI,CAACgB,QAAQ,IAAI,CAACC,MAAM,EAAE;MACxB;IACF;IAEA,IAAI,CAACL,cAAc,CAAC,CAAC;IAErB,MAAMS,SAAS,GAAG,CAAC,IAAAC,0BAAiB,EAACL,MAAM,EAAE,IAAI,CAACL,cAAc,CAAC,CAAC;IAElE,OAAO,MAAM;MACXS,SAAS,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;AACF;AAACC,OAAA,CAAA/B,6BAAA,GAAAA,6BAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_bexCore","HorizontalSpaceAvailableState","constructor","params","_defineProperty2","default","state","container","_state","makeObservable","_sync","action","bound","_directChildClientWidth","observable","ref","_clientWidth","available","computed","_syncThrottled","lodash","throttle","requestAnimationFrame","_element","_child","clientWidth","scrollWidth","init","responsiveDisabled","disposers","addResizeObserver","forEach","d","exports"],"sources":["../../../../src/state/Responsive/HorizontalSpaceAvailableState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport { addResizeObserver, WixPatternsContainer } from '@wix/bex-core';\n\nexport interface HorizontalSpaceAvailableStateParams {\n  state: {\n    container: WixPatternsContainer;\n    responsiveDisabled: boolean | undefined;\n  };\n}\n\nexport class HorizontalSpaceAvailableState {\n  readonly _syncThrottled;\n\n  readonly container;\n  readonly _state;\n\n  _element?: Element | null | undefined;\n  _child?: Element | null | undefined;\n\n  _directChildClientWidth = 0;\n  _clientWidth = 0;\n\n  constructor(params: HorizontalSpaceAvailableStateParams) {\n    const { state } = params;\n    this.container = state.container;\n    this._state = state;\n\n    makeObservable(this, {\n      _sync: action.bound,\n      _directChildClientWidth: observable.ref,\n      _clientWidth: observable.ref,\n      available: computed,\n    });\n\n    this._syncThrottled = this.container.lodash.throttle(() => {\n      requestAnimationFrame(this._sync);\n    }, 200);\n  }\n\n  _sync() {\n    const { _element, _child } = this;\n\n    if (!_element || !_child) {\n      return;\n    }\n\n    this._clientWidth = _element.clientWidth;\n    this._directChildClientWidth = _child.scrollWidth;\n  }\n\n  get available() {\n    return this._clientWidth - this._directChildClientWidth;\n  }\n\n  init() {\n    const { _element, _child, _state } = this;\n\n    if (_state.responsiveDisabled) {\n      return;\n    }\n\n    if (!_element || !_child) {\n      return;\n    }\n\n    this._syncThrottled();\n\n    const disposers = [addResizeObserver(_child, this._syncThrottled)];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AASO,MAAME,6BAA6B,CAAC;EAYzCC,WAAWA,CAACC,MAA2C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mCAH/B,CAAC;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBACZ,CAAC;IAGd,MAAM;MAAEC;IAAM,CAAC,GAAGH,MAAM;IACxB,IAAI,CAACI,SAAS,GAAGD,KAAK,CAACC,SAAS;IAChC,IAAI,CAACC,MAAM,GAAGF,KAAK;IAEnB,IAAAG,oBAAc,EAAC,IAAI,EAAE;MACnBC,KAAK,EAAEC,YAAM,CAACC,KAAK;MACnBC,uBAAuB,EAAEC,gBAAU,CAACC,GAAG;MACvCC,YAAY,EAAEF,gBAAU,CAACC,GAAG;MAC5BE,SAAS,EAAEC;IACb,CAAC,CAAC;IAEF,IAAI,CAACC,cAAc,GAAG,IAAI,CAACZ,SAAS,CAACa,MAAM,CAACC,QAAQ,CAAC,MAAM;MACzDC,qBAAqB,CAAC,IAAI,CAACZ,KAAK,CAAC;IACnC,CAAC,EAAE,GAAG,CAAC;EACT;EAEAA,KAAKA,CAAA,EAAG;IACN,MAAM;MAAEa,QAAQ;MAAEC;IAAO,CAAC,GAAG,IAAI;IAEjC,IAAI,CAACD,QAAQ,IAAI,CAACC,MAAM,EAAE;MACxB;IACF;IAEA,IAAI,CAACR,YAAY,GAAGO,QAAQ,CAACE,WAAW;IACxC,IAAI,CAACZ,uBAAuB,GAAGW,MAAM,CAACE,WAAW;EACnD;EAEA,IAAIT,SAASA,CAAA,EAAG;IACd,OAAO,IAAI,CAACD,YAAY,GAAG,IAAI,CAACH,uBAAuB;EACzD;EAEAc,IAAIA,CAAA,EAAG;IACL,MAAM;MAAEJ,QAAQ;MAAEC,MAAM;MAAEhB;IAAO,CAAC,GAAG,IAAI;IAEzC,IAAIA,MAAM,CAACoB,kBAAkB,EAAE;MAC7B;IACF;IAEA,IAAI,CAACL,QAAQ,IAAI,CAACC,MAAM,EAAE;MACxB;IACF;IAEA,IAAI,CAACL,cAAc,CAAC,CAAC;IAErB,MAAMU,SAAS,GAAG,CAAC,IAAAC,0BAAiB,EAACN,MAAM,EAAE,IAAI,CAACL,cAAc,CAAC,CAAC;IAElE,OAAO,MAAM;MACXU,SAAS,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH;AACF;AAACC,OAAA,CAAAhC,6BAAA,GAAAA,6BAAA","ignoreList":[]}

package/dist/cjs/state/Toolbar/ToolbarResponsivePriorityState.js

@@ -12,7 +12,7 @@ class ToolbarResponsivePriorityState {
     (0, _defineProperty2.default)(this, "getNextToExpand", void 0);
     (0, _defineProperty2.default)(this, "_count", void 0);
     (0, _defineProperty2.default)(this, "_minWidth", void 0);
-    (0, _defineProperty2.default)(this, "_collapsedWidth", 0);
+    (0, _defineProperty2.default)(this, "_collapsedWidth", void 0);
     (0, _defineProperty2.default)(this, "_shouldShrink", false);
     (0, _defineProperty2.default)(this, "_groupElement", void 0);
     this._count = params.count;
@@ -23,9 +23,28 @@ class ToolbarResponsivePriorityState {
     this.getNextToExpand = params.getNextToExpand;
     (0, _mobx.makeObservable)(this, {
       _minWidth: _mobx.observable.ref,
-      _shouldShrink: _mobx.observable.ref
+      _shouldShrink: _mobx.observable.ref,
+      _syncWidth: _mobx.action
     });
   }
+  _syncWidth() {
+    const {
+      _groupElement,
+      _shouldShrink,
+      responsive
+    } = this;
+    if (responsive.responsiveDisabled) {
+      return;
+    }
+    if (!_groupElement) {
+      return;
+    }
+    if (_shouldShrink) {
+      this._collapsedWidth = _groupElement.scrollWidth;
+    } else {
+      this._minWidth = _groupElement.scrollWidth;
+    }
+  }
   _expandIfNeeded() {
     const {
       responsive,

package/dist/cjs/state/Toolbar/ToolbarResponsivePriorityState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","ToolbarResponsivePriorityState","constructor","params","_defineProperty2","default","_count","count","_minWidth","minWidth","_collapsedWidth","responsive","getNextToShrink","getNextToExpand","makeObservable","observable","ref","_shouldShrink","_expandIfNeeded","_nextToExpand","actionsAvailableSpace","available","_nextToShrink","overflow","_syncThrottled","_shrinkIfNeeded","_isOverflowing","exports"],"sources":["../../../../src/state/Toolbar/ToolbarResponsivePriorityState.ts"],"sourcesContent":["import { ToolbarResponsiveState } from './ToolbarResponsiveState';\nimport { makeObservable, observable } from 'mobx';\n\nexport interface ToolbarResponsivePriorityStateParams {\n  responsive: ToolbarResponsiveState;\n  getNextToShrink: () => ToolbarResponsivePriorityState;\n  getNextToExpand: () => ToolbarResponsivePriorityState;\n  count: number;\n  minWidth?: number;\n}\n\nexport class ToolbarResponsivePriorityState {\n  readonly responsive;\n  readonly getNextToShrink;\n  readonly getNextToExpand;\n  readonly _count;\n\n  _minWidth;\n  _collapsedWidth = 0;\n\n  _shouldShrink = false;\n\n  _groupElement?: HTMLElement | null | undefined;\n\n  constructor(params: ToolbarResponsivePriorityStateParams) {\n    this._count = params.count;\n\n    this._minWidth = params.minWidth ?? 0;\n    this._collapsedWidth = params.minWidth ?? 0;\n\n    this.responsive = params.responsive;\n    this.getNextToShrink = params.getNextToShrink;\n    this.getNextToExpand = params.getNextToExpand;\n\n    makeObservable(this, {\n      _minWidth: observable.ref,\n      _shouldShrink: observable.ref,\n    });\n  }\n\n  _expandIfNeeded() {\n    const { responsive, _collapsedWidth } = this;\n\n    const {\n      _nextToExpand,\n      actionsAvailableSpace: { available },\n    } = responsive;\n\n    if (\n      _nextToExpand !== this ||\n      available + _collapsedWidth <= this._minWidth ||\n      !this._shouldShrink\n    ) {\n      return;\n    }\n\n    this._shouldShrink = false;\n    responsive._nextToExpand = _nextToExpand.getNextToExpand();\n    responsive._nextToShrink = this;\n    responsive.overflow._syncThrottled();\n  }\n\n  _shrinkIfNeeded() {\n    const { responsive } = this;\n\n    const { _nextToShrink, overflow } = responsive;\n\n    if (\n      _nextToShrink !== this ||\n      !overflow._isOverflowing ||\n      this._shouldShrink\n    ) {\n      return;\n    }\n\n    this._shouldShrink = true;\n    responsive._nextToShrink = _nextToShrink.getNextToShrink();\n    responsive._nextToExpand = this;\n    responsive.overflow._syncThrottled();\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAUO,MAAMC,8BAA8B,CAAC;EAa1CC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,2BANxC,CAAC;IAAA,IAAAD,gBAAA,CAAAC,OAAA,yBAEH,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAKnB,IAAI,CAACC,MAAM,GAAGH,MAAM,CAACI,KAAK;IAE1B,IAAI,CAACC,SAAS,GAAGL,MAAM,CAACM,QAAQ,IAAI,CAAC;IACrC,IAAI,CAACC,eAAe,GAAGP,MAAM,CAACM,QAAQ,IAAI,CAAC;IAE3C,IAAI,CAACE,UAAU,GAAGR,MAAM,CAACQ,UAAU;IACnC,IAAI,CAACC,eAAe,GAAGT,MAAM,CAACS,eAAe;IAC7C,IAAI,CAACC,eAAe,GAAGV,MAAM,CAACU,eAAe;IAE7C,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBN,SAAS,EAAEO,gBAAU,CAACC,GAAG;MACzBC,aAAa,EAAEF,gBAAU,CAACC;IAC5B,CAAC,CAAC;EACJ;EAEAE,eAAeA,CAAA,EAAG;IAChB,MAAM;MAAEP,UAAU;MAAED;IAAgB,CAAC,GAAG,IAAI;IAE5C,MAAM;MACJS,aAAa;MACbC,qBAAqB,EAAE;QAAEC;MAAU;IACrC,CAAC,GAAGV,UAAU;IAEd,IACEQ,aAAa,KAAK,IAAI,IACtBE,SAAS,GAAGX,eAAe,IAAI,IAAI,CAACF,SAAS,IAC7C,CAAC,IAAI,CAACS,aAAa,EACnB;MACA;IACF;IAEA,IAAI,CAACA,aAAa,GAAG,KAAK;IAC1BN,UAAU,CAACQ,aAAa,GAAGA,aAAa,CAACN,eAAe,CAAC,CAAC;IAC1DF,UAAU,CAACW,aAAa,GAAG,IAAI;IAC/BX,UAAU,CAACY,QAAQ,CAACC,cAAc,CAAC,CAAC;EACtC;EAEAC,eAAeA,CAAA,EAAG;IAChB,MAAM;MAAEd;IAAW,CAAC,GAAG,IAAI;IAE3B,MAAM;MAAEW,aAAa;MAAEC;IAAS,CAAC,GAAGZ,UAAU;IAE9C,IACEW,aAAa,KAAK,IAAI,IACtB,CAACC,QAAQ,CAACG,cAAc,IACxB,IAAI,CAACT,aAAa,EAClB;MACA;IACF;IAEA,IAAI,CAACA,aAAa,GAAG,IAAI;IACzBN,UAAU,CAACW,aAAa,GAAGA,aAAa,CAACV,eAAe,CAAC,CAAC;IAC1DD,UAAU,CAACQ,aAAa,GAAG,IAAI;IAC/BR,UAAU,CAACY,QAAQ,CAACC,cAAc,CAAC,CAAC;EACtC;AACF;AAACG,OAAA,CAAA1B,8BAAA,GAAAA,8BAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","ToolbarResponsivePriorityState","constructor","params","_defineProperty2","default","_count","count","_minWidth","minWidth","_collapsedWidth","responsive","getNextToShrink","getNextToExpand","makeObservable","observable","ref","_shouldShrink","_syncWidth","action","_groupElement","responsiveDisabled","scrollWidth","_expandIfNeeded","_nextToExpand","actionsAvailableSpace","available","_nextToShrink","overflow","_syncThrottled","_shrinkIfNeeded","_isOverflowing","exports"],"sources":["../../../../src/state/Toolbar/ToolbarResponsivePriorityState.ts"],"sourcesContent":["import { ToolbarResponsiveState } from './ToolbarResponsiveState';\nimport { action, makeObservable, observable } from 'mobx';\n\nexport interface ToolbarResponsivePriorityStateParams {\n  responsive: ToolbarResponsiveState;\n  getNextToShrink: () => ToolbarResponsivePriorityState;\n  getNextToExpand: () => ToolbarResponsivePriorityState;\n  count: number;\n  minWidth?: number;\n}\n\nexport class ToolbarResponsivePriorityState {\n  readonly responsive;\n  readonly getNextToShrink;\n  readonly getNextToExpand;\n  readonly _count;\n\n  _minWidth;\n  _collapsedWidth;\n\n  _shouldShrink = false;\n\n  _groupElement?: HTMLElement | null | undefined;\n\n  constructor(params: ToolbarResponsivePriorityStateParams) {\n    this._count = params.count;\n\n    this._minWidth = params.minWidth ?? 0;\n    this._collapsedWidth = params.minWidth ?? 0;\n\n    this.responsive = params.responsive;\n    this.getNextToShrink = params.getNextToShrink;\n    this.getNextToExpand = params.getNextToExpand;\n\n    makeObservable(this, {\n      _minWidth: observable.ref,\n      _shouldShrink: observable.ref,\n      _syncWidth: action,\n    });\n  }\n\n  _syncWidth() {\n    const { _groupElement, _shouldShrink, responsive } = this;\n    if (responsive.responsiveDisabled) {\n      return;\n    }\n    if (!_groupElement) {\n      return;\n    }\n    if (_shouldShrink) {\n      this._collapsedWidth = _groupElement.scrollWidth;\n    } else {\n      this._minWidth = _groupElement.scrollWidth;\n    }\n  }\n\n  _expandIfNeeded() {\n    const { responsive, _collapsedWidth } = this;\n\n    const {\n      _nextToExpand,\n      actionsAvailableSpace: { available },\n    } = responsive;\n\n    if (\n      _nextToExpand !== this ||\n      available + _collapsedWidth <= this._minWidth ||\n      !this._shouldShrink\n    ) {\n      return;\n    }\n\n    this._shouldShrink = false;\n    responsive._nextToExpand = _nextToExpand.getNextToExpand();\n    responsive._nextToShrink = this;\n    responsive.overflow._syncThrottled();\n  }\n\n  _shrinkIfNeeded() {\n    const { responsive } = this;\n\n    const { _nextToShrink, overflow } = responsive;\n\n    if (\n      _nextToShrink !== this ||\n      !overflow._isOverflowing ||\n      this._shouldShrink\n    ) {\n      return;\n    }\n\n    this._shouldShrink = true;\n    responsive._nextToShrink = _nextToShrink.getNextToShrink();\n    responsive._nextToExpand = this;\n    responsive.overflow._syncThrottled();\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAUO,MAAMC,8BAA8B,CAAC;EAa1CC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,yBAJ1C,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAKnB,IAAI,CAACC,MAAM,GAAGH,MAAM,CAACI,KAAK;IAE1B,IAAI,CAACC,SAAS,GAAGL,MAAM,CAACM,QAAQ,IAAI,CAAC;IACrC,IAAI,CAACC,eAAe,GAAGP,MAAM,CAACM,QAAQ,IAAI,CAAC;IAE3C,IAAI,CAACE,UAAU,GAAGR,MAAM,CAACQ,UAAU;IACnC,IAAI,CAACC,eAAe,GAAGT,MAAM,CAACS,eAAe;IAC7C,IAAI,CAACC,eAAe,GAAGV,MAAM,CAACU,eAAe;IAE7C,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBN,SAAS,EAAEO,gBAAU,CAACC,GAAG;MACzBC,aAAa,EAAEF,gBAAU,CAACC,GAAG;MAC7BE,UAAU,EAAEC;IACd,CAAC,CAAC;EACJ;EAEAD,UAAUA,CAAA,EAAG;IACX,MAAM;MAAEE,aAAa;MAAEH,aAAa;MAAEN;IAAW,CAAC,GAAG,IAAI;IACzD,IAAIA,UAAU,CAACU,kBAAkB,EAAE;MACjC;IACF;IACA,IAAI,CAACD,aAAa,EAAE;MAClB;IACF;IACA,IAAIH,aAAa,EAAE;MACjB,IAAI,CAACP,eAAe,GAAGU,aAAa,CAACE,WAAW;IAClD,CAAC,MAAM;MACL,IAAI,CAACd,SAAS,GAAGY,aAAa,CAACE,WAAW;IAC5C;EACF;EAEAC,eAAeA,CAAA,EAAG;IAChB,MAAM;MAAEZ,UAAU;MAAED;IAAgB,CAAC,GAAG,IAAI;IAE5C,MAAM;MACJc,aAAa;MACbC,qBAAqB,EAAE;QAAEC;MAAU;IACrC,CAAC,GAAGf,UAAU;IAEd,IACEa,aAAa,KAAK,IAAI,IACtBE,SAAS,GAAGhB,eAAe,IAAI,IAAI,CAACF,SAAS,IAC7C,CAAC,IAAI,CAACS,aAAa,EACnB;MACA;IACF;IAEA,IAAI,CAACA,aAAa,GAAG,KAAK;IAC1BN,UAAU,CAACa,aAAa,GAAGA,aAAa,CAACX,eAAe,CAAC,CAAC;IAC1DF,UAAU,CAACgB,aAAa,GAAG,IAAI;IAC/BhB,UAAU,CAACiB,QAAQ,CAACC,cAAc,CAAC,CAAC;EACtC;EAEAC,eAAeA,CAAA,EAAG;IAChB,MAAM;MAAEnB;IAAW,CAAC,GAAG,IAAI;IAE3B,MAAM;MAAEgB,aAAa;MAAEC;IAAS,CAAC,GAAGjB,UAAU;IAE9C,IACEgB,aAAa,KAAK,IAAI,IACtB,CAACC,QAAQ,CAACG,cAAc,IACxB,IAAI,CAACd,aAAa,EAClB;MACA;IACF;IAEA,IAAI,CAACA,aAAa,GAAG,IAAI;IACzBN,UAAU,CAACgB,aAAa,GAAGA,aAAa,CAACf,eAAe,CAAC,CAAC;IAC1DD,UAAU,CAACa,aAAa,GAAG,IAAI;IAC/Bb,UAAU,CAACiB,QAAQ,CAACC,cAAc,CAAC,CAAC;EACtC;AACF;AAACG,OAAA,CAAA/B,8BAAA,GAAAA,8BAAA","ignoreList":[]}

package/dist/cjs/state/Toolbar/ToolbarResponsiveState.js

@@ -23,7 +23,9 @@ class ToolbarResponsiveState {
     (0, _defineProperty2.default)(this, "overflow", void 0);
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     this.toolbar = params.toolbar;
-    this.overflow = new _HorizontalOverflowState.HorizontalOverflowState(this);
+    this.overflow = new _HorizontalOverflowState.HorizontalOverflowState({
+      state: this
+    });
     this.search = new _ToolbarResponsivePriorityState.ToolbarResponsivePriorityState({
       responsive: this,
       getNextToShrink: () => this.actions,
@@ -45,15 +47,27 @@ class ToolbarResponsiveState {
     });
     this._nextToShrink = this.search;
     this._nextToExpand = this.search;
-    this.actionsAvailableSpace = new _HorizontalSpaceAvailableState.HorizontalSpaceAvailableState(this);
+    this.actionsAvailableSpace = new _HorizontalSpaceAvailableState.HorizontalSpaceAvailableState({
+      state: this
+    });
     (0, _mobx.makeObservable)(this, {
       _nextToShrink: _mobx.observable.ref,
-      _nextToExpand: _mobx.observable.ref
+      _nextToExpand: _mobx.observable.ref,
+      responsiveDisabled: _mobx.computed
     });
   }
   get responsiveDisabled() {
-    var _this$container$inter;
-    return !((_this$container$inter = this.container.internalExperiments) != null && _this$container$inter.enabled('specs.cairo.EnableResponsiveToolbar'));
+    const {
+      toolbar: {
+        toolbar: {
+          _syncedProps
+        }
+      },
+      container: {
+        internalExperiments
+      }
+    } = this;
+    return !(_syncedProps != null && _syncedProps.useResponsiveLayout) || !(internalExperiments != null && internalExperiments.enabled('specs.cairo.EnableResponsiveToolbar'));
   }
   init() {
     const {

package/dist/cjs/state/Toolbar/ToolbarResponsiveState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_HorizontalSpaceAvailableState","_ToolbarResponsivePriorityState","_HorizontalOverflowState","ToolbarResponsiveState","container","toolbar","constructor","params","_defineProperty2","default","overflow","HorizontalOverflowState","search","ToolbarResponsivePriorityState","responsive","getNextToShrink","actions","getNextToExpand","count","minWidth","filters","_nextToShrink","_nextToExpand","actionsAvailableSpace","HorizontalSpaceAvailableState","makeObservable","observable","ref","responsiveDisabled","_this$container$inter","internalExperiments","enabled","init","disposers","addResizeObserver","toolbarRect","element","_syncThrottled","reaction","_isOverflowing","_scrollWidth","_clientWidth","_shrinkIfNeeded","fireImmediately","available","_expandIfNeeded","forEach","d","exports"],"sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"sourcesContent":["import { addResizeObserver } from '@wix/bex-core';\nimport { makeObservable, observable, reaction } from 'mobx';\nimport { HorizontalSpaceAvailableState } from '../Responsive/HorizontalSpaceAvailableState';\nimport { ToolbarResponsivePriorityState } from './ToolbarResponsivePriorityState';\nimport { HorizontalOverflowState } from '../Responsive/HorizontalOverflowState';\nimport { ToolbarState } from '../../components/CollectionToolbars/ToolbarState';\n\nexport interface ToolbarResponsiveStateParams {\n  readonly toolbar: ToolbarState<any, any>;\n}\n\nexport class ToolbarResponsiveState {\n  readonly actions: ToolbarResponsivePriorityState;\n  readonly search: ToolbarResponsivePriorityState;\n  readonly filters: ToolbarResponsivePriorityState;\n\n  _nextToShrink;\n  _nextToExpand;\n\n  readonly actionsAvailableSpace;\n  readonly overflow;\n\n  readonly toolbar;\n\n  get container() {\n    return this.toolbar.toolbar.container;\n  }\n\n  constructor(params: ToolbarResponsiveStateParams) {\n    this.toolbar = params.toolbar;\n\n    this.overflow = new HorizontalOverflowState(this);\n\n    this.search = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.actions,\n      getNextToExpand: () => this.search,\n      count: 1,\n      minWidth: 140,\n    });\n\n    this.actions = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.filters,\n      getNextToExpand: () => this.search,\n      count: 2,\n    });\n\n    this.filters = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.filters,\n      getNextToExpand: () => this.actions,\n      count: 3,\n    });\n\n    this._nextToShrink = this.search;\n    this._nextToExpand = this.search;\n\n    this.actionsAvailableSpace = new HorizontalSpaceAvailableState(this);\n\n    makeObservable(this, {\n      _nextToShrink: observable.ref,\n      _nextToExpand: observable.ref,\n    });\n  }\n\n  get responsiveDisabled() {\n    return !this.container.internalExperiments?.enabled(\n      'specs.cairo.EnableResponsiveToolbar',\n    );\n  }\n\n  init() {\n    const {\n      toolbar: { toolbar },\n      overflow,\n      actionsAvailableSpace,\n      responsiveDisabled,\n    } = this;\n\n    if (responsiveDisabled) {\n      return;\n    }\n\n    const disposers = [\n      addResizeObserver(\n        toolbar.toolbarRect.element,\n        actionsAvailableSpace._syncThrottled,\n      ),\n      reaction(\n        () => ({\n          _isOverflowing: overflow._isOverflowing,\n          _scrollWidth: overflow._scrollWidth,\n          _clientWidth: overflow._clientWidth,\n        }),\n        () => {\n          this._nextToShrink._shrinkIfNeeded();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n      reaction(\n        () => actionsAvailableSpace.available,\n        () => {\n          this._nextToExpand._expandIfNeeded();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_HorizontalSpaceAvailableState","_ToolbarResponsivePriorityState","_HorizontalOverflowState","ToolbarResponsiveState","container","toolbar","constructor","params","_defineProperty2","default","overflow","HorizontalOverflowState","state","search","ToolbarResponsivePriorityState","responsive","getNextToShrink","actions","getNextToExpand","count","minWidth","filters","_nextToShrink","_nextToExpand","actionsAvailableSpace","HorizontalSpaceAvailableState","makeObservable","observable","ref","responsiveDisabled","computed","_syncedProps","internalExperiments","useResponsiveLayout","enabled","init","disposers","addResizeObserver","toolbarRect","element","_syncThrottled","reaction","_isOverflowing","_scrollWidth","_clientWidth","_shrinkIfNeeded","fireImmediately","available","_expandIfNeeded","forEach","d","exports"],"sources":["../../../../src/state/Toolbar/ToolbarResponsiveState.ts"],"sourcesContent":["import { addResizeObserver } from '@wix/bex-core';\nimport { computed, makeObservable, observable, reaction } from 'mobx';\nimport { HorizontalSpaceAvailableState } from '../Responsive/HorizontalSpaceAvailableState';\nimport { ToolbarResponsivePriorityState } from './ToolbarResponsivePriorityState';\nimport { HorizontalOverflowState } from '../Responsive/HorizontalOverflowState';\nimport { ToolbarState } from '../../components/CollectionToolbars/ToolbarState';\n\nexport interface ToolbarResponsiveStateParams {\n  readonly toolbar: ToolbarState<any, any>;\n}\n\nexport class ToolbarResponsiveState {\n  readonly actions: ToolbarResponsivePriorityState;\n  readonly search: ToolbarResponsivePriorityState;\n  readonly filters: ToolbarResponsivePriorityState;\n\n  _nextToShrink;\n  _nextToExpand;\n\n  readonly actionsAvailableSpace;\n  readonly overflow;\n\n  readonly toolbar;\n\n  get container() {\n    return this.toolbar.toolbar.container;\n  }\n\n  constructor(params: ToolbarResponsiveStateParams) {\n    this.toolbar = params.toolbar;\n\n    this.overflow = new HorizontalOverflowState({\n      state: this,\n    });\n\n    this.search = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.actions,\n      getNextToExpand: () => this.search,\n      count: 1,\n      minWidth: 140,\n    });\n\n    this.actions = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.filters,\n      getNextToExpand: () => this.search,\n      count: 2,\n    });\n\n    this.filters = new ToolbarResponsivePriorityState({\n      responsive: this,\n      getNextToShrink: () => this.filters,\n      getNextToExpand: () => this.actions,\n      count: 3,\n    });\n\n    this._nextToShrink = this.search;\n    this._nextToExpand = this.search;\n\n    this.actionsAvailableSpace = new HorizontalSpaceAvailableState({\n      state: this,\n    });\n\n    makeObservable(this, {\n      _nextToShrink: observable.ref,\n      _nextToExpand: observable.ref,\n      responsiveDisabled: computed,\n    });\n  }\n\n  get responsiveDisabled() {\n    const {\n      toolbar: {\n        toolbar: { _syncedProps },\n      },\n      container: { internalExperiments },\n    } = this;\n\n    return (\n      !_syncedProps?.useResponsiveLayout ||\n      !internalExperiments?.enabled('specs.cairo.EnableResponsiveToolbar')\n    );\n  }\n\n  init() {\n    const {\n      toolbar: { toolbar },\n      overflow,\n      actionsAvailableSpace,\n      responsiveDisabled,\n    } = this;\n\n    if (responsiveDisabled) {\n      return;\n    }\n\n    const disposers = [\n      addResizeObserver(\n        toolbar.toolbarRect.element,\n        actionsAvailableSpace._syncThrottled,\n      ),\n      reaction(\n        () => ({\n          _isOverflowing: overflow._isOverflowing,\n          _scrollWidth: overflow._scrollWidth,\n          _clientWidth: overflow._clientWidth,\n        }),\n        () => {\n          this._nextToShrink._shrinkIfNeeded();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n      reaction(\n        () => actionsAvailableSpace.available,\n        () => {\n          this._nextToExpand._expandIfNeeded();\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/ToolbarCollectionState.js

@@ -37,6 +37,7 @@ class ToolbarCollectionState {
     (0, _defineProperty2.default)(this, "bulk", void 0);
     (0, _defineProperty2.default)(this, "multi", void 0);
     (0, _defineProperty2.default)(this, "componentType", void 0);
+    (0, _defineProperty2.default)(this, "_syncedProps", void 0);
     (0, _defineProperty2.default)(this, "_userColumns", []);
     // columns propagated from user
     (0, _defineProperty2.default)(this, "_featureColumns", _mobx.observable.array());