@wix/patterns 1.433.0 → 1.434.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_lazy","_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","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showValidationIndicator","valid","showEdit","updateItemDisabled","toggleValue","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","ref","className","st","classes","root","editing","focused","selected","invalid","typeToEdit","onTypeToEdit","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Tooltip } from '@wix/design-system';\nimport { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common/lazy';\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}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\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 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  // 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      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [cellInteraction, rowKey, columnId],\n  );\n\n  const handleCommit = useCallback(\n    () => cellInteraction.commitEdit(),\n    [cellInteraction],\n  );\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 showValidationIndicator = !cellValidation.valid && !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    />\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    <div\n      ref={cellRef}\n      className={st(classes.root, {\n        editing: isEditing,\n        focused: isFocused,\n        selected: isSelected,\n        invalid: !cellValidation.valid,\n        typeToEdit: !!resolved.onTypeToEdit,\n        showEditWhenFocused: !!resolved.showEditWhenFocused,\n        growable: !!resolved.growable,\n        selectionTop: selectionBorder.top,\n        selectionBottom: selectionBorder.bottom,\n        selectionLeft: selectionBorder.left,\n        selectionRight: 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      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      {showValidationIndicator && (\n        <Tooltip content={cellValidation.errors?.join(', ')} appendTo=\"window\">\n          <span data-hook=\"validation-indicator\">\n            <StatusWarningFilledSmall className={classes.validationIndicator} />\n          </span>\n        </Tooltip>\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  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_lazy","_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","_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","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showValidationIndicator","valid","showEdit","updateItemDisabled","toggleValue","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","ref","className","st","classes","root","editing","focused","rowActive","rangeSelected","invalid","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Tooltip } from '@wix/design-system';\nimport { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common/lazy';\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}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\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  // 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      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [cellInteraction, rowKey, columnId],\n  );\n\n  const handleCommit = useCallback(\n    () => cellInteraction.commitEdit(),\n    [cellInteraction],\n  );\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 showValidationIndicator = !cellValidation.valid && !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    />\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    <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        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      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      {showValidationIndicator && (\n        <Tooltip content={cellValidation.errors?.join(', ')} appendTo=\"window\">\n          <span data-hook=\"validation-indicator\">\n            <StatusWarningFilledSmall className={classes.validationIndicator} />\n          </span>\n        </Tooltip>\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  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,25 +1,41 @@
+@property st-global(--wds-color-fill-surface-raised);
+@property st-global(--wds-color-border-dark-secondary);
+@property st-global(--wds-color-black-750);
+@property st-global(--wds-input-border-color-hover);
+@property st-global(--wds-input-border-color-focus);
+@property st-global(--wds-border-width-default);
 @property st-global(--wsr-color-B10);
 @property st-global(--wsr-color-B40);
-@property st-global(--wsr-color-Y10);
+@property st-global(--wsr-color-D60);
 @property st-global(--wsr-color-D80);
+@property st-global(--wsr-color-Y10);
 
 :global(td):has(> .root) {
   position: relative;
   overflow: visible;
-  min-height: 24px;
+}
+
+/* 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. */
+:global(tr):has(.root) > :global(td) {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+  height: 36px;
 }
 
 .root {
-  -st-states: editing, focused, selected, invalid, typeToEdit, showEditWhenFocused,
-    growable,
-    selectionTop, selectionBottom, selectionLeft, selectionRight,
-    copiedTop, copiedBottom, copiedLeft, copiedRight;
+  -st-states: editing, focused, rowActive, rangeSelected, invalid,
+    showEditWhenFocused, growable, selectionTop, selectionBottom, selectionLeft,
+    selectionRight, copiedTop, copiedBottom, copiedLeft, copiedRight;
   display: flex;
   align-items: center;
   padding: 0;
   position: absolute;
-  top: 0;
-  left: 0;
+  /* Pull the top and left border onto the neighbouring cell's border so
+     gridlines stay 1px instead of doubling up. */
+  top: -1px;
+  left: -1px;
   right: 0;
   bottom: 0;
   overflow: hidden;
@@ -27,80 +43,126 @@
   outline: none;
   cursor: default;
   user-select: none;
-  background: var(--wsr-color-D80);
-  border: 1px solid var(--wsr-color-B40);
+  background: var(
+    --wds-color-fill-surface-raised,
+    var(--wsr-color-D80, #ffffff)
+  );
+  border: var(--wds-border-width-default, 1px) solid
+    var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb));
 }
 
