@wix/patterns 1.430.0 → 1.432.0

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

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.resolveEntityPageFields = resolveEntityPageFields;
+/** The fields an entity page renders: the given ids, or every editable schema
+ *  field. Lives here so the fields component and the card that wraps it offer
+ *  the same list. */
+function resolveEntityPageFields(fields, idField, fieldIds) {
+  // An explicit fieldIds list is taken as-is — the consumer chose those fields.
+  if (fieldIds) {
+    return fieldIds.map(id => fields[id]).filter(field => Boolean(field));
+  }
+
+  // By default, skip the id field and system fields (e.g. `_id`, `_manualSort`,
+  // `_createdDate`): they are not user-editable, and rendering a required one
+  // would silently block save (react-hook-form marks the form invalid).
+  return Object.values(fields).filter(field => Boolean(field) && !field.isSystem && field.id !== idField);
+}
+//# sourceMappingURL=resolveEntityPageFields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["resolveEntityPageFields","fields","idField","fieldIds","map","id","filter","field","Boolean","Object","values","isSystem"],"sources":["../../../../src/state/EntityPage/resolveEntityPageFields.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\n\n/** The fields an entity page renders: the given ids, or every editable schema\n *  field. Lives here so the fields component and the card that wraps it offer\n *  the same list. */\nexport function resolveEntityPageFields(\n  fields: Record<string, Field | undefined>,\n  idField: string,\n  fieldIds?: string[],\n): Field[] {\n  // An explicit fieldIds list is taken as-is — the consumer chose those fields.\n  if (fieldIds) {\n    return fieldIds\n      .map((id) => fields[id])\n      .filter((field): field is Field => Boolean(field));\n  }\n\n  // By default, skip the id field and system fields (e.g. `_id`, `_manualSort`,\n  // `_createdDate`): they are not user-editable, and rendering a required one\n  // would silently block save (react-hook-form marks the form invalid).\n  return Object.values(fields).filter(\n    (field): field is Field =>\n      Boolean(field) && !field!.isSystem && field!.id !== idField,\n  );\n}\n"],"mappings":";;;;AAEA;AACA;AACA;AACO,SAASA,uBAAuBA,CACrCC,MAAyC,EACzCC,OAAe,EACfC,QAAmB,EACV;EACT;EACA,IAAIA,QAAQ,EAAE;IACZ,OAAOA,QAAQ,CACZC,GAAG,CAAEC,EAAE,IAAKJ,MAAM,CAACI,EAAE,CAAC,CAAC,CACvBC,MAAM,CAAEC,KAAK,IAAqBC,OAAO,CAACD,KAAK,CAAC,CAAC;EACtD;;EAEA;EACA;EACA;EACA,OAAOE,MAAM,CAACC,MAAM,CAACT,MAAM,CAAC,CAACK,MAAM,CAChCC,KAAK,IACJC,OAAO,CAACD,KAAK,CAAC,IAAI,CAACA,KAAK,CAAEI,QAAQ,IAAIJ,KAAK,CAAEF,EAAE,KAAKH,OACxD,CAAC;AACH","ignoreList":[]}

package/dist/cjs/state/EntityPageFieldsCardState.js

@@ -0,0 +1,163 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.EntityPageFieldsCardState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var _bexCore = require("@wix/bex-core");
+var _resolveEntityPageFields = require("./EntityPage/resolveEntityPageFields");
+var _SchemaCardState = require("./SchemaCard/SchemaCardState");
+var _CustomColumnsEntityPageState = require("./CustomColumnsEntityPageState");
+/**
+ * Owns the card's field layout: which of the page's schema fields are visible
+ * and in what order, plus the panel that edits them.
+ *
+ * The schema loads after this state is created, so `init()` awaits the source's
+ * load and everything below reads the result through computeds — the states are
+ * built once, on the first render, and fill in when the schema arrives.
+ */
+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, "params", void 0);
+    this.params = params;
+    (0, _mobx.makeObservable)(this, {
+      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
+    });
+    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,
+        // 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.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 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() {
+    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
+   *  field is not hideable: hiding it would leave the form invalid with nothing
+   *  on screen to fix. */
+  get declaredFields() {
+    const {
+      schema
+    } = this;
+    if (!schema) {
+      return [];
+    }
+    return (0, _resolveEntityPageFields.resolveEntityPageFields)(schema.fields, schema.idField, this.params.fieldIds).map(field => {
+      var _field$validation;
+      return {
+        id: field.id,
+        hideable: !((_field$validation = field.validation) != null && _field$validation.required)
+      };
+    });
+  }
+
+  /** What the card renders. Before the schema loads this is whatever the card
+   *  was asked for, which is also what the fields show a skeleton for. */
+  get visibleFieldIds() {
+    if (!this.declaredFields.length) {
+      return this.params.fieldIds;
+    }
+    const {
+      fieldsState
+    } = this.cardState;
+    return fieldsState.orderedFields.filter(field => fieldsState.isFieldVisible(field.id)).map(field => field.id);
+  }
+  get canManageFields() {
+    return !!this.panelState && this.declaredFields.length > 0;
+  }
+  openManageFields() {
+    var _this$panelState;
+    (_this$panelState = this.panelState) == null || _this$panelState.panels.toggleSidePanel('customColumns');
+  }
+  init() {
+    var _this$loadTask$status;
+    // `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$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.
+    (_this$loadTask$status = this.loadTask.status.promise) == null || _this$loadTask$status.catch(() => null);
+    const disposers = [
+    // Hold the stored-layout read until the schema is in, so a saved
+    // show/hide and order survives a reload. Registered before the card
+    // state's init below, which is what collects the listeners.
+    (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(() => {});
+    }),
+    // 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());
+    };
+  }
+}
+exports.EntityPageFieldsCardState = EntityPageFieldsCardState;
+//# sourceMappingURL=EntityPageFieldsCardState.js.map

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

