@wix/patterns 1.481.0 → 1.482.0

package/dist/cjs/components/EditableTable/EditableCell.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_EditUni","_EditUni2","_EditUni3","_EditUni4","_SpecificValuesEditUni","_EditUni5","_EditUni6","_EditUni7","EditableCellUniDriver","base","body","baseUniDriverFactory","click","hover","doubleClick","el","getNative","isSled2","elementHandle","unwrap","clickCount","isSled3","locator","dblclick","dispatchEvent","MouseEvent","bubbles","getDisplayValue","text","isFocused","attr","isEditing","isSelected","isReadOnly","isInvalid","getRowKey","getColumnId","getErrorMessage","rowKey","columnId","message","$","exists","getTextEdit","TextEditUniDriver","getNumberEdit","NumberEditUniDriver","getUrlEdit","UrlEditUniDriver","getBooleanEdit","BooleanEditUniDriver","getSpecificValuesEdit","SpecificValuesEditUniDriver","getDateEdit","DateEditUniDriver","getReferenceEdit","ReferenceEditUniDriver","getAddressEdit","AddressEditUniDriver","rightClick","button","rect","getBoundingClientRect","clientX","left","clientY","top","getBoundingBox","boundingBox","pressKey","key","opts","press","KeyboardEvent"],"sources":["../../../../src/components/EditableTable/EditableCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, isSled2, isSled3 } from '../../unidriver';\nimport { TextEditUniDriver } from './cellTypes/text/Edit.uni.driver';\nimport { NumberEditUniDriver } from './cellTypes/number/Edit.uni.driver';\nimport { UrlEditUniDriver } from './cellTypes/url/Edit.uni.driver';\nimport { BooleanEditUniDriver } from './cellTypes/boolean/Edit.uni.driver';\nimport { SpecificValuesEditUniDriver } from './cellTypes/text/SpecificValuesEdit.uni.driver';\nimport { DateEditUniDriver } from './cellTypes/date/Edit.uni.driver';\nimport { ReferenceEditUniDriver } from './cellTypes/reference/Edit.uni.driver';\nimport { AddressEditUniDriver } from './cellTypes/address/Edit.uni.driver';\n\nexport function EditableCellUniDriver(base: UniDriver, body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Click the cell (focuses it) */\n    click: () => base.click(),\n\n    /** Hover the cell */\n    hover: () => base.hover(),\n\n    /** Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. */\n    doubleClick: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        await elementHandle.click({ clickCount: 2 });\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.dblclick();\n      } else {\n        el.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));\n      }\n    },\n\n    /** Get the displayed text value of the cell */\n    getDisplayValue: () => base.text(),\n\n    /** Whether this cell is focused */\n    isFocused: async () => (await base.attr('tabindex')) === '0',\n\n    /** Whether this cell is in editing mode */\n    isEditing: async () => (await base.attr('data-editing')) === 'true',\n\n    /** Whether this cell is selected (part of a selection range) */\n    isSelected: async () => (await base.attr('aria-selected')) === 'true',\n\n    /** Whether this cell is read-only (not editable) */\n    isReadOnly: async () => (await base.attr('aria-readonly')) === 'true',\n\n    /** Whether this cell has a validation error */\n    isInvalid: async () => (await base.attr('aria-invalid')) === 'true',\n\n    /** Get the row key from data attribute */\n    getRowKey: () => base.attr('data-row-key'),\n\n    /** Get the column id from data attribute */\n    getColumnId: () => base.attr('data-column-id'),\n\n    /** Error message shown under the cell while it's focused/editing (null when hidden).\n     *  It renders next to the cell, not inside it, so it's queried from the body. */\n    getErrorMessage: async () => {\n      const rowKey = await base.attr('data-row-key');\n      const columnId = await base.attr('data-column-id');\n      const message = body.$(\n        `[data-hook=\"cell-error-message\"][data-row-key=\"${rowKey}\"][data-column-id=\"${columnId}\"]`,\n      );\n      return (await message.exists()) ? message.text() : null;\n    },\n\n    /** Get the text cell edit driver (for text columns) */\n    getTextEdit: () => TextEditUniDriver(base, body),\n\n    /** Get the number cell edit driver (for number columns) */\n    getNumberEdit: () => NumberEditUniDriver(base, body),\n\n    /** Get the url cell edit driver (for url columns) */\n    getUrlEdit: () => UrlEditUniDriver(base, body),\n\n    /** Get the boolean cell edit driver (for boolean columns) */\n    getBooleanEdit: () => BooleanEditUniDriver(base, body),\n\n    /** Get the specific-values (autocomplete) edit driver (for text columns with specificValues validation) */\n    getSpecificValuesEdit: () => SpecificValuesEditUniDriver(base, body),\n\n    /** Get the date cell edit driver (for date columns) */\n    getDateEdit: () => DateEditUniDriver(base, body),\n\n    /** Get the reference cell edit driver (for reference columns) */\n    getReferenceEdit: () => ReferenceEditUniDriver(base, body),\n\n    getAddressEdit: () => AddressEditUniDriver(base, body),\n\n    /** Right-click the cell (opens context menu) */\n    rightClick: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        // Puppeteer — unwrap to get the actual ElementHandle\n        const elementHandle = await base.unwrap();\n        await elementHandle.click({ button: 'right' });\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.click({ button: 'right' });\n      } else {\n        // jsdom HTMLElement\n        const rect = el.getBoundingClientRect();\n        el.dispatchEvent(\n          new MouseEvent('contextmenu', {\n            bubbles: true,\n            clientX: rect.left + 5,\n            clientY: rect.top + 5,\n          }),\n        );\n      }\n    },\n\n    /** Get the bounding box of the cell — returns {x, y, width, height} across all envs */\n    getBoundingBox: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        return elementHandle.boundingBox();\n      }\n      if (isSled3(el)) {\n        const locator = await base.unwrap();\n        return locator.boundingBox();\n      }\n      return el.getBoundingClientRect();\n    },\n\n    /** Press a key on the cell (native dispatch — useCellFocusAndEditing uses native addEventListener) */\n    pressKey: async (key: string, opts?: Partial<KeyboardEventInit>) => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        await elementHandle.press(key);\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.press(key);\n      } else {\n        el.dispatchEvent(\n          new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n        );\n      }\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_EditUni","_EditUni2","_EditUni3","_EditUni4","_SpecificValuesEditUni","_EditUni5","_EditUni6","_EditUni7","_EditUni8","EditableCellUniDriver","base","body","baseUniDriverFactory","click","hover","doubleClick","el","getNative","isSled2","elementHandle","unwrap","clickCount","isSled3","locator","dblclick","dispatchEvent","MouseEvent","bubbles","getDisplayValue","text","isFocused","attr","isEditing","isSelected","isReadOnly","isInvalid","getRowKey","getColumnId","getErrorMessage","rowKey","columnId","message","$","exists","getTextEdit","TextEditUniDriver","getNumberEdit","NumberEditUniDriver","getUrlEdit","UrlEditUniDriver","getBooleanEdit","BooleanEditUniDriver","getSpecificValuesEdit","SpecificValuesEditUniDriver","getDateEdit","DateEditUniDriver","getReferenceEdit","ReferenceEditUniDriver","getAddressEdit","AddressEditUniDriver","getObjectEdit","ObjectEditUniDriver","rightClick","button","rect","getBoundingClientRect","clientX","left","clientY","top","getBoundingBox","boundingBox","pressKey","key","opts","press","KeyboardEvent"],"sources":["../../../../src/components/EditableTable/EditableCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, isSled2, isSled3 } from '../../unidriver';\nimport { TextEditUniDriver } from './cellTypes/text/Edit.uni.driver';\nimport { NumberEditUniDriver } from './cellTypes/number/Edit.uni.driver';\nimport { UrlEditUniDriver } from './cellTypes/url/Edit.uni.driver';\nimport { BooleanEditUniDriver } from './cellTypes/boolean/Edit.uni.driver';\nimport { SpecificValuesEditUniDriver } from './cellTypes/text/SpecificValuesEdit.uni.driver';\nimport { DateEditUniDriver } from './cellTypes/date/Edit.uni.driver';\nimport { ReferenceEditUniDriver } from './cellTypes/reference/Edit.uni.driver';\nimport { AddressEditUniDriver } from './cellTypes/address/Edit.uni.driver';\nimport { ObjectEditUniDriver } from './cellTypes/object/Edit.uni.driver';\n\nexport function EditableCellUniDriver(base: UniDriver, body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Click the cell (focuses it) */\n    click: () => base.click(),\n\n    /** Hover the cell */\n    hover: () => base.hover(),\n\n    /** Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. */\n    doubleClick: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        await elementHandle.click({ clickCount: 2 });\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.dblclick();\n      } else {\n        el.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));\n      }\n    },\n\n    /** Get the displayed text value of the cell */\n    getDisplayValue: () => base.text(),\n\n    /** Whether this cell is focused */\n    isFocused: async () => (await base.attr('tabindex')) === '0',\n\n    /** Whether this cell is in editing mode */\n    isEditing: async () => (await base.attr('data-editing')) === 'true',\n\n    /** Whether this cell is selected (part of a selection range) */\n    isSelected: async () => (await base.attr('aria-selected')) === 'true',\n\n    /** Whether this cell is read-only (not editable) */\n    isReadOnly: async () => (await base.attr('aria-readonly')) === 'true',\n\n    /** Whether this cell has a validation error */\n    isInvalid: async () => (await base.attr('aria-invalid')) === 'true',\n\n    /** Get the row key from data attribute */\n    getRowKey: () => base.attr('data-row-key'),\n\n    /** Get the column id from data attribute */\n    getColumnId: () => base.attr('data-column-id'),\n\n    /** Error message shown under the cell while it's focused/editing (null when hidden).\n     *  It renders next to the cell, not inside it, so it's queried from the body. */\n    getErrorMessage: async () => {\n      const rowKey = await base.attr('data-row-key');\n      const columnId = await base.attr('data-column-id');\n      const message = body.$(\n        `[data-hook=\"cell-error-message\"][data-row-key=\"${rowKey}\"][data-column-id=\"${columnId}\"]`,\n      );\n      return (await message.exists()) ? message.text() : null;\n    },\n\n    /** Get the text cell edit driver (for text columns) */\n    getTextEdit: () => TextEditUniDriver(base, body),\n\n    /** Get the number cell edit driver (for number columns) */\n    getNumberEdit: () => NumberEditUniDriver(base, body),\n\n    /** Get the url cell edit driver (for url columns) */\n    getUrlEdit: () => UrlEditUniDriver(base, body),\n\n    /** Get the boolean cell edit driver (for boolean columns) */\n    getBooleanEdit: () => BooleanEditUniDriver(base, body),\n\n    /** Get the specific-values (autocomplete) edit driver (for text columns with specificValues validation) */\n    getSpecificValuesEdit: () => SpecificValuesEditUniDriver(base, body),\n\n    /** Get the date cell edit driver (for date columns) */\n    getDateEdit: () => DateEditUniDriver(base, body),\n\n    /** Get the reference cell edit driver (for reference columns) */\n    getReferenceEdit: () => ReferenceEditUniDriver(base, body),\n\n    getAddressEdit: () => AddressEditUniDriver(base, body),\n\n    /** Get the object (JSON) cell edit driver (for object columns) */\n    getObjectEdit: () => ObjectEditUniDriver(base, body),\n\n    /** Right-click the cell (opens context menu) */\n    rightClick: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        // Puppeteer — unwrap to get the actual ElementHandle\n        const elementHandle = await base.unwrap();\n        await elementHandle.click({ button: 'right' });\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.click({ button: 'right' });\n      } else {\n        // jsdom HTMLElement\n        const rect = el.getBoundingClientRect();\n        el.dispatchEvent(\n          new MouseEvent('contextmenu', {\n            bubbles: true,\n            clientX: rect.left + 5,\n            clientY: rect.top + 5,\n          }),\n        );\n      }\n    },\n\n    /** Get the bounding box of the cell — returns {x, y, width, height} across all envs */\n    getBoundingBox: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        return elementHandle.boundingBox();\n      }\n      if (isSled3(el)) {\n        const locator = await base.unwrap();\n        return locator.boundingBox();\n      }\n      return el.getBoundingClientRect();\n    },\n\n    /** Press a key on the cell (native dispatch — useCellFocusAndEditing uses native addEventListener) */\n    pressKey: async (key: string, opts?: Partial<KeyboardEventInit>) => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        await elementHandle.press(key);\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.press(key);\n      } else {\n        el.dispatchEvent(\n          new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n        );\n      }\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/HeaderActionsPopover.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_ = "HeaderActionsPopover99826776";
+var _namespace_ = "HeaderActionsPopover1506887392";
 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": "HeaderActionsPopover99826776__root"