-.root:selected {
-  background: rgba(56, 153, 236, 0.08);
+/* 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;
+}
+
+/* A multi-cell range keeps the range look, so every single-cell state below
+   opts out of it. */
+.root:hover:not(:rowActive):not(:rangeSelected) {
+  background: var(--wds-color-black-750, #f6f7f9);
 }
 
-.root:focused:not(:selected) {
-  box-shadow: inset 0 0 0 2px var(--wsr-color-B10);
+/* Every cell in the focused cell's row. */
+.root:rowActive:not(:rangeSelected) {
+  background: var(--wds-color-black-750, #f6f7f9);
+  box-shadow: inset 0 22px 18px -18px rgba(0, 6, 36, 0.1);
+}
+
+.root:rowActive:hover:not(:focused):not(:rangeSelected) {
+  border-color: var(
+    --wds-input-border-color-hover,
+    var(--wsr-color-B40, #d6e6fe)
+  );
+  box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
+}
+
+.root:focused:not(:rangeSelected) {
+  border-color: var(
+    --wds-input-border-color-focus,
+    var(--wsr-color-B10, #116dff)
+  );
+  box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
   z-index: 2;
 }
 
 .root:editing {
-  background: var(--wsr-color-D80);
-  box-shadow: inset 0 0 0 2px var(--wsr-color-B10);
   z-index: 3;
   user-select: auto;
   overflow: visible;
+  /* Opaque while typing, so an invalid cell's tint doesn't show behind the input. */
+  background: var(
+    --wds-color-fill-surface-raised,
+    var(--wsr-color-D80, #ffffff)
+  );
 }
 
 /* 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) {
   bottom: auto;
-  min-height: 100%;
+  min-height: calc(100% + 1px);
 }
 
 /* :growable showEditWhenFocused cells (e.g. multi-document) can wrap content
-   past row height. Release the bottom anchor and lay an opaque D80 base under
-   the :selected blue tint so the overflow area doesn't reveal adjacent rows.
-   z-index lifts the overflow above neighboring cells. */
+   past row height. Release the bottom anchor so the cell grows, and lift it
+   above neighboring cells. */
 .root:focused:growable {
-  background-color: var(--wsr-color-D80);
-  background-image: linear-gradient(rgba(56, 153, 236, 0.08), rgba(56, 153, 236, 0.08));
   bottom: auto;
-  min-height: 100%;
+  min-height: calc(100% + 1px);
   z-index: 3;
 }
 
 /* showEditWhenFocused cells: when a button inside has focus (inner focus),
-   show the editing ring and allow button focus rings to render unclipped.
+   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. */
 .root:has([data-inner-focused]) {
   overflow: visible;
   z-index: 3;
-  box-shadow: inset 0 0 0 2px var(--wsr-color-B10);
+  border-color: var(
+    --wds-input-border-color-focus,
+    var(--wsr-color-B10, #116dff)
+  );
+  box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
 }
 
-.root:selectionTop:not(:editing) { border-top: 2px solid var(--wsr-color-B10); }
-.root:selectionBottom:not(:editing) { border-bottom: 2px solid var(--wsr-color-B10); }
-.root:selectionLeft:not(:editing) { border-left: 2px solid var(--wsr-color-B10); }
-.root:selectionRight:not(:editing) { border-right: 2px solid var(--wsr-color-B10); }
+.root:rangeSelected {
+  background: rgba(56, 153, 236, 0.08);
+}
 
-/* Type-to-edit cells (text, number, url, email): the keystroke lands directly in
-   the input, so keeping the selection border alongside the editing shadow is
-   intentional — it communicates "this cell is selected and being typed into". */
-.root:selectionTop:editing:typeToEdit { border-top: 2px solid var(--wsr-color-B10); }
-.root:selectionBottom:editing:typeToEdit { border-bottom: 2px solid var(--wsr-color-B10); }
-.root:selectionLeft:editing:typeToEdit { border-left: 2px solid var(--wsr-color-B10); }
-.root:selectionRight:editing:typeToEdit { border-right: 2px solid var(--wsr-color-B10); }
+.root:selectionTop:not(:editing) {
+  border-top: 2px solid var(--wsr-color-B10);
+}
+.root:selectionBottom:not(:editing) {
+  border-bottom: 2px solid var(--wsr-color-B10);
+}
+.root:selectionLeft:not(:editing) {
+  border-left: 2px solid var(--wsr-color-B10);
+}
+.root:selectionRight:not(:editing) {
+  border-right: 2px solid var(--wsr-color-B10);
+}
 
 .root:invalid:not(:editing) {
   background: rgba(229, 0, 77, 0.06);
 }
 
-.root:copiedTop:not(:selectionTop) { border-top: 2px dashed var(--wsr-color-B10); }
-.root:copiedBottom:not(:selectionBottom) { border-bottom: 2px dashed var(--wsr-color-B10); }
-.root:copiedLeft:not(:selectionLeft) { border-left: 2px dashed var(--wsr-color-B10); }
-.root:copiedRight:not(:selectionRight) { border-right: 2px dashed var(--wsr-color-B10); }
+.root:copiedTop:not(:selectionTop) {
+  border-top: 2px dashed var(--wsr-color-B10);
+}
+.root:copiedBottom:not(:selectionBottom) {
+  border-bottom: 2px dashed var(--wsr-color-B10);
+}
+.root:copiedLeft:not(:selectionLeft) {
+  border-left: 2px dashed var(--wsr-color-B10);
+}
+.root:copiedRight:not(:selectionRight) {
+  border-right: 2px dashed var(--wsr-color-B10);
+}
 
 .validationIndicator {
   flex-shrink: 0;
-  margin-left: 12px;
+  margin-left: 8px;
   margin-right: 6px;
   color: var(--wsr-color-Y10);
 }

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

@@ -5,24 +5,31 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EditableCell2760915353";
+var _namespace_ = "EditableCell4238353398";
 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": "EditableCell2760915353__root",
-  "validationIndicator": "EditableCell2760915353__validationIndicator"
+  "root": "EditableCell4238353398__root",
+  "validationIndicator": "EditableCell4238353398__validationIndicator"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
 var vars = exports.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-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",
   "wsr-color-B10": "--wsr-color-B10",
   "wsr-color-B40": "--wsr-color-B40",
-  "wsr-color-Y10": "--wsr-color-Y10",
-  "wsr-color-D80": "--wsr-color-D80"
+  "wsr-color-D60": "--wsr-color-D60",
+  "wsr-color-D80": "--wsr-color-D80",
+  "wsr-color-Y10": "--wsr-color-Y10"
 };
 //# 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_ = \"EditableCell2760915353\";\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\":\"EditableCell2760915353__root\",\"validationIndicator\":\"EditableCell2760915353__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \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,qBAAqB,EAAC;AAA6C,CAAC;AACzH,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,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;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_ = \"EditableCell4238353398\";\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\":\"EditableCell4238353398__root\",\"validationIndicator\":\"EditableCell4238353398__validationIndicator\"};\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-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\",\"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-Y10\":\"--wsr-color-Y10\"}; \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,qBAAqB,EAAC;AAA6C,CAAC;AACzH,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,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -15,6 +15,10 @@ const DIVIDER_HEIGHT = 9;
 const PADDING = 16;
 const OFFSET_X = 4;
 const OFFSET_Y = 4;
+const CONTEXT_MENU_Z_INDEX = 5001;
+const SURFACE_BACKGROUND = 'var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #FFFFFF))';
+const SURFACE_BORDER_RADIUS = 'var(--wds-border-radius-surface-overlay, 8px)';
+const SURFACE_BOX_SHADOW = 'var(--wds-shadow-surface-overlay, var(--wsr-shadow30, 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12)))';
 
 // ListItemAction's built-in disabledDescription tooltip is hardcoded to open
 // above the item, where it covers neighboring menu items. Build the item
@@ -40,7 +44,7 @@ const buildMenuAction = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 52,
+        lineNumber: 58,
         columnNumber: 9
       }
     }, built.value(args)), /*#__PURE__*/_react.default.createElement("span", {
@@ -49,7 +53,7 @@ const buildMenuAction = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 60,
+        lineNumber: 66,
         columnNumber: 9
       }
     }, disabledDescription))
@@ -132,7 +136,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 180,
+            lineNumber: 186,
             columnNumber: 23
           }
         }),
