@wix/patterns 1.483.0 → 1.485.0

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

@@ -6,6 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _EditableCellStCss = require("./EditableCell.st.css.js");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _useCellFocusAndEditing = require("./useCellFocusAndEditing");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableCell.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); }
@@ -20,6 +21,7 @@ function _EditableCell({
     cellInteraction,
     clipboard
   } = state;
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const cellRef = (0, _react.useRef)(null);
   const editInputRef = (0, _react.useRef)();
   const column = state._columnMap.get(columnId);
@@ -148,7 +150,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 166,
+      lineNumber: 168,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
@@ -161,7 +163,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 184,
+      lineNumber: 186,
       columnNumber: 5
     }
   });
@@ -172,6 +174,7 @@ function _EditableCell({
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     ref: cellRef,
     className: (0, _EditableCellStCss.st)(_EditableCellStCss.classes.root, {
+      harmony: isBmHarmonyTheme,
       editing: isEditing,
       focused: isFocused,
       rowActive: isRowActive,
@@ -204,7 +207,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 200,
+      lineNumber: 202,
       columnNumber: 7
     }
   }, EditWrapper ? /*#__PURE__*/_react.default.createElement(EditWrapper, {
@@ -214,7 +217,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 234,
+      lineNumber: 237,
       columnNumber: 11
     }
   }, cellContent) : cellContent), showErrorMessage && /*#__PURE__*/_react.default.createElement("div", {
@@ -225,7 +228,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 246,
+      lineNumber: 249,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -234,7 +237,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 252,
+      lineNumber: 255,
       columnNumber: 11
     }
   }, (_cellValidation$error = cellValidation.errors) == null ? void 0 : _cellValidation$error.join(', '))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","saveRow","mutation","isLocalNewRow","cellValue","flushRow","handleChange","newValue","toggleValue","toggleCell","startEdit","setEditingValue","pressedOtherCellRef","useEffect","handlePointerDown","_e$target","pressedCell","target","closest","current","clearPress","document","addEventListener","removeEventListener","handleCommit","wasEditing","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","updateItemDisabled","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  onFocus,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const isRangeSelection = cellInteraction.isRangeSelection;\n  const isRowActive = cellInteraction.isRowActive(rowKey);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Local new rows still create when focus leaves them, so a half-filled row\n  // is not created.\n  const saveRow = useCallback(() => {\n    if (!state.mutation.isLocalNewRow(rowKey)) {\n      state.cellValue.flushRow(rowKey);\n    }\n  }, [state, rowKey]);\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      // A checkbox click is a toggle, same as Enter on the cell. Starting an\n      // edit here would report that click as Enter. In edit mode (keyboard)\n      // the new value goes through editingValue, so commitEdit reports it once.\n      if (resolved?.toggleValue && !cellInteraction.isEditing) {\n        state.cellValue.toggleCell(rowKey, columnId);\n        saveRow();\n        return;\n      }\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [resolved, state, cellInteraction, rowKey, columnId, saveRow],\n  );\n\n  // A mouse press on another cell blurs this editor, which commits, before the\n  // click moves focus. That commit only buffers the value; the row saves when\n  // focus leaves it, same as Tab. The flag clears on click, not pointerup:\n  // on touch, the blur comes after pointerup.\n  const pressedOtherCellRef = useRef(false);\n  useEffect(() => {\n    if (!isEditing) {\n      return;\n    }\n    const handlePointerDown = (e: PointerEvent) => {\n      const pressedCell = (e.target as Element | null)?.closest?.(\n        '[role=\"gridcell\"]',\n      );\n      pressedOtherCellRef.current =\n        !!pressedCell && pressedCell !== cellRef.current;\n    };\n    // A key press clears it too, so a press that never became a click\n    // cannot stop the next Enter from saving.\n    const clearPress = () => {\n      pressedOtherCellRef.current = false;\n    };\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    document.addEventListener('click', clearPress, true);\n    document.addEventListener('keydown', clearPress, true);\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true);\n      document.removeEventListener('click', clearPress, true);\n      document.removeEventListener('keydown', clearPress, true);\n      pressedOtherCellRef.current = false;\n    };\n  }, [isEditing]);\n\n  // An editor commits on Enter or when the user picks a value — save the row\n  // now. Focus moves commit through the framework, so this cell is no longer\n  // editing by then and the row saves when focus leaves it.\n  const handleCommit = useCallback(() => {\n    const wasEditing = cellInteraction.isCellEditing(rowKey, columnId);\n    cellInteraction.commitEdit();\n    if (wasEditing && !pressedOtherCellRef.current) {\n      saveRow();\n    }\n  }, [cellInteraction, rowKey, columnId, saveRow]);\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        isEditable &&\n        !state.updateItemDisabled &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n      isEditable={isEditable}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <>\n      <div\n        ref={cellRef}\n        className={st(classes.root, {\n          editing: isEditing,\n          focused: isFocused,\n          rowActive: isRowActive,\n          rangeSelected: isSelected && isRangeSelection,\n          invalid: !cellValidation.valid,\n          readOnly: !isEditable,\n          showEditWhenFocused: !!resolved.showEditWhenFocused,\n          growable: !!resolved.growable,\n          selectionTop: isRangeSelection && selectionBorder.top,\n          selectionBottom: isRangeSelection && selectionBorder.bottom,\n          selectionLeft: isRangeSelection && selectionBorder.left,\n          selectionRight: isRangeSelection && selectionBorder.right,\n          copiedTop: copiedBorder.top,\n          copiedBottom: copiedBorder.bottom,\n          copiedLeft: copiedBorder.left,\n          copiedRight: copiedBorder.right,\n        })}\n        onClick={handleClick}\n        onDoubleClick={handleDoubleClick}\n        onFocus={onFocus}\n        onKeyDown={cellKeyboard.onKeyDown}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        aria-readonly={!isEditable}\n        aria-invalid={!cellValidation.valid || undefined}\n        tabIndex={isFocused ? 0 : -1}\n        data-row-key={rowKey}\n        data-column-id={columnId}\n        data-editing={isEditing || undefined}\n      >\n        {EditWrapper ? (\n          <EditWrapper\n            typeConfig={column.typeConfig}\n            columnId={columnId}\n            rowKey={rowKey}\n          >\n            {cellContent}\n          </EditWrapper>\n        ) : (\n          cellContent\n        )}\n      </div>\n      {showErrorMessage && (\n        <div\n          className={classes.errorMessage}\n          data-hook=\"cell-error-message\"\n          data-row-key={rowKey}\n          data-column-id={columnId}\n        >\n          <Text size=\"small\" skin=\"error\">\n            {cellValidation.errors?.join(', ')}\n          </Text>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useBmHarmonyTheme","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","isBmHarmonyTheme","useBmHarmonyTheme","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","saveRow","mutation","isLocalNewRow","cellValue","flushRow","handleChange","newValue","toggleValue","toggleCell","startEdit","setEditingValue","pressedOtherCellRef","useEffect","handlePointerDown","_e$target","pressedCell","target","closest","current","clearPress","document","addEventListener","removeEventListener","handleCommit","wasEditing","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","updateItemDisabled","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","harmony","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  onFocus,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const isRangeSelection = cellInteraction.isRangeSelection;\n  const isRowActive = cellInteraction.isRowActive(rowKey);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Local new rows still create when focus leaves them, so a half-filled row\n  // is not created.\n  const saveRow = useCallback(() => {\n    if (!state.mutation.isLocalNewRow(rowKey)) {\n      state.cellValue.flushRow(rowKey);\n    }\n  }, [state, rowKey]);\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      // A checkbox click is a toggle, same as Enter on the cell. Starting an\n      // edit here would report that click as Enter. In edit mode (keyboard)\n      // the new value goes through editingValue, so commitEdit reports it once.\n      if (resolved?.toggleValue && !cellInteraction.isEditing) {\n        state.cellValue.toggleCell(rowKey, columnId);\n        saveRow();\n        return;\n      }\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [resolved, state, cellInteraction, rowKey, columnId, saveRow],\n  );\n\n  // A mouse press on another cell blurs this editor, which commits, before the\n  // click moves focus. That commit only buffers the value; the row saves when\n  // focus leaves it, same as Tab. The flag clears on click, not pointerup:\n  // on touch, the blur comes after pointerup.\n  const pressedOtherCellRef = useRef(false);\n  useEffect(() => {\n    if (!isEditing) {\n      return;\n    }\n    const handlePointerDown = (e: PointerEvent) => {\n      const pressedCell = (e.target as Element | null)?.closest?.(\n        '[role=\"gridcell\"]',\n      );\n      pressedOtherCellRef.current =\n        !!pressedCell && pressedCell !== cellRef.current;\n    };\n    // A key press clears it too, so a press that never became a click\n    // cannot stop the next Enter from saving.\n    const clearPress = () => {\n      pressedOtherCellRef.current = false;\n    };\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    document.addEventListener('click', clearPress, true);\n    document.addEventListener('keydown', clearPress, true);\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true);\n      document.removeEventListener('click', clearPress, true);\n      document.removeEventListener('keydown', clearPress, true);\n      pressedOtherCellRef.current = false;\n    };\n  }, [isEditing]);\n\n  // An editor commits on Enter or when the user picks a value — save the row\n  // now. Focus moves commit through the framework, so this cell is no longer\n  // editing by then and the row saves when focus leaves it.\n  const handleCommit = useCallback(() => {\n    const wasEditing = cellInteraction.isCellEditing(rowKey, columnId);\n    cellInteraction.commitEdit();\n    if (wasEditing && !pressedOtherCellRef.current) {\n      saveRow();\n    }\n  }, [cellInteraction, rowKey, columnId, saveRow]);\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        isEditable &&\n        !state.updateItemDisabled &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n      isEditable={isEditable}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <>\n      <div\n        ref={cellRef}\n        className={st(classes.root, {\n          harmony: isBmHarmonyTheme,\n          editing: isEditing,\n          focused: isFocused,\n          rowActive: isRowActive,\n          rangeSelected: isSelected && isRangeSelection,\n          invalid: !cellValidation.valid,\n          readOnly: !isEditable,\n          showEditWhenFocused: !!resolved.showEditWhenFocused,\n          growable: !!resolved.growable,\n          selectionTop: isRangeSelection && selectionBorder.top,\n          selectionBottom: isRangeSelection && selectionBorder.bottom,\n          selectionLeft: isRangeSelection && selectionBorder.left,\n          selectionRight: isRangeSelection && selectionBorder.right,\n          copiedTop: copiedBorder.top,\n          copiedBottom: copiedBorder.bottom,\n          copiedLeft: copiedBorder.left,\n          copiedRight: copiedBorder.right,\n        })}\n        onClick={handleClick}\n        onDoubleClick={handleDoubleClick}\n        onFocus={onFocus}\n        onKeyDown={cellKeyboard.onKeyDown}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        aria-readonly={!isEditable}\n        aria-invalid={!cellValidation.valid || undefined}\n        tabIndex={isFocused ? 0 : -1}\n        data-row-key={rowKey}\n        data-column-id={columnId}\n        data-editing={isEditing || undefined}\n      >\n        {EditWrapper ? (\n          <EditWrapper\n            typeConfig={column.typeConfig}\n            columnId={columnId}\n            rowKey={rowKey}\n          >\n            {cellContent}\n          </EditWrapper>\n        ) : (\n          cellContent\n        )}\n      </div>\n      {showErrorMessage && (\n        <div\n          className={classes.errorMessage}\n          data-hook=\"cell-error-message\"\n          data-row-key={rowKey}\n          data-column-id={columnId}\n        >\n          <Text size=\"small\" skin=\"error\">\n            {cellValidation.errors?.join(', ')}\n          </Text>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableCell.st.css

