@wix/patterns 1.414.0 → 1.416.0

package/dist/cjs/components/EditableTable/cellTypes/multiReference/Edit.js

@@ -0,0 +1,232 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiReferenceEdit = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _patternsFields = require("@wix/patterns-fields");
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _useCloseOnAncestorScroll = require("../../../../hooks/useCloseOnAncestorScroll");
+var _useFilterCollectionStates = require("../../../../hooks/useFilterCollectionStates");
+var _providers = require("../../../../providers");
+var _getImageFieldId = require("../reference/getImageFieldId");
+var _openCollectionContext = require("../reference/openCollectionContext");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/multiReference/Edit.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _MultiReferenceEditContent({
+  value,
+  onChange,
+  onCommit,
+  typeConfig,
+  editTrigger,
+  inputRef
+}) {
+  const config = typeConfig;
+  const refSchema = config == null ? void 0 : config.refSchema;
+  const acHandle = (0, _react.useRef)(null);
+  const wrapperRef = (0, _react.useRef)(null);
+  // Opener provided by ReferenceEditWrapper (a stable ancestor) so the
+  // navigation + return-to-foreground subscription survive this editor
+  // unmounting when the overlay opens.
+  const openReferencedCollection = (0, _openCollectionContext.useOpenReferencedCollection)();
+  const idField = (refSchema == null ? void 0 : refSchema.idField) ?? '_id';
+  const displayField = (refSchema == null ? void 0 : refSchema.displayField) ?? 'title';
+  const imageField = (0, _getImageFieldId.getImageFieldId)(refSchema == null ? void 0 : refSchema.fields);
+  const collection = (0, _react2.useCollection)({
+    queryName: `multi-reference-cell-edit-${(refSchema == null ? void 0 : refSchema.id) ?? 'unknown'}`,
+    itemKey: item => item.id,
+    itemName: item => item.name,
+    fetchData: async query => {
+      if (!(config != null && config.fetchReferenceItems)) {
+        return {
+          items: [],
+          total: 0
+        };
+      }
+      return config.fetchReferenceItems(query);
+    }
+  });
+  const initialSearchTextRef = (0, _react.useRef)(editTrigger && typeof editTrigger === 'object' && editTrigger.kind === 'type' ? editTrigger.key : undefined);
+  (0, _react.useEffect)(() => {
+    const dispose = collection.init();
+    if (initialSearchTextRef.current !== undefined) {
+      collection.search(initialSearchTextRef.current, {
+        clearResult: true
+      });
+    }
+    // Seed editingValue with the current value so a no-op edit commits the same
+    // list back instead of `undefined` (which would clear the cell).
+    onChange(value ?? []);
+    return dispose;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [collection]);
+  const selectedRefs = value ?? [];
+  const selectedItems = (0, _react.useMemo)(() => selectedRefs.map((ref, i) => ({
+    id: String(ref[idField] ?? i),
+    name: String(ref[displayField] ?? ''),
+    image: imageField ? ref[imageField] : undefined
+  })), [selectedRefs, idField, displayField, imageField]);
+  const selectedIds = (0, _react.useMemo)(() => new Set(selectedItems.map(item => item.id)), [selectedItems]);
+  const keyedItems = collection.result.keyedItems;
+  const fetchedLastPage = collection.fetchedLastPage;
+  const searchValue = collection.query.search.value;
+
+  // Exclude already-selected references from the dropdown options.
+  const items = (0, _react.useMemo)(() => keyedItems.map(ki => ({
+    id: String(ki.key),
+    name: ki.item.name,
+    image: ki.item.image
+  })).filter(item => !selectedIds.has(item.id)), [keyedItems, selectedIds]);
+  const handleSelect = (0, _react.useCallback)(item => {
+    const next = [...selectedRefs, {
+      [idField]: item.id,
+      [displayField]: item.name,
+      ...(imageField && item.image ? {
+        [imageField]: item.image
+      } : {})
+    }];
+    onChange(next);
+    collection.clearSearch();
+  }, [selectedRefs, idField, displayField, imageField, onChange, collection]);
+  const handleRemoveTag = (0, _react.useCallback)(id => {
+    const next = selectedRefs.filter(ref => String(ref[idField] ?? '') !== id);
+    onChange(next.length ? next : null);
+  }, [selectedRefs, idField, onChange]);
+  const handleSearchChange = (0, _react.useCallback)(search => {
+    if (search) {
+      collection.search(search, {
+        clearResult: true
+      });
+    } else {
+      collection.clearSearch();
+    }
+  }, [collection]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    // Production should commit (not revert) on Escape — close the editor and
+    // keep the current selection. Stop propagation so the framework's default
+    // cancel-on-Escape doesn't also fire.
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      e.stopPropagation();
+      onCommit();
+    }
+  }, [onCommit]);
+  const closeDropdown = (0, _react.useCallback)(() => {
+    var _acHandle$current;
+    return (_acHandle$current = acHandle.current) == null ? void 0 : _acHandle$current.hideOptions();
+  }, []);
+  (0, _useCloseOnAncestorScroll.useCloseOnAncestorScroll)(wrapperRef, closeDropdown, true);
+
+  // Commit on blur, unless focus moved into the portaled dropdown / popover.
+  const handleBlur = (0, _react.useCallback)(() => {
+    requestAnimationFrame(() => {
+      var _wrapperRef$current;
+      const active = document.activeElement;
+      if (!active) {
+        onCommit();
+        return;
+      }
+      if ((_wrapperRef$current = wrapperRef.current) != null && _wrapperRef$current.contains(active)) {
+        return;
+      }
+      if (active.closest('[role="listbox"], [role="dialog"], [data-hook*="popover"]')) {
+        return;
+      }
+      onCommit();
+    });
+  }, [onCommit]);
+
+  // Click-outside fallback. Empty cells often never get a focused descendant,
+  // so onBlur on the wrapper never fires.
+  (0, _react.useEffect)(() => {
+    const handleDocMouseDown = e => {
+      var _wrapperRef$current2;
+      const target = e.target;
+      if (!target) {
+        return;
+      }
+      if ((_wrapperRef$current2 = wrapperRef.current) != null && _wrapperRef$current2.contains(target)) {
+        return;
+      }
+      if (target.closest != null && target.closest('[role="listbox"], [role="dialog"], [data-hook*="popover"]')) {
+        return;
+      }
+      onCommit();
+    };
+    document.addEventListener('mousedown', handleDocMouseDown);
+    return () => document.removeEventListener('mousedown', handleDocMouseDown);
+  }, [onCommit]);
+  const {
+    showInitialLoader,
+    fixedFooter
+  } = (0, _useFilterCollectionStates.useFilterCollectionStates)({
+    collection,
+    fixedFooter: config == null || config.renderFooter == null ? void 0 : config.renderFooter()
+  });
+
+  // Refresh this editor's dropdown options when the overlay closes — force
+  // invalidates the shared query cache (keyed by queryName), so even after this
+  // editor has unmounted the next open refetches fresh.
+  const handleOpenCollection = (0, _react.useMemo)(() => openReferencedCollection ? () => openReferencedCollection(() => collection.clearResultAndMoveToStart({
+    force: true
+  })) : undefined, [openReferencedCollection, collection]);
+  if (!refSchema) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    ref: wrapperRef,
+    width: "100%",
+    height: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 233,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellMultiReferenceInput, {
+    ref: acHandle,
+    items: items,
+    selectedItems: selectedItems,
+    value: searchValue,
+    onChange: handleSearchChange,
+    onSelect: handleSelect,
+    onRemoveTag: handleRemoveTag,
+    onKeyDown: handleKeyDown,
+    onBlur: handleBlur,
+    infiniteScroll: true,
+    hasMore: !showInitialLoader && !fetchedLastPage,
+    loadMore: collection.fetchNextPageIfNeeded,
+    fixedFooter: fixedFooter,
+    onOpenCollection: handleOpenCollection,
+    autoOpen: !!editTrigger,
+    inputRef: inputRef,
+    dataHook: "multi-reference-edit",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 234,
+      columnNumber: 7
+    }
+  }));
+}
+const MultiReferenceEditContent = (0, _mobxReactLite.observer)(_MultiReferenceEditContent);
+const MultiReferenceEdit = props => /*#__PURE__*/_react.default.createElement(_providers.FilterTranslationProvider, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 262,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(MultiReferenceEditContent, (0, _extends2.default)({}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 263,
+    columnNumber: 5
+  }
+})));
+exports.MultiReferenceEdit = MultiReferenceEdit;
+//# sourceMappingURL=Edit.js.map

