@wix/patterns 1.431.0 → 1.433.0

package/dist/cjs/state/EntityPageFieldsCardState.js

@@ -8,7 +8,6 @@ var _mobx = require("mobx");
 var _bexCore = require("@wix/bex-core");
 var _resolveEntityPageFields = require("./EntityPage/resolveEntityPageFields");
 var _SchemaCardState = require("./SchemaCard/SchemaCardState");
-var _SidePanelsState = require("./SidePanelsState");
 var _CustomColumnsEntityPageState = require("./CustomColumnsEntityPageState");
 /**
  * Owns the card's field layout: which of the page's schema fields are visible
@@ -22,46 +21,74 @@ class EntityPageFieldsCardState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "cardState", void 0);
     (0, _defineProperty2.default)(this, "panelState", void 0);
+    /** Holds the loaded schema for the card. The page loads the same (memoized)
+     *  schema into its own copy; this one is also what the field mutations merge
+     *  their result into, so an added or renamed field shows up with no reload. */
+    (0, _defineProperty2.default)(this, "sourceState", void 0);
+    /** Add / edit / delete field, when the page has a source and the panel is on. */
+    (0, _defineProperty2.default)(this, "manageFieldsSource", void 0);
     /** The source's schema load. Owned here rather than read off the page state,
      *  because this state's `init()` runs before the page's (child effects run
      *  first) and the stored layout must not be read before the fields exist. */
     (0, _defineProperty2.default)(this, "loadTask", new _bexCore.TaskState());
-    (0, _defineProperty2.default)(this, "_loadedSchema", null);
     (0, _defineProperty2.default)(this, "params", void 0);
     this.params = params;
     (0, _mobx.makeObservable)(this, {
-      _loadedSchema: _mobx.observable.ref,
       schema: _mobx.computed,
       declaredFields: _mobx.computed,
       visibleFieldIds: _mobx.computed,
       canManageFields: _mobx.computed
     });
+    const {
+      schemaSource
+    } = params.pageState;
+    this.sourceState = schemaSource ? new _bexCore.SourceState({
+      container: params.container,
+      source: schemaSource
+    }) : undefined;
     this.cardState = new _SchemaCardState.SchemaCardState({
       fields: () => this.declaredFields,
       persistencyKey: params.persistencyKey,
       container: params.container
     });
-    if (params.showManageFields ?? true) {
+    const {
+      panels
+    } = params.pageState;
+    if ((params.showManageFields ?? true) && panels) {
+      var _params$pageState$sch;
+      this.manageFieldsSource = this.sourceState && (params.fieldManagement == null ? void 0 : params.fieldManagement({
+        sourceState: this.sourceState,
+        closeSidePanel: panels.closeSidePanel
+      }));
       this.panelState = new _CustomColumnsEntityPageState.CustomColumnsEntityPageState({
         container: params.container,
-        panels: new _SidePanelsState.SidePanelsState({
-          container: params.container,
-          panelGroupName: 'entity-page'
-        }),
+        // The page's host, so this panel and anything else on the page take
+        // turns rather than stacking.
+        panels,
+        // Namespaces the panel's column collection, the way a table's is
+        // namespaced by its collection.
+        collectionId: (_params$pageState$sch = params.pageState.schemaSource) == null ? void 0 : _params$pageState$sch.collectionId,
         fieldsState: this.cardState.fieldsState,
-        schema: () => this.params.pageState.schema,
+        schema: () => this.schema,
+        manageFieldsSource: this.manageFieldsSource,
         isFieldsEditable: true,
         showFieldTypeIcons: true,
         dragAndDrop: params.dragAndDrop,
         modalsContainerRef: params.modalsContainerRef
       });
+
+      // Where the registered panel reads it from — it renders with no props.
+      params.pageState.customColumnsState = this.panelState;
     }
   }
 