@@ -20,12 +20,49 @@
 @property st-global(--wds-color-black-700);
 @property st-global(--wsr-color-D10-30);
 @property st-global(--wsr-color-D70);
+@property st-global(--wds-input-value-font-size-small);
+@property st-global(--wds-input-value-font-line-height-small);
+@property st-global(--wds-font-size-body-small);
+@property st-global(--wds-font-line-height-body-small);
+@property st-global(--wsr-text-font-size-small);
+@property st-global(--wsr-text-line-height-small);
+@property st-global(--wds-input-padding-horizontal-small);
 
 :global(td):has(> .root) {
   position: relative;
   overflow: visible;
 }
 
+:global(td):has(> .root:harmony) {
+  overflow: hidden;
+  background: var(
+    --wds-color-fill-surface-raised,
+    var(--wsr-color-D80, #ffffff)
+  );
+}
+
+:global(td):has(> .root:harmony:rangeSelected),
+:global(td):has(> .root:harmony:hover),
+:global(td):has(> .root:harmony:invalid),
+:global(td):has(> .root:harmony:focused),
+:global(td):has(> .root:harmony:editing),
+:global(td):has(> .root:harmony [data-inner-focused]) {
+  overflow: visible;
+}
+
+:global(td):has(> .root:harmony:focused),
+:global(td):has(> .root:harmony:editing),
+:global(td):has(> .root:harmony [data-inner-focused]) {
+  z-index: 4;
+}
+
+:global(tr):has(.root:harmony:focused),
+:global(tr):has(.root:harmony:editing),
+:global(tr):has(.root:harmony [data-inner-focused]) {
+  position: relative;
+  z-index: 4;
+}
+
 /* WDS DataTable sets the row height through td padding (rowVerticalPadding),
    which adds to the cell height instead of containing it. Zero it on the whole
    row — the checkbox and row-number cells keep the row tall otherwise. */
@@ -36,7 +73,7 @@
 }
 
 .root {
-  -st-states: editing, focused, rowActive, rangeSelected, invalid, readOnly,
+  -st-states: harmony, editing, focused, rowActive, rangeSelected, invalid, readOnly,
     showEditWhenFocused, growable, selectionTop, selectionBottom, selectionLeft,
     selectionRight, copiedTop, copiedBottom, copiedLeft, copiedRight;
   display: flex;
@@ -62,12 +99,40 @@
     var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb));
 }
 