package/dist/cjs/components/EditableTable/cellTypes/multiReference/Edit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_mobxReactLite","_react2","_useCloseOnAncestorScroll","_useFilterCollectionStates","_providers","_getImageFieldId","_openCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MultiReferenceEditContent","value","onChange","onCommit","typeConfig","editTrigger","inputRef","config","refSchema","acHandle","useRef","wrapperRef","openReferencedCollection","useOpenReferencedCollection","idField","displayField","imageField","getImageFieldId","fields","collection","useCollection","queryName","id","itemKey","item","itemName","name","fetchData","query","fetchReferenceItems","items","total","initialSearchTextRef","kind","key","undefined","useEffect","dispose","init","current","search","clearResult","selectedRefs","selectedItems","useMemo","map","ref","String","image","selectedIds","Set","keyedItems","result","fetchedLastPage","searchValue","ki","filter","handleSelect","useCallback","next","clearSearch","handleRemoveTag","length","handleSearchChange","handleKeyDown","preventDefault","stopPropagation","closeDropdown","_acHandle$current","hideOptions","useCloseOnAncestorScroll","handleBlur","requestAnimationFrame","_wrapperRef$current","active","document","activeElement","contains","closest","handleDocMouseDown","_wrapperRef$current2","target","addEventListener","removeEventListener","showInitialLoader","fixedFooter","useFilterCollectionStates","renderFooter","handleOpenCollection","clearResultAndMoveToStart","force","createElement","Box","width","height","__self","__source","fileName","lineNumber","columnNumber","CellMultiReferenceInput","onSelect","onRemoveTag","onKeyDown","onBlur","infiniteScroll","hasMore","loadMore","fetchNextPageIfNeeded","onOpenCollection","autoOpen","dataHook","MultiReferenceEditContent","observer","MultiReferenceEdit","props","FilterTranslationProvider","_extends2","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/multiReference/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Box } from '@wix/design-system';\nimport {\n  CellMultiReferenceInput,\n  type CellMultiReferenceInputHandle,\n  type CellMultiReferenceItem,\n} from '@wix/patterns-fields';\nimport { observer } from 'mobx-react-lite';\nimport { useCollection } from '@wix/bex-core/react';\nimport type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';\nimport { useFilterCollectionStates } from '../../../../hooks/useFilterCollectionStates';\nimport { FilterTranslationProvider } from '../../../../providers';\nimport { getImageFieldId } from '../reference/getImageFieldId';\nimport { useOpenReferencedCollection } from '../reference/openCollectionContext';\nimport type {\n  MultiReferenceValue,\n  ReferenceItem,\n  ReferenceTypeConfig,\n} from './types';\n\nfunction _MultiReferenceEditContent({\n  value,\n  onChange,\n  onCommit,\n  typeConfig,\n  editTrigger,\n  inputRef,\n}: CellEditProps<MultiReferenceValue>) {\n  const config = typeConfig as ReferenceTypeConfig | undefined;\n  const refSchema = config?.refSchema;\n  const acHandle = useRef<CellMultiReferenceInputHandle | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  // Opener provided by ReferenceEditWrapper (a stable ancestor) so the\n  // navigation + return-to-foreground subscription survive this editor\n  // unmounting when the overlay opens.\n  const openReferencedCollection = useOpenReferencedCollection();\n\n  const idField = refSchema?.idField ?? '_id';\n  const displayField = refSchema?.displayField ?? 'title';\n  const imageField = getImageFieldId(refSchema?.fields);\n\n  const collection = useCollection<ReferenceItem>({\n    queryName: `multi-reference-cell-edit-${refSchema?.id ?? 'unknown'}`,\n    itemKey: (item) => item.id,\n    itemName: (item) => item.name,\n    fetchData: async (query) => {\n      if (!config?.fetchReferenceItems) {\n        return { items: [], total: 0 };\n      }\n      return config.fetchReferenceItems(query);\n    },\n  });\n\n  const initialSearchTextRef = useRef(\n    editTrigger &&\n      typeof editTrigger === 'object' &&\n      editTrigger.kind === 'type'\n      ? editTrigger.key\n      : undefined,\n  );\n\n  useEffect(() => {\n    const dispose = collection.init();\n    if (initialSearchTextRef.current !== undefined) {\n      collection.search(initialSearchTextRef.current, { clearResult: true });\n    }\n    // Seed editingValue with the current value so a no-op edit commits the same\n    // list back instead of `undefined` (which would clear the cell).\n    onChange(value ?? []);\n    return dispose;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [collection]);\n\n  const selectedRefs = value ?? [];\n\n  const selectedItems = useMemo<CellMultiReferenceItem[]>(\n    () =>\n      selectedRefs.map((ref, i) => ({\n        id: String(ref[idField] ?? i),\n        name: String(ref[displayField] ?? ''),\n        image: imageField ? (ref[imageField] as string | undefined) : undefined,\n      })),\n    [selectedRefs, idField, displayField, imageField],\n  );\n\n  const selectedIds = useMemo(\n    () => new Set(selectedItems.map((item) => item.id)),\n    [selectedItems],\n  );\n\n  const keyedItems = collection.result.keyedItems;\n  const fetchedLastPage = collection.fetchedLastPage;\n  const searchValue = collection.query.search.value;\n\n  // Exclude already-selected references from the dropdown options.\n  const items = useMemo<CellMultiReferenceItem[]>(\n    () =>\n      keyedItems\n        .map((ki) => ({\n          id: String(ki.key),\n          name: ki.item.name,\n          image: ki.item.image,\n        }))\n        .filter((item) => !selectedIds.has(item.id)),\n    [keyedItems, selectedIds],\n  );\n\n  const handleSelect = useCallback(\n    (item: CellMultiReferenceItem) => {\n      const next = [\n        ...selectedRefs,\n        {\n          [idField]: item.id,\n          [displayField]: item.name,\n          ...(imageField && item.image ? { [imageField]: item.image } : {}),\n        },\n      ];\n      onChange(next);\n      collection.clearSearch();\n    },\n    [selectedRefs, idField, displayField, imageField, onChange, collection],\n  );\n\n  const handleRemoveTag = useCallback(\n    (id: string) => {\n      const next = selectedRefs.filter(\n        (ref) => String(ref[idField] ?? '') !== id,\n      );\n      onChange(next.length ? next : null);\n    },\n    [selectedRefs, idField, onChange],\n  );\n\n  const handleSearchChange = useCallback(\n    (search: string) => {\n      if (search) {\n        collection.search(search, { clearResult: true });\n      } else {\n        collection.clearSearch();\n      }\n    },\n    [collection],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      // Production should commit (not revert) on Escape — close the editor and\n      // keep the current selection. Stop propagation so the framework's default\n      // cancel-on-Escape doesn't also fire.\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        onCommit();\n      }\n    },\n    [onCommit],\n  );\n\n  const closeDropdown = useCallback(() => acHandle.current?.hideOptions(), []);\n  useCloseOnAncestorScroll(wrapperRef, closeDropdown, true);\n\n  // Commit on blur, unless focus moved into the portaled dropdown / popover.\n  const handleBlur = useCallback(() => {\n    requestAnimationFrame(() => {\n      const active = document.activeElement as HTMLElement | null;\n      if (!active) {\n        onCommit();\n        return;\n      }\n      if (wrapperRef.current?.contains(active)) {\n        return;\n      }\n      if (\n        active.closest(\n          '[role=\"listbox\"], [role=\"dialog\"], [data-hook*=\"popover\"]',\n        )\n      ) {\n        return;\n      }\n      onCommit();\n    });\n  }, [onCommit]);\n\n  // Click-outside fallback. Empty cells often never get a focused descendant,\n  // so onBlur on the wrapper never fires.\n  useEffect(() => {\n    const handleDocMouseDown = (e: MouseEvent) => {\n      const target = e.target as HTMLElement | null;\n      if (!target) {\n        return;\n      }\n      if (wrapperRef.current?.contains(target)) {\n        return;\n      }\n      if (\n        target.closest?.(\n          '[role=\"listbox\"], [role=\"dialog\"], [data-hook*=\"popover\"]',\n        )\n      ) {\n        return;\n      }\n      onCommit();\n    };\n    document.addEventListener('mousedown', handleDocMouseDown);\n    return () => document.removeEventListener('mousedown', handleDocMouseDown);\n  }, [onCommit]);\n\n  const { showInitialLoader, fixedFooter } = useFilterCollectionStates({\n    collection,\n    fixedFooter: config?.renderFooter?.(),\n  });\n\n  // Refresh this editor's dropdown options when the overlay closes — force\n  // invalidates the shared query cache (keyed by queryName), so even after this\n  // editor has unmounted the next open refetches fresh.\n  const handleOpenCollection = useMemo(\n    () =>\n      openReferencedCollection\n        ? () =>\n            openReferencedCollection(() =>\n              collection.clearResultAndMoveToStart({ force: true }),\n            )\n        : undefined,\n    [openReferencedCollection, collection],\n  );\n\n  if (!refSchema) {\n    return null;\n  }\n\n  return (\n    <Box ref={wrapperRef} width=\"100%\" height=\"100%\">\n      <CellMultiReferenceInput\n        ref={acHandle}\n        items={items}\n        selectedItems={selectedItems}\n        value={searchValue}\n        onChange={handleSearchChange}\n        onSelect={handleSelect}\n        onRemoveTag={handleRemoveTag}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        infiniteScroll\n        hasMore={!showInitialLoader && !fetchedLastPage}\n        loadMore={collection.fetchNextPageIfNeeded}\n        fixedFooter={fixedFooter}\n        onOpenCollection={handleOpenCollection}\n        autoOpen={!!editTrigger}\n        inputRef={inputRef}\n        dataHook=\"multi-reference-edit\"\n      />\n    </Box>\n  );\n}\n\nconst MultiReferenceEditContent = observer(_MultiReferenceEditContent);\n\nexport const MultiReferenceEdit = (\n  props: CellEditProps<MultiReferenceValue>,\n) => (\n  <FilterTranslationProvider>\n    <MultiReferenceEditContent {...props} />\n  </FilterTranslationProvider>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAKA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,0BAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,sBAAA,GAAAT,OAAA;AAAiF,IAAAU,YAAA;AAAA,SAAAX,wBAAAY,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAY,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOjF,SAASkB,0BAA0BA,CAAC;EAClCC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC;AACkC,CAAC,EAAE;EACrC,MAAMC,MAAM,GAAGH,UAA6C;EAC5D,MAAMI,SAAS,GAAGD,MAAM,oBAANA,MAAM,CAAEC,SAAS;EACnC,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAuC,IAAI,CAAC;EACnE,MAAMC,UAAU,GAAG,IAAAD,aAAM,EAAwB,IAAI,CAAC;EACtD;EACA;EACA;EACA,MAAME,wBAAwB,GAAG,IAAAC,kDAA2B,EAAC,CAAC;EAE9D,MAAMC,OAAO,GAAG,CAAAN,SAAS,oBAATA,SAAS,CAAEM,OAAO,KAAI,KAAK;EAC3C,MAAMC,YAAY,GAAG,CAAAP,SAAS,oBAATA,SAAS,CAAEO,YAAY,KAAI,OAAO;EACvD,MAAMC,UAAU,GAAG,IAAAC,gCAAe,EAACT,SAAS,oBAATA,SAAS,CAAEU,MAAM,CAAC;EAErD,MAAMC,UAAU,GAAG,IAAAC,qBAAa,EAAgB;IAC9CC,SAAS,EAAE,6BAA6B,CAAAb,SAAS,oBAATA,SAAS,CAAEc,EAAE,KAAI,SAAS,EAAE;IACpEC,OAAO,EAAGC,IAAI,IAAKA,IAAI,CAACF,EAAE;IAC1BG,QAAQ,EAAGD,IAAI,IAAKA,IAAI,CAACE,IAAI;IAC7BC,SAAS,EAAE,MAAOC,KAAK,IAAK;MAC1B,IAAI,EAACrB,MAAM,YAANA,MAAM,CAAEsB,mBAAmB,GAAE;QAChC,OAAO;UAAEC,KAAK,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAE,CAAC;MAChC;MACA,OAAOxB,MAAM,CAACsB,mBAAmB,CAACD,KAAK,CAAC;IAC1C;EACF,CAAC,CAAC;EAEF,MAAMI,oBAAoB,GAAG,IAAAtB,aAAM,EACjCL,WAAW,IACT,OAAOA,WAAW,KAAK,QAAQ,IAC/BA,WAAW,CAAC4B,IAAI,KAAK,MAAM,GACzB5B,WAAW,CAAC6B,GAAG,GACfC,SACN,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,OAAO,GAAGlB,UAAU,CAACmB,IAAI,CAAC,CAAC;IACjC,IAAIN,oBAAoB,CAACO,OAAO,KAAKJ,SAAS,EAAE;MAC9ChB,UAAU,CAACqB,MAAM,CAACR,oBAAoB,CAACO,OAAO,EAAE;QAAEE,WAAW,EAAE;MAAK,CAAC,CAAC;IACxE;IACA;IACA;IACAvC,QAAQ,CAACD,KAAK,IAAI,EAAE,CAAC;IACrB,OAAOoC,OAAO;IACd;EACF,CAAC,EAAE,CAAClB,UAAU,CAAC,CAAC;EAEhB,MAAMuB,YAAY,GAAGzC,KAAK,IAAI,EAAE;EAEhC,MAAM0C,aAAa,GAAG,IAAAC,cAAO,EAC3B,MACEF,YAAY,CAACG,GAAG,CAAC,CAACC,GAAG,EAAE1D,CAAC,MAAM;IAC5BkC,EAAE,EAAEyB,MAAM,CAACD,GAAG,CAAChC,OAAO,CAAC,IAAI1B,CAAC,CAAC;IAC7BsC,IAAI,EAAEqB,MAAM,CAACD,GAAG,CAAC/B,YAAY,CAAC,IAAI,EAAE,CAAC;IACrCiC,KAAK,EAAEhC,UAAU,GAAI8B,GAAG,CAAC9B,UAAU,CAAC,GAA0BmB;EAChE,CAAC,CAAC,CAAC,EACL,CAACO,YAAY,EAAE5B,OAAO,EAAEC,YAAY,EAAEC,UAAU,CAClD,CAAC;EAED,MAAMiC,WAAW,GAAG,IAAAL,cAAO,EACzB,MAAM,IAAIM,GAAG,CAACP,aAAa,CAACE,GAAG,CAAErB,IAAI,IAAKA,IAAI,CAACF,EAAE,CAAC,CAAC,EACnD,CAACqB,aAAa,CAChB,CAAC;EAED,MAAMQ,UAAU,GAAGhC,UAAU,CAACiC,MAAM,CAACD,UAAU;EAC/C,MAAME,eAAe,GAAGlC,UAAU,CAACkC,eAAe;EAClD,MAAMC,WAAW,GAAGnC,UAAU,CAACS,KAAK,CAACY,MAAM,CAACvC,KAAK;;EAEjD;EACA,MAAM6B,KAAK,GAAG,IAAAc,cAAO,EACnB,MACEO,UAAU,CACPN,GAAG,CAAEU,EAAE,KAAM;IACZjC,EAAE,EAAEyB,MAAM,CAACQ,EAAE,CAACrB,GAAG,CAAC;IAClBR,IAAI,EAAE6B,EAAE,CAAC/B,IAAI,CAACE,IAAI;IAClBsB,KAAK,EAAEO,EAAE,CAAC/B,IAAI,CAACwB;EACjB,CAAC,CAAC,CAAC,CACFQ,MAAM,CAAEhC,IAAI,IAAK,CAACyB,WAAW,CAACzD,GAAG,CAACgC,IAAI,CAACF,EAAE,CAAC,CAAC,EAChD,CAAC6B,UAAU,EAAEF,WAAW,CAC1B,CAAC;EAED,MAAMQ,YAAY,GAAG,IAAAC,kBAAW,EAC7BlC,IAA4B,IAAK;IAChC,MAAMmC,IAAI,GAAG,CACX,GAAGjB,YAAY,EACf;MACE,CAAC5B,OAAO,GAAGU,IAAI,CAACF,EAAE;MAClB,CAACP,YAAY,GAAGS,IAAI,CAACE,IAAI;MACzB,IAAIV,UAAU,IAAIQ,IAAI,CAACwB,KAAK,GAAG;QAAE,CAAChC,UAAU,GAAGQ,IAAI,CAACwB;MAAM,CAAC,GAAG,CAAC,CAAC;IAClE,CAAC,CACF;IACD9C,QAAQ,CAACyD,IAAI,CAAC;IACdxC,UAAU,CAACyC,WAAW,CAAC,CAAC;EAC1B,CAAC,EACD,CAAClB,YAAY,EAAE5B,OAAO,EAAEC,YAAY,EAAEC,UAAU,EAAEd,QAAQ,EAAEiB,UAAU,CACxE,CAAC;EAED,MAAM0C,eAAe,GAAG,IAAAH,kBAAW,EAChCpC,EAAU,IAAK;IACd,MAAMqC,IAAI,GAAGjB,YAAY,CAACc,MAAM,CAC7BV,GAAG,IAAKC,MAAM,CAACD,GAAG,CAAChC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAKQ,EAC1C,CAAC;IACDpB,QAAQ,CAACyD,IAAI,CAACG,MAAM,GAAGH,IAAI,GAAG,IAAI,CAAC;EACrC,CAAC,EACD,CAACjB,YAAY,EAAE5B,OAAO,EAAEZ,QAAQ,CAClC,CAAC;EAED,MAAM6D,kBAAkB,GAAG,IAAAL,kBAAW,EACnClB,MAAc,IAAK;IAClB,IAAIA,MAAM,EAAE;MACVrB,UAAU,CAACqB,MAAM,CAACA,MAAM,EAAE;QAAEC,WAAW,EAAE;MAAK,CAAC,CAAC;IAClD,CAAC,MAAM;MACLtB,UAAU,CAACyC,WAAW,CAAC,CAAC;IAC1B;EACF,CAAC,EACD,CAACzC,UAAU,CACb,CAAC;EAED,MAAM6C,aAAa,GAAG,IAAAN,kBAAW,EAC9B7E,CAAsB,IAAK;IAC1B;IACA;IACA;IACA,IAAIA,CAAC,CAACqD,GAAG,KAAK,QAAQ,EAAE;MACtBrD,CAAC,CAACoF,cAAc,CAAC,CAAC;MAClBpF,CAAC,CAACqF,eAAe,CAAC,CAAC;MACnB/D,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAMgE,aAAa,GAAG,IAAAT,kBAAW,EAAC;IAAA,IAAAU,iBAAA;IAAA,QAAAA,iBAAA,GAAM3D,QAAQ,CAAC8B,OAAO,qBAAhB6B,iBAAA,CAAkBC,WAAW,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;EAC5E,IAAAC,kDAAwB,EAAC3D,UAAU,EAAEwD,aAAa,EAAE,IAAI,CAAC;;EAEzD;EACA,MAAMI,UAAU,GAAG,IAAAb,kBAAW,EAAC,MAAM;IACnCc,qBAAqB,CAAC,MAAM;MAAA,IAAAC,mBAAA;MAC1B,MAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAmC;MAC3D,IAAI,CAACF,MAAM,EAAE;QACXvE,QAAQ,CAAC,CAAC;QACV;MACF;MACA,KAAAsE,mBAAA,GAAI9D,UAAU,CAAC4B,OAAO,aAAlBkC,mBAAA,CAAoBI,QAAQ,CAACH,MAAM,CAAC,EAAE;QACxC;MACF;MACA,IACEA,MAAM,CAACI,OAAO,CACZ,2DACF,CAAC,EACD;QACA;MACF;MACA3E,QAAQ,CAAC,CAAC;IACZ,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEd;EACA;EACA,IAAAiC,gBAAS,EAAC,MAAM;IACd,MAAM2C,kBAAkB,GAAIlG,CAAa,IAAK;MAAA,IAAAmG,oBAAA;MAC5C,MAAMC,MAAM,GAAGpG,CAAC,CAACoG,MAA4B;MAC7C,IAAI,CAACA,MAAM,EAAE;QACX;MACF;MACA,KAAAD,oBAAA,GAAIrE,UAAU,CAAC4B,OAAO,aAAlByC,oBAAA,CAAoBH,QAAQ,CAACI,MAAM,CAAC,EAAE;QACxC;MACF;MACA,IACEA,MAAM,CAACH,OAAO,YAAdG,MAAM,CAACH,OAAO,CACZ,2DACF,CAAC,EACD;QACA;MACF;MACA3E,QAAQ,CAAC,CAAC;IACZ,CAAC;IACDwE,QAAQ,CAACO,gBAAgB,CAAC,WAAW,EAAEH,kBAAkB,CAAC;IAC1D,OAAO,MAAMJ,QAAQ,CAACQ,mBAAmB,CAAC,WAAW,EAAEJ,kBAAkB,CAAC;EAC5E,CAAC,EAAE,CAAC5E,QAAQ,CAAC,CAAC;EAEd,MAAM;IAAEiF,iBAAiB;IAAEC;EAAY,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACnEnE,UAAU;IACVkE,WAAW,EAAE9E,MAAM,YAANA,MAAM,CAAEgF,YAAY,oBAApBhF,MAAM,CAAEgF,YAAY,CAAG;EACtC,CAAC,CAAC;;EAEF;EACA;EACA;EACA,MAAMC,oBAAoB,GAAG,IAAA5C,cAAO,EAClC,MACEhC,wBAAwB,GACpB,MACEA,wBAAwB,CAAC,MACvBO,UAAU,CAACsE,yBAAyB,CAAC;IAAEC,KAAK,EAAE;EAAK,CAAC,CACtD,CAAC,GACHvD,SAAS,EACf,CAACvB,wBAAwB,EAAEO,UAAU,CACvC,CAAC;EAED,IAAI,CAACX,SAAS,EAAE;IACd,OAAO,IAAI;EACb;EAEA,oBACExC,MAAA,CAAAuB,OAAA,CAAAoG,aAAA,CAACxH,aAAA,CAAAyH,GAAG;IAAC9C,GAAG,EAAEnC,UAAW;IAACkF,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArH,YAAA;MAAAsH,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC9CnI,MAAA,CAAAuB,OAAA,CAAAoG,aAAA,CAACvH,eAAA,CAAAgI,uBAAuB;IACtBtD,GAAG,EAAErC,QAAS;IACdqB,KAAK,EAAEA,KAAM;IACba,aAAa,EAAEA,aAAc;IAC7B1C,KAAK,EAAEqD,WAAY;IACnBpD,QAAQ,EAAE6D,kBAAmB;IAC7BsC,QAAQ,EAAE5C,YAAa;IACvB6C,WAAW,EAAEzC,eAAgB;IAC7B0C,SAAS,EAAEvC,aAAc;IACzBwC,MAAM,EAAEjC,UAAW;IACnBkC,cAAc;IACdC,OAAO,EAAE,CAACtB,iBAAiB,IAAI,CAAC/B,eAAgB;IAChDsD,QAAQ,EAAExF,UAAU,CAACyF,qBAAsB;IAC3CvB,WAAW,EAAEA,WAAY;IACzBwB,gBAAgB,EAAErB,oBAAqB;IACvCsB,QAAQ,EAAE,CAAC,CAACzG,WAAY;IACxBC,QAAQ,EAAEA,QAAS;IACnByG,QAAQ,EAAC,sBAAsB;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArH,YAAA;MAAAsH,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChC,CACE,CAAC;AAEV;AAEA,MAAMa,yBAAyB,GAAG,IAAAC,uBAAQ,EAACjH,0BAA0B,CAAC;AAE/D,MAAMkH,kBAAkB,GAC7BC,KAAyC,iBAEzCnJ,MAAA,CAAAuB,OAAA,CAAAoG,aAAA,CAAClH,UAAA,CAAA2I,yBAAyB;EAAArB,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAArH,YAAA;IAAAsH,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACxBnI,MAAA,CAAAuB,OAAA,CAAAoG,aAAA,CAACqB,yBAAyB,MAAAK,SAAA,CAAA9H,OAAA,MAAK4H,KAAK;EAAApB,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAArH,YAAA;IAAAsH,UAAA;IAAAC,YAAA;EAAA;AAAA,EAAG,CACd,CAC5B;AAACmB,OAAA,CAAAJ,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/multiReference/Edit.uni.driver.js

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MultiReferenceEditUniDriver = MultiReferenceEditUniDriver;
+var _unidriver = require("../../../../unidriver");
+const {
+  fireEvent = null
+} = process.env.NODE_ENV === 'test' ? (() => {
+  try {
+    return require('@testing-library/react');
+  } catch {}
+  return {};
+})() : {};
+function MultiReferenceEditUniDriver(base, body) {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const getNativeInput = () => base.$('input').getNative();
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    hasInput: () => base.$('input').exists(),
+    getInputValue: () => base.$('input').value(),
+    getTagsCount: () => base.$$('[data-hook="multi-reference-edit-tag"]').count(),
+    typeInInput: async value => {
+      fireEvent.change(await getNativeInput(), {
+        target: {
+          value
+        }
+      });
+    },
+    pressKeyOnInput: async key => {
+      fireEvent.keyDown(await getNativeInput(), {
+        key
+      });
+    },
+    // Dropdown options are portal-mounted to document.body, so search in body.
+    getOptionCount: async () => body.$$('[data-hook="list-item-select"]').count(),
+    getOptionTitleByIndex: async index => {
+      const option = await body.$$('[data-hook="list-item-select"]').get(index);
+      return option.$('[data-hook="list-item-select-title"]').text();
+    },
+    clickOptionByIndex: async index => {
+      const option = await body.$$('[data-hook="list-item-select"]').get(index);
+      return option.click();
+    },
+    hasOpenCollectionButton: () => body.$('[data-hook="reference-open-collection"]').exists(),
+    clickOpenCollection: async () => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const el = body.$('[data-hook="reference-open-collection"]').getNative();
+      fireEvent.click(await el);
+    }
+  };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