-  /** The same object the page ends up with: the source memoizes its load, so
-   *  both read one result. */
+  /** The page's schema, or this state's own copy until the page has one — this
+   *  load resolves first, since the page also waits for the entity fetch. They
+   *  are the same object (the source memoizes its load), and after a field
+   *  mutation the page holds the merged one, which `init` mirrors to it. */
   get schema() {
-    return this._loadedSchema ?? this.params.pageState.schema;
+    var _this$sourceState;
+    return this.params.pageState.schema ?? ((_this$sourceState = this.sourceState) == null ? void 0 : _this$sourceState.schema) ?? null;
   }
 
   /** The fields the card offers — empty until the schema loads. A required
@@ -106,11 +133,8 @@ class EntityPageFieldsCardState {
     // `loadSchema` is memoized on the source, so this shares the one fetch the
     // page and the collection already make.
     this.loadTask.runOnce(async () => {
-      var _this$params$pageStat;
-      const loaded = await ((_this$params$pageStat = this.params.pageState.schemaSource) == null ? void 0 : _this$params$pageStat.loadSchema());
-      (0, _mobx.runInAction)(() => {
-        this._loadedSchema = (loaded == null ? void 0 : loaded.schema) ?? null;
-      });
+      var _this$sourceState2;
+      await ((_this$sourceState2 = this.sourceState) == null ? void 0 : _this$sourceState2.load());
     });
     // The card renders its fields regardless; a failed load leaves the page
     // itself showing the error.
@@ -122,7 +146,14 @@ class EntityPageFieldsCardState {
     (0, _bexCore.addEventListener)(this.cardState.fieldsState.events, 'beforeInitialFetch', () => {
       var _this$loadTask$status2;
       return (_this$loadTask$status2 = this.loadTask.status.promise) == null ? void 0 : _this$loadTask$status2.catch(() => {});
-    }), this.cardState.init()];
+    }),
+    // A field added, edited or deleted from the panel merges into this
+    // state's schema. The page renders its fields from its own copy, so give
+    // it the merged one — otherwise the change only shows after a reload.
+    (0, _mobx.reaction)(() => {
+      var _this$sourceState3;
+      return (_this$sourceState3 = this.sourceState) == null ? void 0 : _this$sourceState3.schema;
+    }, schema => schema && this.params.pageState.setSchema(schema)), this.cardState.init()];
     return () => {
       disposers.forEach(dispose => dispose == null ? void 0 : dispose());
     };

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_bexCore","_resolveEntityPageFields","_SchemaCardState","_SidePanelsState","_CustomColumnsEntityPageState","EntityPageFieldsCardState","constructor","params","_defineProperty2","default","TaskState","makeObservable","_loadedSchema","observable","ref","schema","computed","declaredFields","visibleFieldIds","canManageFields","cardState","SchemaCardState","fields","persistencyKey","container","showManageFields","panelState","CustomColumnsEntityPageState","panels","SidePanelsState","panelGroupName","fieldsState","pageState","isFieldsEditable","showFieldTypeIcons","dragAndDrop","modalsContainerRef","resolveEntityPageFields","idField","fieldIds","map","field","_field$validation","id","hideable","validation","required","length","orderedFields","filter","isFieldVisible","openManageFields","_this$panelState","toggleSidePanel","init","_this$loadTask$status","loadTask","runOnce","_this$params$pageStat","loaded","schemaSource","loadSchema","runInAction","status","promise","catch","disposers","addEventListener","events","_this$loadTask$status2","forEach","dispose","exports"],"sources":["../../../src/state/EntityPageFieldsCardState.ts"],"sourcesContent":["import { computed, makeObservable, observable, runInAction } from 'mobx';\nimport {\n  addEventListener,\n  TaskState,\n  type Schema,\n  type WixPatternsContainer,\n} from '@wix/bex-core';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { resolveEntityPageFields } from './EntityPage/resolveEntityPageFields';\nimport type { EntityPageState } from './EntityPage/EntityPageState';\nimport { SchemaCardState } from './SchemaCard/SchemaCardState';\nimport type { SchemaViewConfig } from './SchemaCard/SchemaFieldsState';\nimport { SidePanelsState } from './SidePanelsState';\nimport { CustomColumnsEntityPageState } from './CustomColumnsEntityPageState';\n\nexport interface EntityPageFieldsCardStateParams {\n  pageState: EntityPageState<any, any>;\n  container: WixPatternsContainer;\n  /** Namespace the per-user show/hide and order are stored under. */\n  persistencyKey: string;\n  /** Field ids to offer, in order. Omitted ⇒ every editable schema field. */\n  fieldIds?: string[];\n  /** Whether to build the manage-fields panel. Default: `true`. */\n  showManageFields?: boolean;\n  /** Passed in rather than imported so this stays free of component imports. */\n  dragAndDrop?: typeof CustomColumnsDragAndDrop;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\n/**\n * Owns the card's field layout: which of the page's schema fields are visible\n * and in what order, plus the panel that edits them.\n *\n * The schema loads after this state is created, so `init()` awaits the source's\n * load and everything below reads the result through computeds — the states are\n * built once, on the first render, and fill in when the schema arrives.\n */\nexport class EntityPageFieldsCardState {\n  readonly cardState: SchemaCardState;\n  readonly panelState?: CustomColumnsEntityPageState;\n  /** The source's schema load. Owned here rather than read off the page state,\n   *  because this state's `init()` runs before the page's (child effects run\n   *  first) and the stored layout must not be read before the fields exist. */\n  readonly loadTask = new TaskState();\n  _loadedSchema: Schema | null = null;\n  private readonly params: EntityPageFieldsCardStateParams;\n\n  constructor(params: EntityPageFieldsCardStateParams) {\n    this.params = params;\n\n    makeObservable(this, {\n      _loadedSchema: observable.ref,\n      schema: computed,\n      declaredFields: computed,\n      visibleFieldIds: computed,\n      canManageFields: computed,\n    });\n\n    this.cardState = new SchemaCardState({\n      fields: () => this.declaredFields,\n      persistencyKey: params.persistencyKey,\n      container: params.container,\n    });\n\n    if (params.showManageFields ?? true) {\n      this.panelState = new CustomColumnsEntityPageState({\n        container: params.container,\n        panels: new SidePanelsState({\n          container: params.container,\n          panelGroupName: 'entity-page',\n        }),\n        fieldsState: this.cardState.fieldsState,\n        schema: () => this.params.pageState.schema,\n        isFieldsEditable: true,\n        showFieldTypeIcons: true,\n        dragAndDrop: params.dragAndDrop,\n        modalsContainerRef: params.modalsContainerRef,\n      });\n    }\n  }\n\n  /** The same object the page ends up with: the source memoizes its load, so\n   *  both read one result. */\n  get schema(): Schema | null {\n    return this._loadedSchema ?? this.params.pageState.schema;\n  }\n\n  /** The fields the card offers — empty until the schema loads. A required\n   *  field is not hideable: hiding it would leave the form invalid with nothing\n   *  on screen to fix. */\n  get declaredFields(): SchemaViewConfig[] {\n    const { schema } = this;\n    if (!schema) {\n      return [];\n    }\n    return resolveEntityPageFields(\n      schema.fields,\n      schema.idField,\n      this.params.fieldIds,\n    ).map((field) => ({\n      id: field.id,\n      hideable: !field.validation?.required,\n    }));\n  }\n\n  /** What the card renders. Before the schema loads this is whatever the card\n   *  was asked for, which is also what the fields show a skeleton for. */\n  get visibleFieldIds(): string[] | undefined {\n    if (!this.declaredFields.length) {\n      return this.params.fieldIds;\n    }\n    const { fieldsState } = this.cardState;\n    return fieldsState.orderedFields\n      .filter((field) => fieldsState.isFieldVisible(field.id))\n      .map((field) => field.id);\n  }\n\n  get canManageFields(): boolean {\n    return !!this.panelState && this.declaredFields.length > 0;\n  }\n\n  openManageFields() {\n    this.panelState?.panels.toggleSidePanel('customColumns');\n  }\n\n  init() {\n    // `loadSchema` is memoized on the source, so this shares the one fetch the\n    // page and the collection already make.\n    this.loadTask.runOnce(async () => {\n      const loaded = await this.params.pageState.schemaSource?.loadSchema();\n      runInAction(() => {\n        this._loadedSchema = loaded?.schema ?? null;\n      });\n    });\n    // The card renders its fields regardless; a failed load leaves the page\n    // itself showing the error.\n    this.loadTask.status.promise?.catch(() => null);\n\n    const disposers: (void | (() => void))[] = [\n      // Hold the stored-layout read until the schema is in, so a saved\n      // show/hide and order survives a reload. Registered before the card\n      // state's init below, which is what collects the listeners.\n      addEventListener(\n        this.cardState.fieldsState.events,\n        'beforeInitialFetch',\n        () => this.loadTask.status.promise?.catch(() => {}),\n      ),\n      this.cardState.init(),\n    ];\n\n    return () => {\n      disposers.forEach((dispose) => dispose?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_bexCore","_resolveEntityPageFields","_SchemaCardState","_CustomColumnsEntityPageState","EntityPageFieldsCardState","constructor","params","_defineProperty2","default","TaskState","makeObservable","schema","computed","declaredFields","visibleFieldIds","canManageFields","schemaSource","pageState","sourceState","SourceState","container","source","undefined","cardState","SchemaCardState","fields","persistencyKey","panels","showManageFields","_params$pageState$sch","manageFieldsSource","fieldManagement","closeSidePanel","panelState","CustomColumnsEntityPageState","collectionId","fieldsState","isFieldsEditable","showFieldTypeIcons","dragAndDrop","modalsContainerRef","customColumnsState","_this$sourceState","resolveEntityPageFields","idField","fieldIds","map","field","_field$validation","id","hideable","validation","required","length","orderedFields","filter","isFieldVisible","openManageFields","_this$panelState","toggleSidePanel","init","_this$loadTask$status","loadTask","runOnce","_this$sourceState2","load","status","promise","catch","disposers","addEventListener","events","_this$loadTask$status2","reaction","_this$sourceState3","setSchema","forEach","dispose","exports"],"sources":["../../../src/state/EntityPageFieldsCardState.ts"],"sourcesContent":["import { computed, makeObservable, reaction } from 'mobx';\nimport {\n  addEventListener,\n  SourceState,\n  TaskState,\n  type Schema,\n  type WixPatternsContainer,\n} from '@wix/bex-core';\nimport type { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';\nimport { resolveEntityPageFields } from './EntityPage/resolveEntityPageFields';\nimport type { EntityPageState } from './EntityPage/EntityPageState';\nimport { SchemaCardState } from './SchemaCard/SchemaCardState';\nimport type { SchemaViewConfig } from './SchemaCard/SchemaFieldsState';\nimport type { ManageFieldsSource } from './ManageFieldsSource';\nimport { CustomColumnsEntityPageState } from './CustomColumnsEntityPageState';\n\nexport interface EntityPageFieldsCardStateParams {\n  pageState: EntityPageState<any, any>;\n  container: WixPatternsContainer;\n  /** Namespace the per-user show/hide and order are stored under. */\n  persistencyKey: string;\n  /** Field ids to offer, in order. Omitted ⇒ every editable schema field. */\n  fieldIds?: string[];\n  /** Whether to build the manage-fields panel. Default: `true`. */\n  showManageFields?: boolean;\n  /** Passed in rather than imported so this stays free of component imports. */\n  dragAndDrop?: typeof CustomColumnsDragAndDrop;\n  /** Builds add / edit / delete field over the page's source. Passed in for the\n   *  same reason as `dragAndDrop`. Omitted ⇒ the panel only shows and reorders. */\n  fieldManagement?: (params: {\n    sourceState: SourceState<any>;\n    closeSidePanel: () => void;\n  }) => ManageFieldsSource;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\n/**\n * Owns the card's field layout: which of the page's schema fields are visible\n * and in what order, plus the panel that edits them.\n *\n * The schema loads after this state is created, so `init()` awaits the source's\n * load and everything below reads the result through computeds — the states are\n * built once, on the first render, and fill in when the schema arrives.\n */\nexport class EntityPageFieldsCardState {\n  readonly cardState: SchemaCardState;\n  readonly panelState?: CustomColumnsEntityPageState;\n  /** Holds the loaded schema for the card. The page loads the same (memoized)\n   *  schema into its own copy; this one is also what the field mutations merge\n   *  their result into, so an added or renamed field shows up with no reload. */\n  readonly sourceState?: SourceState<any>;\n  /** Add / edit / delete field, when the page has a source and the panel is on. */\n  readonly manageFieldsSource?: ManageFieldsSource;\n  /** The source's schema load. Owned here rather than read off the page state,\n   *  because this state's `init()` runs before the page's (child effects run\n   *  first) and the stored layout must not be read before the fields exist. */\n  readonly loadTask = new TaskState();\n  private readonly params: EntityPageFieldsCardStateParams;\n\n  constructor(params: EntityPageFieldsCardStateParams) {\n    this.params = params;\n\n    makeObservable(this, {\n      schema: computed,\n      declaredFields: computed,\n      visibleFieldIds: computed,\n      canManageFields: computed,\n    });\n\n    const { schemaSource } = params.pageState;\n    this.sourceState = schemaSource\n      ? new SourceState({ container: params.container, source: schemaSource })\n      : undefined;\n\n    this.cardState = new SchemaCardState({\n      fields: () => this.declaredFields,\n      persistencyKey: params.persistencyKey,\n      container: params.container,\n    });\n\n    const { panels } = params.pageState;\n\n    if ((params.showManageFields ?? true) && panels) {\n      this.manageFieldsSource =\n        this.sourceState &&\n        params.fieldManagement?.({\n          sourceState: this.sourceState,\n          closeSidePanel: panels.closeSidePanel,\n        });\n      this.panelState = new CustomColumnsEntityPageState({\n        container: params.container,\n        // The page's host, so this panel and anything else on the page take\n        // turns rather than stacking.\n        panels,\n        // Namespaces the panel's column collection, the way a table's is\n        // namespaced by its collection.\n        collectionId: params.pageState.schemaSource?.collectionId,\n        fieldsState: this.cardState.fieldsState,\n        schema: () => this.schema,\n        manageFieldsSource: this.manageFieldsSource,\n        isFieldsEditable: true,\n        showFieldTypeIcons: true,\n        dragAndDrop: params.dragAndDrop,\n        modalsContainerRef: params.modalsContainerRef,\n      });\n\n      // Where the registered panel reads it from — it renders with no props.\n      params.pageState.customColumnsState = this.panelState;\n    }\n  }\n\n  /** The page's schema, or this state's own copy until the page has one — this\n   *  load resolves first, since the page also waits for the entity fetch. They\n   *  are the same object (the source memoizes its load), and after a field\n   *  mutation the page holds the merged one, which `init` mirrors to it. */\n  get schema(): Schema | null {\n    return this.params.pageState.schema ?? this.sourceState?.schema ?? null;\n  }\n\n  /** The fields the card offers — empty until the schema loads. A required\n   *  field is not hideable: hiding it would leave the form invalid with nothing\n   *  on screen to fix. */\n  get declaredFields(): SchemaViewConfig[] {\n    const { schema } = this;\n    if (!schema) {\n      return [];\n    }\n    return resolveEntityPageFields(\n      schema.fields,\n      schema.idField,\n      this.params.fieldIds,\n    ).map((field) => ({\n      id: field.id,\n      hideable: !field.validation?.required,\n    }));\n  }\n\n  /** What the card renders. Before the schema loads this is whatever the card\n   *  was asked for, which is also what the fields show a skeleton for. */\n  get visibleFieldIds(): string[] | undefined {\n    if (!this.declaredFields.length) {\n      return this.params.fieldIds;\n    }\n    const { fieldsState } = this.cardState;\n    return fieldsState.orderedFields\n      .filter((field) => fieldsState.isFieldVisible(field.id))\n      .map((field) => field.id);\n  }\n\n  get canManageFields(): boolean {\n    return !!this.panelState && this.declaredFields.length > 0;\n  }\n\n  openManageFields() {\n    this.panelState?.panels.toggleSidePanel('customColumns');\n  }\n\n  init() {\n    // `loadSchema` is memoized on the source, so this shares the one fetch the\n    // page and the collection already make.\n    this.loadTask.runOnce(async () => {\n      await this.sourceState?.load();\n    });\n    // The card renders its fields regardless; a failed load leaves the page\n    // itself showing the error.\n    this.loadTask.status.promise?.catch(() => null);\n\n    const disposers: (void | (() => void))[] = [\n      // Hold the stored-layout read until the schema is in, so a saved\n      // show/hide and order survives a reload. Registered before the card\n      // state's init below, which is what collects the listeners.\n      addEventListener(\n        this.cardState.fieldsState.events,\n        'beforeInitialFetch',\n        () => this.loadTask.status.promise?.catch(() => {}),\n      ),\n      // A field added, edited or deleted from the panel merges into this\n      // state's schema. The page renders its fields from its own copy, so give\n      // it the merged one — otherwise the change only shows after a reload.\n      reaction(\n        () => this.sourceState?.schema,\n        (schema) => schema && this.params.pageState.setSchema(schema),\n      ),\n      this.cardState.init(),\n    ];\n\n    return () => {\n      disposers.forEach((dispose) => dispose?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

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

package/dist/cjs/state/FormPage/FormPageHeader.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/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader2220546149\";\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\":\"FormPageHeader2220546149__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/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader137457648\";\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\":\"FormPageHeader137457648__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_EditableTable","_GridState","_TableState","_ToolbarCollectionState","_ViewTypeState","componentType","LayoutSwitchState","viewType","viewTypeState","v","runInAction","options","constructor","params","_defineProperty2","default","TaskState","collection","containerOverrides","toolbar","ToolbarCollectionState","container","reportBi","biParams","componentStatus","tableState","table","TableState","undefined","gridState","grid","GridState","spreadsheetState","spreadsheet","EditableTableState","enabledLayouts","filter","Boolean","ViewTypeState","dataCapsule","layoutState","makeObservable","computed","init","initTask","runOnce","status","promise","exports"],"sources":["../../../src/state/LayoutSwitchState.ts"],"sourcesContent":["import {\n  CollectionOptimisticActions,\n  CollectionState,\n  FiltersMap,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsContainerParams,\n} from '@wix/bex-core';\nimport { computed, makeObservable, runInAction } from 'mobx';\nimport {\n  EditableTableState,\n  EditableTablePermissions,\n  EditableTableMutationHandlers,\n} from './EditableTable';\nimport { GridState } from './GridState';\nimport { ICollectionComponentState } from './ICollectionComponentState';\nimport { ILayoutSwitchState } from './ILayoutSwitchState';\nimport { TableState } from './TableState';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { ViewType, ViewTypeState } from './ViewTypeState';\n\nexport interface TableLayoutConfig {}\n\nexport interface GridLayoutConfig {}\n\nexport interface SpreadsheetLayoutConfig<T, F extends FiltersMap> {\n  mutations: EditableTableMutationHandlers<T>;\n  permissions?: EditableTablePermissions;\n  createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n}\n\nexport interface LayoutSwitchStateParams<T, F extends FiltersMap> {\n  collection: CollectionState<T, F>;\n  container: WixPatternsContainer;\n  containerOverrides: Partial<WixPatternsContainerParams>;\n  table?: TableLayoutConfig;\n  grid?: GridLayoutConfig;\n  spreadsheet?: SpreadsheetLayoutConfig<T, F>;\n}\n\nconst componentType = 'LayoutSwitch';\n\nexport class LayoutSwitchState<T, F extends FiltersMap>\n  implements ICollectionComponentState, ILayoutSwitchState<T, F>\n{\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n  readonly tableState: TableState<T, F> | undefined;\n  readonly gridState: GridState<T, F> | undefined;\n  readonly spreadsheetState: EditableTableState<T, F> | undefined;\n  readonly viewTypeState: ViewTypeState;\n  readonly initTask = new TaskState();\n\n  get viewType(): ViewType {\n    return this.viewTypeState.viewType;\n  }\n\n  set viewType(v: ViewType) {\n    runInAction(() => {\n      this.viewTypeState.viewType = v;\n    });\n  }\n\n  get options(): ViewType[] {\n    return this.viewTypeState.options;\n  }\n\n  constructor(params: LayoutSwitchStateParams<T, F>) {\n    this.collection = params.collection;\n    this.containerOverrides = params.containerOverrides;\n\n    this.toolbar = new ToolbarCollectionState({\n      componentType,\n      collection: this.collection,\n      container: params.container,\n      reportBi: (biParams) =>\n        params.container.reportBi({\n          ...biParams,\n          params: {\n            ...biParams.params,\n            componentStatus: this.viewTypeState.viewType,\n          },\n        }),\n    });\n\n    this.tableState = params.table\n      ? new TableState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n        })\n      : undefined;\n\n    this.gridState = params.grid\n      ? new GridState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n        })\n      : undefined;\n\n    this.spreadsheetState = params.spreadsheet\n      ? new EditableTableState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n          ...params.spreadsheet,\n        })\n      : undefined;\n\n    const enabledLayouts: ViewType[] = [\n      params.table ? 'table' : null,\n      params.grid ? 'grid' : null,\n      params.spreadsheet ? 'spreadsheet' : null,\n    ].filter(Boolean) as ViewType[];\n\n    this.viewTypeState = new ViewTypeState({\n      container: params.container,\n      dataCapsule: this.toolbar.dataCapsule,\n      componentType,\n      collection: this.collection,\n      options: enabledLayouts,\n    });\n\n    this.toolbar.layoutState = this;\n\n    makeObservable(this, {\n      viewType: computed,\n      options: computed,\n    });\n  }\n\n  init() {\n    const { viewTypeState, initTask } = this;\n    viewTypeState.init();\n\n    initTask.runOnce(async () => {\n      viewTypeState.initTask.runOnce();\n      await viewTypeState.initTask.status.promise;\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","_EditableTable","_GridState","_TableState","_ToolbarCollectionState","_ViewTypeState","componentType","LayoutSwitchState","viewType","viewTypeState","v","runInAction","options","constructor","params","_defineProperty2","default","TaskState","collection","containerOverrides","toolbar","ToolbarCollectionState","container","reportBi","biParams","componentStatus","tableState","table","TableState","undefined","gridState","grid","GridState","spreadsheetState","spreadsheet","EditableTableState","enabledLayouts","filter","Boolean","ViewTypeState","dataCapsule","layoutState","makeObservable","computed","init","initTask","runOnce","status","promise","exports"],"sources":["../../../src/state/LayoutSwitchState.ts"],"sourcesContent":["import {\n  CollectionOptimisticActions,\n  CollectionState,\n  FiltersMap,\n  TaskState,\n  WixPatternsContainer,\n  WixPatternsContainerParams,\n} from '@wix/bex-core';\nimport { computed, makeObservable, runInAction } from 'mobx';\nimport {\n  EditableTableState,\n  EditableTablePermissions,\n  EditableTableMutationHandlers,\n} from './EditableTable';\nimport { GridState } from './GridState';\nimport { ICollectionComponentState } from './ICollectionComponentState';\nimport { ILayoutSwitchState } from './ILayoutSwitchState';\nimport { TableState } from './TableState';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport { ViewType, ViewTypeState } from './ViewTypeState';\n\nexport interface TableLayoutConfig {}\n\nexport interface GridLayoutConfig {}\n\nexport interface SpreadsheetLayoutConfig<T, F extends FiltersMap> {\n  mutations: EditableTableMutationHandlers<T>;\n  permissions?: EditableTablePermissions<T>;\n  createOptimisticActions: (\n    collection: CollectionState<T, F>,\n  ) => CollectionOptimisticActions<T, F>;\n}\n\nexport interface LayoutSwitchStateParams<T, F extends FiltersMap> {\n  collection: CollectionState<T, F>;\n  container: WixPatternsContainer;\n  containerOverrides: Partial<WixPatternsContainerParams>;\n  table?: TableLayoutConfig;\n  grid?: GridLayoutConfig;\n  spreadsheet?: SpreadsheetLayoutConfig<T, F>;\n}\n\nconst componentType = 'LayoutSwitch';\n\nexport class LayoutSwitchState<T, F extends FiltersMap>\n  implements ICollectionComponentState, ILayoutSwitchState<T, F>\n{\n  readonly collection: CollectionState<T, F>;\n  readonly toolbar: ToolbarCollectionState<T, F>;\n  readonly containerOverrides: Partial<WixPatternsContainerParams>;\n  readonly tableState: TableState<T, F> | undefined;\n  readonly gridState: GridState<T, F> | undefined;\n  readonly spreadsheetState: EditableTableState<T, F> | undefined;\n  readonly viewTypeState: ViewTypeState;\n  readonly initTask = new TaskState();\n\n  get viewType(): ViewType {\n    return this.viewTypeState.viewType;\n  }\n\n  set viewType(v: ViewType) {\n    runInAction(() => {\n      this.viewTypeState.viewType = v;\n    });\n  }\n\n  get options(): ViewType[] {\n    return this.viewTypeState.options;\n  }\n\n  constructor(params: LayoutSwitchStateParams<T, F>) {\n    this.collection = params.collection;\n    this.containerOverrides = params.containerOverrides;\n\n    this.toolbar = new ToolbarCollectionState({\n      componentType,\n      collection: this.collection,\n      container: params.container,\n      reportBi: (biParams) =>\n        params.container.reportBi({\n          ...biParams,\n          params: {\n            ...biParams.params,\n            componentStatus: this.viewTypeState.viewType,\n          },\n        }),\n    });\n\n    this.tableState = params.table\n      ? new TableState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n        })\n      : undefined;\n\n    this.gridState = params.grid\n      ? new GridState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n        })\n      : undefined;\n\n    this.spreadsheetState = params.spreadsheet\n      ? new EditableTableState({\n          collection: this.collection,\n          container: params.container,\n          toolbar: this.toolbar,\n          ...params.spreadsheet,\n        })\n      : undefined;\n\n    const enabledLayouts: ViewType[] = [\n      params.table ? 'table' : null,\n      params.grid ? 'grid' : null,\n      params.spreadsheet ? 'spreadsheet' : null,\n    ].filter(Boolean) as ViewType[];\n\n    this.viewTypeState = new ViewTypeState({\n      container: params.container,\n      dataCapsule: this.toolbar.dataCapsule,\n      componentType,\n      collection: this.collection,\n      options: enabledLayouts,\n    });\n\n    this.toolbar.layoutState = this;\n\n    makeObservable(this, {\n      viewType: computed,\n      options: computed,\n    });\n  }\n\n  init() {\n    const { viewTypeState, initTask } = this;\n    viewTypeState.init();\n\n    initTask.runOnce(async () => {\n      viewTypeState.initTask.runOnce();\n      await viewTypeState.initTask.status.promise;\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/ManageFieldsSource.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=ManageFieldsSource.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/state/ManageFieldsSource.ts"],"sourcesContent":["import type { CustomFieldOrigin, FieldsSource } from '@wix/bex-core';\nimport type {\n  CustomFieldsPanelState,\n  FieldActionsMenuBuilder,\n} from './CustomFields/CustomFieldsPanelState';\n\n/**\n * The field management the manage-fields panel and its modals read: the fields,\n * the per-field menu, and the add/edit modal.\n *\n * A collection page's `CollectionFieldsSourceState` is one of these. An entity\n * page has no toolbar to build that from, so it assembles the same pieces itself\n * (`schema/entityPageFieldManagement.ts`).\n */\nexport interface ManageFieldsSource {\n  readonly fieldsSource: FieldsSource;\n  readonly customFieldsPanel: CustomFieldsPanelState;\n  readonly fieldActionsMenu: FieldActionsMenuBuilder;\n  readonly openFieldModal: (opts?: {\n    fieldId?: string;\n    origin?: CustomFieldOrigin;\n    customOrigin?: string;\n  }) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/state/SidePanelsState.js

@@ -7,6 +7,17 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _bexCore = require("@wix/bex-core");
 var _mobx = require("mobx");
 class SidePanelsState {
+  /**
+   * Attaches a host to a page that has none. Builds it once; calling it again
+   * (on re-render, or from a second feature) is a no-op, so everything on the
+   * page shares one host and one open panel.
+   */
+  static setOnPage(page, container) {
+    page.panels ?? (page.panels = new SidePanelsState({
+      container,
+      panelGroupName: 'entity-page'
+    }));
+  }
   constructor(params) {
     (0, _defineProperty2.default)(this, "container", void 0);
     (0, _defineProperty2.default)(this, "sidePanelComponents", void 0);

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","SidePanelsState","constructor","params","_defineProperty2","default","sidePanel","close","container","panelGroupName","SidePanelState","sidePanelComponents","observable","map","deep","makeObservable","registerSidePanel","action","_getPanelUniqueId","panelId","environment","componentId","filter","Boolean","join","isFiltersPanelOpen","transition","data","component","set","openSidePanel","_open","toggleSidePanel","panelUniqueId","currentPanelId","isOpen","closeSidePanel","init","disposers","reaction","entries","has","fireImmediately","forEach","d","exports"],"sources":["../../../src/state/SidePanelsState.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { WixPatternsContainer, SidePanelState } from '@wix/bex-core';\nimport { action, makeObservable, observable, reaction } from 'mobx';\n\ntype PanelId =\n  | 'filters'\n  | 'customColumns'\n  | 'multiLevelSorting'\n  | 'customFields';\n\nexport interface SidePanelsStateParams {\n  container: WixPatternsContainer;\n  panelGroupName: string;\n}\n\nexport class SidePanelsState {\n  readonly container;\n\n  readonly sidePanelComponents;\n  readonly sidePanel;\n  readonly panelGroupName;\n\n  constructor(params: SidePanelsStateParams) {\n    this.container = params.container;\n    this.panelGroupName = params.panelGroupName;\n    this.sidePanel = new SidePanelState();\n\n    this.sidePanelComponents = observable.map<string, ComponentType>([], {\n      deep: false,\n    });\n    makeObservable(this, {\n      registerSidePanel: action,\n    });\n  }\n\n  _getPanelUniqueId(panelId: PanelId) {\n    const {\n      container: {\n        environment: { componentId },\n      },\n      panelGroupName,\n    } = this;\n\n    return [componentId, panelGroupName, panelId].filter(Boolean).join('/');\n  }\n\n  get isFiltersPanelOpen() {\n    return this.sidePanel.transition.data === this._getPanelUniqueId('filters');\n  }\n\n  registerSidePanel(panelId: PanelId, component: ComponentType) {\n    const { sidePanelComponents } = this;\n\n    sidePanelComponents.set(this._getPanelUniqueId(panelId), component);\n  }\n\n  openSidePanel(panelId: PanelId) {\n    const { sidePanel } = this;\n    sidePanel._open(this._getPanelUniqueId(panelId));\n  }\n\n  closeSidePanel = () => {\n    this.sidePanel.close();\n  };\n\n  toggleSidePanel(panelId: PanelId) {\n    const { sidePanel } = this;\n    const panelUniqueId = this._getPanelUniqueId(panelId);\n\n    if (sidePanel.currentPanelId === panelUniqueId && sidePanel.isOpen) {\n      this.closeSidePanel();\n    } else {\n      this.openSidePanel(panelId);\n    }\n\n    return sidePanel.isOpen;\n  }\n\n  init() {\n    const { sidePanel, sidePanelComponents } = this;\n\n    const disposers = [\n      reaction(\n        () => sidePanelComponents.entries(),\n        () => {\n          if (\n            sidePanel.currentPanelId &&\n            !sidePanelComponents.has(sidePanel.currentPanelId)\n          ) {\n            sidePanel.close();\n          }\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","SidePanelsState","setOnPage","page","container","panels","panelGroupName","constructor","params","_defineProperty2","default","sidePanel","close","SidePanelState","sidePanelComponents","observable","map","deep","makeObservable","registerSidePanel","action","_getPanelUniqueId","panelId","environment","componentId","filter","Boolean","join","isFiltersPanelOpen","transition","data","component","set","openSidePanel","_open","toggleSidePanel","panelUniqueId","currentPanelId","isOpen","closeSidePanel","init","disposers","reaction","entries","has","fireImmediately","forEach","d","exports"],"sources":["../../../src/state/SidePanelsState.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { WixPatternsContainer, SidePanelState } from '@wix/bex-core';\nimport { action, makeObservable, observable, reaction } from 'mobx';\n\ntype PanelId =\n  | 'filters'\n  | 'customColumns'\n  | 'multiLevelSorting'\n  | 'customFields';\n\nexport interface SidePanelsStateParams {\n  container: WixPatternsContainer;\n  panelGroupName: string;\n}\n\nexport class SidePanelsState {\n  /**\n   * Attaches a host to a page that has none. Builds it once; calling it again\n   * (on re-render, or from a second feature) is a no-op, so everything on the\n   * page shares one host and one open panel.\n   */\n  static setOnPage(\n    page: { panels: SidePanelsState | null },\n    container: WixPatternsContainer,\n  ) {\n    page.panels ??= new SidePanelsState({\n      container,\n      panelGroupName: 'entity-page',\n    });\n  }\n\n  readonly container;\n\n  readonly sidePanelComponents;\n  readonly sidePanel;\n  readonly panelGroupName;\n\n  constructor(params: SidePanelsStateParams) {\n    this.container = params.container;\n    this.panelGroupName = params.panelGroupName;\n    this.sidePanel = new SidePanelState();\n\n    this.sidePanelComponents = observable.map<string, ComponentType>([], {\n      deep: false,\n    });\n    makeObservable(this, {\n      registerSidePanel: action,\n    });\n  }\n\n  _getPanelUniqueId(panelId: PanelId) {\n    const {\n      container: {\n        environment: { componentId },\n      },\n      panelGroupName,\n    } = this;\n\n    return [componentId, panelGroupName, panelId].filter(Boolean).join('/');\n  }\n\n  get isFiltersPanelOpen() {\n    return this.sidePanel.transition.data === this._getPanelUniqueId('filters');\n  }\n\n  registerSidePanel(panelId: PanelId, component: ComponentType) {\n    const { sidePanelComponents } = this;\n\n    sidePanelComponents.set(this._getPanelUniqueId(panelId), component);\n  }\n\n  openSidePanel(panelId: PanelId) {\n    const { sidePanel } = this;\n    sidePanel._open(this._getPanelUniqueId(panelId));\n  }\n\n  closeSidePanel = () => {\n    this.sidePanel.close();\n  };\n\n  toggleSidePanel(panelId: PanelId) {\n    const { sidePanel } = this;\n    const panelUniqueId = this._getPanelUniqueId(panelId);\n\n    if (sidePanel.currentPanelId === panelUniqueId && sidePanel.isOpen) {\n      this.closeSidePanel();\n    } else {\n      this.openSidePanel(panelId);\n    }\n\n    return sidePanel.isOpen;\n  }\n\n  init() {\n    const { sidePanel, sidePanelComponents } = this;\n\n    const disposers = [\n      reaction(\n        () => sidePanelComponents.entries(),\n        () => {\n          if (\n            sidePanel.currentPanelId &&\n            !sidePanelComponents.has(sidePanel.currentPanelId)\n          ) {\n            sidePanel.close();\n          }\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/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer2771258250__root.CardContainer2771258250--mobile{border-radius:0}.CmsFieldForm3700105093__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2185190114__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2668938222__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3709322953__field{flex:1;min-width:0}.Collapse2929374578__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2929374578__exit{height:0}.CollectionPage3956579968__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3956579968__root.CollectionPage3956579968--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3956579968__root.CollectionPage3956579968--panel{overflow:hidden;position:relative}.CollectionSectionHeader2922683827__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable109442077__root td{vertical-align:middle}.CollectionTable109442077__root.CollectionTable109442077--mobile td:first-child{padding-left:18px}.CollectionTable109442077__root.CollectionTable109442077--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2186714947__root.CollectionTableWSRTable2186714947--resizable table{min-width:100%}.CollectionTableWSRTable2186714947__root.CollectionTableWSRTable2186714947--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar4248294874__root.CollectionToolbar4248294874--harmony .CollectionToolbar4248294874__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar4248294874__left{min-width:0}.CollectionToolbar4248294874__left.CollectionToolbar4248294874--expandable{flex:auto}.CollectionToolbar4248294874__left.CollectionToolbar4248294874--title>*{width:100%}.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-5-title .CollectionToolbar4248294874__left{flex:1 100;min-width:50px}.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-4-tabs .CollectionToolbar4248294874__left,.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-4-tabs .CollectionToolbar4248294874__left.CollectionToolbar4248294874--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-4-tabs .CollectionToolbar4248294874__left>*{flex-shrink:1;min-width:0}.CollectionToolbar4248294874__root .CollectionToolbar4248294874__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4248294874__root.CollectionToolbar4248294874--views .CollectionToolbar4248294874__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-4-tabs .CollectionToolbar4248294874__right,.CollectionToolbar4248294874__root.CollectionToolbar4248294874---responsiveMode-5-title .CollectionToolbar4248294874__right{flex:0 1 auto;min-width:0}.CollectionToolbar4248294874__root .CollectionToolbar4248294874__right.CollectionToolbar4248294874__fullWidth{margin-inline-start:0!important}.CollectionToolbar4248294874__root.CollectionToolbar4248294874--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter4202859381__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4202859381__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4202859381__searchMobile:not(.SearchOrCustomFilter4202859381--expandable){left:18px}.SearchOrCustomFilter4202859381__searchMobile.SearchOrCustomFilter4202859381--expandable.SearchOrCustomFilter4202859381--expanded{left:18px}.AutoCompleteReadonly879662225__root.AutoCompleteReadonly879662225--disableEditing{cursor:pointer}.AutoCompleteReadonly879662225__root.AutoCompleteReadonly879662225--disableEditing input{cursor:pointer}.ViewsDropdown2139846012__root{width:200px}.DragHandle4068887863__root{display:flex;align-items:center}.DragHandle4068887863__root:not(.DragHandle4068887863--disabled){cursor:grab;color:#a8caff}.DragHandle4068887863__root.DragHandle4068887863--disabled{color:#acafc4}.DragHandle4068887863__root:focus-visible:not(.DragHandle4068887863--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4068887863__root.DragHandle4068887863--disabled{pointer-events:none}.DragHandle4068887863__root.DragHandle4068887863--dragging:not(.DragHandle4068887863--disabled){cursor:grabbing}td:has(>.EditableCell1018921301__root){position:relative;overflow:visible;min-height:24px}.EditableCell1018921301__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell1018921301__root.EditableCell1018921301--selected{background:rgba(56,153,236,.08)}.EditableCell1018921301__root.EditableCell1018921301--focused:not(.EditableCell1018921301--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell1018921301__root.EditableCell1018921301--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell1018921301__root.EditableCell1018921301--editing:not(.EditableCell1018921301--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell1018921301__root.EditableCell1018921301--focused.EditableCell1018921301--growable{background-color:var(--wsr-color-D80);background-image:linear-gradient(rgba(56,153,236,.08),rgba(56,153,236,.08));bottom:auto;min-height:100%;z-index:3}.EditableCell1018921301__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionTop:not(.EditableCell1018921301--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionBottom:not(.EditableCell1018921301--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionLeft:not(.EditableCell1018921301--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionRight:not(.EditableCell1018921301--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionTop.EditableCell1018921301--editing.EditableCell1018921301--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionBottom.EditableCell1018921301--editing.EditableCell1018921301--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionLeft.EditableCell1018921301--editing.EditableCell1018921301--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--selectionRight.EditableCell1018921301--editing.EditableCell1018921301--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--invalid:not(.EditableCell1018921301--editing){background:rgba(229,0,77,.06)}.EditableCell1018921301__root.EditableCell1018921301--copiedTop:not(.EditableCell1018921301--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--copiedBottom:not(.EditableCell1018921301--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--copiedLeft:not(.EditableCell1018921301--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1018921301__root.EditableCell1018921301--copiedRight:not(.EditableCell1018921301--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1018921301__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover2912949458__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2912949458__root,.HeaderActionsPopover2912949458__root[data-menu-open=true],.HeaderActionsPopover2912949458__root:focus-within{opacity:1}.CellViewLayout2642242987__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2642242987__root>*{flex:1;min-width:0}.Edit2609722555__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:6px;padding-right:6px;min-width:0;overflow:hidden}.Edit2609722555__addressInput>div,.Edit2609722555__addressInput>div>div,.Edit2609722555__addressInput>div>div>div{width:100%;min-width:0}.Edit254985112__jsonInput{width:100%;margin-left:-1px}.Edit2369361531__booleanEdit{display:flex;align-items:center;margin-left:12px}.View140178427__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2849672228__root{width:100%;height:100%;display:flex;align-items:center}.Edit190091011__dateInput{width:100%;margin-left:-1px}.Edit3782397597__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3782397597__dateHalf{flex:60 1 0}.Edit3782397597__timeHalf{flex:40 1 0}.Edit3782397597__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3782397597__passiveText{padding:9px 12px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit3782397597__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1682123110__leaf{min-width:0;padding:9px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View1682123110__datePart{flex:60 1 0}.View1682123110__timePart{flex:40 1 0}.View1682123110__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1682123110__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3200373441__emailInput{width:100%;margin-left:-1px}.Edit3691147245__numberInput{width:100%;margin-right:2px}.Edit3691147245__numberInput input{text-align:right;direction:ltr}.View3559157400__textView{width:100%;text-align:right}.Edit2050020221__jsonInput{width:100%;margin-left:-1px}.Edit526154172__selectInput{width:100%}.Edit2692897257__editWrapper{width:100%}.Edit2692897257__inputArea{background-color:transparent;width:100%}.Edit2692897257__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2692897257__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2692897257__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2692897257__inputArea:not(.Edit2692897257--isFocused) textarea{resize:none;overflow:hidden}.Edit2692897257__inputArea:not(.Edit2692897257--isFocused) textarea::-webkit-scrollbar{display:none}.Edit4179666538__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
+.CardContainer1996631385__root.CardContainer1996631385--mobile{border-radius:0}.CmsFieldForm1956475299__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal45411424__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection411259117__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput4042816749__field{flex:1;min-width:0}.Collapse2758930313__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2758930313__exit{height:0}.CollectionPage1852116837__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1852116837__root.CollectionPage1852116837--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1852116837__root.CollectionPage1852116837--panel{overflow:hidden;position:relative}.CollectionSectionHeader4174355409__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3856077387__root td{vertical-align:middle}.CollectionTable3856077387__root.CollectionTable3856077387--mobile td:first-child{padding-left:18px}.CollectionTable3856077387__root.CollectionTable3856077387--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2783860405__root.CollectionTableWSRTable2783860405--resizable table{min-width:100%}.CollectionTableWSRTable2783860405__root.CollectionTableWSRTable2783860405--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1618305658__root.CollectionToolbar1618305658--harmony .CollectionToolbar1618305658__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1618305658__left{min-width:0}.CollectionToolbar1618305658__left.CollectionToolbar1618305658--expandable{flex:auto}.CollectionToolbar1618305658__left.CollectionToolbar1618305658--title>*{width:100%}.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-5-title .CollectionToolbar1618305658__left{flex:1 100;min-width:50px}.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-4-tabs .CollectionToolbar1618305658__left,.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-4-tabs .CollectionToolbar1618305658__left.CollectionToolbar1618305658--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-4-tabs .CollectionToolbar1618305658__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1618305658__root .CollectionToolbar1618305658__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1618305658__root.CollectionToolbar1618305658--views .CollectionToolbar1618305658__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-4-tabs .CollectionToolbar1618305658__right,.CollectionToolbar1618305658__root.CollectionToolbar1618305658---responsiveMode-5-title .CollectionToolbar1618305658__right{flex:0 1 auto;min-width:0}.CollectionToolbar1618305658__root .CollectionToolbar1618305658__right.CollectionToolbar1618305658__fullWidth{margin-inline-start:0!important}.CollectionToolbar1618305658__root.CollectionToolbar1618305658--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter4157439794__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4157439794__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4157439794__searchMobile:not(.SearchOrCustomFilter4157439794--expandable){left:18px}.SearchOrCustomFilter4157439794__searchMobile.SearchOrCustomFilter4157439794--expandable.SearchOrCustomFilter4157439794--expanded{left:18px}.AutoCompleteReadonly2534510933__root.AutoCompleteReadonly2534510933--disableEditing{cursor:pointer}.AutoCompleteReadonly2534510933__root.AutoCompleteReadonly2534510933--disableEditing input{cursor:pointer}.ViewsDropdown588051888__root{width:200px}.DragHandle47840941__root{display:flex;align-items:center}.DragHandle47840941__root:not(.DragHandle47840941--disabled){cursor:grab;color:#a8caff}.DragHandle47840941__root.DragHandle47840941--disabled{color:#acafc4}.DragHandle47840941__root:focus-visible:not(.DragHandle47840941--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle47840941__root.DragHandle47840941--disabled{pointer-events:none}.DragHandle47840941__root.DragHandle47840941--dragging:not(.DragHandle47840941--disabled){cursor:grabbing}td:has(>.EditableCell2760915353__root){position:relative;overflow:visible;min-height:24px}.EditableCell2760915353__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell2760915353__root.EditableCell2760915353--selected{background:rgba(56,153,236,.08)}.EditableCell2760915353__root.EditableCell2760915353--focused:not(.EditableCell2760915353--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2760915353__root.EditableCell2760915353--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell2760915353__root.EditableCell2760915353--editing:not(.EditableCell2760915353--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell2760915353__root.EditableCell2760915353--focused.EditableCell2760915353--growable{background-color:var(--wsr-color-D80);background-image:linear-gradient(rgba(56,153,236,.08),rgba(56,153,236,.08));bottom:auto;min-height:100%;z-index:3}.EditableCell2760915353__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionTop:not(.EditableCell2760915353--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionBottom:not(.EditableCell2760915353--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionLeft:not(.EditableCell2760915353--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionRight:not(.EditableCell2760915353--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionTop.EditableCell2760915353--editing.EditableCell2760915353--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionBottom.EditableCell2760915353--editing.EditableCell2760915353--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionLeft.EditableCell2760915353--editing.EditableCell2760915353--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--selectionRight.EditableCell2760915353--editing.EditableCell2760915353--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--invalid:not(.EditableCell2760915353--editing){background:rgba(229,0,77,.06)}.EditableCell2760915353__root.EditableCell2760915353--copiedTop:not(.EditableCell2760915353--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--copiedBottom:not(.EditableCell2760915353--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--copiedLeft:not(.EditableCell2760915353--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2760915353__root.EditableCell2760915353--copiedRight:not(.EditableCell2760915353--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2760915353__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover2149224872__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2149224872__root,.HeaderActionsPopover2149224872__root[data-menu-open=true],.HeaderActionsPopover2149224872__root:focus-within{opacity:1}.CellViewLayout1552180148__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1552180148__root>*{flex:1;min-width:0}.Edit2058877370__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:6px;padding-right:6px;min-width:0;overflow:hidden}.Edit2058877370__addressInput>div,.Edit2058877370__addressInput>div>div,.Edit2058877370__addressInput>div>div>div{width:100%;min-width:0}.Edit1749998855__jsonInput{width:100%;margin-left:-1px}.Edit3605644959__booleanEdit{display:flex;align-items:center;margin-left:12px}.View1659296202__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit1758951656__root{width:100%;height:100%;display:flex;align-items:center}.Edit895269248__dateInput{width:100%;margin-left:-1px}.Edit4238098641__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit4238098641__dateHalf{flex:60 1 0}.Edit4238098641__timeHalf{flex:40 1 0}.Edit4238098641__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit4238098641__passiveText{padding:9px 12px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit4238098641__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1910944526__leaf{min-width:0;padding:9px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View1910944526__datePart{flex:60 1 0}.View1910944526__timePart{flex:40 1 0}.View1910944526__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1910944526__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1227363736__emailInput{width:100%;margin-left:-1px}.Edit1369489208__numberInput{width:100%;margin-right:2px}.Edit1369489208__numberInput input{text-align:right;direction:ltr}.View1644359652__textView{width:100%;text-align:right}.Edit2157031009__jsonInput{width:100%;margin-left:-1px}.Edit391171980__selectInput{width:100%}.Edit813414738__editWrapper{width:100%}.Edit813414738__inputArea{background-color:transparent;width:100%}.Edit813414738__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit813414738__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit813414738__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit813414738__inputArea:not(.Edit813414738--isFocused) textarea{resize:none;overflow:hidden}.Edit813414738__inputArea:not(.Edit813414738--isFocused) textarea::-webkit-scrollbar{display:none}.Edit257158381__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
     --wds-font-line-height-body-small
-  )}.Edit4179666538__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit2536249540__urlInput{width:100%;margin-left:-1px}.View3597373085__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3597373085__urlText{flex:1;min-width:0}.View3597373085__suffix{flex-shrink:0;margin-left:10px}.View3597373085__textView.View3597373085--suffixOnHover:not(:hover) .View3597373085__suffix{display:none}.EntityPagePlain3882987048__root.EntityPagePlain3882987048--mobile{--wds-page-header-padding-horizontal:0}.Fade118624974__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade118624974__root.Fade118624974--exit{opacity:0}.Heading3951898647__root{visibility:visible}.Heading3951898647__root.Heading3951898647--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1021181682__fileUpload{width:100%}.InputOverflow2881700459__root.InputOverflow2881700459--selected:not(.InputOverflow2881700459--focused) input::placeholder{color:#000624}@keyframes LoadingRow3544261193__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%}}.LoadingRow3544261193__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:LoadingRow3544261193__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2140070545__root{opacity:1}.MaxHeightText2140070545__root.MaxHeightText2140070545--height24{line-height:24px}.MaxLines4019853602__root{overflow:hidden}.MaxLines4019853602__root.MaxLines4019853602--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar771474346__root{min-width:0}.MultiBulkActionToolbar771474346__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar771474346__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar771474346__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow875267755__root td{padding:0!important;width:100%}.NestedTableRow836910914__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow836910914__root:hover{background-color:#e7f0ff!important}.NestedTableRow836910914__root.NestedTableRow836910914--expandable{cursor:pointer}.NestedTableRow836910914__placeholder td{padding:0!important;width:100%}.NestedTableRow836910914__root:hover td:first-of-type::before,.NestedTableRow836910914__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect927374861__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)}.NestedTableDragAndDropRow915281379__root.NestedTableDragAndDropRow915281379--draggingInto td{background-color:#e7f0ff!important}.PickerContent3826816446__root{display:flex}.PickerContentAdditionalStep2799604641__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2799604641__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2844782450__root{box-sizing:border-box}.ScrollableContent471223628__root.ScrollableContent471223628--overflowY{overflow-y:auto}.ScrollableContent471223628__root.ScrollableContent471223628--overflowX{overflow-x:auto}.ScrollableContent471223628__root.ScrollableContent471223628--smooth{scroll-behavior:smooth}.SetupWidget3089908037__row{display:flex;flex-direction:column;padding:var(--wds-space-100, 6px);border-radius:var(--wds-border-radius-200, 4px);border:1px solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));overflow:clip}.SetupWidget3089908037__row.SetupWidget3089908037--clickable{cursor:pointer}.SetupWidget3089908037__row.SetupWidget3089908037--hoverable:hover{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-secondary, var(--wsr-color-B40, #D6E6FE))}.SetupWidget3089908037__row.SetupWidget3089908037--focused{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-primary, var(--wsr-color-B30, #A8CAFF))}.SetupWidget3089908037__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget3089908037__row:hover .SetupWidget3089908037__completedCta,.SetupWidget3089908037__row:focus-within .SetupWidget3089908037__completedCta{opacity:1}.SetupWidget3089908037__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget3089908037__card.SetupWidget3089908037--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3089908037__card.SetupWidget3089908037--clickable{cursor:pointer}.SetupWidget3089908037__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget3089908037__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget3089908037__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget3089908037__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1690257211__headerLoading{display:block!important}.SlidingModal4175240601__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal4175240601__root.SlidingModal4175240601--overlay{transition:transform 0s ease 0s}.SlidingModal4175240601__root.SlidingModal4175240601---appendTo-6-parent{position:absolute}.SlidingModal4175240601__root:not(.SlidingModal4175240601--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader2583207661__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader2583207661__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader2583207661__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter3289214861__root .TabsFilter3289214861__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3289214861__root.TabsFilter3289214861--selected .TabsFilter3289214861__title,.TabsFilter3289214861__root:hover .TabsFilter3289214861__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3765695890__root{display:flex}.ManageTagsModal3765695890__root.ManageTagsModal3765695890--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal3765695890__root.ManageTagsModal3765695890--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem1137485981__root{min-width:0}.ToolbarItemBox4022720849__root{min-width:0}.ToolbarItemBox4022720849__root.ToolbarItemBox4022720849--removeStartPadding{margin-left:-24px}.ToolbarItemBox4022720849__root.ToolbarItemBox4022720849--expandable{flex:1 0}.common2729451634__column{display:flex;flex-direction:column}.common2729451634__fullHeight{height:100%;min-height:0}.CollectionPageHeader2989145790__root:not(.CollectionPageHeader2989145790--mobile){gap:12px}.CollectionPageHeader2989145790__root.CollectionPageHeader2989145790--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2989145790__root.CollectionPageHeader2989145790--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2220546149__root.FormPageHeader2220546149--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2220546149__root.FormPageHeader2220546149--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit257158381__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1804190103__urlInput{width:100%;margin-left:-1px}.View1839492545__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1839492545__urlText{flex:1;min-width:0}.View1839492545__suffix{flex-shrink:0;margin-left:10px}.View1839492545__textView.View1839492545--suffixOnHover:not(:hover) .View1839492545__suffix{display:none}.EntityPagePlain560955816__root.EntityPagePlain560955816--mobile{--wds-page-header-padding-horizontal:0}.Fade410252676__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade410252676__root.Fade410252676--exit{opacity:0}.Heading2094996794__root{visibility:visible}.Heading2094996794__root.Heading2094996794--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2501529488__fileUpload{width:100%}.InputOverflow320214964__root.InputOverflow320214964--selected:not(.InputOverflow320214964--focused) input::placeholder{color:#000624}@keyframes LoadingRow1504112851__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%}}.LoadingRow1504112851__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:LoadingRow1504112851__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3055850773__root{opacity:1}.MaxHeightText3055850773__root.MaxHeightText3055850773--height24{line-height:24px}.MaxLines1849116077__root{overflow:hidden}.MaxLines1849116077__root.MaxLines1849116077--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1481972970__root{min-width:0}.MultiBulkActionToolbar1481972970__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1481972970__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1481972970__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow812840859__root td{padding:0!important;width:100%}.NestedTableRow2829227085__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2829227085__root:hover{background-color:#e7f0ff!important}.NestedTableRow2829227085__root.NestedTableRow2829227085--expandable{cursor:pointer}.NestedTableRow2829227085__placeholder td{padding:0!important;width:100%}.NestedTableRow2829227085__root:hover td:first-of-type::before,.NestedTableRow2829227085__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect900919034__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)}.NestedTableDragAndDropRow3774769656__root.NestedTableDragAndDropRow3774769656--draggingInto td{background-color:#e7f0ff!important}.PickerContent4220848037__root{display:flex}.PickerContentAdditionalStep205887611__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep205887611__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3188700452__root{box-sizing:border-box}.ScrollableContent3106237506__root.ScrollableContent3106237506--overflowY{overflow-y:auto}.ScrollableContent3106237506__root.ScrollableContent3106237506--overflowX{overflow-x:auto}.ScrollableContent3106237506__root.ScrollableContent3106237506--smooth{scroll-behavior:smooth}.SetupWidget2832764723__row{display:flex;flex-direction:column;padding:var(--wds-space-100, 6px);border-radius:var(--wds-border-radius-200, 4px);border:1px solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB));background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));overflow:clip}.SetupWidget2832764723__row.SetupWidget2832764723--clickable{cursor:pointer}.SetupWidget2832764723__row.SetupWidget2832764723--hoverable:hover{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-secondary, var(--wsr-color-B40, #D6E6FE))}.SetupWidget2832764723__row.SetupWidget2832764723--focused{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF));border-color:var(--wds-color-border-standard-primary, var(--wsr-color-B30, #A8CAFF))}.SetupWidget2832764723__completedCta{opacity:0;transition:opacity .25s ease-in-out}.SetupWidget2832764723__row:hover .SetupWidget2832764723__completedCta,.SetupWidget2832764723__row:focus-within .SetupWidget2832764723__completedCta{opacity:1}.SetupWidget2832764723__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget2832764723__card.SetupWidget2832764723--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2832764723__card.SetupWidget2832764723--clickable{cursor:pointer}.SetupWidget2832764723__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2832764723__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2832764723__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2832764723__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1542096506__headerLoading{display:block!important}.SlidingModal942360491__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal942360491__root.SlidingModal942360491--overlay{transition:transform 0s ease 0s}.SlidingModal942360491__root.SlidingModal942360491---appendTo-6-parent{position:absolute}.SlidingModal942360491__root:not(.SlidingModal942360491--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader448034550__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader448034550__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader448034550__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter3678414365__root .TabsFilter3678414365__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3678414365__root.TabsFilter3678414365--selected .TabsFilter3678414365__title,.TabsFilter3678414365__root:hover .TabsFilter3678414365__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2727734484__root{display:flex}.ManageTagsModal2727734484__root.ManageTagsModal2727734484--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal2727734484__root.ManageTagsModal2727734484--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem4020054682__root{min-width:0}.ToolbarItemBox2514597951__root{min-width:0}.ToolbarItemBox2514597951__root.ToolbarItemBox2514597951--removeStartPadding{margin-left:-24px}.ToolbarItemBox2514597951__root.ToolbarItemBox2514597951--expandable{flex:1 0}.common1215794069__column{display:flex;flex-direction:column}.common1215794069__fullHeight{height:100%;min-height:0}.CollectionPageHeader317245957__root:not(.CollectionPageHeader317245957--mobile){gap:12px}.CollectionPageHeader317245957__root.CollectionPageHeader317245957--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader317245957__root.CollectionPageHeader317245957--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader137457648__root.FormPageHeader137457648--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader137457648__root.FormPageHeader137457648--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.431.0';
+const version = exports.version = 'patterns@1.433.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.431.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.433.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/EntityPageState.md

@@ -25,5 +25,7 @@ import { useEntityPage } from '@wix/patterns';
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
+| `panels` | `SidePanelsState \| null` | Yes | - | The page's side-panel host, the way a table's lives on its toolbar. Attached by the first feature that needs one, through `SidePanelsState.setOnPage` — so a page with no panels neither builds nor bundles the side-panel code. Everything on the page shares this host, which is what keeps one panel open at a time. |
+| `customColumnsState` | `CustomColumnsEntityPageState \| null` | Yes | - | The fields card's "Manage fields" state, set by the card that owns it — the panel is rendered by the host with no props and reads it from here, as a table's panel reads `toolbar.customColumnsState`. |
 | `fieldsContainer` | `PatternsFieldsAppContainer \| undefined` | Yes | - | The container the page's field renderers are built with — the one the schema carries, so a table on the same schema shares it. Initialized in `init()` below, next to the schema load the fields also wait on; the schema-entry EntityPage puts it in React context. |