@wix/patterns 1.442.0 → 1.444.0

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3439189397\";\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\":\"PickerTableListItem3439189397__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3726368260\";\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\":\"PickerTableListItem3726368260__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ReferenceFieldFilter/ReferenceFieldFilter.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.referenceFilterQueryName = exports.referenceFilterOption = exports.ReferenceFieldFilter = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _patternsFields = require("@wix/patterns-fields");
+var _useFilterCollection = require("../../hooks/useFilterCollection");
+var _MultiSelectCollectionFilter = require("../MultiSelectCollectionFilter");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ReferenceFieldFilter/ReferenceFieldFilter.tsx";
+/**
+ * One option in the filter's list. Carries the referenced item's image the same
+ * way the reference cell's editor does, so a row is recognizable by more than
+ * its display name.
+ */
+const referenceFilterOption = item => ({
+  title: item.name,
+  prefix: /*#__PURE__*/_react.default.createElement(_patternsFields.ReferenceAvatar, {
+    name: item.name,
+    image: item.image,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 11
+    }
+  })
+});
+
+/**
+ * Names the options collection's cache entry.
+ *
+ * The cache key is `[queryName, computedQuery]` and the filter collection sets
+ * `refetchOnMount: false`, so two filters sharing a name share fetched options.
+ * The field id alone is not enough: two collections on a page can both have an
+ * `owner` field pointing at different collections, and the second would show
+ * the first's items and filter by ids its own collection never had. The
+ * referenced collection is what the options actually come from, so it belongs
+ * in the name; the field id keeps two fields on one collection independent.
+ */
+exports.referenceFilterOption = referenceFilterOption;
+const referenceFilterQueryName = (referencedCollectionId, fieldId) => `reference-filter-${referencedCollectionId}-${fieldId}`;
+exports.referenceFilterQueryName = referenceFilterQueryName;
+/**
+ * Filters a reference field by the referenced items themselves, which the
+ * filter loads from the referenced collection.
+ *
+ * Multi-select for both reference and multi-reference: a source matches the
+ * picked ids with `hasSome` either way, so a single-reference field can still
+ * be filtered down to several possible targets.
+ */
+const ReferenceFieldFilter = props => {
+  const {
+    fetchItems,
+    fieldId,
+    referencedCollectionId,
+    ...filterProps
+  } = props;
+  const collection = (0, _useFilterCollection.useFilterCollection)(props.filter, {
+    queryName: referenceFilterQueryName(referencedCollectionId, fieldId),
+    fetchData: fetchItems
+  });
+  return /*#__PURE__*/_react.default.createElement(_MultiSelectCollectionFilter.MultiSelectCollectionFilter, (0, _extends2.default)({}, filterProps, {
+    collection: collection,
+    renderItem: referenceFilterOption,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 67,
+      columnNumber: 5
+    }
+  }));
+};
+
+// The toolbar decides inline-vs-side-panel from this name; without it the
+// filter renders inline, unlike the MultiSelectCollectionFilter it wraps.
+exports.ReferenceFieldFilter = ReferenceFieldFilter;
+ReferenceFieldFilter.displayName = 'ReferenceFieldFilter';
+//# sourceMappingURL=ReferenceFieldFilter.js.map