package/dist/cjs/components/EditableTable/cellTypes/multiReference/Edit.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","fireEvent","process","env","NODE_ENV","MultiReferenceEditUniDriver","base","body","getNativeInput","$","getNative","baseUniDriverFactory","hasInput","exists","getInputValue","value","getTagsCount","$$","count","typeInInput","change","target","pressKeyOnInput","key","keyDown","getOptionCount","getOptionTitleByIndex","index","option","get","text","clickOptionByIndex","click","hasOpenCollectionButton","clickOpenCollection","el"],"sources":["../../../../../../src/components/EditableTable/cellTypes/multiReference/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nconst { fireEvent = null } =\n  process.env.NODE_ENV === 'test'\n    ? (() => {\n        try {\n          return require('@testing-library/react');\n        } catch {}\n        return {};\n      })()\n    : {};\n\nexport function MultiReferenceEditUniDriver(base: UniDriver, body: UniDriver) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const getNativeInput = () =>\n    (base.$('input') as any).getNative() as Promise<HTMLInputElement>;\n\n  return {\n    ...baseUniDriverFactory(base),\n    hasInput: () => base.$('input').exists(),\n    getInputValue: () => base.$('input').value(),\n    getTagsCount: () =>\n      base.$$('[data-hook=\"multi-reference-edit-tag\"]').count(),\n    typeInInput: async (value: string) => {\n      fireEvent.change(await getNativeInput(), { target: { value } });\n    },\n    pressKeyOnInput: async (key: string) => {\n      fireEvent.keyDown(await getNativeInput(), { key });\n    },\n    // Dropdown options are portal-mounted to document.body, so search in body.\n    getOptionCount: async () =>\n      body.$$('[data-hook=\"list-item-select\"]').count(),\n    getOptionTitleByIndex: async (index: number) => {\n      const option = await body.$$('[data-hook=\"list-item-select\"]').get(index);\n      return option.$('[data-hook=\"list-item-select-title\"]').text();\n    },\n    clickOptionByIndex: async (index: number) => {\n      const option = await body.$$('[data-hook=\"list-item-select\"]').get(index);\n      return option.click();\n    },\n    hasOpenCollectionButton: () =>\n      body.$('[data-hook=\"reference-open-collection\"]').exists(),\n    clickOpenCollection: async () => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const el = (\n        body.$('[data-hook=\"reference-open-collection\"]') as any\n      ).getNative() as Promise<HTMLElement>;\n      fireEvent.click(await el);\n    },\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEA,MAAM;EAAEC,SAAS,GAAG;AAAK,CAAC,GACxBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAC3B,CAAC,MAAM;EACL,IAAI;IACF,OAAOJ,OAAO,CAAC,wBAAwB,CAAC;EAC1C,CAAC,CAAC,MAAM,CAAC;EACT,OAAO,CAAC,CAAC;AACX,CAAC,EAAE,CAAC,GACJ,CAAC,CAAC;AAED,SAASK,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E;EACA,MAAMC,cAAc,GAAGA,CAAA,KACpBF,IAAI,CAACG,CAAC,CAAC,OAAO,CAAC,CAASC,SAAS,CAAC,CAA8B;EAEnE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACL,IAAI,CAAC;IAC7BM,QAAQ,EAAEA,CAAA,KAAMN,IAAI,CAACG,CAAC,CAAC,OAAO,CAAC,CAACI,MAAM,CAAC,CAAC;IACxCC,aAAa,EAAEA,CAAA,KAAMR,IAAI,CAACG,CAAC,CAAC,OAAO,CAAC,CAACM,KAAK,CAAC,CAAC;IAC5CC,YAAY,EAAEA,CAAA,KACZV,IAAI,CAACW,EAAE,CAAC,wCAAwC,CAAC,CAACC,KAAK,CAAC,CAAC;IAC3DC,WAAW,EAAE,MAAOJ,KAAa,IAAK;MACpCd,SAAS,CAACmB,MAAM,CAAC,MAAMZ,cAAc,CAAC,CAAC,EAAE;QAAEa,MAAM,EAAE;UAAEN;QAAM;MAAE,CAAC,CAAC;IACjE,CAAC;IACDO,eAAe,EAAE,MAAOC,GAAW,IAAK;MACtCtB,SAAS,CAACuB,OAAO,CAAC,MAAMhB,cAAc,CAAC,CAAC,EAAE;QAAEe;MAAI,CAAC,CAAC;IACpD,CAAC;IACD;IACAE,cAAc,EAAE,MAAAA,CAAA,KACdlB,IAAI,CAACU,EAAE,CAAC,gCAAgC,CAAC,CAACC,KAAK,CAAC,CAAC;IACnDQ,qBAAqB,EAAE,MAAOC,KAAa,IAAK;MAC9C,MAAMC,MAAM,GAAG,MAAMrB,IAAI,CAACU,EAAE,CAAC,gCAAgC,CAAC,CAACY,GAAG,CAACF,KAAK,CAAC;MACzE,OAAOC,MAAM,CAACnB,CAAC,CAAC,sCAAsC,CAAC,CAACqB,IAAI,CAAC,CAAC;IAChE,CAAC;IACDC,kBAAkB,EAAE,MAAOJ,KAAa,IAAK;MAC3C,MAAMC,MAAM,GAAG,MAAMrB,IAAI,CAACU,EAAE,CAAC,gCAAgC,CAAC,CAACY,GAAG,CAACF,KAAK,CAAC;MACzE,OAAOC,MAAM,CAACI,KAAK,CAAC,CAAC;IACvB,CAAC;IACDC,uBAAuB,EAAEA,CAAA,KACvB1B,IAAI,CAACE,CAAC,CAAC,yCAAyC,CAAC,CAACI,MAAM,CAAC,CAAC;IAC5DqB,mBAAmB,EAAE,MAAAA,CAAA,KAAY;MAC/B;MACA,MAAMC,EAAE,GACN5B,IAAI,CAACE,CAAC,CAAC,yCAAyC,CAAC,CACjDC,SAAS,CAAC,CAAyB;MACrCT,SAAS,CAAC+B,KAAK,CAAC,MAAMG,EAAE,CAAC;IAC3B;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/multiReference/View.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MultiReferenceView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _patternsFields = require("@wix/patterns-fields");
+var _getImageFieldId = require("../reference/getImageFieldId");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/multiReference/View.tsx";
+const MultiReferenceView = ({
+  value,
+  typeConfig,
+  columnId,
+  rowKey
+}) => {
+  const config = typeConfig;
+  const refs = value ?? [];
+  if (refs.length === 0 || !(config != null && config.refSchema)) {
+    return null;
+  }
+  const {
+    displayField,
+    idField
+  } = config.refSchema;
+  const imageField = (0, _getImageFieldId.getImageFieldId)(config.refSchema.fields);
+  const items = refs.map((ref, i) => ({
+    id: String(ref[idField] ?? i),
+    name: String(ref[displayField] ?? ''),
+    image: imageField ? ref[imageField] : undefined
+  }));
+  return /*#__PURE__*/_react.default.createElement(_patternsFields.CellMultiReferenceView, {
+    items: items,
+    dataHook: "multi-reference-view",
+    fieldId: `multi-reference-view-${columnId}-${rowKey}`,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 27,
+      columnNumber: 5
+    }
+  });
+};
+exports.MultiReferenceView = MultiReferenceView;
+//# sourceMappingURL=View.js.map