+.root:harmony {
+  left: 0;
+  --wds-input-value-font-size-small: var(
+    --wds-font-size-body-small,
+    var(--wsr-text-font-size-small, 14px)
+  );
+  --wds-input-value-font-line-height-small: var(
+    --wds-font-line-height-body-small,
+    var(--wsr-text-line-height-small, 18px)
+  );
+  --wds-input-padding-horizontal-small: 8px;
+}
+
+:global(td):has(> .root:harmony) ~ :global(td):has(> .root:harmony) > .root:harmony {
+  left: -1px;
+}
+
 /* The sticky header paints over the pixel the first row borrows above itself,
    which would swallow that row's top border. */
 :global(tr:first-child) > :global(td) > .root {
   top: 0;
 }
 
+:global(tr[data-index='index-0']) > :global(td) > .root:harmony {
+  top: 0;
+}
+
+:global(tr:first-child) > :global(td)
+  > .root:harmony:not(:focused):not(:editing):not(:invalid):not(:rowActive):not(:rangeSelected):not(:selectionTop):not(:copiedTop):not(:has([data-inner-focused])),
+:global(tr[data-index='index-0']) > :global(td)
+  > .root:harmony:not(:focused):not(:editing):not(:invalid):not(:rowActive):not(:rangeSelected):not(:selectionTop):not(:copiedTop):not(:has([data-inner-focused])) {
+  border-top-color: transparent;
+}
+
 /* A multi-cell range keeps the range look, so every single-cell state below
    opts out of it. */
 .root:hover:not(:rowActive):not(:rangeSelected) {
@@ -88,6 +153,10 @@
   box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
 }
 