package/dist/cjs/components/ReferenceFieldFilter/ReferenceFieldFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_useFilterCollection","_MultiSelectCollectionFilter","_jsxFileName","referenceFilterOption","item","title","name","prefix","default","createElement","ReferenceAvatar","image","__self","__source","fileName","lineNumber","columnNumber","exports","referenceFilterQueryName","referencedCollectionId","fieldId","ReferenceFieldFilter","props","fetchItems","filterProps","collection","useFilterCollection","filter","queryName","fetchData","MultiSelectCollectionFilter","_extends2","renderItem","displayName"],"sources":["../../../../src/components/ReferenceFieldFilter/ReferenceFieldFilter.tsx"],"sourcesContent":["import React from 'react';\nimport type { OffsetQuery } from '@wix/bex-core';\nimport { ReferenceAvatar } from '@wix/patterns-fields';\nimport { useFilterCollection } from '../../hooks/useFilterCollection';\nimport { MultiSelectCollectionFilter } from '../MultiSelectCollectionFilter';\nimport type { FilterProps } from '../../model';\nimport type { ListItem } from '../../hooks/listItem';\nimport type { ReferenceItem } from '../EditableTable/cellTypes/reference/types';\n\nexport type FetchReferenceItems = (\n  query: OffsetQuery,\n) => Promise<{ items: ReferenceItem[]; total: number }>;\n\n/**\n * One option in the filter's list. Carries the referenced item's image the same\n * way the reference cell's editor does, so a row is recognizable by more than\n * its display name.\n */\nexport const referenceFilterOption = (item: ReferenceItem): ListItem => ({\n  title: item.name,\n  prefix: <ReferenceAvatar name={item.name} image={item.image} />,\n});\n\n/**\n * Names the options collection's cache entry.\n *\n * The cache key is `[queryName, computedQuery]` and the filter collection sets\n * `refetchOnMount: false`, so two filters sharing a name share fetched options.\n * The field id alone is not enough: two collections on a page can both have an\n * `owner` field pointing at different collections, and the second would show\n * the first's items and filter by ids its own collection never had. The\n * referenced collection is what the options actually come from, so it belongs\n * in the name; the field id keeps two fields on one collection independent.\n */\nexport const referenceFilterQueryName = (\n  referencedCollectionId: string,\n  fieldId: string,\n) => `reference-filter-${referencedCollectionId}-${fieldId}`;\n\nexport interface ReferenceFieldFilterProps\n  extends FilterProps<ReferenceItem[]> {\n  /** Queries the referenced collection for the options to choose from. */\n  fetchItems: FetchReferenceItems;\n  /** The collection the options come from. Part of their cache key. */\n  referencedCollectionId: string;\n  /** The field being filtered. Part of the options' cache key. */\n  fieldId: string;\n}\n\n/**\n * Filters a reference field by the referenced items themselves, which the\n * filter loads from the referenced collection.\n *\n * Multi-select for both reference and multi-reference: a source matches the\n * picked ids with `hasSome` either way, so a single-reference field can still\n * be filtered down to several possible targets.\n */\nexport const ReferenceFieldFilter = (props: ReferenceFieldFilterProps) => {\n  const { fetchItems, fieldId, referencedCollectionId, ...filterProps } = props;\n\n  const collection = useFilterCollection<ReferenceItem>(props.filter, {\n    queryName: referenceFilterQueryName(referencedCollectionId, fieldId),\n    fetchData: fetchItems,\n  });\n\n  return (\n    <MultiSelectCollectionFilter\n      {...filterProps}\n      collection={collection}\n      renderItem={referenceFilterOption}\n    />\n  );\n};\n\n// The toolbar decides inline-vs-side-panel from this name; without it the\n// filter renders inline, unlike the MultiSelectCollectionFilter it wraps.\nReferenceFieldFilter.displayName = 'ReferenceFieldFilter';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AAA6E,IAAAI,YAAA;AAS7E;AACA;AACA;AACA;AACA;AACO,MAAMC,qBAAqB,GAAIC,IAAmB,KAAgB;EACvEC,KAAK,EAAED,IAAI,CAACE,IAAI;EAChBC,MAAM,eAAEX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,eAAA,CAAAW,eAAe;IAACJ,IAAI,EAAEF,IAAI,CAACE,IAAK;IAACK,KAAK,EAAEP,IAAI,CAACO,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE;AAChE,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVAC,OAAA,CAAAd,qBAAA,GAAAA,qBAAA;AAWO,MAAMe,wBAAwB,GAAGA,CACtCC,sBAA8B,EAC9BC,OAAe,KACZ,oBAAoBD,sBAAsB,IAAIC,OAAO,EAAE;AAACH,OAAA,CAAAC,wBAAA,GAAAA,wBAAA;AAY7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,oBAAoB,GAAIC,KAAgC,IAAK;EACxE,MAAM;IAAEC,UAAU;IAAEH,OAAO;IAAED,sBAAsB;IAAE,GAAGK;EAAY,CAAC,GAAGF,KAAK;EAE7E,MAAMG,UAAU,GAAG,IAAAC,wCAAmB,EAAgBJ,KAAK,CAACK,MAAM,EAAE;IAClEC,SAAS,EAAEV,wBAAwB,CAACC,sBAAsB,EAAEC,OAAO,CAAC;IACpES,SAAS,EAAEN;EACb,CAAC,CAAC;EAEF,oBACE3B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,4BAAA,CAAA6B,2BAA2B,MAAAC,SAAA,CAAAvB,OAAA,MACtBgB,WAAW;IACfC,UAAU,EAAEA,UAAW;IACvBO,UAAU,EAAE7B,qBAAsB;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,EACnC,CAAC;AAEN,CAAC;;AAED;AACA;AAAAC,OAAA,CAAAI,oBAAA,GAAAA,oBAAA;AACAA,oBAAoB,CAACY,WAAW,GAAG,sBAAsB","ignoreList":[]}