package/dist/cjs/components/EditableTable/cellTypes/multiReference/View.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_getImageFieldId","_jsxFileName","MultiReferenceView","value","typeConfig","columnId","rowKey","config","refs","length","refSchema","displayField","idField","imageField","getImageFieldId","fields","items","map","ref","i","id","String","name","image","undefined","default","createElement","CellMultiReferenceView","dataHook","fieldId","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/multiReference/View.tsx"],"sourcesContent":["import React from 'react';\nimport { CellMultiReferenceView } from '@wix/patterns-fields';\nimport type { CellMultiReferenceItem } from '@wix/patterns-fields';\nimport type { CellViewProps } from '../../types';\nimport { getImageFieldId } from '../reference/getImageFieldId';\nimport type { MultiReferenceValue, ReferenceTypeConfig } from './types';\n\nexport const MultiReferenceView: React.FC<\n  CellViewProps<MultiReferenceValue>\n> = ({ value, typeConfig, columnId, rowKey }) => {\n  const config = typeConfig as ReferenceTypeConfig | undefined;\n  const refs = value ?? [];\n  if (refs.length === 0 || !config?.refSchema) {\n    return null;\n  }\n\n  const { displayField, idField } = config.refSchema;\n  const imageField = getImageFieldId(config.refSchema.fields);\n\n  const items: CellMultiReferenceItem[] = refs.map((ref, i) => ({\n    id: String(ref[idField] ?? i),\n    name: String(ref[displayField] ?? ''),\n    image: imageField ? (ref[imageField] as string | undefined) : undefined,\n  }));\n\n  return (\n    <CellMultiReferenceView\n      items={items}\n      dataHook=\"multi-reference-view\"\n      fieldId={`multi-reference-view-${columnId}-${rowKey}`}\n    />\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAGA,IAAAE,gBAAA,GAAAF,OAAA;AAA+D,IAAAG,YAAA;AAGxD,MAAMC,kBAEZ,GAAGA,CAAC;EAAEC,KAAK;EAAEC,UAAU;EAAEC,QAAQ;EAAEC;AAAO,CAAC,KAAK;EAC/C,MAAMC,MAAM,GAAGH,UAA6C;EAC5D,MAAMI,IAAI,GAAGL,KAAK,IAAI,EAAE;EACxB,IAAIK,IAAI,CAACC,MAAM,KAAK,CAAC,IAAI,EAACF,MAAM,YAANA,MAAM,CAAEG,SAAS,GAAE;IAC3C,OAAO,IAAI;EACb;EAEA,MAAM;IAAEC,YAAY;IAAEC;EAAQ,CAAC,GAAGL,MAAM,CAACG,SAAS;EAClD,MAAMG,UAAU,GAAG,IAAAC,gCAAe,EAACP,MAAM,CAACG,SAAS,CAACK,MAAM,CAAC;EAE3D,MAAMC,KAA+B,GAAGR,IAAI,CAACS,GAAG,CAAC,CAACC,GAAG,EAAEC,CAAC,MAAM;IAC5DC,EAAE,EAAEC,MAAM,CAACH,GAAG,CAACN,OAAO,CAAC,IAAIO,CAAC,CAAC;IAC7BG,IAAI,EAAED,MAAM,CAACH,GAAG,CAACP,YAAY,CAAC,IAAI,EAAE,CAAC;IACrCY,KAAK,EAAEV,UAAU,GAAIK,GAAG,CAACL,UAAU,CAAC,GAA0BW;EAChE,CAAC,CAAC,CAAC;EAEH,oBACE5B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAAC3B,eAAA,CAAA4B,sBAAsB;IACrBX,KAAK,EAAEA,KAAM;IACbY,QAAQ,EAAC,sBAAsB;IAC/BC,OAAO,EAAE,wBAAwBxB,QAAQ,IAAIC,MAAM,EAAG;IAAAwB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACvD,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAjC,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/multiReference/View.uni.driver.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MultiReferenceViewUniDriver = MultiReferenceViewUniDriver;
+var _unidriver = require("../../../../unidriver");
+function MultiReferenceViewUniDriver(base, _body) {
+  const tags = () => base.$$('[data-hook="cell-multi-reference-tag"]');
+  const overflow = () => base.$('[data-hook="tag-list-overflow-chip"]');
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    hasTags: async () => (await tags().count()) > 0,
+    getTagsCount: () => tags().count(),
+    isEmpty: async () => !(await base.$('[data-hook="cell-multi-reference-tags"]').exists()),
+    hasOverflowChip: () => overflow().exists(),
+    getOverflowChipText: async () => (await overflow().text()) ?? ''
+  };
+}
+//# sourceMappingURL=View.uni.driver.js.map

package/dist/cjs/components/EditableTable/cellTypes/multiReference/View.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","MultiReferenceViewUniDriver","base","_body","tags","$$","overflow","$","baseUniDriverFactory","hasTags","count","getTagsCount","isEmpty","exists","hasOverflowChip","getOverflowChipText","text"],"sources":["../../../../../../src/components/EditableTable/cellTypes/multiReference/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function MultiReferenceViewUniDriver(base: UniDriver, _body: UniDriver) {\n  const tags = () => base.$$('[data-hook=\"cell-multi-reference-tag\"]');\n  const overflow = () => base.$('[data-hook=\"tag-list-overflow-chip\"]');\n  return {\n    ...baseUniDriverFactory(base),\n    hasTags: async () => (await tags().count()) > 0,\n    getTagsCount: () => tags().count(),\n    isEmpty: async () =>\n      !(await base.$('[data-hook=\"cell-multi-reference-tags\"]').exists()),\n    hasOverflowChip: () => overflow().exists(),\n    getOverflowChipText: async () => (await overflow().text()) ?? '',\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,2BAA2BA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EAC7E,MAAMC,IAAI,GAAGA,CAAA,KAAMF,IAAI,CAACG,EAAE,CAAC,wCAAwC,CAAC;EACpE,MAAMC,QAAQ,GAAGA,CAAA,KAAMJ,IAAI,CAACK,CAAC,CAAC,sCAAsC,CAAC;EACrE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACN,IAAI,CAAC;IAC7BO,OAAO,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAML,IAAI,CAAC,CAAC,CAACM,KAAK,CAAC,CAAC,IAAI,CAAC;IAC/CC,YAAY,EAAEA,CAAA,KAAMP,IAAI,CAAC,CAAC,CAACM,KAAK,CAAC,CAAC;IAClCE,OAAO,EAAE,MAAAA,CAAA,KACP,EAAE,MAAMV,IAAI,CAACK,CAAC,CAAC,yCAAyC,CAAC,CAACM,MAAM,CAAC,CAAC,CAAC;IACrEC,eAAe,EAAEA,CAAA,KAAMR,QAAQ,CAAC,CAAC,CAACO,MAAM,CAAC,CAAC;IAC1CE,mBAAmB,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMT,QAAQ,CAAC,CAAC,CAACU,IAAI,CAAC,CAAC,KAAK;EAChE,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/multiReference/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+exports.__esModule = true;
+exports.multiReferenceCellType = void 0;
+var _types = require("../../types");
+var _ReferenceEditWrapper = require("../reference/ReferenceEditWrapper");
+var _View = require("./View");
+exports.MultiReferenceView = _View.MultiReferenceView;
+var _Edit = require("./Edit");
+exports.MultiReferenceEdit = _Edit.MultiReferenceEdit;
+const multiReferenceCellType = exports.multiReferenceCellType = (0, _types.defineCellType)({
+  type: 'multiReference',
+  ViewComponent: _View.MultiReferenceView,
+  EditComponent: _Edit.MultiReferenceEdit,
+  EditWrapper: _ReferenceEditWrapper.ReferenceEditWrapper,
+  // Compact, single-line JSON for clipboard TSV (no pretty-printing).
+  serialize: value => value && value.length ? JSON.stringify(value) : '',
+  deserialize: raw => {
+    if (!raw) {
+      return null;
+    }
+    try {
+      const parsed = JSON.parse(raw);
+      if (Array.isArray(parsed)) {
+        return parsed;
+      }
+    } catch {}
+    return null;
+  },
+  editable: true,
+  clearable: true,
+  // Single click opens the chip editor (parity with the UX handoff).
+  editOnClick: () => true,
+  // Enter edit on a printable key without clearing the existing chips — the
+  // MultiSelect input takes over typing once edit opens.
+  onTypeToEdit: () => ({})
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/EditableTable/cellTypes/multiReference/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_ReferenceEditWrapper","_View","exports","MultiReferenceView","_Edit","MultiReferenceEdit","multiReferenceCellType","defineCellType","type","ViewComponent","EditComponent","EditWrapper","ReferenceEditWrapper","serialize","value","length","JSON","stringify","deserialize","raw","parsed","parse","Array","isArray","editable","clearable","editOnClick","onTypeToEdit"],"sources":["../../../../../../src/components/EditableTable/cellTypes/multiReference/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { ReferenceEditWrapper } from '../reference/ReferenceEditWrapper';\nimport { MultiReferenceView } from './View';\nimport { MultiReferenceEdit } from './Edit';\nimport type { MultiReferenceValue } from './types';\n\nexport { MultiReferenceView, MultiReferenceEdit };\nexport type {\n  MultiReferenceValue,\n  ReferenceItem,\n  RefSchema,\n  ReferenceTypeConfig,\n} from './types';\n\nexport const multiReferenceCellType = defineCellType<MultiReferenceValue>({\n  type: 'multiReference',\n  ViewComponent: MultiReferenceView,\n  EditComponent: MultiReferenceEdit,\n  EditWrapper: ReferenceEditWrapper,\n  // Compact, single-line JSON for clipboard TSV (no pretty-printing).\n  serialize: (value) => (value && value.length ? JSON.stringify(value) : ''),\n  deserialize: (raw) => {\n    if (!raw) {\n      return null;\n    }\n    try {\n      const parsed = JSON.parse(raw);\n      if (Array.isArray(parsed)) {\n        return parsed;\n      }\n    } catch {}\n    return null;\n  },\n  editable: true,\n  clearable: true,\n  // Single click opens the chip editor (parity with the UX handoff).\n  editOnClick: () => true,\n  // Enter edit on a printable key without clearing the existing chips — the\n  // MultiSelect input takes over typing once edit opens.\n  onTypeToEdit: () => ({}),\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAA4CG,OAAA,CAAAC,kBAAA,GAAAF,KAAA,CAAAE,kBAAA;AAC5C,IAAAC,KAAA,GAAAL,OAAA;AAA4CG,OAAA,CAAAG,kBAAA,GAAAD,KAAA,CAAAC,kBAAA;AAWrC,MAAMC,sBAAsB,GAAAJ,OAAA,CAAAI,sBAAA,GAAG,IAAAC,qBAAc,EAAsB;EACxEC,IAAI,EAAE,gBAAgB;EACtBC,aAAa,EAAEN,wBAAkB;EACjCO,aAAa,EAAEL,wBAAkB;EACjCM,WAAW,EAAEC,0CAAoB;EACjC;EACAC,SAAS,EAAGC,KAAK,IAAMA,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAGC,IAAI,CAACC,SAAS,CAACH,KAAK,CAAC,GAAG,EAAG;EAC1EI,WAAW,EAAGC,GAAG,IAAK;IACpB,IAAI,CAACA,GAAG,EAAE;MACR,OAAO,IAAI;IACb;IACA,IAAI;MACF,MAAMC,MAAM,GAAGJ,IAAI,CAACK,KAAK,CAACF,GAAG,CAAC;MAC9B,IAAIG,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,EAAE;QACzB,OAAOA,MAAM;MACf;IACF,CAAC,CAAC,MAAM,CAAC;IACT,OAAO,IAAI;EACb,CAAC;EACDI,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACf;EACAC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvB;EACA;EACAC,YAAY,EAAEA,CAAA,MAAO,CAAC,CAAC;AACzB,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/multiReference/types.js

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

package/dist/cjs/components/EditableTable/cellTypes/multiReference/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../src/components/EditableTable/cellTypes/multiReference/types.ts"],"sourcesContent":["import type {\n  ReferenceItem,\n  RefSchema,\n  ReferenceTypeConfig,\n} from '../reference/types';\n\nexport type { ReferenceItem, RefSchema, ReferenceTypeConfig };\n\n/**\n * A multi-reference cell holds an array of denormalized reference objects —\n * the plural sibling of the `reference` cell's `Record<string, unknown> | null`.\n * Each object carries the schema's `idField`, `displayField` and (optionally)\n * the image field, so the view renders without re-fetching.\n */\nexport type MultiReferenceValue = Record<string, unknown>[] | null;\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/number/Edit.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_ = "Edit2307432173";
+var _namespace_ = "Edit3213260238";
 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": "Edit2307432173__root",
-  "numberInput": "Edit2307432173__numberInput"
+  "root": "Edit3213260238__root",
+  "numberInput": "Edit3213260238__numberInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/number/Edit.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/EditableTable/cellTypes/number/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2307432173\";\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\":\"Edit2307432173__root\",\"numberInput\":\"Edit2307432173__numberInput\"};\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,gBAAgB;AAClC,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,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,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/EditableTable/cellTypes/number/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3213260238\";\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\":\"Edit3213260238__root\",\"numberInput\":\"Edit3213260238__numberInput\"};\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,gBAAgB;AAClC,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,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,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/EditableTable/cellTypes/number/View.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_ = "View1217882159";
+var _namespace_ = "View1484387196";
 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": "View1217882159__root",
-  "textView": "View1217882159__textView"
+  "root": "View1484387196__root",
+  "textView": "View1484387196__textView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/number/View.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/EditableTable/cellTypes/number/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1217882159\";\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\":\"View1217882159__root\",\"textView\":\"View1217882159__textView\"};\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,gBAAgB;AAClC,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,sBAAsB;EAAC,UAAU,EAAC;AAA0B,CAAC;AACnF,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/EditableTable/cellTypes/number/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1484387196\";\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\":\"View1484387196__root\",\"textView\":\"View1484387196__textView\"};\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,gBAAgB;AAClC,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,sBAAsB;EAAC,UAAU,EAAC;AAA0B,CAAC;AACnF,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/EditableTable/cellTypes/object/Edit.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_ = "Edit4161391252";
+var _namespace_ = "Edit490034775";
 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": "Edit4161391252__root",
-  "jsonInput": "Edit4161391252__jsonInput"
+  "root": "Edit490034775__root",
+  "jsonInput": "Edit490034775__jsonInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/object/Edit.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/EditableTable/cellTypes/object/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit4161391252\";\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\":\"Edit4161391252__root\",\"jsonInput\":\"Edit4161391252__jsonInput\"};\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,gBAAgB;AAClC,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,sBAAsB;EAAC,WAAW,EAAC;AAA2B,CAAC;AACrF,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/EditableTable/cellTypes/object/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit490034775\";\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\":\"Edit490034775__root\",\"jsonInput\":\"Edit490034775__jsonInput\"};\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,eAAe;AACjC,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,qBAAqB;EAAC,WAAW,EAAC;AAA0B,CAAC;AACnF,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/EditableTable/cellTypes/object/View.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_ = "View200481584";
+var _namespace_ = "View3440349551";
 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": "View200481584__root"
+  "root": "View3440349551__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/object/View.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/EditableTable/cellTypes/object/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View200481584\";\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\":\"View200481584__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,eAAe;AACjC,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;AAAqB,CAAC;AAC5C,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/EditableTable/cellTypes/object/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View3440349551\";\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\":\"View3440349551__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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":[]}