+.root:harmony:rowActive:hover:not(:focused):not(:rangeSelected):not(:readOnly) {
+  z-index: 2;
+}
+
 /* WDS <Text> sets its own colour, so the token it reads has to be overridden;
    color: then carries the same value to the datetime view's raw spans, which
    set none. */
@@ -122,6 +191,10 @@
   z-index: 2;
 }
 
+.root:harmony:focused:not(:rangeSelected) {
+  z-index: 4;
+}
+
 .root:editing {
   z-index: 3;
   user-select: auto;
@@ -133,6 +206,10 @@
   );
 }
 
+.root:harmony:editing {
+  z-index: 4;
+}
+
 /* showEditWhenFocused cells (e.g. image) stay within their row bounds when
    editing — the EditComponent is always visible so no height expansion is needed. */
 .root:editing:not(:showEditWhenFocused) {
@@ -149,6 +226,10 @@
   z-index: 3;
 }
 
+.root:harmony:focused:growable {
+  z-index: 4;
+}
+
 /* showEditWhenFocused cells: when a button inside has focus (inner focus),
    show the focus border and allow button focus rings to render unclipped.
    isEditing is false here, so we use data-inner-focused set by the EditComponent. */
@@ -162,6 +243,10 @@
   box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
 }
 
+.root:harmony:has([data-inner-focused]) {
+  z-index: 4;
+}
+
 .root:rangeSelected {
   background: rgba(56, 153, 236, 0.08);
 }