package/dist/cjs/components/ReferenceFieldFilter/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _ReferenceFieldFilter = require("./ReferenceFieldFilter");
+Object.keys(_ReferenceFieldFilter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReferenceFieldFilter[key]) return;
+  exports[key] = _ReferenceFieldFilter[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ReferenceFieldFilter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ReferenceFieldFilter","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/ReferenceFieldFilter/index.ts"],"sourcesContent":["export * from './ReferenceFieldFilter';\n"],"mappings":";;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,qBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,qBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,qBAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

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":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAiBA,MAAME,wBAAwB,GAAIC,KAAY;EAAA,IAAAC,qBAAA;EAAA,OAC5CD,KAAK,CAACE,IAAI,KAAK,WAAW,IAAIF,KAAK,CAACE,IAAI,KAAK,iBAAiB,IAAAD,qBAAA,GAC1DD,KAAK,CAACG,iBAAiB,qBAAvBF,qBAAA,CAAyBG,sBAAsB,GAC/CC,SAAS;AAAA;AAEf,MAAMC,YAAY,GAAIC,MAAwB;EAAA,IAAAC,oBAAA;EAAA,QAAAA,oBAAA,GAC5CC,MAAM,CAACC,OAAO,CAACH,MAAM,IAAI,CAAC,CAAC,CAAC,CAACI,IAAI,CAAC,CAAC,GAAGC,CAAC,CAAC,KAAK,CAAAA,CAAC,oBAADA,CAAC,CAAEV,IAAI,MAAK,OAAO,CAAC,qBAAjEM,oBAAA,CAAoE,CAAC,CAAC;AAAA;AAExE,MAAMK,WAAW,GAAGA,CAACC,MAAc,EAAEC,YAAoB,MAAiB;EACxEC,EAAE,EAAEF,MAAM,CAACE,EAAE,IAAID,YAAY;EAC7BA,YAAY;EACZE,YAAY,EAAEH,MAAM,CAACG,YAAY;EACjCC,OAAO,EAAEJ,MAAM,CAACI,OAAO;EACvBX,MAAM,EAAEE,MAAM,CAACU,WAAW,CACxBV,MAAM,CAACC,OAAO,CAACI,MAAM,CAACP,MAAM,IAAI,CAAC,CAAC,CAAC,CAChCa,MAAM,CAAC,CAAC,GAAGR,CAAC,CAAC,KAAK,CAAAA,CAAC,oBAADA,CAAC,CAAEV,IAAI,MAAK,OAAO,CAAC,CACtCmB,GAAG,CAAC,CAAC,CAACL,EAAE,CAAC,KAAK,CAACA,EAAE,EAAE;IAAEd,IAAI,EAAE;EAAiB,CAAC,CAAC,CACnD;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMoB,mBAAmB,CAA8B;EAQ5DC,WAAWA,CAACC,WAA2B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IANzC;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAC4BC,gBAAU,CAACN,GAAG,CAAiB,CAAC;IAC5D;AACF;IADE,IAAAI,gBAAA,CAAAC,OAAA,sBAE8B,IAAIE,GAAG,CAAS,CAAC;IAG7C,IAAI,CAACC,YAAY,GAAGL,WAAW;EACjC;;EAEA;AACF;EACEM,OAAOA,CAAC9B,KAAY,EAAmC;IACrD,MAAM+B,QAAQ,GAAG,IAAI,CAACC,QAAQ,CAAChC,KAAK,CAAC;IACrC,IAAI,CAAC+B,QAAQ,EAAE;MACb,OAAO1B,SAAS;IAClB;IACA,MAAM;MAAEU,YAAY;MAAEkB,SAAS;MAAEnB;IAAO,CAAC,GAAGiB,QAAQ;IAEpD,OAAO;MACLG,QAAQ,EACNlC,KAAK,CAACE,IAAI,KAAK,iBAAiB,GAAG,gBAAgB,GAAG,WAAW;MACnEiC,UAAU,EAAE;QACVC,SAAS,EAAEvB,WAAW,CAACC,MAAM,EAAEC,YAAY,CAAC;QAC5CsB,mBAAmB,EAAGC,KAAK,IACzBD,mBAAmB,CAACJ,SAAS,EAAEnB,MAAM,EAAEwB,KAAK;MAChD;IACF,CAAC;EACH;;EAEA;AACF;EACEC,YAAYA,CAACvC,KAAY,EAAyB;IAChD,MAAM+B,QAAQ,GAAG,IAAI,CAACC,QAAQ,CAAChC,KAAK,CAAC;IACrC,OAAO+B,QAAQ,IAAIlB,WAAW,CAACkB,QAAQ,CAACjB,MAAM,EAAEiB,QAAQ,CAAChB,YAAY,CAAC;EACxE;;EAEA;AACF;EACUiB,QAAQA,CAAChC,KAAY,EAAE;IAAA,IAAAwC,qBAAA;IAC7B,MAAMzB,YAAY,GAAGhB,wBAAwB,CAACC,KAAK,CAAC;IACpD,IAAI,CAACe,YAAY,EAAE;MACjB,OAAOV,SAAS;IAClB;IACA,MAAM4B,SAAS,IAAAO,qBAAA,GAAG,IAAI,CAACX,YAAY,CAACY,MAAM,CAACC,UAAU,qBAAnCF,qBAAA,CAAsCzB,YAAY,CAAC;IACrE,IAAI,CAACkB,SAAS,EAAE;MACd,OAAO5B,SAAS;IAClB;IACA,MAAMS,MAAM,GAAG,IAAI,CAAC6B,QAAQ,CAACC,GAAG,CAAC7B,YAAY,CAAC;IAC9C,IAAI,CAACD,MAAM,EAAE;MACX,IAAI,CAAC+B,QAAQ,CAAC9B,YAAY,EAAEkB,SAAS,CAAC;MACtC,OAAO5B,SAAS;IAClB;IACA,OAAO;MAAEU,YAAY;MAAEkB,SAAS;MAAEnB;IAAO,CAAC;EAC5C;EAEQ+B,QAAQA,CAAC9B,YAAoB,EAAEkB,SAA4B,EAAE;IACnE,IAAI,IAAI,CAACa,UAAU,CAACC,GAAG,CAAChC,YAAY,CAAC,EAAE;MACrC;IACF;IACA,IAAI,CAAC+B,UAAU,CAACE,GAAG,CAACjC,YAAY,CAAC;IACjCkB,SAAS,CACNgB,UAAU,CAAC,CAAC,CACZC,IAAI,CAAC,CAAC;MAAEpC;IAAO,CAAC,KACf,IAAAqC,iBAAW,EAAC,MAAM,IAAI,CAACR,QAAQ,CAACS,GAAG,CAACrC,YAAY,EAAED,MAAM,CAAC,CAC3D,CAAC,CACAuC,KAAK,CAAC,MAAM;MACX;MACA;MACA,IAAI,CAACP,UAAU,CAACQ,MAAM,CAACvC,YAAY,CAAC;IACtC,CAAC,CAAC;EACN;AACF;AAACwC,OAAA,CAAAjC,mBAAA,GAAAA,mBAAA;AAED,eAAee,mBAAmBA,CAChCJ,SAA4B,EAC5BnB,MAAc,EACdwB,KAAkB,EACkC;EACpD,MAAM;IAAEpB,OAAO;IAAED;EAAa,CAAC,GAAGH,MAAM;EACxC,MAAM0C,UAAU,GAAGlD,YAAY,CAACQ,MAAM,CAACP,MAAM,CAAC;EAC9C,MAAM;IAAEkD,KAAK;IAAEC;EAAM,CAAC,GAAG,MAAM,IAAAC,wBAAe,EAAS1B,SAAS,CAAC,CAACK,KAAK,CAAC;EAExE,OAAO;IACLmB,KAAK,EAAEA,KAAK,CAACpC,GAAG,CAAEuC,IAAI,KAAM;MAC1B5C,EAAE,EAAE6C,MAAM,CAACD,IAAI,CAAC1C,OAAO,CAAC,IAAI,EAAE,CAAC;MAC/B4C,IAAI,EAAED,MAAM,CAACD,IAAI,CAAC3C,YAAY,CAAC,IAAI,EAAE,CAAC;MACtC8C,KAAK,EAAEP,UAAU,GAAII,IAAI,CAACJ,UAAU,CAAC,GAA0BnD;IACjE,CAAC,CAAC,CAAC;IACHqD,KAAK,EAAEA,KAAK,IAAID,KAAK,CAACO;EACxB,CAAC;AACH","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/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_ = "ScrollableContent4079402341";
+var _namespace_ = "ScrollableContent2391222633";
 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": "ScrollableContent4079402341__root"
+  "root": "ScrollableContent2391222633__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_ = \"ScrollableContent4079402341\";\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\":\"ScrollableContent4079402341__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_ = \"ScrollableContent2391222633\";\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\":\"ScrollableContent2391222633__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":[]}

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

