@wix/patterns 1.440.0 → 1.443.0

package/dist/cjs/components/ReferenceFieldFilter/pr-5715-comments.md

@@ -0,0 +1,73 @@
+# PR #5715 review comments
+
+[feat(FieldFilters): filter reference fields by the referenced items #CAIRO-4443](https://github.com/wix-private/cairo/pull/5715)
+
+Reviewers tracked: **github-actions[bot]** (Codex, gpt-5.6-luna) and **kobiburnley**.
+
+## Review summaries
+
+> **[Codex Code Review](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4961993440)** — github-actions[bot], on `060fc6e8`
+> Found 4 issues.
+
+> **[Re-review — 4f86803](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4970108817)** — kobiburnley
+> **Verdict: Approve** — no blockers. Both blockers from the previous round are resolved, and the bundle one is resolved better than what I suggested […] CI agrees with the commit message's measurement (`DataExtension.umd.min.js`: 502,008 on master → 614,271 before → 502,429 after) […] Falcon was still running when I posted this.
+
+(An earlier kobiburnley review body was just `ignore` — [link](https://github.com/wix-private/cairo/pull/5715#pullrequestreview-4969822009).)
+
+**Do not collapse the two `displayName` points.** The re-review retires an earlier
+note about a missing `displayName` on the grounds that it "doesn't matter for an
+internal component" — that one is about the component's public identity, and it
+is indeed moot. Inline comment #2 is a different, functional problem: the toolbar
+reads `filter.type.displayName` to decide whether to force the side panel, so the
+missing name changes layout whether or not the component is public. #2 stays open.
+
+## Inline comments
+
+| # | Comment link | Description | Severity | Status | Resolution recommendation |
+|---|---|---|---|---|---|
+| 1 | [discussion_r3804846800](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846800) — `ReferenceFieldFilter.tsx:45` | `queryName: reference-filter-${fieldId}` carries no collection identity. Two fields with the same id pointing at different collections share a React Query entry; with `refetchOnMount: false` the second shows the first's options. | Major | done | Fixed in `375939be2`. The referenced collection is already on the field, so `buildFieldFilters` passes `field.referenceMetadata.referencedCollectionId` — no resolver change. Name is now `reference-filter-<collectionId>-<fieldId>`; the field id stays so two fields on one collection keep fetching independently as today. Pinned by `referenceFilterQueryName` unit tests + an element-props test in `EditableTable.referenceFieldFilters.spec.tsx`. |
+| 2 | [discussion_r3804846803](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846803) — `ReferenceFieldFilter.tsx:41` | `CollectionToolbarFilters.forceShowSidePanel` matches on `filter.type.displayName` against a fixed list including `MultiSelectCollectionFilter`. The wrapper has no `displayName`, so a reference filter among the first `inline` filters renders inline instead of forcing the side panel. | Major | done | Fixed in `2ff75d038`. The component declares `displayName = 'ReferenceFieldFilter'` and the detection array becomes a named export, `SIDE_PANEL_FILTER_DISPLAY_NAMES`, carrying it. Did **not** set the name to `'MultiSelectCollectionFilter'` as suggested — the component would then misreport itself in devtools and error traces to satisfy a string match. Pinned from both sides in `EditableTable.referenceFieldFilters.spec.tsx` ("toolbar placement"). See F1 below for the wider gap this uncovered. |
+| 3 | [discussion_r3804846812](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846812) — `buildFieldFilters.tsx` | The reference branch omits `fieldType`, which every other generated field filter passes. Source-driven tables enable field-type icons, so the reference filter shows the generic fallback icon. | Minor | open | **Verified real** — the generic branch passes `fieldType={config.iconType?.(field) ?? toFieldType(field.type)}`; the reference branch passes none. Pass the same expression in the reference branch. |
+| 4 | [discussion_r3804846821](https://github.com/wix-private/cairo/pull/5715#discussion_r3804846821) — `ReferenceFieldFilter.tsx:45` | Same cache-key collision as #1, with the added tenant/context angle: a shared cache could surface another collection's ids. | Major | done (collision) / open (tenant) | Collision fixed with #1 in `375939be2`. **The "clear or isolate the cache when that context changes" half is not addressed**: the cache lives in the container's QueryClient, so a tenant switch that replaces the container is already isolated — a deployment that keeps one container across tenants would need a broader fix than this component. |
+| 5 | [discussion_r3811150592](https://github.com/wix-private/cairo/pull/5715#discussion_r3811150592) — `ReferenceFieldFilter.tsx:3` | Blocker: the static `ReferenceAvatar` import from `@wix/patterns-fields` put that package in every Table/Grid's eager graph (~110kb), which is what `FieldCell.tsx`'s `lazyCell` exists to prevent. Bundle checks failing. | Blocker | done | Fixed in `4f86803c3` by injecting the component through `FieldsSourceComponents` instead of lazy-loading — the source supplies it, DataExtension supplies nothing. Measured `DataExtension.umd.min.js` 614,271 → 502,429 (master 502,008). All three bundle checks green; reviewer confirmed. |
+| 6 | [discussion_r3811150602](https://github.com/wix-private/cairo/pull/5715#discussion_r3811150602) — `buildFieldFilters.tsx` | Blocker: same root cause from the builder side. Plus: Falcon reported `3 failed (1 new)` vs #5714's clean run — confirm the new failure isn't the map change flipping an expectation. | Blocker | done (bundle) / **open (Falcon)** | Bundle half fixed by `4f86803c3` — `buildFieldFilters` now holds a type-only import. **The Falcon failure is not yet confirmed either way**; reviewer's own guess is the perfer bundle check counted as a test, but that is unverified. Check the latest Falcon run on `4f86803c3`. |
+
+## Non-blocking notes from the re-review summary
+
+Not inline comments — no `comment_id`, so these are answered with a general PR comment.
+
+| # | Description | Severity | Status | Resolution recommendation |
+|---|---|---|---|---|
+| N1 | The **schema** path now eagerly pulls the `@wix/patterns-fields` root barrel via `ReferenceAvatar` → `ReferenceFieldFilter` → `SchemaState`/`schemaRendering`. `ReferenceFieldCell.tsx`, twelve lines away, lazy-loads the same barrel with `lazyView` for exactly this reason. No bundle fixture covers the schema entry, so CI cannot see it. | Major (untested by CI) | open | The ~110kb moved rather than disappeared — it now lands on schema-source consumers. Copy `lazyView` into `ReferenceFieldFilter` (~3 lines). **Highest-value item here.** |
+| N2 | The injected component is threaded as a 4th positional arg through four functions where it only acts as a truthiness flag, and is redundant with `config.referenceItems` (every source has both or neither). | Minor | open | Move the component onto `FieldFilterConfig` next to `referenceItems`: one parameter list, one source of truth. |
+| N3 | `SchemaState.filterableFields` hardcodes the imported `ReferenceFieldFilter` while `buildFilters`/`registerFilters` read `components.ReferenceFieldFilter`. | Minor | open | Collapses into N2 — with the component on `FieldFilterConfig` there is only one place to read it. |
+| N4 | Opening the Filters panel fires one referenced-collection query per reference field (`useCollectionFilterInitialFetchTiming` fetches on mount). | Minor | open | Pass `initialFetchTiming: 'focus'` to `MultiSelectCollectionFilter` to defer to first interaction. |
+| N5 | `queryName` unique per field but not per collection. | Major | done | Closed by `375939be2` with #1/#4. |
+| N6 | `_schemaOf` and `_request` both call `refSource.loadSchema()`; free while every `references` entry comes from `defineSchemaSource`, a double load for a hand-rolled `SchemaSource`. | Nit | open | Either route `_request` through `_schemaOf`, or document the memoization assumption at `itemsFetcherFor`. |
+| N7 | `simplify` keeps only `{id, name}`, so a URL-restored filter shows options without images until the collection loads. | Nit | open | Cosmetic; likely dismiss. |
+
+## Follow-ups found while resolving
+
+| # | Description | Severity | Status |
+|---|---|---|---|
+| F1 | **`forceShowSidePanel` has never fired for any field filter.** It matches on `displayName`, and four of the five wrappers in `CustomFieldFilters/` declare none: `CheckboxCustomFieldFilter` (wraps `RadioGroupFilter`), `DateCustomFieldFilter` and `DateTimeCustomFieldFilter` (wrap `DateRangeFilter`), `HasValueCustomFieldFilter` (wraps `MultiInlineCheckboxFilter`). Only `OperatorFilterCustomFieldFilter` names itself, and its wrapped filter is correctly absent from the list. So DATE, DATETIME and BOOLEAN field filters have always rendered inline, and #5714 extended that to the 11 has-value types. | Major, pre-existing | open — **deliberately out of scope here** |
+
+Fixing F1 is one line per wrapper, but it changes toolbar layout for existing
+DATE / BOOLEAN / has-value filters — a visible behaviour change unrelated to
+this PR, worth its own change and a look from someone who owns the layout. The
+doc comment on `SIDE_PANEL_FILTER_DISPLAY_NAMES` names the trap so the next
+wrapper author sees it.
+
+## Suggested order
+
+1. ~~**#1/#4/N5** — cache-key collision~~ — done, `375939be2`.
+1. ~~**#2** — side-panel layout~~ — done, `2ff75d038`.
+2. **N1** — the bundle cost that moved to the schema entry and that CI cannot
+   catch. Parked mid-change: the work is saved as a patch at
+   `scratchpad/N1-lazy-avatar.patch` (extracts `lazyView` from
+   `ReferenceFieldCell` into a shared `lazyPatternsFields` helper and uses it
+   for `ReferenceAvatar`). Apply with `git apply` to resume.
+3. **#3** — field-type icon.
+4. **N2/N3** — parameter-threading cleanup.
+5. **#6 Falcon** — confirm the failing test.
+6. **N4**, then **N6/N7**. **F1** separately.

package/dist/cjs/components/SchemaSource/SchemaState.js

@@ -7,6 +7,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _mobx = require("mobx");
 var _CollectionFieldsSourceState = require("../../state/CollectionFieldsSourceState");
 var _buildFieldFilters = require("../../state/buildFieldFilters");
+var _ReferenceFieldFilter = require("../ReferenceFieldFilter");
 var _schemaFieldsSource = require("./schemaFieldsSource");
 var _schemaRendering = require("./schemaRendering");
 var _referenceCells = require("./referenceCells");
@@ -26,10 +27,13 @@ class SchemaState {
     (0, _defineProperty2.default)(this, "fieldsSource", void 0);
     /** Supplies the reference cells their referenced-collection config. */
     (0, _defineProperty2.default)(this, "referenceCells", void 0);
+    /** This source's filter behavior, read both here and by the spine. */
+    (0, _defineProperty2.default)(this, "filterConfig", void 0);
     (0, _defineProperty2.default)(this, "toolbar", undefined);
     this.sourceState = params.sourceState;
     this.fieldsSource = (0, _schemaFieldsSource.schemaFieldsSource)(this);
     this.referenceCells = new _referenceCells.ReferenceCellsState(this.sourceState);
+    this.filterConfig = (0, _schemaRendering.schemaFilterConfig)(this);
     (0, _mobx.makeObservable)(this, {
       filterableFields: _mobx.computed
     });
@@ -37,7 +41,7 @@ class SchemaState {
 
   /** Fields whose type maps to an auto filter in the toolbar. */
   get filterableFields() {
-    return this.sourceState.fields.filter(f => (0, _buildFieldFilters.isFilterableField)(f, this.fieldsSource));
+    return this.sourceState.fields.filter(f => (0, _buildFieldFilters.isFilterableField)(f, this.fieldsSource, this.filterConfig, _ReferenceFieldFilter.ReferenceFieldFilter));
   }
 
   /** Attaches this source to a table's toolbar via the shared wrapper. */

package/dist/cjs/components/SchemaSource/SchemaState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_CollectionFieldsSourceState","_buildFieldFilters","_schemaFieldsSource","_schemaRendering","_referenceCells","SchemaState","constructor","params","_defineProperty2","default","undefined","sourceState","fieldsSource","schemaFieldsSource","referenceCells","ReferenceCellsState","makeObservable","filterableFields","computed","fields","filter","f","isFilterableField","setOnTable","toolbar","CollectionFieldsSourceState","schemaRendering","exports"],"sources":["../../../../src/components/SchemaSource/SchemaState.ts"],"sourcesContent":["import { computed, makeObservable } from 'mobx';\nimport { Field, FieldsSource, SourceState } from '@wix/bex-core';\nimport type { ToolbarCollectionState } from '../../state';\nimport { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';\nimport { isFilterableField } from '../../state/buildFieldFilters';\nimport { schemaFieldsSource } from './schemaFieldsSource';\nimport { schemaRendering } from './schemaRendering';\nimport { ReferenceCellsState } from './referenceCells';\n\nexport interface SchemaStateParams<T> {\n  sourceState: SourceState<T>;\n}\n\n/**\n * The collection-page side of a source: turns the loaded schema into a\n * source-neutral FieldsSource for the table, owns the field-management object\n * and the add/edit field modal, and builds the table columns from the fields.\n * The page-neutral holding (load, fields, field mutations) lives in the\n * composed core `SourceState`.\n */\nexport class SchemaState<T = Record<string, unknown>> {\n  readonly sourceState: SourceState<T>;\n  /** The read contract the collection spine consumes — a plain adapter whose\n   *  getters read through to `sourceState`, so MobX tracks through it. Built\n   *  once: the spine keeps this exact instance. */\n  readonly fieldsSource: FieldsSource;\n  /** Supplies the reference cells their referenced-collection config. */\n  readonly referenceCells: ReferenceCellsState<T>;\n\n  toolbar?: ToolbarCollectionState<any, any> = undefined;\n\n  constructor(params: SchemaStateParams<T>) {\n    this.sourceState = params.sourceState;\n    this.fieldsSource = schemaFieldsSource(this);\n    this.referenceCells = new ReferenceCellsState<T>(this.sourceState);\n\n    makeObservable(this, {\n      filterableFields: computed,\n    });\n  }\n\n  /** Fields whose type maps to an auto filter in the toolbar. */\n  get filterableFields(): Field[] {\n    return this.sourceState.fields.filter((f) =>\n      isFilterableField(f, this.fieldsSource),\n    );\n  }\n\n  /** Attaches this source to a table's toolbar via the shared wrapper. */\n  setOnTable(toolbar: ToolbarCollectionState<any, any>) {\n    this.toolbar = toolbar;\n    CollectionFieldsSourceState.setOnTable(toolbar, {\n      fieldsSource: this.fieldsSource,\n      ...schemaRendering(this),\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,4BAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,WAAW,CAA8B;EAWpDC,WAAWA,CAACC,MAA4B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAT1C;AACF;AACA;IAFE,IAAAD,gBAAA,CAAAC,OAAA;IAIA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mBAG6CC,SAAS;IAGpD,IAAI,CAACC,WAAW,GAAGJ,MAAM,CAACI,WAAW;IACrC,IAAI,CAACC,YAAY,GAAG,IAAAC,sCAAkB,EAAC,IAAI,CAAC;IAC5C,IAAI,CAACC,cAAc,GAAG,IAAIC,mCAAmB,CAAI,IAAI,CAACJ,WAAW,CAAC;IAElE,IAAAK,oBAAc,EAAC,IAAI,EAAE;MACnBC,gBAAgB,EAAEC;IACpB,CAAC,CAAC;EACJ;;EAEA;EACA,IAAID,gBAAgBA,CAAA,EAAY;IAC9B,OAAO,IAAI,CAACN,WAAW,CAACQ,MAAM,CAACC,MAAM,CAAEC,CAAC,IACtC,IAAAC,oCAAiB,EAACD,CAAC,EAAE,IAAI,CAACT,YAAY,CACxC,CAAC;EACH;;EAEA;EACAW,UAAUA,CAACC,OAAyC,EAAE;IACpD,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtBC,wDAA2B,CAACF,UAAU,CAACC,OAAO,EAAE;MAC9CZ,YAAY,EAAE,IAAI,CAACA,YAAY;MAC/B,GAAG,IAAAc,gCAAe,EAAC,IAAI;IACzB,CAAC,CAAC;EACJ;AACF;AAACC,OAAA,CAAAtB,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_CollectionFieldsSourceState","_buildFieldFilters","_ReferenceFieldFilter","_schemaFieldsSource","_schemaRendering","_referenceCells","SchemaState","constructor","params","_defineProperty2","default","undefined","sourceState","fieldsSource","schemaFieldsSource","referenceCells","ReferenceCellsState","filterConfig","schemaFilterConfig","makeObservable","filterableFields","computed","fields","filter","f","isFilterableField","ReferenceFieldFilter","setOnTable","toolbar","CollectionFieldsSourceState","schemaRendering","exports"],"sources":["../../../../src/components/SchemaSource/SchemaState.ts"],"sourcesContent":["import { computed, makeObservable } from 'mobx';\nimport { Field, FieldsSource, SourceState } from '@wix/bex-core';\nimport type { ToolbarCollectionState } from '../../state';\nimport { CollectionFieldsSourceState } from '../../state/CollectionFieldsSourceState';\nimport { isFilterableField } from '../../state/buildFieldFilters';\nimport { ReferenceFieldFilter } from '../ReferenceFieldFilter';\nimport { schemaFieldsSource } from './schemaFieldsSource';\nimport { schemaFilterConfig, schemaRendering } from './schemaRendering';\nimport type { FieldFilterConfig } from '../../state/buildFieldFilters';\nimport { ReferenceCellsState } from './referenceCells';\n\nexport interface SchemaStateParams<T> {\n  sourceState: SourceState<T>;\n}\n\n/**\n * The collection-page side of a source: turns the loaded schema into a\n * source-neutral FieldsSource for the table, owns the field-management object\n * and the add/edit field modal, and builds the table columns from the fields.\n * The page-neutral holding (load, fields, field mutations) lives in the\n * composed core `SourceState`.\n */\nexport class SchemaState<T = Record<string, unknown>> {\n  readonly sourceState: SourceState<T>;\n  /** The read contract the collection spine consumes — a plain adapter whose\n   *  getters read through to `sourceState`, so MobX tracks through it. Built\n   *  once: the spine keeps this exact instance. */\n  readonly fieldsSource: FieldsSource;\n  /** Supplies the reference cells their referenced-collection config. */\n  readonly referenceCells: ReferenceCellsState<T>;\n  /** This source's filter behavior, read both here and by the spine. */\n  readonly filterConfig: FieldFilterConfig;\n\n  toolbar?: ToolbarCollectionState<any, any> = undefined;\n\n  constructor(params: SchemaStateParams<T>) {\n    this.sourceState = params.sourceState;\n    this.fieldsSource = schemaFieldsSource(this);\n    this.referenceCells = new ReferenceCellsState<T>(this.sourceState);\n    this.filterConfig = schemaFilterConfig(this);\n\n    makeObservable(this, {\n      filterableFields: computed,\n    });\n  }\n\n  /** Fields whose type maps to an auto filter in the toolbar. */\n  get filterableFields(): Field[] {\n    return this.sourceState.fields.filter((f) =>\n      isFilterableField(\n        f,\n        this.fieldsSource,\n        this.filterConfig,\n        ReferenceFieldFilter,\n      ),\n    );\n  }\n\n  /** Attaches this source to a table's toolbar via the shared wrapper. */\n  setOnTable(toolbar: ToolbarCollectionState<any, any>) {\n    this.toolbar = toolbar;\n    CollectionFieldsSourceState.setOnTable(toolbar, {\n      fieldsSource: this.fieldsSource,\n      ...schemaRendering(this),\n    });\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAGA,IAAAC,4BAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AAEA,IAAAM,eAAA,GAAAN,OAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMO,WAAW,CAA8B;EAapDC,WAAWA,CAACC,MAA4B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAX1C;AACF;AACA;IAFE,IAAAD,gBAAA,CAAAC,OAAA;IAIA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAEA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mBAG6CC,SAAS;IAGpD,IAAI,CAACC,WAAW,GAAGJ,MAAM,CAACI,WAAW;IACrC,IAAI,CAACC,YAAY,GAAG,IAAAC,sCAAkB,EAAC,IAAI,CAAC;IAC5C,IAAI,CAACC,cAAc,GAAG,IAAIC,mCAAmB,CAAI,IAAI,CAACJ,WAAW,CAAC;IAClE,IAAI,CAACK,YAAY,GAAG,IAAAC,mCAAkB,EAAC,IAAI,CAAC;IAE5C,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,gBAAgB,EAAEC;IACpB,CAAC,CAAC;EACJ;;EAEA;EACA,IAAID,gBAAgBA,CAAA,EAAY;IAC9B,OAAO,IAAI,CAACR,WAAW,CAACU,MAAM,CAACC,MAAM,CAAEC,CAAC,IACtC,IAAAC,oCAAiB,EACfD,CAAC,EACD,IAAI,CAACX,YAAY,EACjB,IAAI,CAACI,YAAY,EACjBS,0CACF,CACF,CAAC;EACH;;EAEA;EACAC,UAAUA,CAACC,OAAyC,EAAE;IACpD,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtBC,wDAA2B,CAACF,UAAU,CAACC,OAAO,EAAE;MAC9Cf,YAAY,EAAE,IAAI,CAACA,YAAY;MAC/B,GAAG,IAAAiB,gCAAe,EAAC,IAAI;IACzB,CAAC,CAAC;EACJ;AACF;AAACC,OAAA,CAAAzB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/SchemaSource/referenceCells.js

@@ -65,6 +65,28 @@ class ReferenceCellsState {
     };
   }
 
+  /**
+   * Queries the referenced collection's items, for a reference field's filter.
+   * `undefined` when the source declares no reference for this field — that is
+   * what decides whether the field gets a filter at all.
+   *
+   * The returned function resolves the referenced schema on call rather than
+   * up front, so a caller that captures it once (the filter collection does)
+   * still queries correctly once the schema lands.
+   */
+  itemsFetcherFor(field) {
+    var _this$_sourceState$so;
+    const collectionId = referencedCollectionIdOf(field);
+    const refSource = collectionId && ((_this$_sourceState$so = this._sourceState.source.references) == null ? void 0 : _this$_sourceState$so[collectionId]);
+    if (!collectionId || !refSource) {
+      return undefined;
+    }
+    return async query => {
+      const schema = await this._schemaOf(collectionId, refSource);
+      return fetchReferenceItems(refSource, schema, query);
+    };
+  }
+
   /** The referenced collection's id / display / image fields, for rendering a
    *  reference value. `undefined` until the referenced schema resolves. */
   refSchemaFor(field) {
@@ -75,12 +97,12 @@ class ReferenceCellsState {
   /** The referenced source and its loaded schema, requesting the load on first
    *  ask. Returns `undefined` until it lands, or if the source has no entry. */
   _resolve(field) {
-    var _this$_sourceState$so;
+    var _this$_sourceState$so2;
     const collectionId = referencedCollectionIdOf(field);
     if (!collectionId) {
       return undefined;
     }
-    const refSource = (_this$_sourceState$so = this._sourceState.source.references) == null ? void 0 : _this$_sourceState$so[collectionId];
+    const refSource = (_this$_sourceState$so2 = this._sourceState.source.references) == null ? void 0 : _this$_sourceState$so2[collectionId];
     if (!refSource) {
       return undefined;
     }
@@ -95,6 +117,20 @@ class ReferenceCellsState {
       schema
     };
   }
+
+  /** The referenced schema, loading it if this is the first ask. Unlike
+   *  `_request` this hands back the load, for callers that must wait. */
+  async _schemaOf(collectionId, refSource) {
+    const loaded = this._schemas.get(collectionId);
+    if (loaded) {
+      return loaded;
+    }
+    const {
+      schema
+    } = await refSource.loadSchema();
+    (0, _mobx.runInAction)(() => this._schemas.set(collectionId, schema));
+    return schema;
+  }
   _request(collectionId, refSource) {
     if (this._requested.has(collectionId)) {
       return;

package/dist/cjs/components/SchemaSource/referenceCells.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_bexCore","referencedCollectionIdOf","field","_field$referenceMetad","type","referenceMetadata","referencedCollectionId","undefined","imageFieldOf","fields","_Object$entries$find","Object","entries","find","f","toRefSchema","schema","collectionId","id","displayField","idField","fromEntries","filter","map","ReferenceCellsState","constructor","sourceState","_defineProperty2","default","observable","Set","_sourceState","cellFor","resolved","_resolve","refSource","cellType","typeConfig","refSchema","fetchReferenceItems","query","refSchemaFor","_this$_sourceState$so","source","references","_schemas","get","_request","_requested","has","add","loadSchema","then","runInAction","set","catch","delete","exports","imageField","items","total","sourceFetchData","item","String","name","image","length"],"sources":["../../../../src/components/SchemaSource/referenceCells.ts"],"sourcesContent":["import { observable, runInAction } from 'mobx';\nimport { sourceFetchData } from '@wix/bex-core';\nimport type {\n  Field,\n  OffsetQuery,\n  Schema,\n  SchemaSource,\n  SourceState,\n} from '@wix/bex-core';\nimport type { EditableCellUpgrade } from '../../state/CollectionFieldsSourceState';\nimport type {\n  ReferenceItem,\n  ReferenceTypeConfig,\n  RefSchema,\n} from '../EditableTable/cellTypes/reference/types';\n\ntype RefRow = Record<string, unknown>;\n\nconst referencedCollectionIdOf = (field: Field): string | undefined =>\n  field.type === 'REFERENCE' || field.type === 'MULTI_REFERENCE'\n    ? field.referenceMetadata?.referencedCollectionId\n    : undefined;\n\nconst imageFieldOf = (fields: Schema['fields']): string | undefined =>\n  Object.entries(fields ?? {}).find(([, f]) => f?.type === 'IMAGE')?.[0];\n\nconst toRefSchema = (schema: Schema, collectionId: string): RefSchema => ({\n  id: schema.id ?? collectionId,\n  collectionId,\n  displayField: schema.displayField,\n  idField: schema.idField,\n  fields: Object.fromEntries(\n    Object.entries(schema.fields ?? {})\n      .filter(([, f]) => f?.type === 'IMAGE')\n      .map(([id]) => [id, { type: 'IMAGE' as const }]),\n  ),\n});\n\n/**\n * Supplies the reference / multi-reference cells the `typeConfig` they need:\n * the referenced collection's schema (for the id / display / image fields) and\n * a query for its items.\n *\n * The referenced schema loads asynchronously, so `cellFor` answers `undefined`\n * until it lands and the column stays a read-only display; once loaded, the\n * column builder's computed re-runs and the cell upgrades to the real editor.\n */\nexport class ReferenceCellsState<T = Record<string, unknown>> {\n  private readonly _sourceState: SourceState<T>;\n  /** Referenced schema per referenced collection id, once loaded. */\n  private readonly _schemas = observable.map<string, Schema>();\n  /** Ids already requested. A plain Set, so reading `cellFor` from a computed\n   *  mutates no observable — only the async result does, in an action. */\n  private readonly _requested = new Set<string>();\n\n  constructor(sourceState: SourceState<T>) {\n    this._sourceState = sourceState;\n  }\n\n  /** The cell type and config for a reference field, or `undefined` while the\n   *  referenced schema is still loading (or the source has no entry for it). */\n  cellFor(field: Field): EditableCellUpgrade | undefined {\n    const resolved = this._resolve(field);\n    if (!resolved) {\n      return undefined;\n    }\n    const { collectionId, refSource, schema } = resolved;\n\n    return {\n      cellType:\n        field.type === 'MULTI_REFERENCE' ? 'multiReference' : 'reference',\n      typeConfig: {\n        refSchema: toRefSchema(schema, collectionId),\n        fetchReferenceItems: (query) =>\n          fetchReferenceItems(refSource, schema, query),\n      } satisfies ReferenceTypeConfig,\n    };\n  }\n\n  /** The referenced collection's id / display / image fields, for rendering a\n   *  reference value. `undefined` until the referenced schema resolves. */\n  refSchemaFor(field: Field): RefSchema | undefined {\n    const resolved = this._resolve(field);\n    return resolved && toRefSchema(resolved.schema, resolved.collectionId);\n  }\n\n  /** The referenced source and its loaded schema, requesting the load on first\n   *  ask. Returns `undefined` until it lands, or if the source has no entry. */\n  private _resolve(field: Field) {\n    const collectionId = referencedCollectionIdOf(field);\n    if (!collectionId) {\n      return undefined;\n    }\n    const refSource = this._sourceState.source.references?.[collectionId];\n    if (!refSource) {\n      return undefined;\n    }\n    const schema = this._schemas.get(collectionId);\n    if (!schema) {\n      this._request(collectionId, refSource);\n      return undefined;\n    }\n    return { collectionId, refSource, schema };\n  }\n\n  private _request(collectionId: string, refSource: SchemaSource<any>) {\n    if (this._requested.has(collectionId)) {\n      return;\n    }\n    this._requested.add(collectionId);\n    refSource\n      .loadSchema()\n      .then(({ schema }) =>\n        runInAction(() => this._schemas.set(collectionId, schema)),\n      )\n      .catch(() => {\n        // The reference column keeps its read-only display. Retry on the next\n        // schema load rather than holding a failed id forever.\n        this._requested.delete(collectionId);\n      });\n  }\n}\n\nasync function fetchReferenceItems(\n  refSource: SchemaSource<any>,\n  schema: Schema,\n  query: OffsetQuery,\n): Promise<{ items: ReferenceItem[]; total: number }> {\n  const { idField, displayField } = schema;\n  const imageField = imageFieldOf(schema.fields);\n  const { items, total } = await sourceFetchData<RefRow>(refSource)(query);\n\n  return {\n    items: items.map((item) => ({\n      id: String(item[idField] ?? ''),\n      name: String(item[displayField] ?? ''),\n      image: imageField ? (item[imageField] as string | undefined) : undefined,\n    })),\n    total: total ?? items.length,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_bexCore","referencedCollectionIdOf","field","_field$referenceMetad","type","referenceMetadata","referencedCollectionId","undefined","imageFieldOf","fields","_Object$entries$find","Object","entries","find","f","toRefSchema","schema","collectionId","id","displayField","idField","fromEntries","filter","map","ReferenceCellsState","constructor","sourceState","_defineProperty2","default","observable","Set","_sourceState","cellFor","resolved","_resolve","refSource","cellType","typeConfig","refSchema","fetchReferenceItems","query","itemsFetcherFor","_this$_sourceState$so","source","references","_schemaOf","refSchemaFor","_this$_sourceState$so2","_schemas","get","_request","loaded","loadSchema","runInAction","set","_requested","has","add","then","catch","delete","exports","imageField","items","total","sourceFetchData","item","String","name","image","length"],"sources":["../../../../src/components/SchemaSource/referenceCells.ts"],"sourcesContent":["import { observable, runInAction } from 'mobx';\nimport { sourceFetchData } from '@wix/bex-core';\nimport type {\n  Field,\n  OffsetQuery,\n  Schema,\n  SchemaSource,\n  SourceState,\n} from '@wix/bex-core';\nimport type { EditableCellUpgrade } from '../../state/CollectionFieldsSourceState';\nimport type {\n  ReferenceItem,\n  ReferenceTypeConfig,\n  RefSchema,\n} from '../EditableTable/cellTypes/reference/types';\n\ntype RefRow = Record<string, unknown>;\n\nconst referencedCollectionIdOf = (field: Field): string | undefined =>\n  field.type === 'REFERENCE' || field.type === 'MULTI_REFERENCE'\n    ? field.referenceMetadata?.referencedCollectionId\n    : undefined;\n\nconst imageFieldOf = (fields: Schema['fields']): string | undefined =>\n  Object.entries(fields ?? {}).find(([, f]) => f?.type === 'IMAGE')?.[0];\n\nconst toRefSchema = (schema: Schema, collectionId: string): RefSchema => ({\n  id: schema.id ?? collectionId,\n  collectionId,\n  displayField: schema.displayField,\n  idField: schema.idField,\n  fields: Object.fromEntries(\n    Object.entries(schema.fields ?? {})\n      .filter(([, f]) => f?.type === 'IMAGE')\n      .map(([id]) => [id, { type: 'IMAGE' as const }]),\n  ),\n});\n\n/**\n * Supplies the reference / multi-reference cells the `typeConfig` they need:\n * the referenced collection's schema (for the id / display / image fields) and\n * a query for its items.\n *\n * The referenced schema loads asynchronously, so `cellFor` answers `undefined`\n * until it lands and the column stays a read-only display; once loaded, the\n * column builder's computed re-runs and the cell upgrades to the real editor.\n */\nexport class ReferenceCellsState<T = Record<string, unknown>> {\n  private readonly _sourceState: SourceState<T>;\n  /** Referenced schema per referenced collection id, once loaded. */\n  private readonly _schemas = observable.map<string, Schema>();\n  /** Ids already requested. A plain Set, so reading `cellFor` from a computed\n   *  mutates no observable — only the async result does, in an action. */\n  private readonly _requested = new Set<string>();\n\n  constructor(sourceState: SourceState<T>) {\n    this._sourceState = sourceState;\n  }\n\n  /** The cell type and config for a reference field, or `undefined` while the\n   *  referenced schema is still loading (or the source has no entry for it). */\n  cellFor(field: Field): EditableCellUpgrade | undefined {\n    const resolved = this._resolve(field);\n    if (!resolved) {\n      return undefined;\n    }\n    const { collectionId, refSource, schema } = resolved;\n\n    return {\n      cellType:\n        field.type === 'MULTI_REFERENCE' ? 'multiReference' : 'reference',\n      typeConfig: {\n        refSchema: toRefSchema(schema, collectionId),\n        fetchReferenceItems: (query) =>\n          fetchReferenceItems(refSource, schema, query),\n      } satisfies ReferenceTypeConfig,\n    };\n  }\n\n  /**\n   * Queries the referenced collection's items, for a reference field's filter.\n   * `undefined` when the source declares no reference for this field — that is\n   * what decides whether the field gets a filter at all.\n   *\n   * The returned function resolves the referenced schema on call rather than\n   * up front, so a caller that captures it once (the filter collection does)\n   * still queries correctly once the schema lands.\n   */\n  itemsFetcherFor(field: Field):\n    | ((query: OffsetQuery) => Promise<{\n        items: ReferenceItem[];\n        total: number;\n      }>)\n    | undefined {\n    const collectionId = referencedCollectionIdOf(field);\n    const refSource =\n      collectionId && this._sourceState.source.references?.[collectionId];\n    if (!collectionId || !refSource) {\n      return undefined;\n    }\n    return async (query) => {\n      const schema = await this._schemaOf(collectionId, refSource);\n      return fetchReferenceItems(refSource, schema, query);\n    };\n  }\n\n  /** The referenced collection's id / display / image fields, for rendering a\n   *  reference value. `undefined` until the referenced schema resolves. */\n  refSchemaFor(field: Field): RefSchema | undefined {\n    const resolved = this._resolve(field);\n    return resolved && toRefSchema(resolved.schema, resolved.collectionId);\n  }\n\n  /** The referenced source and its loaded schema, requesting the load on first\n   *  ask. Returns `undefined` until it lands, or if the source has no entry. */\n  private _resolve(field: Field) {\n    const collectionId = referencedCollectionIdOf(field);\n    if (!collectionId) {\n      return undefined;\n    }\n    const refSource = this._sourceState.source.references?.[collectionId];\n    if (!refSource) {\n      return undefined;\n    }\n    const schema = this._schemas.get(collectionId);\n    if (!schema) {\n      this._request(collectionId, refSource);\n      return undefined;\n    }\n    return { collectionId, refSource, schema };\n  }\n\n  /** The referenced schema, loading it if this is the first ask. Unlike\n   *  `_request` this hands back the load, for callers that must wait. */\n  private async _schemaOf(\n    collectionId: string,\n    refSource: SchemaSource<any>,\n  ): Promise<Schema> {\n    const loaded = this._schemas.get(collectionId);\n    if (loaded) {\n      return loaded;\n    }\n    const { schema } = await refSource.loadSchema();\n    runInAction(() => this._schemas.set(collectionId, schema));\n    return schema;\n  }\n\n  private _request(collectionId: string, refSource: SchemaSource<any>) {\n    if (this._requested.has(collectionId)) {\n      return;\n    }\n    this._requested.add(collectionId);\n    refSource\n      .loadSchema()\n      .then(({ schema }) =>\n        runInAction(() => this._schemas.set(collectionId, schema)),\n      )\n      .catch(() => {\n        // The reference column keeps its read-only display. Retry on the next\n        // schema load rather than holding a failed id forever.\n        this._requested.delete(collectionId);\n      });\n  }\n}\n\nasync function fetchReferenceItems(\n  refSource: SchemaSource<any>,\n  schema: Schema,\n  query: OffsetQuery,\n): Promise<{ items: ReferenceItem[]; total: number }> {\n  const { idField, displayField } = schema;\n  const imageField = imageFieldOf(schema.fields);\n  const { items, total } = await sourceFetchData<RefRow>(refSource)(query);\n\n  return {\n    items: items.map((item) => ({\n      id: String(item[idField] ?? ''),\n      name: String(item[displayField] ?? ''),\n      image: imageField ? (item[imageField] as string | undefined) : undefined,\n    })),\n    total: total ?? items.length,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SchemaSource/schemaFieldManagement.js

@@ -11,15 +11,24 @@ var _standardFieldTypeLabels = require("./standardFieldTypeLabels");
  * field modal, permissions, and can-edit/add rules come from the source.
  */
 const schemaFieldManagement = sourceState => {
-  const draftToField = draft => ({
-    id: draft.key,
-    displayName: draft.name,
-    type: draft.type ?? 'SHORT_TEXT',
-    isPii: draft.containsPii,
-    validation: {
-      required: false
-    }
-  });
+  const draftToField = draft => {
+    var _sourceState$source$f;
+    const definition = (_sourceState$source$f = sourceState.source.fieldTypes) == null ? void 0 : _sourceState$source$f.find(def => def.type === draft.type);
+    return {
+      id: draft.key,
+      displayName: draft.name,
+      ...(definition ? {
+        type: 'CUSTOM',
+        customType: definition.type
+      } : {
+        type: draft.type ?? 'SHORT_TEXT'
+      }),
+      isPii: draft.containsPii,
+      validation: {
+        required: false
+      }
+    };
+  };
   return {
     get canAddFields() {
       const {
@@ -70,7 +79,7 @@ const schemaFieldManagement = sourceState => {
           addTitle: t('cairo.customFields.addCustomField.modal.title'),
           editTitle: t('cairo.customFields.editCustomField.modal.title')
         },
-        types: fieldModal.types.map(ft => {
+        types: [...fieldModal.types.map(ft => {
           // The standard pair applies only when the source didn't custom-label
           // the entry — a custom label with the standard placeholder would show
           // contradictory copy (the modal falls back to its generic placeholder).
@@ -86,7 +95,21 @@ const schemaFieldManagement = sourceState => {
             settingsSection: ft.settingsSection,
             patternsType: ft.patternsType
           };
-        }),
+        }), ...(sourceState.source.fieldTypes ?? []).flatMap(def => {
+          var _def$fieldModal;
+          return (_def$fieldModal = def.fieldModal) != null && _def$fieldModal.creatable ? [{
+            id: def.type,
+            label: def.display.label,
+            namePlaceholder: def.fieldModal.namePlaceholder,
+            subtitle: def.fieldModal.subtitle,
+            group: def.fieldModal.group,
+            supportsPii: def.fieldModal.supportsPii,
+            piiWarning: def.fieldModal.piiWarning,
+            settingsSection: def.fieldModal.settingsSection,
+            patternsType: 'CUSTOM',
+            icons: def.display.icons
+          }] : [];
+        })],
         permissions: sourceState.source.fieldPermissions,
         supportsPii: sourceState.source.supportsPii
       };
@@ -120,7 +143,8 @@ const schemaFieldManagement = sourceState => {
       return {
         key: field.id,
         name: field.displayName,
-        type: field.type,
+        // A CUSTOM field's picker option is keyed by its customType.
+        type: field.type === 'CUSTOM' ? field.customType : field.type,
         readApps: false,
         readUsers: false,
         writeApps: false,

package/dist/cjs/components/SchemaSource/schemaFieldManagement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_standardFieldTypeLabels","schemaFieldManagement","sourceState","draftToField","draft","id","key","displayName","name","type","isPii","containsPii","validation","required","canAddFields","schema","source","addFieldDisabled","canEditField","field","deleteField","fieldId","_sourceState$fieldAct","fields","fieldActions","runInAction","mergeFields","notify","message","biName","e","fieldModal","t","container","translate","text","addTitle","editTitle","types","map","ft","standard","label","standardFieldTypeLabels","patternsType","undefined","labelKey","namePlaceholder","namePlaceholderKey","subtitle","group","supportsPii","piiWarning","settingsSection","permissions","fieldPermissions","existingFieldKeys","f","addField","_sourceState$fieldAct2","settings","editField","_sourceState$fieldAct3","getFieldDraft","_sourceState$schema","readApps","readUsers","writeApps","writeUsers","exports"],"sources":["../../../../src/components/SchemaSource/schemaFieldManagement.ts"],"sourcesContent":["import {\n  FieldDraft,\n  FieldManagement,\n  NonReferenceField,\n  SourceState,\n} from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { standardFieldTypeLabels } from './standardFieldTypeLabels';\n\n/**\n * Builds the source-neutral FieldManagement over a source's state. add/edit/\n * delete call the schema's FieldActions, then merge the returned fields into\n * the loaded schema so the columns update from the response (no reload). The\n * field modal, permissions, and can-edit/add rules come from the source.\n */\nexport const schemaFieldManagement = (\n  sourceState: SourceState<any>,\n): FieldManagement => {\n  const draftToField = (draft: FieldDraft): NonReferenceField => ({\n    id: draft.key,\n    displayName: draft.name,\n    type: (draft.type ?? 'SHORT_TEXT') as NonReferenceField['type'],\n    isPii: draft.containsPii,\n    validation: { required: false },\n  });\n\n  return {\n    get canAddFields() {\n      const { schema, source } = sourceState;\n      return schema ? source.canAddFields(schema) : false;\n    },\n    addFieldDisabled: false,\n    canEditField: (field) => {\n      const { schema, source } = sourceState;\n      return schema ? source.canEditField(field, schema) : false;\n    },\n    // Self-contained: does the delete and reports its own toast (matching the\n    // DataExtension source). Rethrows on failure so the shared delete modal stays\n    // open for a retry.\n    deleteField: async (fieldId) => {\n      try {\n        const fields = await sourceState.fieldActions?.deleteField?.(fieldId);\n        if (fields) {\n          runInAction(() => sourceState.mergeFields(fields));\n        }\n        sourceState.notify({\n          type: 'SUCCESS',\n          message: 'Field deleted',\n          biName: 'cairo-field-action-delete-success',\n        });\n      } catch (e) {\n        sourceState.notify({\n          type: 'ERROR',\n          message: \"Couldn't delete field\",\n          biName: 'cairo-field-action-delete-error',\n        });\n        throw e;\n      }\n    },\n\n    get fieldModal() {\n      const t = sourceState.container.translate;\n      const { fieldModal } = sourceState.source;\n      return {\n        text: fieldModal.text ?? {\n          addTitle: t('cairo.customFields.addCustomField.modal.title'),\n          editTitle: t('cairo.customFields.editCustomField.modal.title'),\n        },\n        types: fieldModal.types.map((ft) => {\n          // The standard pair applies only when the source didn't custom-label\n          // the entry — a custom label with the standard placeholder would show\n          // contradictory copy (the modal falls back to its generic placeholder).\n          const standard =\n            ft.label == null\n              ? standardFieldTypeLabels[ft.patternsType]\n              : undefined;\n          return {\n            id: ft.patternsType,\n            label:\n              ft.label ?? (standard ? t(standard.labelKey) : ft.patternsType),\n            namePlaceholder:\n              ft.namePlaceholder ??\n              (standard ? t(standard.namePlaceholderKey) : undefined),\n            subtitle: ft.subtitle,\n            group: ft.group,\n            supportsPii: ft.supportsPii,\n            piiWarning: ft.piiWarning,\n            settingsSection: ft.settingsSection,\n            patternsType: ft.patternsType,\n          };\n        }),\n        permissions: sourceState.source.fieldPermissions,\n        supportsPii: sourceState.source.supportsPii,\n      };\n    },\n    get existingFieldKeys() {\n      return sourceState.fields.map((f) => f.id);\n    },\n\n    addField: async (draft) => {\n      const fields = await sourceState.fieldActions?.addField?.(\n        draftToField(draft),\n        draft.settings,\n      );\n      if (fields) {\n        runInAction(() => sourceState.mergeFields(fields));\n      }\n    },\n    editField: async (fieldId, draft) => {\n      const fields = await sourceState.fieldActions?.editField?.(\n        fieldId,\n        { displayName: draft.name, isPii: draft.containsPii },\n        draft.settings,\n      );\n      if (fields) {\n        runInAction(() => sourceState.mergeFields(fields));\n      }\n    },\n    getFieldDraft: (fieldId) => {\n      const field = sourceState.schema?.fields[fieldId];\n      if (!field) {\n        return undefined;\n      }\n      return {\n        key: field.id,\n        name: field.displayName,\n        type: field.type,\n        readApps: false,\n        readUsers: false,\n        writeApps: false,\n        writeUsers: false,\n        containsPii: field.isPii ?? false,\n        field,\n      };\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_standardFieldTypeLabels","schemaFieldManagement","sourceState","draftToField","draft","_sourceState$source$f","definition","source","fieldTypes","find","def","type","id","key","displayName","name","customType","isPii","containsPii","validation","required","canAddFields","schema","addFieldDisabled","canEditField","field","deleteField","fieldId","_sourceState$fieldAct","fields","fieldActions","runInAction","mergeFields","notify","message","biName","e","fieldModal","t","container","translate","text","addTitle","editTitle","types","map","ft","standard","label","standardFieldTypeLabels","patternsType","undefined","labelKey","namePlaceholder","namePlaceholderKey","subtitle","group","supportsPii","piiWarning","settingsSection","flatMap","_def$fieldModal","creatable","display","icons","permissions","fieldPermissions","existingFieldKeys","f","addField","_sourceState$fieldAct2","settings","editField","_sourceState$fieldAct3","getFieldDraft","_sourceState$schema","readApps","readUsers","writeApps","writeUsers","exports"],"sources":["../../../../src/components/SchemaSource/schemaFieldManagement.ts"],"sourcesContent":["import {\n  FieldDraft,\n  FieldManagement,\n  NonReferenceField,\n  SourceState,\n} from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { standardFieldTypeLabels } from './standardFieldTypeLabels';\n\n/**\n * Builds the source-neutral FieldManagement over a source's state. add/edit/\n * delete call the schema's FieldActions, then merge the returned fields into\n * the loaded schema so the columns update from the response (no reload). The\n * field modal, permissions, and can-edit/add rules come from the source.\n */\nexport const schemaFieldManagement = (\n  sourceState: SourceState<any>,\n): FieldManagement => {\n  const draftToField = (draft: FieldDraft): NonReferenceField => {\n    const definition = sourceState.source.fieldTypes?.find(\n      (def) => def.type === draft.type,\n    );\n    return {\n      id: draft.key,\n      displayName: draft.name,\n      ...(definition\n        ? { type: 'CUSTOM' as const, customType: definition.type }\n        : { type: (draft.type ?? 'SHORT_TEXT') as NonReferenceField['type'] }),\n      isPii: draft.containsPii,\n      validation: { required: false },\n    };\n  };\n\n  return {\n    get canAddFields() {\n      const { schema, source } = sourceState;\n      return schema ? source.canAddFields(schema) : false;\n    },\n    addFieldDisabled: false,\n    canEditField: (field) => {\n      const { schema, source } = sourceState;\n      return schema ? source.canEditField(field, schema) : false;\n    },\n    // Self-contained: does the delete and reports its own toast (matching the\n    // DataExtension source). Rethrows on failure so the shared delete modal stays\n    // open for a retry.\n    deleteField: async (fieldId) => {\n      try {\n        const fields = await sourceState.fieldActions?.deleteField?.(fieldId);\n        if (fields) {\n          runInAction(() => sourceState.mergeFields(fields));\n        }\n        sourceState.notify({\n          type: 'SUCCESS',\n          message: 'Field deleted',\n          biName: 'cairo-field-action-delete-success',\n        });\n      } catch (e) {\n        sourceState.notify({\n          type: 'ERROR',\n          message: \"Couldn't delete field\",\n          biName: 'cairo-field-action-delete-error',\n        });\n        throw e;\n      }\n    },\n\n    get fieldModal() {\n      const t = sourceState.container.translate;\n      const { fieldModal } = sourceState.source;\n      return {\n        text: fieldModal.text ?? {\n          addTitle: t('cairo.customFields.addCustomField.modal.title'),\n          editTitle: t('cairo.customFields.editCustomField.modal.title'),\n        },\n        types: [\n          ...fieldModal.types.map((ft) => {\n            // The standard pair applies only when the source didn't custom-label\n            // the entry — a custom label with the standard placeholder would show\n            // contradictory copy (the modal falls back to its generic placeholder).\n            const standard =\n              ft.label == null\n                ? standardFieldTypeLabels[ft.patternsType]\n                : undefined;\n            return {\n              id: ft.patternsType,\n              label:\n                ft.label ?? (standard ? t(standard.labelKey) : ft.patternsType),\n              namePlaceholder:\n                ft.namePlaceholder ??\n                (standard ? t(standard.namePlaceholderKey) : undefined),\n              subtitle: ft.subtitle,\n              group: ft.group,\n              supportsPii: ft.supportsPii,\n              piiWarning: ft.piiWarning,\n              settingsSection: ft.settingsSection,\n              patternsType: ft.patternsType,\n            };\n          }),\n          ...(sourceState.source.fieldTypes ?? []).flatMap((def) =>\n            def.fieldModal?.creatable\n              ? [\n                  {\n                    id: def.type,\n                    label: def.display.label,\n                    namePlaceholder: def.fieldModal.namePlaceholder,\n                    subtitle: def.fieldModal.subtitle,\n                    group: def.fieldModal.group,\n                    supportsPii: def.fieldModal.supportsPii,\n                    piiWarning: def.fieldModal.piiWarning,\n                    settingsSection: def.fieldModal.settingsSection,\n                    patternsType: 'CUSTOM' as const,\n                    icons: def.display.icons,\n                  },\n                ]\n              : [],\n          ),\n        ],\n        permissions: sourceState.source.fieldPermissions,\n        supportsPii: sourceState.source.supportsPii,\n      };\n    },\n    get existingFieldKeys() {\n      return sourceState.fields.map((f) => f.id);\n    },\n\n    addField: async (draft) => {\n      const fields = await sourceState.fieldActions?.addField?.(\n        draftToField(draft),\n        draft.settings,\n      );\n      if (fields) {\n        runInAction(() => sourceState.mergeFields(fields));\n      }\n    },\n    editField: async (fieldId, draft) => {\n      const fields = await sourceState.fieldActions?.editField?.(\n        fieldId,\n        { displayName: draft.name, isPii: draft.containsPii },\n        draft.settings,\n      );\n      if (fields) {\n        runInAction(() => sourceState.mergeFields(fields));\n      }\n    },\n    getFieldDraft: (fieldId) => {\n      const field = sourceState.schema?.fields[fieldId];\n      if (!field) {\n        return undefined;\n      }\n      return {\n        key: field.id,\n        name: field.displayName,\n        // A CUSTOM field's picker option is keyed by its customType.\n        type: field.type === 'CUSTOM' ? field.customType : field.type,\n        readApps: false,\n        readUsers: false,\n        writeApps: false,\n        writeUsers: false,\n        containsPii: field.isPii ?? false,\n        field,\n      };\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SchemaSource/schemaRendering.js

@@ -2,7 +2,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.schemaRendering = void 0;
+exports.schemaRendering = exports.schemaFilterConfig = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _bexCore = require("@wix/bex-core");
 var _schemaFieldActions = require("./schemaFieldActions");
@@ -10,20 +10,30 @@ var _FieldManagementModals = require("../CustomFieldsPanel/FieldManagementModals
 var _CustomColumnsFull = require("../CustomColumns/CustomColumnsFull");
 var _CollectionToolbarFilters = require("../CollectionToolbarFilters");
 var _ReferenceFieldCell = require("./ReferenceFieldCell");
+var _ReferenceFieldFilter = require("../ReferenceFieldFilter");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SchemaSource/schemaRendering.tsx";
 // Text operators a schema source's backend can execute.
 const SCHEMA_TEXT_OPERATORS = [_bexCore.FilterOperator.CONTAINS, _bexCore.FilterOperator.NOT_CONTAINS, _bexCore.FilterOperator.IS_EMPTY, _bexCore.FilterOperator.EXISTS];
 
+/**
+ * The source's filter behavior. Built once and held on the SchemaState, because
+ * `filterableFields` reads it to decide whether a reference field is filterable
+ * and the spine reads it again to build the filters themselves.
+ */
+const schemaFilterConfig = s => ({
+  textOperators: SCHEMA_TEXT_OPERATORS,
+  numberIsDecimal: () => true,
+  referenceItems: field => s.referenceCells.itemsFetcherFor(field)
+});
+
 /**
  * Builds the schema source's config, shaped as a FieldsSourceRendering. The spine
  * builds the field-management panel from this; the per-field actions come from
  * schemaFieldActions.
  */
+exports.schemaFilterConfig = schemaFilterConfig;
 const schemaRendering = s => ({
-  filterConfig: {
-    textOperators: SCHEMA_TEXT_OPERATORS,
-    numberIsDecimal: () => true
-  },
+  filterConfig: s.filterConfig,
   // A reference value is an expanded referenced item, which FieldCell can't
   // render — the label is in the referenced collection's display field.
   columnOverrides: field => {
@@ -39,7 +49,7 @@ const schemaRendering = s => ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 43,
+          lineNumber: 53,
           columnNumber: 9
         }
       })
@@ -53,7 +63,8 @@ const schemaRendering = s => ({
   components: {
     FieldManagementModals: _FieldManagementModals.FieldManagementModals,
     CustomColumns: _CustomColumnsFull.CustomColumnsFull,
-    CollectionToolbarFilters: _CollectionToolbarFilters.CollectionToolbarFilters
+    CollectionToolbarFilters: _CollectionToolbarFilters.CollectionToolbarFilters,
+    ReferenceFieldFilter: _ReferenceFieldFilter.ReferenceFieldFilter
   }
 });
 exports.schemaRendering = schemaRendering;

package/dist/cjs/components/SchemaSource/schemaRendering.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_bexCore","_schemaFieldActions","_FieldManagementModals","_CustomColumnsFull","_CollectionToolbarFilters","_ReferenceFieldCell","_jsxFileName","SCHEMA_TEXT_OPERATORS","FilterOperator","CONTAINS","NOT_CONTAINS","IS_EMPTY","EXISTS","schemaRendering","s","filterConfig","textOperators","numberIsDecimal","columnOverrides","field","type","render","row","rowNum","default","createElement","ReferenceFieldCell","state","fieldId","id","__self","__source","fileName","lineNumber","columnNumber","schemaSource","sourceState","source","editableCellFor","referenceCells","cellFor","createFieldActionsMenu","createSchemaFieldActionsMenu","createFieldActionHandlers","panel","schemaFieldActionHandlers","featuredPageActions","components","FieldManagementModals","CustomColumns","CustomColumnsFull","CollectionToolbarFilters","exports"],"sources":["../../../../src/components/SchemaSource/schemaRendering.tsx"],"sourcesContent":["import React from 'react';\nimport { FilterOperator } from '@wix/bex-core';\nimport type { Column } from '../../model';\nimport type { FieldsSourceRendering } from '../../state/CollectionFieldsSourceState';\nimport type { SchemaState } from './SchemaState';\nimport {\n  createSchemaFieldActionsMenu,\n  schemaFieldActionHandlers,\n} from './schemaFieldActions';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { CustomColumnsFull } from '../CustomColumns/CustomColumnsFull';\nimport { CollectionToolbarFilters } from '../CollectionToolbarFilters';\nimport { ReferenceFieldCell } from './ReferenceFieldCell';\n\n// Text operators a schema source's backend can execute.\nconst SCHEMA_TEXT_OPERATORS = [\n  FilterOperator.CONTAINS,\n  FilterOperator.NOT_CONTAINS,\n  FilterOperator.IS_EMPTY,\n  FilterOperator.EXISTS,\n];\n\n/**\n * Builds the schema source's config, shaped as a FieldsSourceRendering. The spine\n * builds the field-management panel from this; the per-field actions come from\n * schemaFieldActions.\n */\nexport const schemaRendering = (\n  s: SchemaState<any>,\n): FieldsSourceRendering => ({\n  filterConfig: {\n    textOperators: SCHEMA_TEXT_OPERATORS,\n    numberIsDecimal: () => true,\n  },\n  // A reference value is an expanded referenced item, which FieldCell can't\n  // render — the label is in the referenced collection's display field.\n  columnOverrides: (field): Partial<Column> => {\n    if (field.type !== 'REFERENCE' && field.type !== 'MULTI_REFERENCE') {\n      return {};\n    }\n    return {\n      render: (row: unknown, rowNum: number) => (\n        <ReferenceFieldCell\n          state={s}\n          field={field}\n          row={row}\n          fieldId={`${field.id}-${rowNum}`}\n        />\n      ),\n    } as Partial<Column>;\n  },\n  schemaSource: s.sourceState.source,\n  editableCellFor: (field) => s.referenceCells.cellFor(field),\n  createFieldActionsMenu: createSchemaFieldActionsMenu(s),\n  createFieldActionHandlers: (panel) => schemaFieldActionHandlers(s, panel),\n  featuredPageActions: [],\n  components: {\n    FieldManagementModals,\n    CustomColumns: CustomColumnsFull,\n    CollectionToolbarFilters,\n  },\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAIA,IAAAE,mBAAA,GAAAF,OAAA;AAIA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AAA0D,IAAAO,YAAA;AAE1D;AACA,MAAMC,qBAAqB,GAAG,CAC5BC,uBAAc,CAACC,QAAQ,EACvBD,uBAAc,CAACE,YAAY,EAC3BF,uBAAc,CAACG,QAAQ,EACvBH,uBAAc,CAACI,MAAM,CACtB;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMC,eAAe,GAC1BC,CAAmB,KACQ;EAC3BC,YAAY,EAAE;IACZC,aAAa,EAAET,qBAAqB;IACpCU,eAAe,EAAEA,CAAA,KAAM;EACzB,CAAC;EACD;EACA;EACAC,eAAe,EAAGC,KAAK,IAAsB;IAC3C,IAAIA,KAAK,CAACC,IAAI,KAAK,WAAW,IAAID,KAAK,CAACC,IAAI,KAAK,iBAAiB,EAAE;MAClE,OAAO,CAAC,CAAC;IACX;IACA,OAAO;MACLC,MAAM,EAAEA,CAACC,GAAY,EAAEC,MAAc,kBACnC1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACpB,mBAAA,CAAAqB,kBAAkB;QACjBC,KAAK,EAAEb,CAAE;QACTK,KAAK,EAAEA,KAAM;QACbG,GAAG,EAAEA,GAAI;QACTM,OAAO,EAAE,GAAGT,KAAK,CAACU,EAAE,IAAIN,MAAM,EAAG;QAAAO,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA1B,YAAA;UAAA2B,UAAA;UAAAC,YAAA;QAAA;MAAA,CAClC;IAEL,CAAC;EACH,CAAC;EACDC,YAAY,EAAErB,CAAC,CAACsB,WAAW,CAACC,MAAM;EAClCC,eAAe,EAAGnB,KAAK,IAAKL,CAAC,CAACyB,cAAc,CAACC,OAAO,CAACrB,KAAK,CAAC;EAC3DsB,sBAAsB,EAAE,IAAAC,gDAA4B,EAAC5B,CAAC,CAAC;EACvD6B,yBAAyB,EAAGC,KAAK,IAAK,IAAAC,6CAAyB,EAAC/B,CAAC,EAAE8B,KAAK,CAAC;EACzEE,mBAAmB,EAAE,EAAE;EACvBC,UAAU,EAAE;IACVC,qBAAqB,EAArBA,4CAAqB;IACrBC,aAAa,EAAEC,oCAAiB;IAChCC,wBAAwB,EAAxBA;EACF;AACF,CAAC,CAAC;AAACC,OAAA,CAAAvC,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_bexCore","_schemaFieldActions","_FieldManagementModals","_CustomColumnsFull","_CollectionToolbarFilters","_ReferenceFieldCell","_ReferenceFieldFilter","_jsxFileName","SCHEMA_TEXT_OPERATORS","FilterOperator","CONTAINS","NOT_CONTAINS","IS_EMPTY","EXISTS","schemaFilterConfig","s","textOperators","numberIsDecimal","referenceItems","field","referenceCells","itemsFetcherFor","exports","schemaRendering","filterConfig","columnOverrides","type","render","row","rowNum","default","createElement","ReferenceFieldCell","state","fieldId","id","__self","__source","fileName","lineNumber","columnNumber","schemaSource","sourceState","source","editableCellFor","cellFor","createFieldActionsMenu","createSchemaFieldActionsMenu","createFieldActionHandlers","panel","schemaFieldActionHandlers","featuredPageActions","components","FieldManagementModals","CustomColumns","CustomColumnsFull","CollectionToolbarFilters","ReferenceFieldFilter"],"sources":["../../../../src/components/SchemaSource/schemaRendering.tsx"],"sourcesContent":["import React from 'react';\nimport { FilterOperator } from '@wix/bex-core';\nimport type { Column } from '../../model';\nimport type { FieldsSourceRendering } from '../../state/CollectionFieldsSourceState';\nimport type { FieldFilterConfig } from '../../state/buildFieldFilters';\nimport type { SchemaState } from './SchemaState';\nimport {\n  createSchemaFieldActionsMenu,\n  schemaFieldActionHandlers,\n} from './schemaFieldActions';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { CustomColumnsFull } from '../CustomColumns/CustomColumnsFull';\nimport { CollectionToolbarFilters } from '../CollectionToolbarFilters';\nimport { ReferenceFieldCell } from './ReferenceFieldCell';\nimport { ReferenceFieldFilter } from '../ReferenceFieldFilter';\n\n// Text operators a schema source's backend can execute.\nconst SCHEMA_TEXT_OPERATORS = [\n  FilterOperator.CONTAINS,\n  FilterOperator.NOT_CONTAINS,\n  FilterOperator.IS_EMPTY,\n  FilterOperator.EXISTS,\n];\n\n/**\n * The source's filter behavior. Built once and held on the SchemaState, because\n * `filterableFields` reads it to decide whether a reference field is filterable\n * and the spine reads it again to build the filters themselves.\n */\nexport const schemaFilterConfig = (s: SchemaState<any>): FieldFilterConfig => ({\n  textOperators: SCHEMA_TEXT_OPERATORS,\n  numberIsDecimal: () => true,\n  referenceItems: (field) => s.referenceCells.itemsFetcherFor(field),\n});\n\n/**\n * Builds the schema source's config, shaped as a FieldsSourceRendering. The spine\n * builds the field-management panel from this; the per-field actions come from\n * schemaFieldActions.\n */\nexport const schemaRendering = (\n  s: SchemaState<any>,\n): FieldsSourceRendering => ({\n  filterConfig: s.filterConfig,\n  // A reference value is an expanded referenced item, which FieldCell can't\n  // render — the label is in the referenced collection's display field.\n  columnOverrides: (field): Partial<Column> => {\n    if (field.type !== 'REFERENCE' && field.type !== 'MULTI_REFERENCE') {\n      return {};\n    }\n    return {\n      render: (row: unknown, rowNum: number) => (\n        <ReferenceFieldCell\n          state={s}\n          field={field}\n          row={row}\n          fieldId={`${field.id}-${rowNum}`}\n        />\n      ),\n    } as Partial<Column>;\n  },\n  schemaSource: s.sourceState.source,\n  editableCellFor: (field) => s.referenceCells.cellFor(field),\n  createFieldActionsMenu: createSchemaFieldActionsMenu(s),\n  createFieldActionHandlers: (panel) => schemaFieldActionHandlers(s, panel),\n  featuredPageActions: [],\n  components: {\n    FieldManagementModals,\n    CustomColumns: CustomColumnsFull,\n    CollectionToolbarFilters,\n    ReferenceFieldFilter,\n  },\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,mBAAA,GAAAF,OAAA;AAIA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,qBAAA,GAAAP,OAAA;AAA+D,IAAAQ,YAAA;AAE/D;AACA,MAAMC,qBAAqB,GAAG,CAC5BC,uBAAc,CAACC,QAAQ,EACvBD,uBAAc,CAACE,YAAY,EAC3BF,uBAAc,CAACG,QAAQ,EACvBH,uBAAc,CAACI,MAAM,CACtB;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMC,kBAAkB,GAAIC,CAAmB,KAAyB;EAC7EC,aAAa,EAAER,qBAAqB;EACpCS,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,cAAc,EAAGC,KAAK,IAAKJ,CAAC,CAACK,cAAc,CAACC,eAAe,CAACF,KAAK;AACnE,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AAJAG,OAAA,CAAAR,kBAAA,GAAAA,kBAAA;AAKO,MAAMS,eAAe,GAC1BR,CAAmB,KACQ;EAC3BS,YAAY,EAAET,CAAC,CAACS,YAAY;EAC5B;EACA;EACAC,eAAe,EAAGN,KAAK,IAAsB;IAC3C,IAAIA,KAAK,CAACO,IAAI,KAAK,WAAW,IAAIP,KAAK,CAACO,IAAI,KAAK,iBAAiB,EAAE;MAClE,OAAO,CAAC,CAAC;IACX;IACA,OAAO;MACLC,MAAM,EAAEA,CAACC,GAAY,EAAEC,MAAc,kBACnChC,MAAA,CAAAiC,OAAA,CAAAC,aAAA,CAAC1B,mBAAA,CAAA2B,kBAAkB;QACjBC,KAAK,EAAElB,CAAE;QACTI,KAAK,EAAEA,KAAM;QACbS,GAAG,EAAEA,GAAI;QACTM,OAAO,EAAE,GAAGf,KAAK,CAACgB,EAAE,IAAIN,MAAM,EAAG;QAAAO,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA/B,YAAA;UAAAgC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAClC;IAEL,CAAC;EACH,CAAC;EACDC,YAAY,EAAE1B,CAAC,CAAC2B,WAAW,CAACC,MAAM;EAClCC,eAAe,EAAGzB,KAAK,IAAKJ,CAAC,CAACK,cAAc,CAACyB,OAAO,CAAC1B,KAAK,CAAC;EAC3D2B,sBAAsB,EAAE,IAAAC,gDAA4B,EAAChC,CAAC,CAAC;EACvDiC,yBAAyB,EAAGC,KAAK,IAAK,IAAAC,6CAAyB,EAACnC,CAAC,EAAEkC,KAAK,CAAC;EACzEE,mBAAmB,EAAE,EAAE;EACvBC,UAAU,EAAE;IACVC,qBAAqB,EAArBA,4CAAqB;IACrBC,aAAa,EAAEC,oCAAiB;IAChCC,wBAAwB,EAAxBA,kDAAwB;IACxBC,oBAAoB,EAApBA;EACF;AACF,CAAC,CAAC;AAACnC,OAAA,CAAAC,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.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_ = "ScrollableContent1577230745";
+var _namespace_ = "ScrollableContent53616448";
 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": "ScrollableContent1577230745__root"
+  "root": "ScrollableContent53616448__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent1577230745\";\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\":\"ScrollableContent1577230745__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent53616448\";\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\":\"ScrollableContent53616448__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,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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":[]}