@@ -0,0 +1 @@
+{"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_ = "FormPageHeader3534710810";
+var _namespace_ = "FormPageHeader282119022";
 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": "FormPageHeader3534710810__root"
+  "root": "FormPageHeader282119022__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_ = \"FormPageHeader3534710810\";\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\":\"FormPageHeader3534710810__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_ = \"FormPageHeader282119022\";\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\":\"FormPageHeader282119022__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/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/SchemaCard/SchemaCardState.js

@@ -9,7 +9,7 @@ var _SchemaFieldsState = require("./SchemaFieldsState");
 class SchemaCardState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "fieldsState", void 0);
-    if ((0, _lodash.isEmpty)(params.fields)) {
+    if (Array.isArray(params.fields) && (0, _lodash.isEmpty)(params.fields)) {
       console.warn('SchemaCardState: `fields` is empty — field persistency will not be enabled.');
     }
     const {
@@ -26,7 +26,8 @@ class SchemaCardState {
     });
   }
   init() {
-    this.fieldsState.init();
+    // Passed through so a disposer added below reaches the caller.
+    return this.fieldsState.init();
   }
 }
 exports.SchemaCardState = SchemaCardState;

package/dist/cjs/state/SchemaCard/SchemaCardState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_lodash","require","_SchemaFieldsState","SchemaCardState","constructor","params","_defineProperty2","default","isEmpty","fields","console","warn","componentId","artifactId","container","environment","namespace","persistencyKey","join","dataCapsule","_createComponentSettings","fieldsState","SchemaFieldsState","init","exports"],"sources":["../../../../src/state/SchemaCard/SchemaCardState.ts"],"sourcesContent":["import { isEmpty } from 'lodash';\nimport { WixPatternsContainer } from '@wix/bex-core';\nimport { SchemaFieldsState, SchemaViewConfig } from './SchemaFieldsState';\n\nexport interface SchemaCardStateParams {\n  /**\n   * Field definitions for persistency. Each field's visibility and order are\n   * stored per `persistencyKey` so users' layout preferences survive page reloads.\n   */\n  fields: SchemaViewConfig[];\n  /**\n   * A unique key identifying this schema card, used as the storage namespace.\n   * Should be unique per card type within the app (e.g. 'contacts', 'products').\n   */\n  persistencyKey: string;\n  container: WixPatternsContainer;\n}\n\nexport class SchemaCardState {\n  readonly fieldsState: SchemaFieldsState;\n\n  constructor(params: SchemaCardStateParams) {\n    if (isEmpty(params.fields)) {\n      console.warn(\n        'SchemaCardState: `fields` is empty — field persistency will not be enabled.',\n      );\n    }\n    const { componentId, artifactId } = params.container.environment;\n    const namespace = [componentId || artifactId, params.persistencyKey].join(\n      '.',\n    );\n    const dataCapsule = params.container._createComponentSettings({\n      namespace,\n    });\n    this.fieldsState = new SchemaFieldsState({\n      dataCapsule,\n      fields: params.fields,\n    });\n  }\n\n  init() {\n    this.fieldsState.init();\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AAgBO,MAAME,eAAe,CAAC;EAG3BC,WAAWA,CAACC,MAA6B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IACzC,IAAI,IAAAC,eAAO,EAACH,MAAM,CAACI,MAAM,CAAC,EAAE;MAC1BC,OAAO,CAACC,IAAI,CACV,6EACF,CAAC;IACH;IACA,MAAM;MAAEC,WAAW;MAAEC;IAAW,CAAC,GAAGR,MAAM,CAACS,SAAS,CAACC,WAAW;IAChE,MAAMC,SAAS,GAAG,CAACJ,WAAW,IAAIC,UAAU,EAAER,MAAM,CAACY,cAAc,CAAC,CAACC,IAAI,CACvE,GACF,CAAC;IACD,MAAMC,WAAW,GAAGd,MAAM,CAACS,SAAS,CAACM,wBAAwB,CAAC;MAC5DJ;IACF,CAAC,CAAC;IACF,IAAI,CAACK,WAAW,GAAG,IAAIC,oCAAiB,CAAC;MACvCH,WAAW;MACXV,MAAM,EAAEJ,MAAM,CAACI;IACjB,CAAC,CAAC;EACJ;EAEAc,IAAIA,CAAA,EAAG;IACL,IAAI,CAACF,WAAW,CAACE,IAAI,CAAC,CAAC;EACzB;AACF;AAACC,OAAA,CAAArB,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_lodash","require","_SchemaFieldsState","SchemaCardState","constructor","params","_defineProperty2","default","Array","isArray","fields","isEmpty","console","warn","componentId","artifactId","container","environment","namespace","persistencyKey","join","dataCapsule","_createComponentSettings","fieldsState","SchemaFieldsState","init","exports"],"sources":["../../../../src/state/SchemaCard/SchemaCardState.ts"],"sourcesContent":["import { isEmpty } from 'lodash';\nimport { WixPatternsContainer } from '@wix/bex-core';\nimport { SchemaFieldsState, SchemaViewConfig } from './SchemaFieldsState';\n\nexport interface SchemaCardStateParams {\n  /**\n   * Field definitions for persistency. Each field's visibility and order are\n   * stored per `persistencyKey` so users' layout preferences survive page reloads.\n   * Pass a function when the fields depend on a schema that hasn't loaded yet —\n   * it is read reactively.\n   */\n  fields: SchemaViewConfig[] | (() => SchemaViewConfig[]);\n  /**\n   * A unique key identifying this schema card, used as the storage namespace.\n   * Should be unique per card type within the app (e.g. 'contacts', 'products').\n   */\n  persistencyKey: string;\n  container: WixPatternsContainer;\n}\n\nexport class SchemaCardState {\n  readonly fieldsState: SchemaFieldsState;\n\n  constructor(params: SchemaCardStateParams) {\n    if (Array.isArray(params.fields) && isEmpty(params.fields)) {\n      console.warn(\n        'SchemaCardState: `fields` is empty — field persistency will not be enabled.',\n      );\n    }\n    const { componentId, artifactId } = params.container.environment;\n    const namespace = [componentId || artifactId, params.persistencyKey].join(\n      '.',\n    );\n    const dataCapsule = params.container._createComponentSettings({\n      namespace,\n    });\n    this.fieldsState = new SchemaFieldsState({\n      dataCapsule,\n      fields: params.fields,\n    });\n  }\n\n  init() {\n    // Passed through so a disposer added below reaches the caller.\n    return this.fieldsState.init();\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAD,OAAA;AAkBO,MAAME,eAAe,CAAC;EAG3BC,WAAWA,CAACC,MAA6B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IACzC,IAAIC,KAAK,CAACC,OAAO,CAACJ,MAAM,CAACK,MAAM,CAAC,IAAI,IAAAC,eAAO,EAACN,MAAM,CAACK,MAAM,CAAC,EAAE;MAC1DE,OAAO,CAACC,IAAI,CACV,6EACF,CAAC;IACH;IACA,MAAM;MAAEC,WAAW;MAAEC;IAAW,CAAC,GAAGV,MAAM,CAACW,SAAS,CAACC,WAAW;IAChE,MAAMC,SAAS,GAAG,CAACJ,WAAW,IAAIC,UAAU,EAAEV,MAAM,CAACc,cAAc,CAAC,CAACC,IAAI,CACvE,GACF,CAAC;IACD,MAAMC,WAAW,GAAGhB,MAAM,CAACW,SAAS,CAACM,wBAAwB,CAAC;MAC5DJ;IACF,CAAC,CAAC;IACF,IAAI,CAACK,WAAW,GAAG,IAAIC,oCAAiB,CAAC;MACvCH,WAAW;MACXX,MAAM,EAAEL,MAAM,CAACK;IACjB,CAAC,CAAC;EACJ;EAEAe,IAAIA,CAAA,EAAG;IACL;IACA,OAAO,IAAI,CAACF,WAAW,CAACE,IAAI,CAAC,CAAC;EAChC;AACF;AAACC,OAAA,CAAAvB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/state/SchemaCard/SchemaFieldsState.js

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.SchemaFieldsState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _bexCore = require("@wix/bex-core");
+var _events = require("events");
 var _mobx = require("mobx");
 var _indexOfCompareFn = require("../indexOfCompareFn");
 const STORAGE_KEY = 'schema-card-layout';
@@ -12,11 +13,19 @@ class SchemaFieldsState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "_storedFields", []);
     (0, _defineProperty2.default)(this, "initTask", new _bexCore.TaskState());
+    /**
+     * `beforeInitialFetch` holds the stored-layout read until whatever declares
+     * the fields is ready — for fields that arrive with a schema, the load. A
+     * listener returns a promise; register it before `init()`. Without it the
+     * merge would run against no declared ids and drop the whole saved layout.
+     */
+    (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
     (0, _defineProperty2.default)(this, "_persistQueue", Promise.resolve());
     (0, _defineProperty2.default)(this, "params", void 0);
     this.params = params;
     (0, _mobx.makeObservable)(this, {
       _storedFields: _mobx.observable,
+      fields: _mobx.computed,
       orderedFields: _mobx.computed,
       setFieldVisibility: _mobx.action.bound,
       setFieldOrder: _mobx.action.bound
@@ -25,21 +34,29 @@ class SchemaFieldsState {
   init() {
     this.initTask.runOnce(async () => {
       try {
+        const beforeInitialFetchListeners = this.events.listeners('beforeInitialFetch');
+        await Promise.all(beforeInitialFetchListeners.map(l => l()));
         await this._fetchFromStorage();
       } catch (e) {
         console.error(e);
       }
     });
   }
+  get fields() {
+    const {
+      fields
+    } = this.params;
+    return typeof fields === 'function' ? fields() : fields;
+  }
   get orderedFields() {
     if (!this._storedFields.length) {
-      return this.params.fields;
+      return this.fields;
     }
     // Fields not in storage all get index -1; stable sort preserves their declaration order
-    return [...this.params.fields].sort((0, _indexOfCompareFn.indexOfCompareFn)(this._storedFields, f => f == null ? void 0 : f.id));
+    return [...this.fields].sort((0, _indexOfCompareFn.indexOfCompareFn)(this._storedFields, f => f == null ? void 0 : f.id));
   }
   isFieldVisible(id) {
-    const field = this.params.fields.find(f => f.id === id);
+    const field = this.fields.find(f => f.id === id);
     if (!field) {
       return true;
     } // unknown id — render by default
@@ -70,7 +87,7 @@ class SchemaFieldsState {
   }
   setFieldOrder(orderedFields) {
     const storedMap = new Map(this._storedFields.map(f => [f.id, f]));
-    const declaredMap = new Map(this.params.fields.map(f => [f.id, f]));
+    const declaredMap = new Map(this.fields.map(f => [f.id, f]));
 
     // Rebuild _storedFields in the new order, preserving existing visibility.
     // Only include fields that are still declared; unknown ids are silently dropped.
@@ -94,9 +111,11 @@ class SchemaFieldsState {
   }
   async _fetchFromStorage() {
     const {
-      dataCapsule,
-      fields
+      dataCapsule
     } = this.params;
+    const {
+      fields
+    } = this;
     let storedLayout = null;
     try {
       const raw = await dataCapsule.getItem(STORAGE_KEY);

package/dist/cjs/state/SchemaCard/SchemaFieldsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","_indexOfCompareFn","STORAGE_KEY","SchemaFieldsState","constructor","params","_defineProperty2","default","TaskState","Promise","resolve","makeObservable","_storedFields","observable","orderedFields","computed","setFieldVisibility","action","bound","setFieldOrder","init","initTask","runOnce","_fetchFromStorage","e","console","error","length","fields","sort","indexOfCompareFn","f","id","isFieldVisible","field","find","hideable","stored","isVisible","idx","findIndex","push","_persistQueue","then","status","promise","persistFields","catch","storedMap","Map","map","declaredMap","filter","has","get","dataCapsule","setItem","storedLayout","raw","getItem","Array","isArray","Error","message","declaredIds","Set","seenIds","merged","add","forEach","some","s","runInAction","exports"],"sources":["../../../../src/state/SchemaCard/SchemaFieldsState.ts"],"sourcesContent":["import { DataCapsule, TaskState } from '@wix/bex-core';\nimport {\n  action,\n  computed,\n  makeObservable,\n  observable,\n  runInAction,\n} from 'mobx';\nimport { indexOfCompareFn } from '../indexOfCompareFn';\n\nconst STORAGE_KEY = 'schema-card-layout';\n\nexport interface SchemaViewConfig {\n  id: string;\n  isVisible?: boolean;\n  hideable?: boolean; // not persisted — consumer-only; false = always visible\n}\n\ntype StoredLayout = {\n  fields: Pick<SchemaViewConfig, 'id' | 'isVisible'>[];\n};\n\nexport interface SchemaFieldsStateParams {\n  dataCapsule: DataCapsule;\n  fields: SchemaViewConfig[];\n}\n\nexport class SchemaFieldsState {\n  _storedFields: SchemaViewConfig[] = [];\n  readonly initTask = new TaskState();\n  private _persistQueue: Promise<void> = Promise.resolve();\n  private readonly params: SchemaFieldsStateParams;\n\n  constructor(params: SchemaFieldsStateParams) {\n    this.params = params;\n    makeObservable(this, {\n      _storedFields: observable,\n      orderedFields: computed,\n      setFieldVisibility: action.bound,\n      setFieldOrder: action.bound,\n    });\n  }\n\n  init() {\n    this.initTask.runOnce(async () => {\n      try {\n        await this._fetchFromStorage();\n      } catch (e) {\n        console.error(e);\n      }\n    });\n  }\n\n  get orderedFields(): SchemaViewConfig[] {\n    if (!this._storedFields.length) {\n      return this.params.fields;\n    }\n    // Fields not in storage all get index -1; stable sort preserves their declaration order\n    return [...this.params.fields].sort(\n      indexOfCompareFn(this._storedFields, (f) => f?.id),\n    );\n  }\n\n  isFieldVisible(id: string): boolean {\n    const field = this.params.fields.find((f) => f.id === id);\n    if (!field) {\n      return true;\n    } // unknown id — render by default\n    if (field.hideable === false) {\n      return true;\n    } // non-hideable — always visible\n    const stored = this._storedFields.find((f) => f.id === id);\n    return stored ? stored.isVisible ?? true : field.isVisible ?? true;\n  }\n\n  setFieldVisibility(id: string, isVisible: boolean) {\n    const idx = this._storedFields.findIndex((f) => f.id === id);\n    if (idx >= 0) {\n      // Replace element (not mutate in-place) so MobX tracks the array change\n      this._storedFields[idx] = { ...this._storedFields[idx], isVisible };\n    } else {\n      this._storedFields.push({ id, isVisible });\n    }\n    // Wait for init to complete before persisting — prevents overwriting the\n    // full stored layout when called before _fetchFromStorage resolves.\n    // Serialize writes: chain onto the queue so rapid toggles don't race.\n    this._persistQueue = this._persistQueue\n      .then(() => this.initTask.status.promise)\n      .then(() => this.persistFields())\n      .catch((e) => console.error(e));\n  }\n\n  setFieldOrder(orderedFields: SchemaViewConfig[]) {\n    const storedMap = new Map(this._storedFields.map((f) => [f.id, f]));\n    const declaredMap = new Map(this.params.fields.map((f) => [f.id, f]));\n\n    // Rebuild _storedFields in the new order, preserving existing visibility.\n    // Only include fields that are still declared; unknown ids are silently dropped.\n    this._storedFields = orderedFields\n      .filter((f) => declaredMap.has(f.id))\n      .map(\n        (f) =>\n          storedMap.get(f.id) ?? {\n            id: f.id,\n            isVisible: declaredMap.get(f.id)!.isVisible ?? true,\n          },\n      );\n\n    this._persistQueue = this._persistQueue\n      .then(() => this.initTask.status.promise)\n      .then(() => this.persistFields())\n      .catch((e) => console.error(e));\n  }\n\n  private async persistFields() {\n    const fields = this._storedFields.map(({ id, isVisible }) => ({\n      id,\n      isVisible,\n    }));\n    await this.params.dataCapsule.setItem(STORAGE_KEY, { fields });\n  }\n\n  async _fetchFromStorage() {\n    const { dataCapsule, fields } = this.params;\n    let storedLayout: StoredLayout | null = null;\n    try {\n      const raw = await dataCapsule.getItem<StoredLayout>(STORAGE_KEY);\n      storedLayout =\n        raw && typeof raw === 'object' && Array.isArray(raw.fields)\n          ? raw\n          : null;\n    } catch (e) {\n      if (e instanceof Error && e.message === 'Key was not found in capsule') {\n        storedLayout = null;\n      } else {\n        throw e;\n      }\n    }\n    if (!storedLayout) {\n      return;\n    }\n\n    // Merge: keep stored order/visibility; append new fields; drop removed ones.\n    // Dedup by id — keeps the first occurrence, discarding any corrupt duplicates.\n    const declaredIds = new Set(fields.map((f) => f.id));\n    const seenIds = new Set<string>();\n    const merged: SchemaViewConfig[] = storedLayout.fields.filter((f) => {\n      if (!f?.id || !declaredIds.has(f.id) || seenIds.has(f.id)) {\n        return false;\n      }\n      seenIds.add(f.id);\n      return true;\n    });\n    fields.forEach((f) => {\n      if (!merged.some((s) => s.id === f.id)) {\n        merged.push({ id: f.id, isVisible: f.isVisible ?? true });\n      }\n    });\n    runInAction(() => {\n      this._storedFields = merged;\n    });\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_events","_mobx","_indexOfCompareFn","STORAGE_KEY","SchemaFieldsState","constructor","params","_defineProperty2","default","TaskState","EventEmitter","Promise","resolve","makeObservable","_storedFields","observable","fields","computed","orderedFields","setFieldVisibility","action","bound","setFieldOrder","init","initTask","runOnce","beforeInitialFetchListeners","events","listeners","all","map","l","_fetchFromStorage","e","console","error","length","sort","indexOfCompareFn","f","id","isFieldVisible","field","find","hideable","stored","isVisible","idx","findIndex","push","_persistQueue","then","status","promise","persistFields","catch","storedMap","Map","declaredMap","filter","has","get","dataCapsule","setItem","storedLayout","raw","getItem","Array","isArray","Error","message","declaredIds","Set","seenIds","merged","add","forEach","some","s","runInAction","exports"],"sources":["../../../../src/state/SchemaCard/SchemaFieldsState.ts"],"sourcesContent":["import { DataCapsule, TaskState, TypedEmitter } from '@wix/bex-core';\nimport { EventEmitter } from 'events';\nimport {\n  action,\n  computed,\n  makeObservable,\n  observable,\n  runInAction,\n} from 'mobx';\nimport { indexOfCompareFn } from '../indexOfCompareFn';\n\nconst STORAGE_KEY = 'schema-card-layout';\n\nexport interface SchemaViewConfig {\n  id: string;\n  isVisible?: boolean;\n  hideable?: boolean; // not persisted — consumer-only; false = always visible\n}\n\ntype StoredLayout = {\n  fields: Pick<SchemaViewConfig, 'id' | 'isVisible'>[];\n};\n\nexport interface SchemaFieldsStateParams {\n  dataCapsule: DataCapsule;\n  /** A function when the fields aren't known yet — it is read reactively, so a\n   *  state can be created before the schema that declares them loads. */\n  fields: SchemaViewConfig[] | (() => SchemaViewConfig[]);\n}\n\nexport class SchemaFieldsState {\n  _storedFields: SchemaViewConfig[] = [];\n  readonly initTask = new TaskState();\n\n  /**\n   * `beforeInitialFetch` holds the stored-layout read until whatever declares\n   * the fields is ready — for fields that arrive with a schema, the load. A\n   * listener returns a promise; register it before `init()`. Without it the\n   * merge would run against no declared ids and drop the whole saved layout.\n   */\n  readonly events = new EventEmitter() as TypedEmitter<{\n    beforeInitialFetch: () => void;\n  }>;\n\n  private _persistQueue: Promise<void> = Promise.resolve();\n  private readonly params: SchemaFieldsStateParams;\n\n  constructor(params: SchemaFieldsStateParams) {\n    this.params = params;\n    makeObservable(this, {\n      _storedFields: observable,\n      fields: computed,\n      orderedFields: computed,\n      setFieldVisibility: action.bound,\n      setFieldOrder: action.bound,\n    });\n  }\n\n  init() {\n    this.initTask.runOnce(async () => {\n      try {\n        const beforeInitialFetchListeners =\n          this.events.listeners('beforeInitialFetch');\n        await Promise.all(beforeInitialFetchListeners.map((l) => l()));\n        await this._fetchFromStorage();\n      } catch (e) {\n        console.error(e);\n      }\n    });\n  }\n\n  get fields(): SchemaViewConfig[] {\n    const { fields } = this.params;\n    return typeof fields === 'function' ? fields() : fields;\n  }\n\n  get orderedFields(): SchemaViewConfig[] {\n    if (!this._storedFields.length) {\n      return this.fields;\n    }\n    // Fields not in storage all get index -1; stable sort preserves their declaration order\n    return [...this.fields].sort(\n      indexOfCompareFn(this._storedFields, (f) => f?.id),\n    );\n  }\n\n  isFieldVisible(id: string): boolean {\n    const field = this.fields.find((f) => f.id === id);\n    if (!field) {\n      return true;\n    } // unknown id — render by default\n    if (field.hideable === false) {\n      return true;\n    } // non-hideable — always visible\n    const stored = this._storedFields.find((f) => f.id === id);\n    return stored ? stored.isVisible ?? true : field.isVisible ?? true;\n  }\n\n  setFieldVisibility(id: string, isVisible: boolean) {\n    const idx = this._storedFields.findIndex((f) => f.id === id);\n    if (idx >= 0) {\n      // Replace element (not mutate in-place) so MobX tracks the array change\n      this._storedFields[idx] = { ...this._storedFields[idx], isVisible };\n    } else {\n      this._storedFields.push({ id, isVisible });\n    }\n    // Wait for init to complete before persisting — prevents overwriting the\n    // full stored layout when called before _fetchFromStorage resolves.\n    // Serialize writes: chain onto the queue so rapid toggles don't race.\n    this._persistQueue = this._persistQueue\n      .then(() => this.initTask.status.promise)\n      .then(() => this.persistFields())\n      .catch((e) => console.error(e));\n  }\n\n  setFieldOrder(orderedFields: SchemaViewConfig[]) {\n    const storedMap = new Map(this._storedFields.map((f) => [f.id, f]));\n    const declaredMap = new Map(this.fields.map((f) => [f.id, f]));\n\n    // Rebuild _storedFields in the new order, preserving existing visibility.\n    // Only include fields that are still declared; unknown ids are silently dropped.\n    this._storedFields = orderedFields\n      .filter((f) => declaredMap.has(f.id))\n      .map(\n        (f) =>\n          storedMap.get(f.id) ?? {\n            id: f.id,\n            isVisible: declaredMap.get(f.id)!.isVisible ?? true,\n          },\n      );\n\n    this._persistQueue = this._persistQueue\n      .then(() => this.initTask.status.promise)\n      .then(() => this.persistFields())\n      .catch((e) => console.error(e));\n  }\n\n  private async persistFields() {\n    const fields = this._storedFields.map(({ id, isVisible }) => ({\n      id,\n      isVisible,\n    }));\n    await this.params.dataCapsule.setItem(STORAGE_KEY, { fields });\n  }\n\n  async _fetchFromStorage() {\n    const { dataCapsule } = this.params;\n    const { fields } = this;\n    let storedLayout: StoredLayout | null = null;\n    try {\n      const raw = await dataCapsule.getItem<StoredLayout>(STORAGE_KEY);\n      storedLayout =\n        raw && typeof raw === 'object' && Array.isArray(raw.fields)\n          ? raw\n          : null;\n    } catch (e) {\n      if (e instanceof Error && e.message === 'Key was not found in capsule') {\n        storedLayout = null;\n      } else {\n        throw e;\n      }\n    }\n    if (!storedLayout) {\n      return;\n    }\n\n    // Merge: keep stored order/visibility; append new fields; drop removed ones.\n    // Dedup by id — keeps the first occurrence, discarding any corrupt duplicates.\n    const declaredIds = new Set(fields.map((f) => f.id));\n    const seenIds = new Set<string>();\n    const merged: SchemaViewConfig[] = storedLayout.fields.filter((f) => {\n      if (!f?.id || !declaredIds.has(f.id) || seenIds.has(f.id)) {\n        return false;\n      }\n      seenIds.add(f.id);\n      return true;\n    });\n    fields.forEach((f) => {\n      if (!merged.some((s) => s.id === f.id)) {\n        merged.push({ id: f.id, isVisible: f.isVisible ?? true });\n      }\n    });\n    runInAction(() => {\n      this._storedFields = merged;\n    });\n  }\n}\n"],"mappings":"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","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/state/buildEditableFieldColumns.js

@@ -2,11 +2,26 @@
 
 exports.__esModule = true;
 exports.buildEditableFieldColumns = buildEditableFieldColumns;
+var _bexCore = require("@wix/bex-core");
 var _fieldTypeToCellType = require("./EditableTable/fieldTypeToCellType");
 // Types whose editable cell needs typeConfig the projection can't supply yet
 // (referenced collection, address shape). Until that lands, they render as a
 // read-only 'object' cell rather than a broken editor.
 const NEEDS_TYPE_CONFIG = new Set(['REFERENCE', 'MULTI_REFERENCE', 'ADDRESS']);
+
+/**
+ * Whether this column has a usable inline editor. Read-only cases:
+ * `NEEDS_TYPE_CONFIG` types are downgraded to a display cell, `UNKNOWN` has no
+ * editor, and a `CUSTOM` field is only editable through a definition that
+ * supplies an EditComponent. Everything else keeps its cell type's own editor —
+ * including OBJECT / ARRAY, whose cells edit as JSON.
+ */
+function hasEditor(field, customCell) {
+  if (customCell) {
+    return !!customCell.EditComponent;
+  }
+  return field.type !== 'CUSTOM' && field.type !== 'UNKNOWN' && !NEEDS_TYPE_CONFIG.has(field.type);
+}
 function toValidationRules(field) {
   var _v$numberRange, _v$numberRange2, _v$stringLengthRange, _v$stringLengthRange2;
   const v = field.validation;
@@ -51,31 +66,57 @@ function toValidationRules(field) {
   return rules;
 }
 
+// The inline-custom cell config for a resolved definition: its editableTable
+// slot, with the definition's value-level validation layered in when the slot
+// doesn't validate itself.
+function synthesizeCellConfig(definition) {
+  var _definition$value;
+  const editableTable = definition.editableTable;
+  const valueValidate = (_definition$value = definition.value) == null ? void 0 : _definition$value.validate;
+  const validate = valueValidate && ((value, rules) => valueValidate(value, rules));
+  return {
+    ...editableTable,
+    validate
+  };
+}
+
 /**
  * Projects a FieldsSource's fields into EditableTable columns: a cell type by
  * field type, value read/write through the source, validation from the field,
  * and the flags the header reads for its disable rules. A cell is editable only
  * when the source can write it back (setCellValue) and the field isn't a system
- * field.
+ * field. A CUSTOM field renders through its definition's editableTable slot as
+ * an inline custom cell; without one it falls back to a read-only object cell.
  */
-function buildEditableFieldColumns(source) {
+function buildEditableFieldColumns(source, editableCellFor) {
   const canWrite = typeof source.setCellValue === 'function';
   return source.fields.map(field => {
-    var _field$capabilities;
+    var _definition$capabilit, _field$capabilities;
     const id = source.columnIdForField(field);
-    const cellType = NEEDS_TYPE_CONFIG.has(field.type) ? 'object' : _fieldTypeToCellType.FIELD_TYPE_TO_CELL_TYPE[field.type] ?? 'object';
+    const definition = (0, _bexCore.resolveFieldTypeDefinition)(source, field);
+    const customCell = definition != null && definition.editableTable ? synthesizeCellConfig(definition) : undefined;
+    // A source-supplied cell wins over the downgrade: it carries the typeConfig
+    // that made the type read-only here in the first place.
+    const sourceCell = customCell ? undefined : NEEDS_TYPE_CONFIG.has(field.type) ? editableCellFor == null ? void 0 : editableCellFor(field) : undefined;
+    const cellType = customCell ? 'custom' : (sourceCell == null ? void 0 : sourceCell.cellType) ?? (NEEDS_TYPE_CONFIG.has(field.type) ? 'object' : _fieldTypeToCellType.FIELD_TYPE_TO_CELL_TYPE[field.type] ?? 'object');
     const validation = toValidationRules(field);
-    const editable = canWrite && cellType !== 'object' && !field.isSystem;
+    const editable = canWrite && !field.isSystem && (!!sourceCell || hasEditor(field, customCell));
     return {
       id,
       cellType,
+      ...(customCell && {
+        typeConfig: customCell
+      }),
+      ...(sourceCell && {
+        typeConfig: sourceCell.typeConfig
+      }),
       field,
       title: field.displayName,
       name: field.displayName,
       isPrimary: field.isPrimary,
       isSystem: field.isSystem,
       hideable: true,
-      sortable: ((_field$capabilities = field.capabilities) == null ? void 0 : _field$capabilities.sortable) ?? false,
+      sortable: (definition == null || (_definition$capabilit = definition.capabilities) == null ? void 0 : _definition$capabilit.sortable) ?? ((_field$capabilities = field.capabilities) == null ? void 0 : _field$capabilities.sortable) ?? false,
       editable,
       validation: validation.length ? validation : undefined,
       getValue: item => source.getCellValue(item, field),