@@ -145,7 +149,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 187,
+            lineNumber: 193,
             columnNumber: 23
           }
         }),
@@ -158,7 +162,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 194,
+            lineNumber: 200,
             columnNumber: 23
           }
         }),
@@ -178,7 +182,7 @@ function _EditableTableContextMenu({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 210,
+          lineNumber: 216,
           columnNumber: 21
         }
       }),
@@ -203,7 +207,7 @@ function _EditableTableContextMenu({
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 233,
+              lineNumber: 239,
               columnNumber: 25
             }
           }),
@@ -302,14 +306,18 @@ function _EditableTableContextMenu({
       position: 'fixed',
       left: x,
       top: y,
-      zIndex: 1000,
-      width: MENU_WIDTH
+      zIndex: CONTEXT_MENU_Z_INDEX,
+      width: MENU_WIDTH,
+      background: SURFACE_BACKGROUND,
+      borderRadius: SURFACE_BORDER_RADIUS,
+      boxShadow: SURFACE_BOX_SHADOW,
+      overflow: 'hidden'
     },
     onMouseDown: e => e.preventDefault(),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 363,
+      lineNumber: 369,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownLayout, {
@@ -323,7 +331,7 @@ function _EditableTableContextMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 374,
+      lineNumber: 384,
       columnNumber: 7
     }
   })), document.body);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDom","_mobxReactLite","_designSystem","_wixUiIconsCommon","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MENU_WIDTH","ITEM_HEIGHT","DIVIDER_HEIGHT","PADDING","OFFSET_X","OFFSET_Y","buildMenuAction","disabledDescription","params","built","listItemActionBuilder","disabled","descriptionId","id","value","args","createElement","Fragment","Tooltip","content","placement","enterDelay","__self","__source","fileName","lineNumber","columnNumber","hidden","_EditableTableContextMenu","state","position","cell","menuRef","onClose","cellInteraction","clipboard","collection","addItemDisabled","updateItemDisabled","removeItemDisabled","handleCopy","useCallback","tsv","copy","navigator","writeText","handleCut","cut","handlePaste","focusedCell","rawData","readText","paste","handleClear","clearCells","selectedCellsList","isRowSelectionMode","bulkSelect","selectedCount","selectedCells","length","selectedRowKeys","selectedIds","Set","map","c","rowKey","selectedRowCount","selectedCountOrTotal","hasMultipleRows","isMultiCellSelection","areSelectedCellsReadOnly","every","isColumnEditable","columnId","isPasteTargetReadOnly","options","isDeleteDisabledFor","rowKeys","isMultiDeleteDisabled","isRowDeleteDisabled","deleteDisabledReasonFor","multiDeleteDisabled","rowDeleteDisabledReason","addDisabledReason","undefined","updateDisabledReason","pushRowActions","targetKeys","push","title","prefixIcon","AddSmall","DuplicateSmall","deleteDisabled","DeleteSmall","skin","allSelectedItemsFetched","deleteKeys","targetRowKey","handleSelect","option","rowIdx","keyedItems","findIndex","ki","key","prevKey","addItem","duplicateItem","confirmDeleteItems","dividerCount","filter","itemCount","estimatedHeight","x","window","innerWidth","y","innerHeight","Math","max","createPortal","ref","style","left","top","zIndex","width","onMouseDown","preventDefault","DropdownLayout","dataHook","visible","inContainer","onSelect","maxHeightPixels","document","body","EditableTableContextMenu","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTableContextMenu.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport {\n  DropdownLayout,\n  Tooltip,\n  listItemActionBuilder,\n} from '@wix/design-system';\nimport {\n  DeleteSmall,\n  AddSmall,\n  DuplicateSmall,\n} from '@wix/wix-ui-icons-common';\nimport type { EditableTableState, Cell } from '../../state/EditableTable';\n\ntype ListItemActionBuilderParams = Parameters<typeof listItemActionBuilder>[0];\n\nexport interface EditableTableContextMenuProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  position: { x: number; y: number } | null;\n  cell: Cell | null;\n  menuRef: React.Ref<HTMLDivElement>;\n  onClose: () => void;\n}\n\nconst MENU_WIDTH = 230;\nconst ITEM_HEIGHT = 36;\nconst DIVIDER_HEIGHT = 9;\nconst PADDING = 16;\nconst OFFSET_X = 4;\nconst OFFSET_Y = 4;\n\n// ListItemAction's built-in disabledDescription tooltip is hardcoded to open\n// above the item, where it covers neighboring menu items. Build the item\n// without it and attach our own tooltip to the side instead. The hidden span\n// mirrors what ListItemAction renders for disabledDescription, keeping the\n// description reachable by screen readers and testkits.\nconst buildMenuAction = ({\n  disabledDescription,\n  ...params\n}: ListItemActionBuilderParams) => {\n  const built = listItemActionBuilder(params);\n  if (!params.disabled || !disabledDescription) {\n    return built;\n  }\n  const descriptionId = `editable-table-context-menu-${params.id}-disabled-description`;\n  return {\n    ...built,\n    value: (args: { hovered: boolean }) => (\n      <>\n        <Tooltip\n          content={disabledDescription}\n          placement=\"right\"\n          enterDelay={450}\n          aria-describedby={descriptionId}\n        >\n          {built.value(args)}\n        </Tooltip>\n        <span id={descriptionId} hidden>\n          {disabledDescription}\n        </span>\n      </>\n    ),\n  };\n};\n\nfunction _EditableTableContextMenu<T, F extends FiltersMap>({\n  state,\n  position,\n  cell,\n  menuRef,\n  onClose,\n}: EditableTableContextMenuProps<T, F>) {\n  const {\n    cellInteraction,\n    clipboard,\n    collection,\n    addItemDisabled,\n    updateItemDisabled,\n    removeItemDisabled,\n  } = state;\n\n  const handleCopy = useCallback(async () => {\n    const tsv = clipboard.copy();\n    try {\n      await navigator.clipboard.writeText(tsv);\n    } catch {}\n    onClose();\n  }, [clipboard, onClose]);\n\n  const handleCut = useCallback(async () => {\n    const tsv = clipboard.cut();\n    try {\n      await navigator.clipboard.writeText(tsv);\n    } catch {}\n    onClose();\n  }, [clipboard, onClose]);\n\n  const handlePaste = useCallback(async () => {\n    if (!cellInteraction.focusedCell) {\n      return;\n    }\n    try {\n      const rawData = await navigator.clipboard.readText();\n      if (!rawData) {\n        onClose();\n        return;\n      }\n      clipboard.paste(rawData);\n    } catch {}\n    onClose();\n  }, [cellInteraction, clipboard, onClose]);\n\n  const handleClear = useCallback(() => {\n    state.clearCells(cellInteraction.selectedCellsList);\n    onClose();\n  }, [state, cellInteraction, onClose]);\n\n  if (!position || !cell) {\n    return null;\n  }\n\n  const isRowSelectionMode = collection.bulkSelect.selectedCount > 0;\n\n  const selectedCells = cellInteraction.selectedCellsList;\n  const selectedCount = selectedCells.length;\n  const selectedRowKeys = isRowSelectionMode\n    ? collection.bulkSelect.selectedIds\n    : [...new Set(selectedCells.map((c) => c.rowKey))];\n  // selectedCountOrTotal accounts for \"select all\" on a collection larger\n  // than what's loaded — selectedRowKeys.length alone would undercount it.\n  // Only used for the displayed count; the delete action itself still acts\n  // on selectedRowKeys (see the allSelectedItemsFetched guard below).\n  const selectedRowCount = isRowSelectionMode\n    ? collection.bulkSelect.selectedCountOrTotal\n    : selectedRowKeys.length;\n  const hasMultipleRows = selectedRowCount > 1;\n  const isMultiCellSelection = !isRowSelectionMode && selectedCount > 1;\n\n  const areSelectedCellsReadOnly =\n    selectedCount > 0 &&\n    selectedCells.every((c) => !state.isColumnEditable(c.rowKey, c.columnId));\n  const isPasteTargetReadOnly =\n    !cellInteraction.focusedCell ||\n    !state.isColumnEditable(\n      cellInteraction.focusedCell.rowKey,\n      cellInteraction.focusedCell.columnId,\n    );\n\n  const options = [];\n\n  const isDeleteDisabledFor = (rowKeys: string[]) =>\n    rowKeys.length > 1\n      ? state.isMultiDeleteDisabled(rowKeys)\n      : state.isRowDeleteDisabled(rowKeys[0] ?? cell.rowKey);\n  const deleteDisabledReasonFor = (rowKeys: string[]) =>\n    removeItemDisabled\n      ? \"You don't have permission to delete rows\"\n      : rowKeys.length > 1 && state.multiDeleteDisabled\n      ? \"You don't have permission to delete multiple rows at once\"\n      : rowKeys.length > 1\n      ? \"Some of the selected rows can't be deleted\"\n      : state.rowDeleteDisabledReason(rowKeys[0] ?? cell.rowKey) ??\n        \"This row can't be deleted\";\n\n  const addDisabledReason = addItemDisabled\n    ? \"You don't have permission to add rows\"\n    : undefined;\n  const updateDisabledReason = updateItemDisabled\n    ? \"You don't have permission to edit rows\"\n    : undefined;\n\n  const pushRowActions = (targetKeys: string[]) => {\n    if (targetKeys.length === 1) {\n      options.push(\n        buildMenuAction({\n          id: 'add-above',\n          title: 'Add Row Above',\n          prefixIcon: <AddSmall />,\n          disabled: !!addItemDisabled,\n          disabledDescription: addDisabledReason,\n        }),\n        buildMenuAction({\n          id: 'add-below',\n          title: 'Add Row Below',\n          prefixIcon: <AddSmall />,\n          disabled: !!addItemDisabled,\n          disabledDescription: addDisabledReason,\n        }),\n        buildMenuAction({\n          id: 'duplicate',\n          title: 'Duplicate Row',\n          prefixIcon: <DuplicateSmall />,\n          disabled: !!addItemDisabled,\n          disabledDescription: addDisabledReason,\n        }),\n      );\n      options.push({ id: 'divider-2', value: '-' });\n    }\n\n    const deleteDisabled = isDeleteDisabledFor(targetKeys);\n    options.push(\n      buildMenuAction({\n        id: 'delete',\n        title:\n          targetKeys.length > 1\n            ? `Delete ${targetKeys.length} Rows`\n            : 'Delete Row',\n        prefixIcon: <DeleteSmall />,\n        skin: 'destructive',\n        disabled: deleteDisabled,\n        disabledDescription: deleteDisabled\n          ? deleteDisabledReasonFor(targetKeys)\n          : undefined,\n      }),\n    );\n  };\n\n  if (isRowSelectionMode) {\n    // \"Select all\" on a paginated/virtualized collection can mark more rows\n    // selected than are currently loaded — bulkSelect.selectedIds only ever\n    // reflects materialized rows, so deleting by that list would silently\n    // act on fewer rows than the user selected. Only offer delete once every\n    // selected row is actually loaded client-side.\n    if (collection.bulkSelect.allSelectedItemsFetched) {\n      if (hasMultipleRows) {\n        const deleteDisabled = isDeleteDisabledFor(selectedRowKeys);\n        options.push(\n          buildMenuAction({\n            id: 'delete',\n            title: `Remove ${selectedRowCount} Rows`,\n            prefixIcon: <DeleteSmall />,\n            skin: 'destructive',\n            disabled: deleteDisabled,\n            disabledDescription: deleteDisabled\n              ? deleteDisabledReasonFor(selectedRowKeys)\n              : undefined,\n          }),\n        );\n      } else {\n        // A single checked row gets the full row menu, targeting the checked\n        // row — not the row under the cursor.\n        pushRowActions(selectedRowKeys);\n      }\n    }\n  } else {\n    options.push(\n      buildMenuAction({\n        id: 'copy',\n        title: `Copy`,\n        disabled: selectedCount === 0,\n      }),\n      buildMenuAction({\n        id: 'cut',\n        title: `Cut`,\n        disabled:\n          selectedCount === 0 ||\n          !!updateItemDisabled ||\n          areSelectedCellsReadOnly,\n        disabledDescription: updateDisabledReason,\n      }),\n      buildMenuAction({\n        id: 'paste',\n        title: `Paste`,\n        disabled: !!updateItemDisabled || isPasteTargetReadOnly,\n        disabledDescription: updateDisabledReason,\n      }),\n      buildMenuAction({\n        id: 'clear',\n        title:\n          selectedCount > 1 ? `Clear ${selectedCount} Cells` : 'Clear Cell',\n        disabled:\n          selectedCount === 0 ||\n          !!updateItemDisabled ||\n          areSelectedCellsReadOnly,\n        disabledDescription: updateDisabledReason,\n      }),\n    );\n\n    options.push({ id: 'divider-1', value: '-' });\n\n    // A cell-range selection spanning several rows only offers cell ops plus\n    // deleting the spanned rows; a single-row context gets the full row menu.\n    const deleteKeys =\n      isMultiCellSelection && selectedRowKeys.length > 0\n        ? selectedRowKeys\n        : [cell.rowKey];\n    pushRowActions(deleteKeys);\n  }\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  // Row actions target the checked row in row-selection mode, the row under\n  // the cursor otherwise.\n  const targetRowKey =\n    isRowSelectionMode && selectedRowKeys.length === 1\n      ? selectedRowKeys[0]\n      : cell.rowKey;\n\n  const handleSelect = (option: { id: string | number }) => {\n    switch (option.id) {\n      case 'copy':\n        handleCopy();\n        break;\n      case 'cut':\n        handleCut();\n        break;\n      case 'paste':\n        handlePaste();\n        break;\n      case 'clear':\n        handleClear();\n        break;\n      case 'add-above': {\n        const rowIdx = state.keyedItems.findIndex(\n          (ki) => ki.key === targetRowKey,\n        );\n        const prevKey =\n          rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;\n        state.addItem(prevKey);\n        onClose();\n        break;\n      }\n      case 'add-below':\n        state.addItem(targetRowKey);\n        onClose();\n        break;\n      case 'duplicate':\n        state.duplicateItem(targetRowKey);\n        onClose();\n        break;\n      case 'delete':\n        state.confirmDeleteItems(\n          isRowSelectionMode || hasMultipleRows\n            ? selectedRowKeys\n            : [cell.rowKey],\n        );\n        onClose();\n        break;\n    }\n  };\n\n  const dividerCount = options.filter(\n    (o) => 'value' in o && o.value === '-',\n  ).length;\n  const itemCount = options.length - dividerCount;\n  const estimatedHeight =\n    itemCount * ITEM_HEIGHT + dividerCount * DIVIDER_HEIGHT + PADDING;\n\n  const x =\n    position.x + OFFSET_X + MENU_WIDTH > window.innerWidth\n      ? position.x - MENU_WIDTH\n      : position.x + OFFSET_X;\n  const y =\n    position.y + OFFSET_Y + estimatedHeight > window.innerHeight\n      ? Math.max(4, position.y - estimatedHeight)\n      : position.y + OFFSET_Y;\n\n  return createPortal(\n    <div\n      ref={menuRef}\n      style={{\n        position: 'fixed',\n        left: x,\n        top: y,\n        zIndex: 1000,\n        width: MENU_WIDTH,\n      }}\n      onMouseDown={(e) => e.preventDefault()}\n    >\n      <DropdownLayout\n        dataHook=\"editable-table-context-menu\"\n        visible\n        inContainer\n        options={options}\n        onSelect={handleSelect}\n        onClose={onClose}\n        maxHeightPixels={400}\n      />\n    </div>,\n    document.body,\n  );\n}\n\nexport const EditableTableContextMenu = observer(_EditableTableContextMenu);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDom","_mobxReactLite","_designSystem","_wixUiIconsCommon","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MENU_WIDTH","ITEM_HEIGHT","DIVIDER_HEIGHT","PADDING","OFFSET_X","OFFSET_Y","CONTEXT_MENU_Z_INDEX","SURFACE_BACKGROUND","SURFACE_BORDER_RADIUS","SURFACE_BOX_SHADOW","buildMenuAction","disabledDescription","params","built","listItemActionBuilder","disabled","descriptionId","id","value","args","createElement","Fragment","Tooltip","content","placement","enterDelay","__self","__source","fileName","lineNumber","columnNumber","hidden","_EditableTableContextMenu","state","position","cell","menuRef","onClose","cellInteraction","clipboard","collection","addItemDisabled","updateItemDisabled","removeItemDisabled","handleCopy","useCallback","tsv","copy","navigator","writeText","handleCut","cut","handlePaste","focusedCell","rawData","readText","paste","handleClear","clearCells","selectedCellsList","isRowSelectionMode","bulkSelect","selectedCount","selectedCells","length","selectedRowKeys","selectedIds","Set","map","c","rowKey","selectedRowCount","selectedCountOrTotal","hasMultipleRows","isMultiCellSelection","areSelectedCellsReadOnly","every","isColumnEditable","columnId","isPasteTargetReadOnly","options","isDeleteDisabledFor","rowKeys","isMultiDeleteDisabled","isRowDeleteDisabled","deleteDisabledReasonFor","multiDeleteDisabled","rowDeleteDisabledReason","addDisabledReason","undefined","updateDisabledReason","pushRowActions","targetKeys","push","title","prefixIcon","AddSmall","DuplicateSmall","deleteDisabled","DeleteSmall","skin","allSelectedItemsFetched","deleteKeys","targetRowKey","handleSelect","option","rowIdx","keyedItems","findIndex","ki","key","prevKey","addItem","duplicateItem","confirmDeleteItems","dividerCount","filter","itemCount","estimatedHeight","x","window","innerWidth","y","innerHeight","Math","max","createPortal","ref","style","left","top","zIndex","width","background","borderRadius","boxShadow","overflow","onMouseDown","preventDefault","DropdownLayout","dataHook","visible","inContainer","onSelect","maxHeightPixels","document","body","EditableTableContextMenu","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTableContextMenu.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport {\n  DropdownLayout,\n  Tooltip,\n  listItemActionBuilder,\n} from '@wix/design-system';\nimport {\n  DeleteSmall,\n  AddSmall,\n  DuplicateSmall,\n} from '@wix/wix-ui-icons-common';\nimport type { EditableTableState, Cell } from '../../state/EditableTable';\n\ntype ListItemActionBuilderParams = Parameters<typeof listItemActionBuilder>[0];\n\nexport interface EditableTableContextMenuProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  position: { x: number; y: number } | null;\n  cell: Cell | null;\n  menuRef: React.Ref<HTMLDivElement>;\n  onClose: () => void;\n}\n\nconst MENU_WIDTH = 230;\nconst ITEM_HEIGHT = 36;\nconst DIVIDER_HEIGHT = 9;\nconst PADDING = 16;\nconst OFFSET_X = 4;\nconst OFFSET_Y = 4;\nconst CONTEXT_MENU_Z_INDEX = 5001;\nconst SURFACE_BACKGROUND =\n  'var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #FFFFFF))';\nconst SURFACE_BORDER_RADIUS = 'var(--wds-border-radius-surface-overlay, 8px)';\nconst SURFACE_BOX_SHADOW =\n  'var(--wds-shadow-surface-overlay, var(--wsr-shadow30, 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12)))';\n\n// ListItemAction's built-in disabledDescription tooltip is hardcoded to open\n// above the item, where it covers neighboring menu items. Build the item\n// without it and attach our own tooltip to the side instead. The hidden span\n// mirrors what ListItemAction renders for disabledDescription, keeping the\n// description reachable by screen readers and testkits.\nconst buildMenuAction = ({\n  disabledDescription,\n  ...params\n}: ListItemActionBuilderParams) => {\n  const built = listItemActionBuilder(params);\n  if (!params.disabled || !disabledDescription) {\n    return built;\n  }\n  const descriptionId = `editable-table-context-menu-${params.id}-disabled-description`;\n  return {\n    ...built,\n    value: (args: { hovered: boolean }) => (\n      <>\n        <Tooltip\n          content={disabledDescription}\n          placement=\"right\"\n          enterDelay={450}\n          aria-describedby={descriptionId}\n        >\n          {built.value(args)}\n        </Tooltip>\n        <span id={descriptionId} hidden>\n          {disabledDescription}\n        </span>\n      </>\n    ),\n  };\n};\n\nfunction _EditableTableContextMenu<T, F extends FiltersMap>({\n  state,\n  position,\n  cell,\n  menuRef,\n  onClose,\n}: EditableTableContextMenuProps<T, F>) {\n  const {\n    cellInteraction,\n    clipboard,\n    collection,\n    addItemDisabled,\n    updateItemDisabled,\n    removeItemDisabled,\n  } = state;\n\n  const handleCopy = useCallback(async () => {\n    const tsv = clipboard.copy();\n    try {\n      await navigator.clipboard.writeText(tsv);\n    } catch {}\n    onClose();\n  }, [clipboard, onClose]);\n\n  const handleCut = useCallback(async () => {\n    const tsv = clipboard.cut();\n    try {\n      await navigator.clipboard.writeText(tsv);\n    } catch {}\n    onClose();\n  }, [clipboard, onClose]);\n\n  const handlePaste = useCallback(async () => {\n    if (!cellInteraction.focusedCell) {\n      return;\n    }\n    try {\n      const rawData = await navigator.clipboard.readText();\n      if (!rawData) {\n        onClose();\n        return;\n      }\n      clipboard.paste(rawData);\n    } catch {}\n    onClose();\n  }, [cellInteraction, clipboard, onClose]);\n\n  const handleClear = useCallback(() => {\n    state.clearCells(cellInteraction.selectedCellsList);\n    onClose();\n  }, [state, cellInteraction, onClose]);\n\n  if (!position || !cell) {\n    return null;\n  }\n\n  const isRowSelectionMode = collection.bulkSelect.selectedCount > 0;\n\n  const selectedCells = cellInteraction.selectedCellsList;\n  const selectedCount = selectedCells.length;\n  const selectedRowKeys = isRowSelectionMode\n    ? collection.bulkSelect.selectedIds\n    : [...new Set(selectedCells.map((c) => c.rowKey))];\n  // selectedCountOrTotal accounts for \"select all\" on a collection larger\n  // than what's loaded — selectedRowKeys.length alone would undercount it.\n  // Only used for the displayed count; the delete action itself still acts\n  // on selectedRowKeys (see the allSelectedItemsFetched guard below).\n  const selectedRowCount = isRowSelectionMode\n    ? collection.bulkSelect.selectedCountOrTotal\n    : selectedRowKeys.length;\n  const hasMultipleRows = selectedRowCount > 1;\n  const isMultiCellSelection = !isRowSelectionMode && selectedCount > 1;\n\n  const areSelectedCellsReadOnly =\n    selectedCount > 0 &&\n    selectedCells.every((c) => !state.isColumnEditable(c.rowKey, c.columnId));\n  const isPasteTargetReadOnly =\n    !cellInteraction.focusedCell ||\n    !state.isColumnEditable(\n      cellInteraction.focusedCell.rowKey,\n      cellInteraction.focusedCell.columnId,\n    );\n\n  const options = [];\n\n  const isDeleteDisabledFor = (rowKeys: string[]) =>\n    rowKeys.length > 1\n      ? state.isMultiDeleteDisabled(rowKeys)\n      : state.isRowDeleteDisabled(rowKeys[0] ?? cell.rowKey);\n  const deleteDisabledReasonFor = (rowKeys: string[]) =>\n    removeItemDisabled\n      ? \"You don't have permission to delete rows\"\n      : rowKeys.length > 1 && state.multiDeleteDisabled\n      ? \"You don't have permission to delete multiple rows at once\"\n      : rowKeys.length > 1\n      ? \"Some of the selected rows can't be deleted\"\n      : state.rowDeleteDisabledReason(rowKeys[0] ?? cell.rowKey) ??\n        \"This row can't be deleted\";\n\n  const addDisabledReason = addItemDisabled\n    ? \"You don't have permission to add rows\"\n    : undefined;\n  const updateDisabledReason = updateItemDisabled\n    ? \"You don't have permission to edit rows\"\n    : undefined;\n\n  const pushRowActions = (targetKeys: string[]) => {\n    if (targetKeys.length === 1) {\n      options.push(\n        buildMenuAction({\n          id: 'add-above',\n          title: 'Add Row Above',\n          prefixIcon: <AddSmall />,\n          disabled: !!addItemDisabled,\n          disabledDescription: addDisabledReason,\n        }),\n        buildMenuAction({\n          id: 'add-below',\n          title: 'Add Row Below',\n          prefixIcon: <AddSmall />,\n          disabled: !!addItemDisabled,\n          disabledDescription: addDisabledReason,\n        }),\n        buildMenuAction({\n          id: 'duplicate',\n          title: 'Duplicate Row',\n          prefixIcon: <DuplicateSmall />,\n          disabled: !!addItemDisabled,\n          disabledDescription: addDisabledReason,\n        }),\n      );\n      options.push({ id: 'divider-2', value: '-' });\n    }\n\n    const deleteDisabled = isDeleteDisabledFor(targetKeys);\n    options.push(\n      buildMenuAction({\n        id: 'delete',\n        title:\n          targetKeys.length > 1\n            ? `Delete ${targetKeys.length} Rows`\n            : 'Delete Row',\n        prefixIcon: <DeleteSmall />,\n        skin: 'destructive',\n        disabled: deleteDisabled,\n        disabledDescription: deleteDisabled\n          ? deleteDisabledReasonFor(targetKeys)\n          : undefined,\n      }),\n    );\n  };\n\n  if (isRowSelectionMode) {\n    // \"Select all\" on a paginated/virtualized collection can mark more rows\n    // selected than are currently loaded — bulkSelect.selectedIds only ever\n    // reflects materialized rows, so deleting by that list would silently\n    // act on fewer rows than the user selected. Only offer delete once every\n    // selected row is actually loaded client-side.\n    if (collection.bulkSelect.allSelectedItemsFetched) {\n      if (hasMultipleRows) {\n        const deleteDisabled = isDeleteDisabledFor(selectedRowKeys);\n        options.push(\n          buildMenuAction({\n            id: 'delete',\n            title: `Remove ${selectedRowCount} Rows`,\n            prefixIcon: <DeleteSmall />,\n            skin: 'destructive',\n            disabled: deleteDisabled,\n            disabledDescription: deleteDisabled\n              ? deleteDisabledReasonFor(selectedRowKeys)\n              : undefined,\n          }),\n        );\n      } else {\n        // A single checked row gets the full row menu, targeting the checked\n        // row — not the row under the cursor.\n        pushRowActions(selectedRowKeys);\n      }\n    }\n  } else {\n    options.push(\n      buildMenuAction({\n        id: 'copy',\n        title: `Copy`,\n        disabled: selectedCount === 0,\n      }),\n      buildMenuAction({\n        id: 'cut',\n        title: `Cut`,\n        disabled:\n          selectedCount === 0 ||\n          !!updateItemDisabled ||\n          areSelectedCellsReadOnly,\n        disabledDescription: updateDisabledReason,\n      }),\n      buildMenuAction({\n        id: 'paste',\n        title: `Paste`,\n        disabled: !!updateItemDisabled || isPasteTargetReadOnly,\n        disabledDescription: updateDisabledReason,\n      }),\n      buildMenuAction({\n        id: 'clear',\n        title:\n          selectedCount > 1 ? `Clear ${selectedCount} Cells` : 'Clear Cell',\n        disabled:\n          selectedCount === 0 ||\n          !!updateItemDisabled ||\n          areSelectedCellsReadOnly,\n        disabledDescription: updateDisabledReason,\n      }),\n    );\n\n    options.push({ id: 'divider-1', value: '-' });\n\n    // A cell-range selection spanning several rows only offers cell ops plus\n    // deleting the spanned rows; a single-row context gets the full row menu.\n    const deleteKeys =\n      isMultiCellSelection && selectedRowKeys.length > 0\n        ? selectedRowKeys\n        : [cell.rowKey];\n    pushRowActions(deleteKeys);\n  }\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  // Row actions target the checked row in row-selection mode, the row under\n  // the cursor otherwise.\n  const targetRowKey =\n    isRowSelectionMode && selectedRowKeys.length === 1\n      ? selectedRowKeys[0]\n      : cell.rowKey;\n\n  const handleSelect = (option: { id: string | number }) => {\n    switch (option.id) {\n      case 'copy':\n        handleCopy();\n        break;\n      case 'cut':\n        handleCut();\n        break;\n      case 'paste':\n        handlePaste();\n        break;\n      case 'clear':\n        handleClear();\n        break;\n      case 'add-above': {\n        const rowIdx = state.keyedItems.findIndex(\n          (ki) => ki.key === targetRowKey,\n        );\n        const prevKey =\n          rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;\n        state.addItem(prevKey);\n        onClose();\n        break;\n      }\n      case 'add-below':\n        state.addItem(targetRowKey);\n        onClose();\n        break;\n      case 'duplicate':\n        state.duplicateItem(targetRowKey);\n        onClose();\n        break;\n      case 'delete':\n        state.confirmDeleteItems(\n          isRowSelectionMode || hasMultipleRows\n            ? selectedRowKeys\n            : [cell.rowKey],\n        );\n        onClose();\n        break;\n    }\n  };\n\n  const dividerCount = options.filter(\n    (o) => 'value' in o && o.value === '-',\n  ).length;\n  const itemCount = options.length - dividerCount;\n  const estimatedHeight =\n    itemCount * ITEM_HEIGHT + dividerCount * DIVIDER_HEIGHT + PADDING;\n\n  const x =\n    position.x + OFFSET_X + MENU_WIDTH > window.innerWidth\n      ? position.x - MENU_WIDTH\n      : position.x + OFFSET_X;\n  const y =\n    position.y + OFFSET_Y + estimatedHeight > window.innerHeight\n      ? Math.max(4, position.y - estimatedHeight)\n      : position.y + OFFSET_Y;\n\n  return createPortal(\n    <div\n      ref={menuRef}\n      style={{\n        position: 'fixed',\n        left: x,\n        top: y,\n        zIndex: CONTEXT_MENU_Z_INDEX,\n        width: MENU_WIDTH,\n        background: SURFACE_BACKGROUND,\n        borderRadius: SURFACE_BORDER_RADIUS,\n        boxShadow: SURFACE_BOX_SHADOW,\n        overflow: 'hidden',\n      }}\n      onMouseDown={(e) => e.preventDefault()}\n    >\n      <DropdownLayout\n        dataHook=\"editable-table-context-menu\"\n        visible\n        inContainer\n        options={options}\n        onSelect={handleSelect}\n        onClose={onClose}\n        maxHeightPixels={400}\n      />\n    </div>,\n    document.body,\n  );\n}\n\nexport const EditableTableContextMenu = observer(_EditableTableContextMenu);\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_ = "HeaderActionsPopover2149224872";