+  "root": "HeaderActionsPopover1506887392__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/HeaderActionsPopover.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/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover99826776\";\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\":\"HeaderActionsPopover99826776__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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover1506887392\";\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\":\"HeaderActionsPopover1506887392__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/HeaderFieldActions.js

@@ -42,7 +42,7 @@ function _HeaderFieldActions({
   const field = source == null ? void 0 : source.fieldsSource.fields.find(f => source.fieldsSource.columnIdForField(f) === column.id);
   const sourceConfig = field && source != null && source.fieldActionHandlers ? source.fieldActionHandlers({
     fieldId: field.id,
-    origin: 'external',
+    origin: 'Table column header',
     location: HEADER_LOCATION
   }) : null;
   const handlers = {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_bexCore","_FieldActions","_HeaderActionsPopover","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HEADER_ACTION_GROUPS","HEADER_LOCATION","_HeaderFieldActions","state","column","_definition$actions","reportHeaderMenuOpenChange","useCallback","isOpened","bi","menuOpened","menuType","key","id","toolbar","customColumnsState","toolbarFiltersState","source","collectionFieldsSource","field","fieldsSource","fields","find","columnIdForField","sourceConfig","fieldActionHandlers","fieldId","origin","location","handlers","hideable","toolbarColumn","columns","c","hideColumn","onColumnCheckboxToggle","sortable","sortAscending","sort","forceDirection","sortDescending","collection","query","customFilters","filter","openFromColumnHeader","groups","buildFieldActionGroups","columnId","loading","disabledTooltips","translate","container","reportBi","listSize","manageableFields","length","fieldType","fieldTypeOf","undefined","definition","resolveFieldTypeDefinition","actions","items","extraActions","buildFieldTypeActionGroup","push","createElement","HeaderActionsPopover","dataHook","onOpenChange","__self","__source","fileName","lineNumber","columnNumber","HeaderFieldActions","exports","observer"],"sources":["../../../../src/components/EditableTable/HeaderFieldActions.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { Field, FiltersMap } from '@wix/bex-core';\nimport { resolveFieldTypeDefinition } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { EditableColumn } from '../../state/EditableTable/types';\nimport {\n  buildFieldActionGroups,\n  buildFieldTypeActionGroup,\n  type FieldActionHandlers,\n  type FieldActionKey,\n} from '../FieldActions';\nimport { HeaderActionsPopover } from './HeaderActionsPopover';\n\n// Field-management (from the source) first, then the table-intrinsic groups,\n// then the destructive action. Only keys with a handler render, so each source\n// shows just its own actions (CMS: make-primary / duplicate / delete;\n// DataExtension: archive).\nconst HEADER_ACTION_GROUPS: FieldActionKey[][] = [\n  ['editField'],\n  ['makePrimary', 'hideColumn', 'duplicateField', 'duplicateFieldWithContent'],\n  ['sortAscending', 'sortDescending', 'filter'],\n  ['archive', 'delete'],\n];\n\nconst HEADER_LOCATION = 'EditableTable header action cell';\n\ninterface HeaderFieldActionsProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  column: EditableColumn<T>;\n}\n\nfunction _HeaderFieldActions<T, F extends FiltersMap>({\n  state,\n  column,\n}: HeaderFieldActionsProps<T, F>) {\n  const reportHeaderMenuOpenChange = useCallback(\n    (isOpened: boolean) => {\n      state.bi.menuOpened({\n        menuType: 'Column Header',\n        isOpened,\n        key: column.id,\n      });\n    },\n    [state, column.id],\n  );\n\n  const { toolbar } = state;\n  const { customColumnsState, toolbarFiltersState } = toolbar;\n  const source = toolbar.collectionFieldsSource;\n\n  // Source-backed columns (their id maps to a source field) get the source's\n  // field-management; vertical-brought or consumer columns get only the\n  // table-intrinsic actions below.\n  const field: Field | undefined = source?.fieldsSource.fields.find(\n    (f) => source.fieldsSource.columnIdForField(f) === column.id,\n  );\n  const sourceConfig =\n    field && source?.fieldActionHandlers\n      ? source.fieldActionHandlers({\n          fieldId: field.id,\n          origin: 'external',\n          location: HEADER_LOCATION,\n        })\n      : null;\n\n  const handlers: FieldActionHandlers = { ...sourceConfig?.handlers };\n\n  if (column.hideable !== false && customColumnsState) {\n    const toolbarColumn = toolbar.columns.find((c) => c.id === column.id);\n    if (toolbarColumn) {\n      handlers.hideColumn = () =>\n        customColumnsState.onColumnCheckboxToggle(toolbarColumn);\n    }\n  }\n\n  if (column.sortable) {\n    handlers.sortAscending = (id) => state.sort(id, { forceDirection: 'asc' });\n    handlers.sortDescending = (id) =>\n      state.sort(id, { forceDirection: 'desc' });\n  }\n\n  if (\n    toolbarFiltersState &&\n    state.collection.query.customFilters[column.id] != null\n  ) {\n    handlers.filter = () => toolbarFiltersState.openFromColumnHeader();\n  }\n\n  const groups = buildFieldActionGroups({\n    columnId: column.id,\n    handlers,\n    loading: sourceConfig?.loading,\n    disabledTooltips: sourceConfig?.disabledTooltips,\n    groups: HEADER_ACTION_GROUPS,\n    translate: toolbar.container.translate,\n    bi: source\n      ? {\n          reportBi: toolbar.reportBi,\n          location: HEADER_LOCATION,\n          listSize: source.fieldsSource.manageableFields.length,\n          fieldType: state.bi.fieldTypeOf(column.id),\n        }\n      : undefined,\n  });\n\n  // A custom field type's extra actions render as their own group after the\n  // built-in ones.\n  const definition =\n    field && source\n      ? resolveFieldTypeDefinition(source.fieldsSource, field)\n      : undefined;\n  if (field && definition?.actions?.items?.length) {\n    const extraActions = buildFieldTypeActionGroup({ field, definition });\n    if (extraActions.length) {\n      groups.push(extraActions);\n    }\n  }\n\n  if (groups.length === 0) {\n    return null;\n  }\n\n  return (\n    <HeaderActionsPopover\n      actions={groups}\n      dataHook={`header-actions-${column.id}`}\n      onOpenChange={reportHeaderMenuOpenChange}\n    />\n  );\n}\n\nexport const HeaderFieldActions = observer(_HeaderFieldActions);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_bexCore","_FieldActions","_HeaderActionsPopover","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HEADER_ACTION_GROUPS","HEADER_LOCATION","_HeaderFieldActions","state","column","_definition$actions","reportHeaderMenuOpenChange","useCallback","isOpened","bi","menuOpened","menuType","key","id","toolbar","customColumnsState","toolbarFiltersState","source","collectionFieldsSource","field","fieldsSource","fields","find","columnIdForField","sourceConfig","fieldActionHandlers","fieldId","origin","location","handlers","hideable","toolbarColumn","columns","c","hideColumn","onColumnCheckboxToggle","sortable","sortAscending","sort","forceDirection","sortDescending","collection","query","customFilters","filter","openFromColumnHeader","groups","buildFieldActionGroups","columnId","loading","disabledTooltips","translate","container","reportBi","listSize","manageableFields","length","fieldType","fieldTypeOf","undefined","definition","resolveFieldTypeDefinition","actions","items","extraActions","buildFieldTypeActionGroup","push","createElement","HeaderActionsPopover","dataHook","onOpenChange","__self","__source","fileName","lineNumber","columnNumber","HeaderFieldActions","exports","observer"],"sources":["../../../../src/components/EditableTable/HeaderFieldActions.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { Field, FiltersMap } from '@wix/bex-core';\nimport { resolveFieldTypeDefinition } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { EditableColumn } from '../../state/EditableTable/types';\nimport {\n  buildFieldActionGroups,\n  buildFieldTypeActionGroup,\n  type FieldActionHandlers,\n  type FieldActionKey,\n} from '../FieldActions';\nimport { HeaderActionsPopover } from './HeaderActionsPopover';\n\n// Field-management (from the source) first, then the table-intrinsic groups,\n// then the destructive action. Only keys with a handler render, so each source\n// shows just its own actions (CMS: make-primary / duplicate / delete;\n// DataExtension: archive).\nconst HEADER_ACTION_GROUPS: FieldActionKey[][] = [\n  ['editField'],\n  ['makePrimary', 'hideColumn', 'duplicateField', 'duplicateFieldWithContent'],\n  ['sortAscending', 'sortDescending', 'filter'],\n  ['archive', 'delete'],\n];\n\nconst HEADER_LOCATION = 'EditableTable header action cell';\n\ninterface HeaderFieldActionsProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  column: EditableColumn<T>;\n}\n\nfunction _HeaderFieldActions<T, F extends FiltersMap>({\n  state,\n  column,\n}: HeaderFieldActionsProps<T, F>) {\n  const reportHeaderMenuOpenChange = useCallback(\n    (isOpened: boolean) => {\n      state.bi.menuOpened({\n        menuType: 'Column Header',\n        isOpened,\n        key: column.id,\n      });\n    },\n    [state, column.id],\n  );\n\n  const { toolbar } = state;\n  const { customColumnsState, toolbarFiltersState } = toolbar;\n  const source = toolbar.collectionFieldsSource;\n\n  // Source-backed columns (their id maps to a source field) get the source's\n  // field-management; vertical-brought or consumer columns get only the\n  // table-intrinsic actions below.\n  const field: Field | undefined = source?.fieldsSource.fields.find(\n    (f) => source.fieldsSource.columnIdForField(f) === column.id,\n  );\n  const sourceConfig =\n    field && source?.fieldActionHandlers\n      ? source.fieldActionHandlers({\n          fieldId: field.id,\n          origin: 'Table column header',\n          location: HEADER_LOCATION,\n        })\n      : null;\n\n  const handlers: FieldActionHandlers = { ...sourceConfig?.handlers };\n\n  if (column.hideable !== false && customColumnsState) {\n    const toolbarColumn = toolbar.columns.find((c) => c.id === column.id);\n    if (toolbarColumn) {\n      handlers.hideColumn = () =>\n        customColumnsState.onColumnCheckboxToggle(toolbarColumn);\n    }\n  }\n\n  if (column.sortable) {\n    handlers.sortAscending = (id) => state.sort(id, { forceDirection: 'asc' });\n    handlers.sortDescending = (id) =>\n      state.sort(id, { forceDirection: 'desc' });\n  }\n\n  if (\n    toolbarFiltersState &&\n    state.collection.query.customFilters[column.id] != null\n  ) {\n    handlers.filter = () => toolbarFiltersState.openFromColumnHeader();\n  }\n\n  const groups = buildFieldActionGroups({\n    columnId: column.id,\n    handlers,\n    loading: sourceConfig?.loading,\n    disabledTooltips: sourceConfig?.disabledTooltips,\n    groups: HEADER_ACTION_GROUPS,\n    translate: toolbar.container.translate,\n    bi: source\n      ? {\n          reportBi: toolbar.reportBi,\n          location: HEADER_LOCATION,\n          listSize: source.fieldsSource.manageableFields.length,\n          fieldType: state.bi.fieldTypeOf(column.id),\n        }\n      : undefined,\n  });\n\n  // A custom field type's extra actions render as their own group after the\n  // built-in ones.\n  const definition =\n    field && source\n      ? resolveFieldTypeDefinition(source.fieldsSource, field)\n      : undefined;\n  if (field && definition?.actions?.items?.length) {\n    const extraActions = buildFieldTypeActionGroup({ field, definition });\n    if (extraActions.length) {\n      groups.push(extraActions);\n    }\n  }\n\n  if (groups.length === 0) {\n    return null;\n  }\n\n  return (\n    <HeaderActionsPopover\n      actions={groups}\n      dataHook={`header-actions-${column.id}`}\n      onOpenChange={reportHeaderMenuOpenChange}\n    />\n  );\n}\n\nexport const HeaderFieldActions = observer(_HeaderFieldActions);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.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_ = "CellViewLayout499885632";
+var _namespace_ = "CellViewLayout248990959";
 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": "CellViewLayout499885632__root"
+  "root": "CellViewLayout248990959__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.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/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout499885632\";\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\":\"CellViewLayout499885632__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"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/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout248990959\";\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\":\"CellViewLayout248990959__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -30,13 +30,31 @@ const AddressEdit = ({
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
   const initialSearchText = editTrigger && typeof editTrigger === 'object' && editTrigger.kind === 'type' && editTrigger.key.length === 1 ? editTrigger.key : undefined;
+  const lastKeyRef = (0, _react.useRef)(null);
+  const addressInputRef = (0, _react.useRef)(null);
+
+  // This editor is lazy-loaded, so on first use it mounts after the cell has
+  // already tried to focus it.
+  (0, _react.useEffect)(() => {
+    var _addressInputRef$curr;
+    (_addressInputRef$curr = addressInputRef.current) == null || _addressInputRef$curr.focus();
+  }, []);
   const handleKeyDownCapture = (0, _react.useCallback)(e => {
+    lastKeyRef.current = e.key;
     if (e.key === 'Escape') {
       e.preventDefault();
       e.stopPropagation();
       onCancel();
     }
   }, [onCancel]);
+
+  // Fires on Enter or Tab when no suggestion was picked. A picked suggestion
+  // resolves asynchronously and commits through onSelectAddress instead.
+  const handleManualInput = (0, _react.useCallback)(() => {
+    if (lastKeyRef.current === 'Enter') {
+      onCommit();
+    }
+  }, [onCommit]);
   const handleBlur = (0, _react.useCallback)(e => {
     if (e.currentTarget.contains(e.relatedTarget)) {
       return;
@@ -52,11 +70,12 @@ const AddressEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 86,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.AddressInput, {
     ref: instance => {
+      addressInputRef.current = instance;
       if (inputRef) {
         inputRef.current = instance;
       }
@@ -64,6 +83,7 @@ const AddressEdit = ({
     value: value ?? undefined,
     onChange: address => onChange(address ?? null),
     onSelectAddress: onCommit,
+    onManuallyInput: handleManualInput,
     atlasService: atlasService,
     initialSearchText: initialSearchText,
     size: "small",
@@ -80,7 +100,7 @@ const AddressEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 90,
+        lineNumber: 110,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -89,14 +109,14 @@ const AddressEdit = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 91,
+        lineNumber: 111,
         columnNumber: 13
       }
     }, t('EditableTable.fields.no_addresses_found'))),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 93,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_react2","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AddressEdit","value","onChange","onCommit","onCancel","inputRef","editTrigger","typeConfig","atlasService","translate","useWixPatternsContainer","initialSearchText","kind","key","length","undefined","handleKeyDownCapture","useCallback","preventDefault","stopPropagation","handleBlur","currentTarget","contains","relatedTarget","createElement","onKeyDownCapture","onBlur","onClick","onMouseDown","className","classes","addressInput","__self","__source","fileName","lineNumber","columnNumber","AddressInput","ref","instance","current","address","onSelectAddress","size","border","popoverProps","appendTo","moveBy","y","noResultsText","Box","padding","align","Text","light","secondary","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/address/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { AddressInput } from '@wix/patterns-fields';\nimport type { Address, AtlasService } from '@wix/patterns-fields';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport interface AddressCellTypeConfig {\n  /**\n   * Atlas service used to fetch address suggestions. Defaults to the SDK-backed\n   * WixAtlasService, which requires Wix runtime/auth context. Inject a custom\n   * implementation for tests or non-Wix consumers.\n   */\n  atlasService?: AtlasService;\n}\n\n/**\n * Bridges patterns-fields AddressInput into EditableTable. State seeding,\n * popover focus handling, and Enter-to-select are owned by AddressInput;\n * here we only forward the cell-framework callbacks.\n */\nexport const AddressEdit: React.FC<\n  CellEditProps<Address | null | undefined>\n> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  editTrigger,\n  typeConfig,\n}) => {\n  const { atlasService } =\n    (typeConfig as AddressCellTypeConfig | undefined) ?? {};\n  const { translate: t } = useWixPatternsContainer();\n\n  const initialSearchText =\n    editTrigger &&\n    typeof editTrigger === 'object' &&\n    editTrigger.kind === 'type' &&\n    editTrigger.key.length === 1\n      ? editTrigger.key\n      : undefined;\n\n  const handleKeyDownCapture = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        onCancel();\n      }\n    },\n    [onCancel],\n  );\n\n  const handleBlur = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      if (e.currentTarget.contains(e.relatedTarget as Node | null)) {\n        return;\n      }\n      onCommit();\n    },\n    [onCommit],\n  );\n\n  return (\n    <div\n      onKeyDownCapture={handleKeyDownCapture}\n      onBlur={handleBlur}\n      onClick={(e) => e.stopPropagation()}\n      onMouseDown={(e) => e.stopPropagation()}\n      className={classes.addressInput}\n    >\n      <AddressInput\n        ref={(instance) => {\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        value={value ?? undefined}\n        onChange={(address) => onChange(address ?? null)}\n        onSelectAddress={onCommit}\n        atlasService={atlasService}\n        initialSearchText={initialSearchText}\n        size=\"small\"\n        border=\"none\"\n        popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n        noResultsText={\n          <Box padding=\"SP1\" align=\"center\">\n            <Text light secondary>\n              {t('EditableTable.fields.no_addresses_found')}\n            </Text>\n          </Box>\n        }\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_react2","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AddressEdit","value","onChange","onCommit","onCancel","inputRef","editTrigger","typeConfig","atlasService","translate","useWixPatternsContainer","initialSearchText","kind","key","length","undefined","lastKeyRef","useRef","addressInputRef","useEffect","_addressInputRef$curr","current","focus","handleKeyDownCapture","useCallback","preventDefault","stopPropagation","handleManualInput","handleBlur","currentTarget","contains","relatedTarget","createElement","onKeyDownCapture","onBlur","onClick","onMouseDown","className","classes","addressInput","__self","__source","fileName","lineNumber","columnNumber","AddressInput","ref","instance","address","onSelectAddress","onManuallyInput","size","border","popoverProps","appendTo","moveBy","y","noResultsText","Box","padding","align","Text","light","secondary","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/address/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { AddressInput } from '@wix/patterns-fields';\nimport type { Address, AtlasService } from '@wix/patterns-fields';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport interface AddressCellTypeConfig {\n  /**\n   * Atlas service used to fetch address suggestions. Defaults to the SDK-backed\n   * WixAtlasService, which requires Wix runtime/auth context. Inject a custom\n   * implementation for tests or non-Wix consumers.\n   */\n  atlasService?: AtlasService;\n}\n\n/**\n * Bridges patterns-fields AddressInput into EditableTable. State seeding,\n * popover focus handling, and Enter-to-select are owned by AddressInput;\n * here we only forward the cell-framework callbacks.\n */\nexport const AddressEdit: React.FC<\n  CellEditProps<Address | null | undefined>\n> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  editTrigger,\n  typeConfig,\n}) => {\n  const { atlasService } =\n    (typeConfig as AddressCellTypeConfig | undefined) ?? {};\n  const { translate: t } = useWixPatternsContainer();\n\n  const initialSearchText =\n    editTrigger &&\n    typeof editTrigger === 'object' &&\n    editTrigger.kind === 'type' &&\n    editTrigger.key.length === 1\n      ? editTrigger.key\n      : undefined;\n\n  const lastKeyRef = useRef<string | null>(null);\n  const addressInputRef = useRef<{ focus: () => void } | null>(null);\n\n  // This editor is lazy-loaded, so on first use it mounts after the cell has\n  // already tried to focus it.\n  useEffect(() => {\n    addressInputRef.current?.focus();\n  }, []);\n\n  const handleKeyDownCapture = useCallback(\n    (e: React.KeyboardEvent) => {\n      lastKeyRef.current = e.key;\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        onCancel();\n      }\n    },\n    [onCancel],\n  );\n\n  // Fires on Enter or Tab when no suggestion was picked. A picked suggestion\n  // resolves asynchronously and commits through onSelectAddress instead.\n  const handleManualInput = useCallback(() => {\n    if (lastKeyRef.current === 'Enter') {\n      onCommit();\n    }\n  }, [onCommit]);\n\n  const handleBlur = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      if (e.currentTarget.contains(e.relatedTarget as Node | null)) {\n        return;\n      }\n      onCommit();\n    },\n    [onCommit],\n  );\n\n  return (\n    <div\n      onKeyDownCapture={handleKeyDownCapture}\n      onBlur={handleBlur}\n      onClick={(e) => e.stopPropagation()}\n      onMouseDown={(e) => e.stopPropagation()}\n      className={classes.addressInput}\n    >\n      <AddressInput\n        ref={(instance) => {\n          addressInputRef.current = instance;\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        value={value ?? undefined}\n        onChange={(address) => onChange(address ?? null)}\n        onSelectAddress={onCommit}\n        onManuallyInput={handleManualInput}\n        atlasService={atlasService}\n        initialSearchText={initialSearchText}\n        size=\"small\"\n        border=\"none\"\n        popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n        noResultsText={\n          <Box padding=\"SP1\" align=\"center\">\n            <Text light secondary>\n              {t('EditableTable.fields.no_addresses_found')}\n            </Text>\n          </Box>\n        }\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/address/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_ = "Edit3798308404";
+var _namespace_ = "Edit290107507";
 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": "Edit3798308404__root",
-  "addressInput": "Edit3798308404__addressInput"
+  "root": "Edit290107507__root",
+  "addressInput": "Edit290107507__addressInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/address/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/address/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3798308404\";\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\":\"Edit3798308404__root\",\"addressInput\":\"Edit3798308404__addressInput\"};\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,cAAc,EAAC;AAA8B,CAAC;AAC3F,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/address/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit290107507\";\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\":\"Edit290107507__root\",\"addressInput\":\"Edit290107507__addressInput\"};\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,cAAc,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/array/Edit.js

@@ -5,6 +5,7 @@ exports.ArrayEdit = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _patternsFields = require("@wix/patterns-fields");
+var _useMultilineEditKeyboard = require("../useMultilineEditKeyboard");
 var _EditStCss = require("./Edit.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/array/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); }
@@ -15,7 +16,6 @@ const ArrayEdit = ({
   onCancel,
   inputRef
 }) => {
-  const committedRef = (0, _react.useRef)(false);
   const inputAreaRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(() => {
     requestAnimationFrame(() => {
@@ -26,25 +26,20 @@ const ArrayEdit = ({
   const handleChange = (0, _react.useCallback)(parsed => {
     onChange(parsed);
   }, [onChange]);
-  const handleKeyDown = (0, _react.useCallback)(e => {
-    if (e.key === 'Escape') {
-      e.preventDefault();
-      committedRef.current = true;
-      onCancel();
-    }
-  }, [onCancel]);
-  const handleBlur = (0, _react.useCallback)(() => {
-    if (!committedRef.current) {
-      onCommit();
-    }
-  }, [onCommit]);
+  const {
+    handleKeyDown,
+    handleBlur
+  } = (0, _useMultilineEditKeyboard.useMultilineEditKeyboard)({
+    onCommit,
+    onCancel
+  });
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     width: "100%",
     height: "100%",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 37,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellJsonInput, {
@@ -66,7 +61,7 @@ const ArrayEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 38,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArrayEdit","value","onChange","onCommit","onCancel","inputRef","committedRef","useRef","inputAreaRef","useEffect","requestAnimationFrame","_inputAreaRef$current","current","calculateComputedRows","handleChange","useCallback","parsed","handleKeyDown","key","preventDefault","handleBlur","createElement","Box","width","height","__self","__source","fileName","lineNumber","columnNumber","CellJsonInput","ref","instance","size","onKeyDown","onBlur","autoSelect","autoGrow","minRowsAutoGrow","className","classes","jsonInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/array/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport type { InputArea } from '@wix/design-system';\nimport { Box } from '@wix/design-system';\nimport { CellJsonInput } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const ArrayEdit: React.FC<CellEditProps<unknown[]>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const committedRef = useRef(false);\n  const inputAreaRef = useRef<InputArea | null>(null);\n\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      inputAreaRef.current?.calculateComputedRows();\n    });\n  }, []);\n\n  const handleChange = useCallback(\n    (parsed?: any) => {\n      onChange(parsed as unknown[]);\n    },\n    [onChange],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        committedRef.current = true;\n        onCancel();\n      }\n    },\n    [onCancel],\n  );\n\n  const handleBlur = useCallback(() => {\n    if (!committedRef.current) {\n      onCommit();\n    }\n  }, [onCommit]);\n\n  return (\n    <Box width=\"100%\" height=\"100%\">\n      <CellJsonInput\n        ref={(instance: any) => {\n          inputAreaRef.current = instance;\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        size=\"small\"\n        value={value}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        autoSelect={false}\n        autoGrow\n        minRowsAutoGrow={1}\n        className={classes.jsonInput}\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_useMultilineEditKeyboard","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArrayEdit","value","onChange","onCommit","onCancel","inputRef","inputAreaRef","useRef","useEffect","requestAnimationFrame","_inputAreaRef$current","current","calculateComputedRows","handleChange","useCallback","parsed","handleKeyDown","handleBlur","useMultilineEditKeyboard","createElement","Box","width","height","__self","__source","fileName","lineNumber","columnNumber","CellJsonInput","ref","instance","size","onKeyDown","onBlur","autoSelect","autoGrow","minRowsAutoGrow","className","classes","jsonInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/array/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport type { InputArea } from '@wix/design-system';\nimport { Box } from '@wix/design-system';\nimport { CellJsonInput } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { useMultilineEditKeyboard } from '../useMultilineEditKeyboard';\nimport { classes } from './Edit.st.css.js';\n\nexport const ArrayEdit: React.FC<CellEditProps<unknown[]>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const inputAreaRef = useRef<InputArea | null>(null);\n\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      inputAreaRef.current?.calculateComputedRows();\n    });\n  }, []);\n\n  const handleChange = useCallback(\n    (parsed?: any) => {\n      onChange(parsed as unknown[]);\n    },\n    [onChange],\n  );\n\n  const { handleKeyDown, handleBlur } = useMultilineEditKeyboard({\n    onCommit,\n    onCancel,\n  });\n\n  return (\n    <Box width=\"100%\" height=\"100%\">\n      <CellJsonInput\n        ref={(instance: any) => {\n          inputAreaRef.current = instance;\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        size=\"small\"\n        value={value}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        autoSelect={false}\n        autoGrow\n        minRowsAutoGrow={1}\n        className={classes.jsonInput}\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/array/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_ = "Edit3557897221";
+var _namespace_ = "Edit1226354150";
 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": "Edit3557897221__root",
-  "jsonInput": "Edit3557897221__jsonInput"
+  "root": "Edit1226354150__root",
+  "jsonInput": "Edit1226354150__jsonInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/array/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/array/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3557897221\";\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\":\"Edit3557897221__root\",\"jsonInput\":\"Edit3557897221__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/array/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1226354150\";\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\":\"Edit1226354150__root\",\"jsonInput\":\"Edit1226354150__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":[]}

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

@@ -11,7 +11,8 @@ const BooleanEdit = ({
   value,
   onChange,
   onCommit,
-  onCancel
+  onCancel,
+  inputRef
 }) => {
   const handleChange = (0, _react.useCallback)(checked => {
     onChange(checked);
@@ -35,10 +36,15 @@ const BooleanEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 41,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellCheckbox, {
+    ref: instance => {
+      if (inputRef) {
+        inputRef.current = instance;
+      }
+    },
     dataHook: "boolean-checkbox",
     checked: !!value,
     onChange: handleChange,
@@ -46,7 +52,7 @@ const BooleanEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 46,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BooleanEdit","value","onChange","onCommit","onCancel","handleChange","useCallback","checked","stopClickPropagation","stopPropagation","handleKeyDown","key","preventDefault","createElement","onKeyDown","onClick","className","classes","booleanEdit","__self","__source","fileName","lineNumber","columnNumber","CellCheckbox","dataHook","size","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { CellCheckbox } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const BooleanEdit: React.FC<CellEditProps<boolean>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n}) => {\n  const handleChange = useCallback(\n    (checked: boolean) => {\n      onChange(checked);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const stopClickPropagation = useCallback(\n    (e: React.MouseEvent) => e.stopPropagation(),\n    [],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onChange(!value);\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [value, onChange, onCommit, onCancel],\n  );\n\n  return (\n    <div\n      onKeyDown={handleKeyDown}\n      onClick={stopClickPropagation}\n      className={classes.booleanEdit}\n    >\n      <CellCheckbox\n        dataHook=\"boolean-checkbox\"\n        checked={!!value}\n        onChange={handleChange}\n        size=\"small\"\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BooleanEdit","value","onChange","onCommit","onCancel","inputRef","handleChange","useCallback","checked","stopClickPropagation","stopPropagation","handleKeyDown","key","preventDefault","createElement","onKeyDown","onClick","className","classes","booleanEdit","__self","__source","fileName","lineNumber","columnNumber","CellCheckbox","ref","instance","current","dataHook","size","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { CellCheckbox } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const BooleanEdit: React.FC<CellEditProps<boolean>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const handleChange = useCallback(\n    (checked: boolean) => {\n      onChange(checked);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const stopClickPropagation = useCallback(\n    (e: React.MouseEvent) => e.stopPropagation(),\n    [],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onChange(!value);\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [value, onChange, onCommit, onCancel],\n  );\n\n  return (\n    <div\n      onKeyDown={handleKeyDown}\n      onClick={stopClickPropagation}\n      className={classes.booleanEdit}\n    >\n      <CellCheckbox\n        ref={(instance) => {\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        dataHook=\"boolean-checkbox\"\n        checked={!!value}\n        onChange={handleChange}\n        size=\"small\"\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/boolean/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_ = "Edit1122436048";
+var _namespace_ = "Edit3486629839";
 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": "Edit1122436048__root",
-  "booleanEdit": "Edit1122436048__booleanEdit"
+  "root": "Edit3486629839__root",
+  "booleanEdit": "Edit3486629839__booleanEdit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/boolean/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/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1122436048\";\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\":\"Edit1122436048__root\",\"booleanEdit\":\"Edit1122436048__booleanEdit\"};\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/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3486629839\";\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\":\"Edit3486629839__root\",\"booleanEdit\":\"Edit3486629839__booleanEdit\"};\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/boolean/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_ = "View1497652369";
+var _namespace_ = "View1045276149";
 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": "View1497652369__root",
-  "booleanView": "View1497652369__booleanView"
+  "root": "View1045276149__root",
+  "booleanView": "View1045276149__booleanView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/boolean/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/boolean/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1497652369\";\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\":\"View1497652369__root\",\"booleanView\":\"View1497652369__booleanView\"};\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/boolean/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1045276149\";\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\":\"View1045276149__root\",\"booleanView\":\"View1045276149__booleanView\"};\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":[]}