@wix/patterns 1.411.0 → 1.413.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_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","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';\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        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","_wixUiIconsCommon","_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';\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":[]}

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

@@ -11,6 +11,7 @@
 
 .root {
   -st-states: editing, focused, selected, invalid, typeToEdit, showEditWhenFocused,
+    growable,
     selectionTop, selectionBottom, selectionLeft, selectionRight,
     copiedTop, copiedBottom, copiedLeft, copiedRight;
   display: flex;
@@ -54,6 +55,18 @@
   min-height: 100%;
 }
 
+/* :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. */
+.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%;
+  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.
    isEditing is false here, so we use data-inner-focused set by the EditComponent. */

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_ = "EditableCell1458997303";
+var _namespace_ = "EditableCell1780177284";
 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": "EditableCell1458997303__root",
-  "validationIndicator": "EditableCell1458997303__validationIndicator"
+  "root": "EditableCell1780177284__root",
+  "validationIndicator": "EditableCell1780177284__validationIndicator"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"EditableCell1458997303\";\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\":\"EditableCell1458997303__root\",\"validationIndicator\":\"EditableCell1458997303__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_ = \"EditableCell1780177284\";\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\":\"EditableCell1780177284__root\",\"validationIndicator\":\"EditableCell1780177284__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":[]}

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_ = "HeaderActionsPopover773944543";
+var _namespace_ = "HeaderActionsPopover3170806295";
 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": "HeaderActionsPopover773944543__root"
+  "root": "HeaderActionsPopover3170806295__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_ = \"HeaderActionsPopover773944543\";\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\":\"HeaderActionsPopover773944543__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_ = \"HeaderActionsPopover3170806295\";\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\":\"HeaderActionsPopover3170806295__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_ = "CellViewLayout922565407";
+var _namespace_ = "CellViewLayout1861512399";
 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": "CellViewLayout922565407__root"
+  "root": "CellViewLayout1861512399__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_ = \"CellViewLayout922565407\";\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\":\"CellViewLayout922565407__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout1861512399\";\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\":\"CellViewLayout1861512399__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":[]}

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_ = "Edit1757679255";
+var _namespace_ = "Edit807937573";
 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": "Edit1757679255__root",
-  "addressInput": "Edit1757679255__addressInput"
+  "root": "Edit807937573__root",
+  "addressInput": "Edit807937573__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_ = \"Edit1757679255\";\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\":\"Edit1757679255__root\",\"addressInput\":\"Edit1757679255__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_ = \"Edit807937573\";\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\":\"Edit807937573__root\",\"addressInput\":\"Edit807937573__addressInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,eAAe;AACjC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qBAAqB;EAAC,cAAc,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit2038218046";
+var _namespace_ = "Edit1079541041";
 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": "Edit2038218046__root",
-  "booleanEdit": "Edit2038218046__booleanEdit"
+  "root": "Edit1079541041__root",
+  "booleanEdit": "Edit1079541041__booleanEdit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2038218046\";\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\":\"Edit2038218046__root\",\"booleanEdit\":\"Edit2038218046__booleanEdit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1079541041\";\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\":\"Edit1079541041__root\",\"booleanEdit\":\"Edit1079541041__booleanEdit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/boolean/View.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View1352503750";
+var _namespace_ = "View2199264589";
 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": "View1352503750__root",
