@wix/patterns 1.410.0 → 1.412.0

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

@@ -13,6 +13,7 @@ var _providers = require("../../../../providers");
 var _getImageFieldId = require("./getImageFieldId");
 var _react2 = require("@wix/bex-core/react");
 var _mobxReactLite = require("mobx-react-lite");
+var _openCollectionContext = require("./openCollectionContext");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/reference/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 _ReferenceEditContent({
@@ -28,6 +29,10 @@ function _ReferenceEditContent({
   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 collection = (0, _react2.useCollection)({
     queryName: `reference-cell-edit-${(refSchema == null ? void 0 : refSchema.id) ?? 'unknown'}`,
     itemKey: item => item.id,
@@ -140,10 +145,13 @@ function _ReferenceEditContent({
     collection,
     fixedFooter: config == null || config.renderFooter == null ? void 0 : config.renderFooter()
   });
-  const configOnOpenCollection = config == null ? void 0 : config.onOpenCollection;
-  const handleOpenCollection = (0, _react.useMemo)(() => configOnOpenCollection ? () => configOnOpenCollection({
-    collection
-  }) : undefined, [configOnOpenCollection, collection]);
+
+  // 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;
   }
@@ -154,7 +162,7 @@ function _ReferenceEditContent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 202,
+      lineNumber: 212,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellReferenceInput, {
@@ -178,7 +186,7 @@ function _ReferenceEditContent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 203,
+      lineNumber: 213,
       columnNumber: 7
     }
   }));
@@ -188,14 +196,14 @@ const ReferenceEdit = props => /*#__PURE__*/_react.default.createElement(_provid
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 229,
+    lineNumber: 239,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(ReferenceEditContent, (0, _extends2.default)({}, props, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 230,
+    lineNumber: 240,
     columnNumber: 5
   }
 })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_useCloseOnAncestorScroll","_useFilterCollectionStates","_providers","_getImageFieldId","_react2","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ReferenceEditContent","value","onChange","onCommit","onCancel","typeConfig","editTrigger","inputRef","config","refSchema","acHandle","useRef","wrapperRef","collection","useCollection","queryName","id","itemKey","item","itemName","name","fetchData","query","fetchReferenceItems","items","total","initialSearchTextRef","kind","key","undefined","isSearchActive","setIsSearchActive","useState","current","useEffect","dispose","init","search","clearResult","keyedItems","result","fetchedLastPage","searchValue","idField","displayField","imageField","getImageFieldId","fields","selectedDisplayValue","String","displayValue","selectedImage","useMemo","selectedId","foundItem","find","ki","image","selectedItem","map","handleSelect","useCallback","clearSearch","handleChange","target","handleClear","handleKeyDown","preventDefault","stopPropagation","closeDropdown","_acHandle$current","hideOptions","useCloseOnAncestorScroll","showInitialLoader","fixedFooter","useFilterCollectionStates","renderFooter","configOnOpenCollection","onOpenCollection","handleOpenCollection","createElement","Box","ref","width","height","__self","__source","fileName","lineNumber","columnNumber","CellReferenceInput","onSelect","onClear","onKeyDown","clearButton","infiniteScroll","hasMore","loadMore","fetchNextPageIfNeeded","onBlur","autoOpen","ReferenceEditContent","observer","ReferenceEdit","props","FilterTranslationProvider","_extends2","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/Edit.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Box } from '@wix/design-system';\nimport {\n  CellReferenceInput,\n  type CellReferenceInputHandle,\n  type CellReferenceItem,\n} from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';\nimport { useFilterCollectionStates } from '../../../../hooks/useFilterCollectionStates';\nimport { FilterTranslationProvider } from '../../../../providers';\nimport type { ReferenceItem, ReferenceTypeConfig } from './types';\nimport { getImageFieldId } from './getImageFieldId';\nimport { useCollection } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\n\ntype ReferenceValue = Record<string, unknown> | null;\n\nfunction _ReferenceEditContent({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  typeConfig,\n  editTrigger,\n  inputRef,\n}: CellEditProps<ReferenceValue>) {\n  const config = typeConfig as ReferenceTypeConfig | undefined;\n  const refSchema = config?.refSchema;\n  const acHandle = useRef<CellReferenceInputHandle | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n  const collection = useCollection<ReferenceItem>({\n    queryName: `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  // True once the user has typed into the search input. After that, displayValue\n  // follows searchValue directly (even when empty) rather than falling back to\n  // selectedDisplayValue — prevents the input from snapping back after backspace.\n  // useState (not useRef) so that setIsSearchActive(true) triggers a re-render\n  // even when collection.search('') produces no MobX change (searchValue already '').\n  const [isSearchActive, setIsSearchActive] = useState(\n    initialSearchTextRef.current !== undefined,\n  );\n\n  useEffect(() => {\n    const dispose = collection.init();\n    if (initialSearchTextRef.current !== undefined) {\n      collection.search(initialSearchTextRef.current, {\n        clearResult: true,\n      });\n    }\n    return dispose;\n  }, [collection]);\n\n  const keyedItems = collection.result.keyedItems;\n  const fetchedLastPage = collection.fetchedLastPage;\n  const searchValue = collection.query.search.value;\n\n  const idField = refSchema?.idField ?? '_id';\n  const displayField = refSchema?.displayField ?? 'title';\n  const imageField = getImageFieldId(refSchema?.fields);\n\n  const selectedDisplayValue = value ? String(value[displayField] ?? '') : '';\n  const displayValue = isSearchActive\n    ? searchValue\n    : searchValue || selectedDisplayValue;\n\n  const selectedImage = useMemo(() => {\n    const selectedId = value?.[idField];\n    if (!selectedId) {\n      return undefined;\n    }\n    const foundItem = keyedItems.find((ki) => ki.key === String(selectedId));\n    if (foundItem?.item.image) {\n      return foundItem.item.image;\n    }\n    if (imageField) {\n      return value?.[imageField] as string | undefined;\n    }\n    return undefined;\n  }, [value, idField, keyedItems, imageField]);\n\n  const selectedId = value ? String(value[idField] ?? '') : '';\n  const selectedItem =\n    selectedDisplayValue && !searchValue && selectedId && !isSearchActive\n      ? { id: selectedId, name: selectedDisplayValue, image: selectedImage }\n      : undefined;\n\n  const items = useMemo(\n    () =>\n      keyedItems.map((ki) => ({\n        id: String(ki.key),\n        name: ki.item.name,\n        image: ki.item.image,\n      })),\n    [keyedItems],\n  );\n\n  const handleSelect = useCallback(\n    (item: CellReferenceItem) => {\n      onChange({\n        [idField]: item.id,\n        [displayField]: item.name,\n        ...(imageField && item.image ? { [imageField]: item.image } : {}),\n      });\n      collection.clearSearch();\n      onCommit();\n    },\n    [idField, displayField, imageField, onChange, onCommit, collection],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setIsSearchActive(true);\n      if (e.target.value) {\n        collection.search(e.target.value, { clearResult: true });\n      } else {\n        collection.clearSearch();\n      }\n    },\n    [collection],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(null);\n    collection.clearSearch();\n    onCommit();\n  }, [onChange, onCommit, collection]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        onCancel();\n      } else if (\n        (e.key === 'Backspace' || e.key === 'Delete') &&\n        value &&\n        !displayValue &&\n        !isSearchActive\n      ) {\n        onChange(null);\n        collection.clearSearch();\n        onCommit();\n      }\n    },\n    [\n      onCancel,\n      onChange,\n      onCommit,\n      value,\n      displayValue,\n      collection,\n      isSearchActive,\n    ],\n  );\n\n  const closeDropdown = useCallback(() => acHandle.current?.hideOptions(), []);\n  useCloseOnAncestorScroll(wrapperRef, closeDropdown, true);\n\n  const { showInitialLoader, fixedFooter } = useFilterCollectionStates({\n    collection,\n    fixedFooter: config?.renderFooter?.(),\n  });\n\n  const configOnOpenCollection = config?.onOpenCollection;\n  const handleOpenCollection = useMemo(\n    () =>\n      configOnOpenCollection\n        ? () => configOnOpenCollection({ collection })\n        : undefined,\n    [configOnOpenCollection, collection],\n  );\n\n  if (!refSchema) {\n    return null;\n  }\n\n  return (\n    <Box ref={wrapperRef} width=\"100%\" height=\"100%\">\n      <CellReferenceInput\n        ref={acHandle}\n        items={items}\n        value={displayValue}\n        selectedItem={selectedItem}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        onClear={handleClear}\n        onKeyDown={handleKeyDown}\n        clearButton={!!displayValue}\n        infiniteScroll\n        hasMore={!showInitialLoader && !fetchedLastPage}\n        loadMore={collection.fetchNextPageIfNeeded}\n        fixedFooter={fixedFooter}\n        onBlur={onCommit}\n        onOpenCollection={handleOpenCollection}\n        autoOpen={!!editTrigger}\n        inputRef={inputRef}\n      />\n    </Box>\n  );\n}\n\nconst ReferenceEditContent = observer(_ReferenceEditContent);\n\nexport const ReferenceEdit = (props: CellEditProps<ReferenceValue>) => (\n  <FilterTranslationProvider>\n    <ReferenceEditContent {...props} />\n  </FilterTranslationProvider>\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_useCloseOnAncestorScroll","_useFilterCollectionStates","_providers","_getImageFieldId","_react2","_mobxReactLite","_openCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ReferenceEditContent","value","onChange","onCommit","onCancel","typeConfig","editTrigger","inputRef","config","refSchema","acHandle","useRef","wrapperRef","openReferencedCollection","useOpenReferencedCollection","collection","useCollection","queryName","id","itemKey","item","itemName","name","fetchData","query","fetchReferenceItems","items","total","initialSearchTextRef","kind","key","undefined","isSearchActive","setIsSearchActive","useState","current","useEffect","dispose","init","search","clearResult","keyedItems","result","fetchedLastPage","searchValue","idField","displayField","imageField","getImageFieldId","fields","selectedDisplayValue","String","displayValue","selectedImage","useMemo","selectedId","foundItem","find","ki","image","selectedItem","map","handleSelect","useCallback","clearSearch","handleChange","target","handleClear","handleKeyDown","preventDefault","stopPropagation","closeDropdown","_acHandle$current","hideOptions","useCloseOnAncestorScroll","showInitialLoader","fixedFooter","useFilterCollectionStates","renderFooter","handleOpenCollection","clearResultAndMoveToStart","force","createElement","Box","ref","width","height","__self","__source","fileName","lineNumber","columnNumber","CellReferenceInput","onSelect","onClear","onKeyDown","clearButton","infiniteScroll","hasMore","loadMore","fetchNextPageIfNeeded","onBlur","onOpenCollection","autoOpen","ReferenceEditContent","observer","ReferenceEdit","props","FilterTranslationProvider","_extends2","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/Edit.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Box } from '@wix/design-system';\nimport {\n  CellReferenceInput,\n  type CellReferenceInputHandle,\n  type CellReferenceItem,\n} from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';\nimport { useFilterCollectionStates } from '../../../../hooks/useFilterCollectionStates';\nimport { FilterTranslationProvider } from '../../../../providers';\nimport type { ReferenceItem, ReferenceTypeConfig } from './types';\nimport { getImageFieldId } from './getImageFieldId';\nimport { useCollection } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useOpenReferencedCollection } from './openCollectionContext';\n\ntype ReferenceValue = Record<string, unknown> | null;\n\nfunction _ReferenceEditContent({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  typeConfig,\n  editTrigger,\n  inputRef,\n}: CellEditProps<ReferenceValue>) {\n  const config = typeConfig as ReferenceTypeConfig | undefined;\n  const refSchema = config?.refSchema;\n  const acHandle = useRef<CellReferenceInputHandle | 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 collection = useCollection<ReferenceItem>({\n    queryName: `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  // True once the user has typed into the search input. After that, displayValue\n  // follows searchValue directly (even when empty) rather than falling back to\n  // selectedDisplayValue — prevents the input from snapping back after backspace.\n  // useState (not useRef) so that setIsSearchActive(true) triggers a re-render\n  // even when collection.search('') produces no MobX change (searchValue already '').\n  const [isSearchActive, setIsSearchActive] = useState(\n    initialSearchTextRef.current !== undefined,\n  );\n\n  useEffect(() => {\n    const dispose = collection.init();\n    if (initialSearchTextRef.current !== undefined) {\n      collection.search(initialSearchTextRef.current, {\n        clearResult: true,\n      });\n    }\n    return dispose;\n  }, [collection]);\n\n  const keyedItems = collection.result.keyedItems;\n  const fetchedLastPage = collection.fetchedLastPage;\n  const searchValue = collection.query.search.value;\n\n  const idField = refSchema?.idField ?? '_id';\n  const displayField = refSchema?.displayField ?? 'title';\n  const imageField = getImageFieldId(refSchema?.fields);\n\n  const selectedDisplayValue = value ? String(value[displayField] ?? '') : '';\n  const displayValue = isSearchActive\n    ? searchValue\n    : searchValue || selectedDisplayValue;\n\n  const selectedImage = useMemo(() => {\n    const selectedId = value?.[idField];\n    if (!selectedId) {\n      return undefined;\n    }\n    const foundItem = keyedItems.find((ki) => ki.key === String(selectedId));\n    if (foundItem?.item.image) {\n      return foundItem.item.image;\n    }\n    if (imageField) {\n      return value?.[imageField] as string | undefined;\n    }\n    return undefined;\n  }, [value, idField, keyedItems, imageField]);\n\n  const selectedId = value ? String(value[idField] ?? '') : '';\n  const selectedItem =\n    selectedDisplayValue && !searchValue && selectedId && !isSearchActive\n      ? { id: selectedId, name: selectedDisplayValue, image: selectedImage }\n      : undefined;\n\n  const items = useMemo(\n    () =>\n      keyedItems.map((ki) => ({\n        id: String(ki.key),\n        name: ki.item.name,\n        image: ki.item.image,\n      })),\n    [keyedItems],\n  );\n\n  const handleSelect = useCallback(\n    (item: CellReferenceItem) => {\n      onChange({\n        [idField]: item.id,\n        [displayField]: item.name,\n        ...(imageField && item.image ? { [imageField]: item.image } : {}),\n      });\n      collection.clearSearch();\n      onCommit();\n    },\n    [idField, displayField, imageField, onChange, onCommit, collection],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setIsSearchActive(true);\n      if (e.target.value) {\n        collection.search(e.target.value, { clearResult: true });\n      } else {\n        collection.clearSearch();\n      }\n    },\n    [collection],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(null);\n    collection.clearSearch();\n    onCommit();\n  }, [onChange, onCommit, collection]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        onCancel();\n      } else if (\n        (e.key === 'Backspace' || e.key === 'Delete') &&\n        value &&\n        !displayValue &&\n        !isSearchActive\n      ) {\n        onChange(null);\n        collection.clearSearch();\n        onCommit();\n      }\n    },\n    [\n      onCancel,\n      onChange,\n      onCommit,\n      value,\n      displayValue,\n      collection,\n      isSearchActive,\n    ],\n  );\n\n  const closeDropdown = useCallback(() => acHandle.current?.hideOptions(), []);\n  useCloseOnAncestorScroll(wrapperRef, closeDropdown, true);\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      <CellReferenceInput\n        ref={acHandle}\n        items={items}\n        value={displayValue}\n        selectedItem={selectedItem}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        onClear={handleClear}\n        onKeyDown={handleKeyDown}\n        clearButton={!!displayValue}\n        infiniteScroll\n        hasMore={!showInitialLoader && !fetchedLastPage}\n        loadMore={collection.fetchNextPageIfNeeded}\n        fixedFooter={fixedFooter}\n        onBlur={onCommit}\n        onOpenCollection={handleOpenCollection}\n        autoOpen={!!editTrigger}\n        inputRef={inputRef}\n      />\n    </Box>\n  );\n}\n\nconst ReferenceEditContent = observer(_ReferenceEditContent);\n\nexport const ReferenceEdit = (props: CellEditProps<ReferenceValue>) => (\n  <FilterTranslationProvider>\n    <ReferenceEditContent {...props} />\n  </FilterTranslationProvider>\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -54,6 +54,13 @@ function ReferenceEditUniDriver(base, body) {
     clickOptionByIndex: async index => {
       const option = await body.$$('[data-hook="list-item-select"]').get(index);
       return option.click();
+    },
+    // Open-collection action is rendered inside the portal-mounted dropdown footer.
+    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);
     }
   };
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","fireEvent","process","env","NODE_ENV","ReferenceEditUniDriver","base","body","getNativeInput","$","getNative","getAutoCompleteBase","getAutoComplete","AutoCompleteUniDriver","getDropdownLayoutBase","baseUniDriverFactory","hasInput","exists","getInputValue","value","getLoader","typeInInput","change","target","pressKeyOnInput","key","keyDown","hasDropdown","hasClearButton","clickClearButton","el","click","hasAvatarPrefix","hasInitialLoader","getOptionCount","$$","count","getOptionTitleByIndex","index","option","get","text","clickOptionByIndex"],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\nimport { AutoCompleteUniDriver } from '@wix/design-system/dist/testkit/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 ReferenceEditUniDriver(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  const getAutoCompleteBase = () =>\n    base.$('[data-hook=\"reference-input-autocomplete\"]');\n\n  const getAutoComplete = () =>\n    AutoCompleteUniDriver(getAutoCompleteBase(), body);\n\n  const getDropdownLayoutBase = () =>\n    body.$('[data-hook=\"reference-input-autocomplete-content\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n    hasInput: () => base.$('input').exists(),\n    getInputValue: () => base.$('input').value(),\n    getAutoComplete,\n    getLoader: async () =>\n      getDropdownLayoutBase().$('[data-hook=\"initial-loader\"]'),\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    hasDropdown: () => base.$('[data-hook=\"dropdown-layout-wrapper\"]').exists(),\n    hasClearButton: () => base.$('[data-hook=\"input-clear-button\"]').exists(),\n    clickClearButton: async () => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const el = (\n        base.$('[data-hook=\"input-clear-button\"]') as any\n      ).getNative() as Promise<HTMLElement>;\n      fireEvent.click(await el);\n    },\n    hasAvatarPrefix: () =>\n      base.$('[data-hook=\"reference-input-avatar-prefix\"]').exists(),\n    hasInitialLoader: () => body.$('[data-hook=\"initial-loader\"]').exists(),\n    // Dropdown is portal-mounted to document.body, so search in body, not base.\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  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA,MAAM;EAAEE,SAAS,GAAG;AAAK,CAAC,GACxBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAC3B,CAAC,MAAM;EACL,IAAI;IACF,OAAOL,OAAO,CAAC,wBAAwB,CAAC;EAC1C,CAAC,CAAC,MAAM,CAAC;EACT,OAAO,CAAC,CAAC;AACX,CAAC,EAAE,CAAC,GACJ,CAAC,CAAC;AAED,SAASM,sBAAsBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACvE;EACA,MAAMC,cAAc,GAAGA,CAAA,KACpBF,IAAI,CAACG,CAAC,CAAC,OAAO,CAAC,CAASC,SAAS,CAAC,CAA8B;EAEnE,MAAMC,mBAAmB,GAAGA,CAAA,KAC1BL,IAAI,CAACG,CAAC,CAAC,4CAA4C,CAAC;EAEtD,MAAMG,eAAe,GAAGA,CAAA,KACtB,IAAAC,iCAAqB,EAACF,mBAAmB,CAAC,CAAC,EAAEJ,IAAI,CAAC;EAEpD,MAAMO,qBAAqB,GAAGA,CAAA,KAC5BP,IAAI,CAACE,CAAC,CAAC,oDAAoD,CAAC;EAE9D,OAAO;IACL,GAAG,IAAAM,+BAAoB,EAACT,IAAI,CAAC;IAC7BU,QAAQ,EAAEA,CAAA,KAAMV,IAAI,CAACG,CAAC,CAAC,OAAO,CAAC,CAACQ,MAAM,CAAC,CAAC;IACxCC,aAAa,EAAEA,CAAA,KAAMZ,IAAI,CAACG,CAAC,CAAC,OAAO,CAAC,CAACU,KAAK,CAAC,CAAC;IAC5CP,eAAe;IACfQ,SAAS,EAAE,MAAAA,CAAA,KACTN,qBAAqB,CAAC,CAAC,CAACL,CAAC,CAAC,8BAA8B,CAAC;IAC3DY,WAAW,EAAE,MAAOF,KAAa,IAAK;MACpClB,SAAS,CAACqB,MAAM,CAAC,MAAMd,cAAc,CAAC,CAAC,EAAE;QAAEe,MAAM,EAAE;UAAEJ;QAAM;MAAE,CAAC,CAAC;IACjE,CAAC;IACDK,eAAe,EAAE,MAAOC,GAAW,IAAK;MACtCxB,SAAS,CAACyB,OAAO,CAAC,MAAMlB,cAAc,CAAC,CAAC,EAAE;QAAEiB;MAAI,CAAC,CAAC;IACpD,CAAC;IACDE,WAAW,EAAEA,CAAA,KAAMrB,IAAI,CAACG,CAAC,CAAC,uCAAuC,CAAC,CAACQ,MAAM,CAAC,CAAC;IAC3EW,cAAc,EAAEA,CAAA,KAAMtB,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC,CAACQ,MAAM,CAAC,CAAC;IACzEY,gBAAgB,EAAE,MAAAA,CAAA,KAAY;MAC5B;MACA,MAAMC,EAAE,GACNxB,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC,CAC1CC,SAAS,CAAC,CAAyB;MACrCT,SAAS,CAAC8B,KAAK,CAAC,MAAMD,EAAE,CAAC;IAC3B,CAAC;IACDE,eAAe,EAAEA,CAAA,KACf1B,IAAI,CAACG,CAAC,CAAC,6CAA6C,CAAC,CAACQ,MAAM,CAAC,CAAC;IAChEgB,gBAAgB,EAAEA,CAAA,KAAM1B,IAAI,CAACE,CAAC,CAAC,8BAA8B,CAAC,CAACQ,MAAM,CAAC,CAAC;IACvE;IACAiB,cAAc,EAAE,MAAAA,CAAA,KACd3B,IAAI,CAAC4B,EAAE,CAAC,gCAAgC,CAAC,CAACC,KAAK,CAAC,CAAC;IACnDC,qBAAqB,EAAE,MAAOC,KAAa,IAAK;MAC9C,MAAMC,MAAM,GAAG,MAAMhC,IAAI,CAAC4B,EAAE,CAAC,gCAAgC,CAAC,CAACK,GAAG,CAACF,KAAK,CAAC;MACzE,OAAOC,MAAM,CAAC9B,CAAC,CAAC,sCAAsC,CAAC,CAACgC,IAAI,CAAC,CAAC;IAChE,CAAC;IACDC,kBAAkB,EAAE,MAAOJ,KAAa,IAAK;MAC3C,MAAMC,MAAM,GAAG,MAAMhC,IAAI,CAAC4B,EAAE,CAAC,gCAAgC,CAAC,CAACK,GAAG,CAACF,KAAK,CAAC;MACzE,OAAOC,MAAM,CAACR,KAAK,CAAC,CAAC;IACvB;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","fireEvent","process","env","NODE_ENV","ReferenceEditUniDriver","base","body","getNativeInput","$","getNative","getAutoCompleteBase","getAutoComplete","AutoCompleteUniDriver","getDropdownLayoutBase","baseUniDriverFactory","hasInput","exists","getInputValue","value","getLoader","typeInInput","change","target","pressKeyOnInput","key","keyDown","hasDropdown","hasClearButton","clickClearButton","el","click","hasAvatarPrefix","hasInitialLoader","getOptionCount","$$","count","getOptionTitleByIndex","index","option","get","text","clickOptionByIndex","hasOpenCollectionButton","clickOpenCollection"],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\nimport { AutoCompleteUniDriver } from '@wix/design-system/dist/testkit/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 ReferenceEditUniDriver(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  const getAutoCompleteBase = () =>\n    base.$('[data-hook=\"reference-input-autocomplete\"]');\n\n  const getAutoComplete = () =>\n    AutoCompleteUniDriver(getAutoCompleteBase(), body);\n\n  const getDropdownLayoutBase = () =>\n    body.$('[data-hook=\"reference-input-autocomplete-content\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n    hasInput: () => base.$('input').exists(),\n    getInputValue: () => base.$('input').value(),\n    getAutoComplete,\n    getLoader: async () =>\n      getDropdownLayoutBase().$('[data-hook=\"initial-loader\"]'),\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    hasDropdown: () => base.$('[data-hook=\"dropdown-layout-wrapper\"]').exists(),\n    hasClearButton: () => base.$('[data-hook=\"input-clear-button\"]').exists(),\n    clickClearButton: async () => {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const el = (\n        base.$('[data-hook=\"input-clear-button\"]') as any\n      ).getNative() as Promise<HTMLElement>;\n      fireEvent.click(await el);\n    },\n    hasAvatarPrefix: () =>\n      base.$('[data-hook=\"reference-input-avatar-prefix\"]').exists(),\n    hasInitialLoader: () => body.$('[data-hook=\"initial-loader\"]').exists(),\n    // Dropdown is portal-mounted to document.body, so search in body, not base.\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    // Open-collection action is rendered inside the portal-mounted dropdown footer.\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":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/reference/ReferenceEditWrapper.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ReferenceEditWrapper = ReferenceEditWrapper;
+var _react = _interopRequireDefault(require("react"));
+var _useOpenCollectionOverlay = require("../../useOpenCollectionOverlay");
+var _openCollectionContext = require("./openCollectionContext");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/reference/ReferenceEditWrapper.tsx";
+/**
+ * Stable owner (mounted by EditableCell around the cell content, kept mounted
+ * across the edit↔view swap) for the reference cell's "open collection" flow.
+ * Opening the referenced collection navigates away as an overlay, which commits
+ * and unmounts the inline editor — owning the navigation + return-to-foreground
+ * subscription here lets it survive that unmount. The editor supplies the
+ * refresh to run on return (over its own dropdown collection) via the opener
+ * provided through context.
+ */
+function ReferenceEditWrapper({
+  typeConfig,
+  children
+}) {
+  var _refSchema;
+  const collectionId = typeConfig == null || (_refSchema = typeConfig.refSchema) == null ? void 0 : _refSchema.collectionId;
+  const openReferencedCollection = (0, _useOpenCollectionOverlay.useOpenCollectionOverlay)({
+    collectionId
+  });
+  return /*#__PURE__*/_react.default.createElement(_openCollectionContext.OpenReferencedCollectionContext.Provider, {
+    value: openReferencedCollection,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 5
+    }
+  }, children);
+}
+//# sourceMappingURL=ReferenceEditWrapper.js.map

package/dist/cjs/components/EditableTable/cellTypes/reference/ReferenceEditWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_useOpenCollectionOverlay","_openCollectionContext","_jsxFileName","ReferenceEditWrapper","typeConfig","children","_refSchema","collectionId","refSchema","openReferencedCollection","useOpenCollectionOverlay","default","createElement","OpenReferencedCollectionContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/ReferenceEditWrapper.tsx"],"sourcesContent":["import React from 'react';\nimport type { CellEditWrapperProps } from '../../types';\nimport type { ReferenceTypeConfig } from './types';\nimport { useOpenCollectionOverlay } from '../../useOpenCollectionOverlay';\nimport { OpenReferencedCollectionContext } from './openCollectionContext';\n\n/**\n * Stable owner (mounted by EditableCell around the cell content, kept mounted\n * across the edit↔view swap) for the reference cell's \"open collection\" flow.\n * Opening the referenced collection navigates away as an overlay, which commits\n * and unmounts the inline editor — owning the navigation + return-to-foreground\n * subscription here lets it survive that unmount. The editor supplies the\n * refresh to run on return (over its own dropdown collection) via the opener\n * provided through context.\n */\nexport function ReferenceEditWrapper({\n  typeConfig,\n  children,\n}: CellEditWrapperProps) {\n  const collectionId = (typeConfig as ReferenceTypeConfig | undefined)\n    ?.refSchema?.collectionId;\n  const openReferencedCollection = useOpenCollectionOverlay({ collectionId });\n\n  return (\n    <OpenReferencedCollectionContext.Provider value={openReferencedCollection}>\n      {children}\n    </OpenReferencedCollectionContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAA0E,IAAAG,YAAA;AAE1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,oBAAoBA,CAAC;EACnCC,UAAU;EACVC;AACoB,CAAC,EAAE;EAAA,IAAAC,UAAA;EACvB,MAAMC,YAAY,GAAIH,UAAU,aAAAE,UAAA,GAAVF,UAAU,CAC5BI,SAAS,qBADQF,UAAA,CACNC,YAAY;EAC3B,MAAME,wBAAwB,GAAG,IAAAC,kDAAwB,EAAC;IAAEH;EAAa,CAAC,CAAC;EAE3E,oBACEV,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,sBAAA,CAAAY,+BAA+B,CAACC,QAAQ;IAACC,KAAK,EAAEN,wBAAyB;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvEf,QACuC,CAAC;AAE/C","ignoreList":[]}

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

@@ -7,10 +7,12 @@ var _View = require("./View");
 exports.ReferenceView = _View.ReferenceView;
 var _Edit = require("./Edit");
 exports.ReferenceEdit = _Edit.ReferenceEdit;
+var _ReferenceEditWrapper = require("./ReferenceEditWrapper");
 const referenceCellType = exports.referenceCellType = (0, _types.defineCellType)({
   type: 'reference',
   ViewComponent: _View.ReferenceView,
   EditComponent: _Edit.ReferenceEdit,
+  EditWrapper: _ReferenceEditWrapper.ReferenceEditWrapper,
   serialize: value => value ? JSON.stringify(value) : '',
   deserialize: raw => {
     if (!raw) {

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

@@ -1 +1 @@
-{"version":3,"names":["_types","require","_View","exports","ReferenceView","_Edit","ReferenceEdit","referenceCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","JSON","stringify","deserialize","raw","parsed","parse","editable","clearable","onTypeToEdit"],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { ReferenceView } from './View';\nimport { ReferenceEdit } from './Edit';\n\nexport { ReferenceView, ReferenceEdit };\nexport type { ReferenceItem, RefSchema, ReferenceTypeConfig } from './types';\n\ntype ReferenceValue = Record<string, unknown> | null;\n\nexport const referenceCellType = defineCellType<ReferenceValue>({\n  type: 'reference',\n  ViewComponent: ReferenceView,\n  EditComponent: ReferenceEdit,\n  serialize: (value) => (value ? JSON.stringify(value) : ''),\n  deserialize: (raw) => {\n    if (!raw) {\n      return null;\n    }\n    try {\n      const parsed = JSON.parse(raw);\n      if (parsed && typeof parsed === 'object') {\n        return parsed;\n      }\n    } catch {}\n    return null;\n  },\n  editable: true,\n  clearable: true,\n  onTypeToEdit: () => ({}),\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAuCE,OAAA,CAAAC,aAAA,GAAAF,KAAA,CAAAE,aAAA;AACvC,IAAAC,KAAA,GAAAJ,OAAA;AAAuCE,OAAA,CAAAG,aAAA,GAAAD,KAAA,CAAAC,aAAA;AAOhC,MAAMC,iBAAiB,GAAAJ,OAAA,CAAAI,iBAAA,GAAG,IAAAC,qBAAc,EAAiB;EAC9DC,IAAI,EAAE,WAAW;EACjBC,aAAa,EAAEN,mBAAa;EAC5BO,aAAa,EAAEL,mBAAa;EAC5BM,SAAS,EAAGC,KAAK,IAAMA,KAAK,GAAGC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,GAAG,EAAG;EAC1DG,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,IAAIC,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;QACxC,OAAOA,MAAM;MACf;IACF,CAAC,CAAC,MAAM,CAAC;IACT,OAAO,IAAI;EACb,CAAC;EACDE,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,YAAY,EAAEA,CAAA,MAAO,CAAC,CAAC;AACzB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_types","require","_View","exports","ReferenceView","_Edit","ReferenceEdit","_ReferenceEditWrapper","referenceCellType","defineCellType","type","ViewComponent","EditComponent","EditWrapper","ReferenceEditWrapper","serialize","value","JSON","stringify","deserialize","raw","parsed","parse","editable","clearable","onTypeToEdit"],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { ReferenceView } from './View';\nimport { ReferenceEdit } from './Edit';\nimport { ReferenceEditWrapper } from './ReferenceEditWrapper';\n\nexport { ReferenceView, ReferenceEdit };\nexport type { ReferenceItem, RefSchema, ReferenceTypeConfig } from './types';\n\ntype ReferenceValue = Record<string, unknown> | null;\n\nexport const referenceCellType = defineCellType<ReferenceValue>({\n  type: 'reference',\n  ViewComponent: ReferenceView,\n  EditComponent: ReferenceEdit,\n  EditWrapper: ReferenceEditWrapper,\n  serialize: (value) => (value ? JSON.stringify(value) : ''),\n  deserialize: (raw) => {\n    if (!raw) {\n      return null;\n    }\n    try {\n      const parsed = JSON.parse(raw);\n      if (parsed && typeof parsed === 'object') {\n        return parsed;\n      }\n    } catch {}\n    return null;\n  },\n  editable: true,\n  clearable: true,\n  onTypeToEdit: () => ({}),\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAuCE,OAAA,CAAAC,aAAA,GAAAF,KAAA,CAAAE,aAAA;AACvC,IAAAC,KAAA,GAAAJ,OAAA;AAAuCE,OAAA,CAAAG,aAAA,GAAAD,KAAA,CAAAC,aAAA;AACvC,IAAAC,qBAAA,GAAAN,OAAA;AAOO,MAAMO,iBAAiB,GAAAL,OAAA,CAAAK,iBAAA,GAAG,IAAAC,qBAAc,EAAiB;EAC9DC,IAAI,EAAE,WAAW;EACjBC,aAAa,EAAEP,mBAAa;EAC5BQ,aAAa,EAAEN,mBAAa;EAC5BO,WAAW,EAAEC,0CAAoB;EACjCC,SAAS,EAAGC,KAAK,IAAMA,KAAK,GAAGC,IAAI,CAACC,SAAS,CAACF,KAAK,CAAC,GAAG,EAAG;EAC1DG,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,IAAIC,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;QACxC,OAAOA,MAAM;MACf;IACF,CAAC,CAAC,MAAM,CAAC;IACT,OAAO,IAAI;EACb,CAAC;EACDE,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,YAAY,EAAEA,CAAA,MAAO,CAAC,CAAC;AACzB,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/reference/openCollectionContext.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useOpenReferencedCollection = exports.OpenReferencedCollectionContext = void 0;
+var _react = require("react");
+/**
+ * Opener that navigates to the referenced collection as an overlay, or
+ * `undefined` when the host can't navigate. Provided by `ReferenceEditWrapper`
+ * (mounted by EditableCell, so it — and the layer-state subscription it owns —
+ * outlives the inline editor) and consumed by the reference editor.
+ *
+ * The editor passes the refresh to run on return (over its own dropdown
+ * `collection`, which the wrapper has no reference to) as the opener's argument.
+ */
+const OpenReferencedCollectionContext = exports.OpenReferencedCollectionContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+const useOpenReferencedCollection = () => (0, _react.useContext)(OpenReferencedCollectionContext);
+exports.useOpenReferencedCollection = useOpenReferencedCollection;
+//# sourceMappingURL=openCollectionContext.js.map

package/dist/cjs/components/EditableTable/cellTypes/reference/openCollectionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","OpenReferencedCollectionContext","exports","createContext","undefined","useOpenReferencedCollection","useContext"],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/openCollectionContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\nimport type { OpenCollectionOverlay } from '../../useOpenCollectionOverlay';\n\n/**\n * Opener that navigates to the referenced collection as an overlay, or\n * `undefined` when the host can't navigate. Provided by `ReferenceEditWrapper`\n * (mounted by EditableCell, so it — and the layer-state subscription it owns —\n * outlives the inline editor) and consumed by the reference editor.\n *\n * The editor passes the refresh to run on return (over its own dropdown\n * `collection`, which the wrapper has no reference to) as the opener's argument.\n */\nexport const OpenReferencedCollectionContext = createContext<\n  OpenCollectionOverlay | undefined\n>(undefined);\n\nexport const useOpenReferencedCollection = () =>\n  useContext(OpenReferencedCollectionContext);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,gBAAG,IAAAE,oBAAa,EAE1DC,SAAS,CAAC;AAEL,MAAMC,2BAA2B,GAAGA,CAAA,KACzC,IAAAC,iBAAU,EAACL,+BAA+B,CAAC;AAACC,OAAA,CAAAG,2BAAA,GAAAA,2BAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/types.ts"],"sourcesContent":["import type React from 'react';\nimport { ComputedQuery, CollectionState } from '@wix/bex-core';\n\nexport interface ReferenceItem {\n  id: string;\n  name: string;\n  image?: string;\n}\n\nexport type RefFieldType = 'IMAGE';\n\nexport interface RefSchemaField {\n  type: RefFieldType;\n}\n\nexport interface RefSchema {\n  id: string;\n  displayField: string;\n  idField: string;\n  fields?: Record<string, RefSchemaField | undefined>;\n}\n\nexport interface ReferenceTypeConfig {\n  refSchema: RefSchema;\n  fetchReferenceItems: (\n    query: ComputedQuery,\n  ) => Promise<{ items: ReferenceItem[]; total: number }>;\n  renderFooter?: () => React.ReactNode;\n  onOpenCollection?: (args: {\n    collection: CollectionState<ReferenceItem>;\n  }) => void;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/types.ts"],"sourcesContent":["import type React from 'react';\nimport { ComputedQuery } from '@wix/bex-core';\n\nexport interface ReferenceItem {\n  id: string;\n  name: string;\n  image?: string;\n}\n\nexport type RefFieldType = 'IMAGE';\n\nexport interface RefSchemaField {\n  type: RefFieldType;\n}\n\nexport interface RefSchema {\n  id: string;\n  /** The id of the referenced collection, used to navigate to it from the cell editor. */\n  collectionId?: string;\n  displayField: string;\n  idField: string;\n  fields?: Record<string, RefSchemaField | undefined>;\n}\n\nexport interface ReferenceTypeConfig {\n  refSchema: RefSchema;\n  fetchReferenceItems: (\n    query: ComputedQuery,\n  ) => Promise<{ items: ReferenceItem[]; total: number }>;\n  renderFooter?: () => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/select/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_ = "Edit3622054579";
+var _namespace_ = "Edit1498785548";
 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": "Edit3622054579__root",
-  "selectInput": "Edit3622054579__selectInput"
+  "root": "Edit1498785548__root",
+  "selectInput": "Edit1498785548__selectInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/select/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/select/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3622054579\";\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\":\"Edit3622054579__root\",\"selectInput\":\"Edit3622054579__selectInput\"};\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/select/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1498785548\";\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\":\"Edit1498785548__root\",\"selectInput\":\"Edit1498785548__selectInput\"};\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/text/Edit.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit1086116721";
+var _namespace_ = "Edit3584983746";
 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": "Edit1086116721__root",
-  "editWrapper": "Edit1086116721__editWrapper",
-  "inputArea": "Edit1086116721__inputArea"
+  "root": "Edit3584983746__root",
+  "editWrapper": "Edit3584983746__editWrapper",
+  "inputArea": "Edit3584983746__inputArea"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/text/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/text/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1086116721\";\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\":\"Edit1086116721__root\",\"editWrapper\":\"Edit1086116721__editWrapper\",\"inputArea\":\"Edit1086116721__inputArea\"};\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,6BAA6B;EAAC,WAAW,EAAC;AAA2B,CAAC;AACjI,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/text/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3584983746\";\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\":\"Edit3584983746__root\",\"editWrapper\":\"Edit3584983746__editWrapper\",\"inputArea\":\"Edit3584983746__inputArea\"};\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,6BAA6B;EAAC,WAAW,EAAC;AAA2B,CAAC;AACjI,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/text/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_ = "View2530907196";
+var _namespace_ = "View3405290509";
 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": "View2530907196__root"
+  "root": "View3405290509__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/text/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/text/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View2530907196\";\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\":\"View2530907196__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":[]}
+{"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/text/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View3405290509\";\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\":\"View3405290509__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":[]}

package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit1064171681";
+var _namespace_ = "Edit3688772027";
 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": "Edit1064171681__root",
-  "wrapper": "Edit1064171681__wrapper",
-  "overlay": "Edit1064171681__overlay"
+  "root": "Edit3688772027__root",
+  "wrapper": "Edit3688772027__wrapper",
+  "overlay": "Edit3688772027__overlay"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/time/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/time/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1064171681\";\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\":\"Edit1064171681__root\",\"wrapper\":\"Edit1064171681__wrapper\",\"overlay\":\"Edit1064171681__overlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-input-value-font-size-small\":\"--wds-input-value-font-size-small\",\"wds-input-value-font-line-height-small\":\"--wds-input-value-font-line-height-small\",\"wds-font-size-body-small\":\"--wds-font-size-body-small\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-color-background-elevation-base\":\"--wds-color-background-elevation-base\"}; \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,SAAS,EAAC,yBAAyB;EAAC,SAAS,EAAC;AAAyB,CAAC;AACrH,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,wCAAwC,EAAC,0CAA0C;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qCAAqC,EAAC;AAAuC,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/time/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3688772027\";\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\":\"Edit3688772027__root\",\"wrapper\":\"Edit3688772027__wrapper\",\"overlay\":\"Edit3688772027__overlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-input-value-font-size-small\":\"--wds-input-value-font-size-small\",\"wds-input-value-font-line-height-small\":\"--wds-input-value-font-line-height-small\",\"wds-font-size-body-small\":\"--wds-font-size-body-small\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-color-background-elevation-base\":\"--wds-color-background-elevation-base\"}; \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,SAAS,EAAC,yBAAyB;EAAC,SAAS,EAAC;AAAyB,CAAC;AACrH,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,wCAAwC,EAAC,0CAA0C;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qCAAqC,EAAC;AAAuC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/url/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_ = "Edit1983071667";
+var _namespace_ = "Edit1748350936";
 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": "Edit1983071667__root",
-  "urlInput": "Edit1983071667__urlInput"
+  "root": "Edit1748350936__root",
+  "urlInput": "Edit1748350936__urlInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/url/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/url/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1983071667\";\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\":\"Edit1983071667__root\",\"urlInput\":\"Edit1983071667__urlInput\"};\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/url/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1748350936\";\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\":\"Edit1748350936__root\",\"urlInput\":\"Edit1748350936__urlInput\"};\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/url/View.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View3489720698";
+var _namespace_ = "View865061379";
 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": "View3489720698__root",
-  "textView": "View3489720698__textView",
-  "urlText": "View3489720698__urlText",
-  "suffix": "View3489720698__suffix"
+  "root": "View865061379__root",
+  "textView": "View865061379__textView",
+  "urlText": "View865061379__urlText",
+  "suffix": "View865061379__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/url/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/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View3489720698\";\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\":\"View3489720698__root\",\"textView\":\"View3489720698__textView\",\"urlText\":\"View3489720698__urlText\",\"suffix\":\"View3489720698__suffix\"};\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,0BAA0B;EAAC,SAAS,EAAC,yBAAyB;EAAC,QAAQ,EAAC;AAAwB,CAAC;AACzJ,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/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View865061379\";\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\":\"View865061379__root\",\"textView\":\"View865061379__textView\",\"urlText\":\"View865061379__urlText\",\"suffix\":\"View865061379__suffix\"};\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,UAAU,EAAC,yBAAyB;EAAC,SAAS,EAAC,wBAAwB;EAAC,QAAQ,EAAC;AAAuB,CAAC;AACrJ,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/types.js

@@ -2,6 +2,14 @@
 
 exports.__esModule = true;
 exports.defineCellType = defineCellType;
+/**
+ * Props passed to a cell type's optional `EditWrapper`. EditableCell mounts the
+ * wrapper around the cell content and keeps it mounted across the edit↔view
+ * transition, so the wrapper can own behavior that must outlive the inline
+ * editor (e.g. a reference cell navigating to an overlay and refreshing on
+ * return). The wrapper hands anything the editor needs down via its own context.
+ */
+
 /**
  * Type-safe definition for a cell type. Non-value-typed props are derived
  * directly from CellType via Pick so new additions propagate automatically.

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

@@ -1 +1 @@
-{"version":3,"names":["defineCellType","cellType"],"sources":["../../../../src/components/EditableTable/types.ts"],"sourcesContent":["import type { CellType, ValidationRule } from '../../state/EditableTable/types';\n\nexport interface CellViewProps<V> {\n  value: V;\n  typeConfig?: unknown;\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\nexport interface Focusable {\n  focus: () => void;\n}\n\nexport type EditTrigger =\n  | { kind: 'type'; key: string }\n  | 'enter'\n  | 'click'\n  | 'doubleClick';\n\nexport interface CellEditProps<V> {\n  value: V;\n  onChange: (value: V) => void;\n  onCommit: () => void;\n  onCancel: () => void;\n  /**\n   * Signals that the cell is starting an editing operation that will move focus\n   * outside the table (e.g., opening a media manager or a modal). Calling this\n   * sets isEditing=true so useClearFocusOnBlur does not clear cell focus while\n   * the external UI is open. Pair with onCommit (after the operation succeeds)\n   * or onCancel (if the user dismisses without a value change).\n   */\n  onStartEdit?: () => void;\n  /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */\n  inputRef?: React.MutableRefObject<Focusable | undefined | null>;\n  typeConfig?: unknown;\n  /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */\n  editTrigger?: EditTrigger | null;\n  /** Column-level validation rules. Edit components can derive UI behavior (e.g., maxLength blocking/tooltip) from these. */\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\n/**\n * Type-safe definition for a cell type. Non-value-typed props are derived\n * directly from CellType via Pick so new additions propagate automatically.\n */\nexport type CellTypeDefinition<V> = Pick<\n  CellType,\n  'editable' | 'clearable' | 'showEditWhenFocused' | 'nativeTypeToEdit'\n> & {\n  type: CellType['type'];\n  ViewComponent: React.ComponentType<CellViewProps<V>>;\n  EditComponent?: React.ComponentType<CellEditProps<V>>;\n  serialize?: (value: V) => string;\n  deserialize?: (raw: string) => V;\n  validate?: (value: V, rules?: ValidationRule[]) => string | null;\n  toggleValue?: (value: V) => V;\n  editOnClick?: (value: V) => boolean;\n  onTypeToEdit?: (params: {\n    key: string;\n    validation?: ValidationRule[];\n  }) => { value?: V } | undefined;\n  normalizeOnCommit?: (value: V) => V;\n};\n\n/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */\nexport function defineCellType<V>(cellType: CellTypeDefinition<V>): CellType {\n  return cellType as CellType;\n}\n"],"mappings":";;;;AAgDA;AACA;AACA;AACA;;AAoBA;AACO,SAASA,cAAcA,CAAIC,QAA+B,EAAY;EAC3E,OAAOA,QAAQ;AACjB","ignoreList":[]}
+{"version":3,"names":["defineCellType","cellType"],"sources":["../../../../src/components/EditableTable/types.ts"],"sourcesContent":["import type { CellType, ValidationRule } from '../../state/EditableTable/types';\n\nexport interface CellViewProps<V> {\n  value: V;\n  typeConfig?: unknown;\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\nexport interface Focusable {\n  focus: () => void;\n}\n\nexport type EditTrigger =\n  | { kind: 'type'; key: string }\n  | 'enter'\n  | 'click'\n  | 'doubleClick';\n\nexport interface CellEditProps<V> {\n  value: V;\n  onChange: (value: V) => void;\n  onCommit: () => void;\n  onCancel: () => void;\n  /**\n   * Signals that the cell is starting an editing operation that will move focus\n   * outside the table (e.g., opening a media manager or a modal). Calling this\n   * sets isEditing=true so useClearFocusOnBlur does not clear cell focus while\n   * the external UI is open. Pair with onCommit (after the operation succeeds)\n   * or onCancel (if the user dismisses without a value change).\n   */\n  onStartEdit?: () => void;\n  /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */\n  inputRef?: React.MutableRefObject<Focusable | undefined | null>;\n  typeConfig?: unknown;\n  /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */\n  editTrigger?: EditTrigger | null;\n  /** Column-level validation rules. Edit components can derive UI behavior (e.g., maxLength blocking/tooltip) from these. */\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\n/**\n * Props passed to a cell type's optional `EditWrapper`. EditableCell mounts the\n * wrapper around the cell content and keeps it mounted across the edit↔view\n * transition, so the wrapper can own behavior that must outlive the inline\n * editor (e.g. a reference cell navigating to an overlay and refreshing on\n * return). The wrapper hands anything the editor needs down via its own context.\n */\nexport interface CellEditWrapperProps {\n  /** The column's typeConfig (same value handed to the cell's Edit/View). */\n  typeConfig?: unknown;\n  /** Stable id of the column. */\n  columnId: string;\n  /** Stable key of the row. */\n  rowKey: string;\n  /** The cell content (the Edit or View component) to render inside the wrapper. */\n  children: React.ReactNode;\n}\n\n/**\n * Type-safe definition for a cell type. Non-value-typed props are derived\n * directly from CellType via Pick so new additions propagate automatically.\n */\nexport type CellTypeDefinition<V> = Pick<\n  CellType,\n  | 'editable'\n  | 'clearable'\n  | 'showEditWhenFocused'\n  | 'nativeTypeToEdit'\n  | 'EditWrapper'\n  | 'growable'\n> & {\n  type: CellType['type'];\n  ViewComponent: React.ComponentType<CellViewProps<V>>;\n  EditComponent?: React.ComponentType<CellEditProps<V>>;\n  serialize?: (value: V) => string;\n  deserialize?: (raw: string) => V;\n  validate?: (value: V, rules?: ValidationRule[]) => string | null;\n  toggleValue?: (value: V) => V;\n  editOnClick?: (value: V) => boolean;\n  onTypeToEdit?: (params: {\n    key: string;\n    validation?: ValidationRule[];\n  }) => { value?: V } | undefined;\n  normalizeOnCommit?: (value: V) => V;\n};\n\n/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */\nexport function defineCellType<V>(cellType: CellTypeDefinition<V>): CellType {\n  return cellType as CellType;\n}\n"],"mappings":";;;;AAgDA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;;AAyBA;AACO,SAASA,cAAcA,CAAIC,QAA+B,EAAY;EAC3E,OAAOA,QAAQ;AACjB","ignoreList":[]}

package/dist/cjs/components/EditableTable/useAddRow.js

@@ -12,6 +12,8 @@ function useAddRow(state) {
   // would strand later items at the top of the table.
   const addItemAnchorRef = (0, _react.useRef)(undefined);
   const handleAddItem = (0, _react.useCallback)(() => {
+    state.onAddItemClick('Card CTA');
+
     // Refresh the anchor if it's missing or no longer in the current page
     // (e.g. after query/filter/pagination changes moved it off-page).
     const isAnchorStale = !addItemAnchorRef.current || !state.keyedItems.some(ki => ki.key === addItemAnchorRef.current);