@@ -5,21 +5,21 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SetupWidget2305872505";
+var _namespace_ = "SetupWidget3513437405";
 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": "SetupWidget2305872505__root",
-  "row": "SetupWidget2305872505__row",
-  "completedCta": "SetupWidget2305872505__completedCta",
-  "card": "SetupWidget2305872505__card",
-  "stepIcon": "SetupWidget2305872505__stepIcon",
-  "chevron": "SetupWidget2305872505__chevron",
-  "chevronDisabled": "SetupWidget2305872505__chevronDisabled",
-  "inProgressLabel": "SetupWidget2305872505__inProgressLabel"
+  "root": "SetupWidget3513437405__root",
+  "row": "SetupWidget3513437405__row",
+  "completedCta": "SetupWidget3513437405__completedCta",
+  "card": "SetupWidget3513437405__card",
+  "stepIcon": "SetupWidget3513437405__stepIcon",
+  "chevron": "SetupWidget3513437405__chevron",
+  "chevronDisabled": "SetupWidget3513437405__chevronDisabled",
+  "inProgressLabel": "SetupWidget3513437405__inProgressLabel"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SetupWidget/SetupWidget.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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget2305872505\";\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\":\"SetupWidget2305872505__root\",\"row\":\"SetupWidget2305872505__row\",\"completedCta\":\"SetupWidget2305872505__completedCta\",\"card\":\"SetupWidget2305872505__card\",\"stepIcon\":\"SetupWidget2305872505__stepIcon\",\"chevron\":\"SetupWidget2305872505__chevron\",\"chevronDisabled\":\"SetupWidget2305872505__chevronDisabled\",\"inProgressLabel\":\"SetupWidget2305872505__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-clickable-card-outline-border-color\":\"--wds-clickable-card-outline-border-color\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wds-color-fill-surface-default\":\"--wds-color-fill-surface-default\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AAC/X,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,yCAAyC,EAAC,2CAA2C;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC;AAAkC,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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget3513437405\";\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\":\"SetupWidget3513437405__root\",\"row\":\"SetupWidget3513437405__row\",\"completedCta\":\"SetupWidget3513437405__completedCta\",\"card\":\"SetupWidget3513437405__card\",\"stepIcon\":\"SetupWidget3513437405__stepIcon\",\"chevron\":\"SetupWidget3513437405__chevron\",\"chevronDisabled\":\"SetupWidget3513437405__chevronDisabled\",\"inProgressLabel\":\"SetupWidget3513437405__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-clickable-card-outline-border-color\":\"--wds-clickable-card-outline-border-color\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wds-color-fill-surface-default\":\"--wds-color-fill-surface-default\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AAC/X,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,yCAAyC,EAAC,2CAA2C;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC;AAAkC,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SkeletonCard2280372685";
+var _namespace_ = "SkeletonCard4025769169";
 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": "SkeletonCard2280372685__root",
-  "headerLoading": "SkeletonCard2280372685__headerLoading"
+  "root": "SkeletonCard4025769169__root",
+  "headerLoading": "SkeletonCard4025769169__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2280372685\";\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\":\"SkeletonCard2280372685__root\",\"headerLoading\":\"SkeletonCard2280372685__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard4025769169\";\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\":\"SkeletonCard4025769169__root\",\"headerLoading\":\"SkeletonCard4025769169__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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":[]}