-  "booleanView": "View1352503750__booleanView"
+  "root": "View2199264589__root",
+  "booleanView": "View2199264589__booleanView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1352503750\";\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\":\"View1352503750__root\",\"booleanView\":\"View1352503750__booleanView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View2199264589\";\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\":\"View2199264589__root\",\"booleanView\":\"View2199264589__booleanView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,84 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ColorEdit = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _patternsFields = require("@wix/patterns-fields");
+var _EditStCss = require("./Edit.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/color/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); }
+/**
+ * ColorEdit bridges @wix/patterns-fields CellColorInput with the EditableTable
+ * cell framework.
+ *
+ * The ColorPicker popover steals focus when opened — a naive blur→commit
+ * handler would close the cell while the picker is still open. We RAF after
+ * blur and skip commit when the post-blur active element is inside the WDS
+ * ColorPicker ([role="group"][aria-label="Color picker"]) or the CellColorInput's
+ * own popover (kept inside wrapperRef).
+ */
+const ColorEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  inputRef
+}) => {
+  const wrapperRef = (0, _react.useRef)(null);
+  const colorInputRef = inputRef;
+  (0, _react.useEffect)(() => {
+    var _colorInputRef$curren, _colorInputRef$curren2;
+    colorInputRef == null || (_colorInputRef$curren = colorInputRef.current) == null || _colorInputRef$curren.focus();
+    colorInputRef == null || (_colorInputRef$curren2 = colorInputRef.current) == null || _colorInputRef$curren2.select();
+  }, [colorInputRef]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      onCommit();
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      onCancel();
+    }
+  }, [onCommit, onCancel]);
+  const handleBlur = (0, _react.useCallback)(() => {
+    requestAnimationFrame(() => {
+      var _wrapperRef$current;
+      const active = document.activeElement;
+      if (active && active.closest('[role="group"][aria-label="Color picker"]')) {
+        return;
+      }
+      if (active && (_wrapperRef$current = wrapperRef.current) != null && _wrapperRef$current.contains(active)) {
+        return;
+      }
+      onCommit();
+    });
+  }, [onCommit]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: wrapperRef,
+    onKeyDown: handleKeyDown,
+    onBlur: handleBlur,
+    onClick: e => e.stopPropagation(),
+    onMouseDown: e => e.stopPropagation(),
+    className: _EditStCss.classes.root,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellColorInput, {
+    inputRef: colorInputRef,
+    value: value ?? '',
+    onChange: onChange,
+    size: "small",
+    border: "none",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 74,
+      columnNumber: 7
+    }
+  }));
+};
+exports.ColorEdit = ColorEdit;
+//# sourceMappingURL=Edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ColorEdit","value","onChange","onCommit","onCancel","inputRef","wrapperRef","useRef","colorInputRef","useEffect","_colorInputRef$curren","_colorInputRef$curren2","current","focus","select","handleKeyDown","useCallback","key","preventDefault","handleBlur","requestAnimationFrame","_wrapperRef$current","active","document","activeElement","closest","contains","createElement","ref","onKeyDown","onBlur","onClick","stopPropagation","onMouseDown","className","classes","root","__self","__source","fileName","lineNumber","columnNumber","CellColorInput","size","border","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/color/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { CellColorInput } from '@wix/patterns-fields';\nimport type { InputImperativeActions } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\ntype ColorInputRef = React.MutableRefObject<\n  InputImperativeActions | null | undefined\n>;\n\n/**\n * ColorEdit bridges @wix/patterns-fields CellColorInput with the EditableTable\n * cell framework.\n *\n * The ColorPicker popover steals focus when opened — a naive blur→commit\n * handler would close the cell while the picker is still open. We RAF after\n * blur and skip commit when the post-blur active element is inside the WDS\n * ColorPicker ([role=\"group\"][aria-label=\"Color picker\"]) or the CellColorInput's\n * own popover (kept inside wrapperRef).\n */\nexport const ColorEdit: React.FC<CellEditProps<string | undefined>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const colorInputRef = inputRef as ColorInputRef;\n\n  useEffect(() => {\n    colorInputRef?.current?.focus();\n    colorInputRef?.current?.select();\n  }, [colorInputRef]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCommit, onCancel],\n  );\n\n  const handleBlur = useCallback(() => {\n    requestAnimationFrame(() => {\n      const active = document.activeElement as HTMLElement | null;\n      if (\n        active &&\n        active.closest('[role=\"group\"][aria-label=\"Color picker\"]')\n      ) {\n        return;\n      }\n      if (active && wrapperRef.current?.contains(active)) {\n        return;\n      }\n      onCommit();\n    });\n  }, [onCommit]);\n\n  return (\n    <div\n      ref={wrapperRef}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      onClick={(e) => e.stopPropagation()}\n      onMouseDown={(e) => e.stopPropagation()}\n      className={classes.root}\n    >\n      <CellColorInput\n        inputRef={colorInputRef}\n        value={value ?? ''}\n        onChange={onChange}\n        size=\"small\"\n        border=\"none\"\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+.root {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}

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