@@ -204,6 +289,10 @@
   z-index: 1;
 }
 
+.root:harmony:invalid:not(:focused):not(:editing) {
+  z-index: 3;
+}
+
 .errorMessage {
   position: absolute;
   top: calc(100% + 4px);

package/dist/cjs/components/EditableTable/EditableCell.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_ = "EditableCell3309682090";
+var _namespace_ = "EditableCell3628418493";
 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": "EditableCell3309682090__root",
-  "errorMessage": "EditableCell3309682090__errorMessage"
+  "root": "EditableCell3628418493__root",
+  "errorMessage": "EditableCell3628418493__errorMessage"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -41,6 +41,13 @@ var vars = exports.vars = {
   "wds-color-text-disabled": "--wds-color-text-disabled",
   "wds-color-black-700": "--wds-color-black-700",
   "wsr-color-D10-30": "--wsr-color-D10-30",
-  "wsr-color-D70": "--wsr-color-D70"
+  "wsr-color-D70": "--wsr-color-D70",
+  "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",
+  "wsr-text-font-size-small": "--wsr-text-font-size-small",
+  "wsr-text-line-height-small": "--wsr-text-line-height-small",
+  "wds-input-padding-horizontal-small": "--wds-input-padding-horizontal-small"
 };
 //# sourceMappingURL=EditableCell.st.css.js.map

package/dist/cjs/components/EditableTable/EditableCell.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/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell3309682090\";\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\":\"EditableCell3309682090__root\",\"errorMessage\":\"EditableCell3309682090__errorMessage\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-popover-fill\":\"--wds-popover-fill\",\"wds-popover-border-radius\":\"--wds-popover-border-radius\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,cAAc,EAAC;AAAsC,CAAC;AAC3G,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,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC;AAAiB,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/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell3628418493\";\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\":\"EditableCell3628418493__root\",\"errorMessage\":\"EditableCell3628418493__errorMessage\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-popover-fill\":\"--wds-popover-fill\",\"wds-popover-border-radius\":\"--wds-popover-border-radius\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\",\"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\",\"wsr-text-font-size-small\":\"--wsr-text-font-size-small\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\",\"wds-input-padding-horizontal-small\":\"--wds-input-padding-horizontal-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,cAAc,EAAC;AAAsC,CAAC;AAC3G,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,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,oCAAoC,EAAC;AAAsC,CAAC","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_ = "HeaderActionsPopover338227680";
+var _namespace_ = "HeaderActionsPopover1372624413";
 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": "HeaderActionsPopover338227680__root"
+  "root": "HeaderActionsPopover1372624413__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_ = \"HeaderActionsPopover338227680\";\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\":\"HeaderActionsPopover338227680__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover1372624413\";\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\":\"HeaderActionsPopover1372624413__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/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_ = "CellViewLayout3647193528";
+var _namespace_ = "CellViewLayout481048214";
 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": "CellViewLayout3647193528__root"
+  "root": "CellViewLayout481048214__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_ = \"CellViewLayout3647193528\";\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\":\"CellViewLayout3647193528__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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_ = \"CellViewLayout481048214\";\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\":\"CellViewLayout481048214__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/JsonInputEdit.st.css

@@ -0,0 +1,25 @@
+@property st-global(--wds-border-radius-0);
+@property st-global(--wds-input-area-padding-left-small);
+@property st-global(--wds-input-area-padding-right-small);
+@property st-global(--wds-input-area-border-radius-default-medium);
+@property st-global(--wds-input-border-color);
+@property st-global(--wds-input-background-fill-default);
+@property st-global(--wds-input-background-fill-hover);
+@property st-global(--wds-shadow-fill-input);
+@property st-global(--wds-color-border-standard-secondary-active);
+
+/* Shared by the array and object cell editors — both render CellJsonInput.
+   Strip the InputArea chrome so the editor fills the cell like the other
+   cell types: no border, no radius, no focus ring, no background. */
+.jsonInput {
+  width: 100%;
+  height: 100%;
+  --wds-input-area-padding-left-small: 8px;
+  --wds-input-area-padding-right-small: 8px;
+  --wds-input-area-border-radius-default-medium: var(--wds-border-radius-0, 0px);
+  --wds-input-border-color: transparent;
+  --wds-input-background-fill-default: transparent;
+  --wds-input-background-fill-hover: transparent;
+  --wds-shadow-fill-input: transparent;
+  --wds-color-border-standard-secondary-active: transparent;
+}

package/dist/cjs/components/EditableTable/cellTypes/JsonInputEdit.st.css.js

@@ -0,0 +1,33 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "JsonInputEdit1882126219";
+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": "JsonInputEdit1882126219__root",
+  "jsonInput": "JsonInputEdit1882126219__jsonInput"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-border-radius-0": "--wds-border-radius-0",
+  "wds-input-area-padding-left-small": "--wds-input-area-padding-left-small",
+  "wds-input-area-padding-right-small": "--wds-input-area-padding-right-small",
+  "wds-input-area-border-radius-default-medium": "--wds-input-area-border-radius-default-medium",
+  "wds-input-border-color": "--wds-input-border-color",
+  "wds-input-background-fill-default": "--wds-input-background-fill-default",
+  "wds-input-background-fill-hover": "--wds-input-background-fill-hover",
+  "wds-shadow-fill-input": "--wds-shadow-fill-input",
+  "wds-color-border-standard-secondary-active": "--wds-color-border-standard-secondary-active"
+};
+//# sourceMappingURL=JsonInputEdit.st.css.js.map