+var _namespace_ = "HeaderActionsPopover1458022149";
 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": "HeaderActionsPopover2149224872__root"
+  "root": "HeaderActionsPopover1458022149__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_ = \"HeaderActionsPopover2149224872\";\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\":\"HeaderActionsPopover2149224872__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":[]}
+{"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_ = \"HeaderActionsPopover1458022149\";\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\":\"HeaderActionsPopover1458022149__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.js

@@ -6,7 +6,7 @@ exports.CellViewLayout = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _CellViewLayoutStCss = require("./CellViewLayout.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.tsx";
-/** Shared wrapper that provides the default cell padding (9px 12px).
+/** Shared wrapper that provides the default cell padding (6px 8px).
  *  Standard cell types use this; types with custom layouts (e.g. URL) skip it. */
 const CellViewLayout = ({
   children

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CellViewLayoutStCss","_jsxFileName","CellViewLayout","children","default","createElement","className","classes","root","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { classes } from './CellViewLayout.st.css.js';\n\n/** Shared wrapper that provides the default cell padding (9px 12px).\n *  Standard cell types use this; types with custom layouts (e.g. URL) skip it. */\nexport const CellViewLayout: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => <div className={classes.root}>{children}</div>;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAqD,IAAAE,YAAA;AAErD;AACA;AACO,MAAMC,cAAuD,GAAGA,CAAC;EACtEC;AACF,CAAC,kBAAKN,MAAA,CAAAO,OAAA,CAAAC,aAAA;EAAKC,SAAS,EAAEC,4BAAO,CAACC,IAAK;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,GAAEV,QAAc,CAAC;AAACW,OAAA,CAAAZ,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CellViewLayoutStCss","_jsxFileName","CellViewLayout","children","default","createElement","className","classes","root","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { classes } from './CellViewLayout.st.css.js';\n\n/** Shared wrapper that provides the default cell padding (6px 8px).\n *  Standard cell types use this; types with custom layouts (e.g. URL) skip it. */\nexport const CellViewLayout: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => <div className={classes.root}>{children}</div>;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAAqD,IAAAE,YAAA;AAErD;AACA;AACO,MAAMC,cAAuD,GAAGA,CAAC;EACtEC;AACF,CAAC,kBAAKN,MAAA,CAAAO,OAAA,CAAAC,aAAA;EAAKC,SAAS,EAAEC,4BAAO,CAACC,IAAK;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,GAAEV,QAAc,CAAC;AAACW,OAAA,CAAAZ,cAAA,GAAAA,cAAA","ignoreList":[]}