@@ -0,0 +1,22 @@
+"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_ = "Edit939185741";
+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": "Edit939185741__root"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=Edit.st.css.js.map

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

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

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ColorEditUniDriver = ColorEditUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../../../unidriver");
+function ColorEditUniDriver(base, body) {
+  const input = (0, _unidriver.InputUniDriver)(base, body);
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    getValue: () => input.getValue(),
+    typeValue: value => input.enterText(value),
+    keyDown: (key, opts) => input.keyDown({
+      key,
+      ...opts
+    }),
+    blur: () => input.blur()
+  };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","ColorEditUniDriver","base","body","input","InputUniDriver","baseUniDriverFactory","getValue","typeValue","value","enterText","keyDown","key","opts","blur"],"sources":["../../../../../../src/components/EditableTable/cellTypes/color/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { InputUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { InputUniDriver as InputUniDriverFactory } from '@wix/design-system/dist/types/Input/Input.uni.driver';\nimport { UniDriverFactory } from '../../../uniDriverFactory';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function ColorEditUniDriver(base: UniDriver, body: UniDriver) {\n  const input = (InputUniDriver as UniDriverFactory<InputUniDriverFactory>)(\n    base,\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n    getValue: () => input.getValue(),\n    typeValue: (value: string) => input.enterText(value),\n    keyDown: (\n      key: string,\n      opts?: { shiftKey?: boolean; ctrlKey?: boolean; metaKey?: boolean },\n    ) => input.keyDown({ key, ...opts }),\n    blur: () => input.blur(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,kBAAkBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACnE,MAAMC,KAAK,GAAG,IAACC,yBAAc,EAC3BH,IAAI,EACJC,IACF,CAAC;EAED,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAEA,CAAA,KAAMH,KAAK,CAACG,QAAQ,CAAC,CAAC;IAChCC,SAAS,EAAGC,KAAa,IAAKL,KAAK,CAACM,SAAS,CAACD,KAAK,CAAC;IACpDE,OAAO,EAAEA,CACPC,GAAW,EACXC,IAAmE,KAChET,KAAK,CAACO,OAAO,CAAC;MAAEC,GAAG;MAAE,GAAGC;IAAK,CAAC,CAAC;IACpCC,IAAI,EAAEA,CAAA,KAAMV,KAAK,CAACU,IAAI,CAAC;EACzB,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ColorView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _patternsFields = require("@wix/patterns-fields");
+var _CellViewLayout = require("../CellViewLayout");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/color/View.tsx";
+const ColorView = ({
+  value
+}) => /*#__PURE__*/_react.default.createElement(_CellViewLayout.CellViewLayout, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 9,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_patternsFields.CellColorView, {
+  value: value,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 10,
+    columnNumber: 5
+  }
+}));
+exports.ColorView = ColorView;
+//# sourceMappingURL=View.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_CellViewLayout","_jsxFileName","ColorView","value","default","createElement","CellViewLayout","__self","__source","fileName","lineNumber","columnNumber","CellColorView","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/color/View.tsx"],"sourcesContent":["import React from 'react';\nimport { CellColorView } from '@wix/patterns-fields';\nimport type { CellViewProps } from '../../types';\nimport { CellViewLayout } from '../CellViewLayout';\n\nexport const ColorView: React.FC<CellViewProps<string | undefined>> = ({\n  value,\n}) => (\n  <CellViewLayout>\n    <CellColorView value={value} />\n  </CellViewLayout>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAAmD,IAAAG,YAAA;AAE5C,MAAMC,SAAsD,GAAGA,CAAC;EACrEC;AACF,CAAC,kBACCP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,eAAA,CAAAM,cAAc;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACbf,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAa,aAAa;EAACT,KAAK,EAAEA,KAAM;EAAAI,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAChB,CACjB;AAACE,OAAA,CAAAX,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ColorViewUniDriver = ColorViewUniDriver;
+var _unidriver = require("../../../../unidriver");
+function ColorViewUniDriver(base) {
+  const text = base.$('[data-hook="cell-color-view-text"]');
+  const fillPreview = base.$('[data-hook="cell-color-view-fill-preview"]');
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    getHex: () => text.text(),
+    hasText: () => text.exists(),
+    hasFillPreview: () => fillPreview.exists(),
+    /** Whether the FillPreview is filled (has a `fill` attribute style). */
+    getFillStyle: () => fillPreview.attr('style')
+  };
+}
+//# sourceMappingURL=View.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","ColorViewUniDriver","base","text","$","fillPreview","baseUniDriverFactory","getHex","hasText","exists","hasFillPreview","getFillStyle","attr"],"sources":["../../../../../../src/components/EditableTable/cellTypes/color/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function ColorViewUniDriver(base: UniDriver) {\n  const text = base.$('[data-hook=\"cell-color-view-text\"]');\n  const fillPreview = base.$('[data-hook=\"cell-color-view-fill-preview\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n    getHex: () => text.text(),\n    hasText: () => text.exists(),\n    hasFillPreview: () => fillPreview.exists(),\n    /** Whether the FillPreview is filled (has a `fill` attribute style). */\n    getFillStyle: () => fillPreview.attr('style') as Promise<string | null>,\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,kBAAkBA,CAACC,IAAe,EAAE;EAClD,MAAMC,IAAI,GAAGD,IAAI,CAACE,CAAC,CAAC,oCAAoC,CAAC;EACzD,MAAMC,WAAW,GAAGH,IAAI,CAACE,CAAC,CAAC,4CAA4C,CAAC;EAExE,OAAO;IACL,GAAG,IAAAE,+BAAoB,EAACJ,IAAI,CAAC;IAC7BK,MAAM,EAAEA,CAAA,KAAMJ,IAAI,CAACA,IAAI,CAAC,CAAC;IACzBK,OAAO,EAAEA,CAAA,KAAML,IAAI,CAACM,MAAM,CAAC,CAAC;IAC5BC,cAAc,EAAEA,CAAA,KAAML,WAAW,CAACI,MAAM,CAAC,CAAC;IAC1C;IACAE,YAAY,EAAEA,CAAA,KAAMN,WAAW,CAACO,IAAI,CAAC,OAAO;EAC9C,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.colorCellType = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _patternsFields = require("@wix/patterns-fields");
+var _types = require("../../types");
+var _View = require("./View");
+exports.ColorView = _View.ColorView;
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/color/index.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); }
+// Lazy-load the editor — it pulls in WSR's ColorPicker (≈10kb gzipped) which
+// is only needed when the user actually edits a color cell. Splitting here
+// (rather than inside CellColorInput) keeps the EditableTable main bundle
+// free of ColorPicker and its transitive `color` lib + converter modules.
+const LazyColorEdit = /*#__PURE__*/(0, _react.lazy)(() => Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "editable-table-color-edit" */'./Edit'))).then(m => ({
+  default: m.ColorEdit
+})));
+const ColorEdit = props => /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+  fallback: null,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 20,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(LazyColorEdit, (0, _extends2.default)({}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 21,
+    columnNumber: 5
+  }
+})));
+const colorCellType = exports.colorCellType = (0, _types.defineCellType)({
+  type: 'color',
+  ViewComponent: _View.ColorView,
+  EditComponent: ColorEdit,
+  serialize: value => value ?? '',
+  deserialize: raw => raw ? raw : undefined,
+  validate: value => {
+    if (!value) {
+      return null;
+    }
+    return _patternsFields.HEX_RE.test(value) ? null : 'Invalid color (expected #RGB or #RRGGBB)';
+  },
+  editable: true,
+  clearable: true,
+  // Unify empty representations (deserialize('') and clearable both produce
+  // undefined) and accept hex pastes without the leading `#`.
+  normalizeOnCommit: value => value ? (0, _patternsFields.normalizeHex)(value) ?? value : undefined,
+  // Type-to-edit: clear the cell so the user types a fresh hex; CellColorInput's
+  // controlled input then picks up subsequent keystrokes naturally.
+  onTypeToEdit: () => ({
+    value: undefined
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_types","_View","exports","ColorView","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LazyColorEdit","lazy","Promise","resolve","then","m","ColorEdit","props","createElement","Suspense","fallback","__self","__source","fileName","lineNumber","columnNumber","_extends2","colorCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","undefined","validate","HEX_RE","test","editable","clearable","normalizeOnCommit","normalizeHex","onTypeToEdit"],"sources":["../../../../../../src/components/EditableTable/cellTypes/color/index.tsx"],"sourcesContent":["import React, { Suspense, lazy } from 'react';\nimport { HEX_RE, normalizeHex } from '@wix/patterns-fields';\nimport { defineCellType } from '../../types';\nimport type { CellEditProps } from '../../types';\nimport { ColorView } from './View';\n\nexport { ColorView };\n\n// Lazy-load the editor — it pulls in WSR's ColorPicker (≈10kb gzipped) which\n// is only needed when the user actually edits a color cell. Splitting here\n// (rather than inside CellColorInput) keeps the EditableTable main bundle\n// free of ColorPicker and its transitive `color` lib + converter modules.\nconst LazyColorEdit = lazy(() =>\n  import(/* webpackChunkName: \"editable-table-color-edit\" */ './Edit').then(\n    (m) => ({ default: m.ColorEdit }),\n  ),\n);\n\nconst ColorEdit: React.FC<CellEditProps<string | undefined>> = (props) => (\n  <Suspense fallback={null}>\n    <LazyColorEdit {...props} />\n  </Suspense>\n);\n\nexport const colorCellType = defineCellType<string | undefined>({\n  type: 'color',\n  ViewComponent: ColorView,\n  EditComponent: ColorEdit,\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => (raw ? raw : undefined),\n  validate: (value) => {\n    if (!value) {\n      return null;\n    }\n    return HEX_RE.test(value)\n      ? null\n      : 'Invalid color (expected #RGB or #RRGGBB)';\n  },\n  editable: true,\n  clearable: true,\n  // Unify empty representations (deserialize('') and clearable both produce\n  // undefined) and accept hex pastes without the leading `#`.\n  normalizeOnCommit: (value) =>\n    value ? normalizeHex(value) ?? value : undefined,\n  // Type-to-edit: clear the cell so the user types a fresh hex; CellColorInput's\n  // controlled input then picks up subsequent keystrokes naturally.\n  onTypeToEdit: () => ({ value: undefined }),\n});\n"],"mappings":"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","ignoreList":[]}