package/dist/cjs/components/EditableTable/cellTypes/JsonInputEdit.st.css.js.map

@@ -0,0 +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/JsonInputEdit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"JsonInputEdit1882126219\";\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\":\"JsonInputEdit1882126219__root\",\"jsonInput\":\"JsonInputEdit1882126219__jsonInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-border-radius-0\":\"--wds-border-radius-0\",\"wds-input-area-padding-left-small\":\"--wds-input-area-padding-left-small\",\"wds-input-area-padding-right-small\":\"--wds-input-area-padding-right-small\",\"wds-input-area-border-radius-default-medium\":\"--wds-input-area-border-radius-default-medium\",\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\",\"wds-input-background-fill-hover\":\"--wds-input-background-fill-hover\",\"wds-shadow-fill-input\":\"--wds-shadow-fill-input\",\"wds-color-border-standard-secondary-active\":\"--wds-color-border-standard-secondary-active\"}; \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,+BAA+B;EAAC,WAAW,EAAC;AAAoC,CAAC;AACvG,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,qBAAqB,EAAC,uBAAuB;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,6CAA6C,EAAC,+CAA+C;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,4CAA4C,EAAC;AAA8C,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/address/Edit.st.css

@@ -4,8 +4,6 @@
   display: flex;
   align-items: center;
   box-sizing: border-box;
-  padding-left: 8px;
-  padding-right: 8px;
   min-width: 0;
   overflow: hidden;
 }

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_ = "Edit2465882765";
+var _namespace_ = "Edit3793023793";
 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": "Edit2465882765__root",
-  "addressInput": "Edit2465882765__addressInput"
+  "root": "Edit3793023793__root",
+  "addressInput": "Edit3793023793__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_ = \"Edit2465882765\";\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\":\"Edit2465882765__root\",\"addressInput\":\"Edit2465882765__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_ = \"Edit3793023793\";\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\":\"Edit3793023793__root\",\"addressInput\":\"Edit3793023793__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":[]}

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

@@ -6,7 +6,7 @@ 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 _JsonInputEditStCss = require("../JsonInputEdit.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); }
 const ArrayEdit = ({
@@ -57,7 +57,7 @@ const ArrayEdit = ({
     autoSelect: false,
     autoGrow: true,
     minRowsAutoGrow: 1,
-    className: _EditStCss.classes.jsonInput,
+    className: _JsonInputEditStCss.classes.jsonInput,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_useMultilineEditKeyboard","_JsonInputEditStCss","_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 '../JsonInputEdit.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":[]}