@wix/patterns 1.409.0 → 1.411.0

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

@@ -75,6 +75,41 @@ function _EditableCell({
   } = resolved;
   const showValidationIndicator = !cellValidation.valid && !isEditing;
   const showEdit = (isEditing || isFocused && isEditable && !state.updateItemDisabled && (!!resolved.toggleValue || !!resolved.showEditWhenFocused)) && EditComponent;
+  const cellContent = showEdit ? /*#__PURE__*/_react.default.createElement(EditComponent, {
+    value: cellInteraction.editingValue !== undefined ? cellInteraction.editingValue : value,
+    onChange: handleChange,
+    onCommit: handleCommit,
+    onCancel: handleCancel,
+    onStartEdit: handleStartEdit,
+    inputRef: editInputRef,
+    typeConfig: column.typeConfig,
+    editTrigger: cellInteraction.editTrigger,
+    validation: column.validation,
+    columnId: columnId,
+    rowKey: rowKey,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 109,
+      columnNumber: 5
+    }
+  }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
+    value: value,
+    typeConfig: column.typeConfig,
+    validation: column.validation,
+    columnId: columnId,
+    rowKey: rowKey,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 127,
+      columnNumber: 5
+    }
+  });
+
+  // The cell type's EditWrapper (if any) stays mounted across the edit↔view
+  // swap, so it can own behavior that must outlive the inline editor.
+  const EditWrapper = resolved.EditWrapper;
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: cellRef,
     className: (0, _EditableCellStCss.st)(_EditableCellStCss.classes.root, {
@@ -107,7 +142,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 141,
       columnNumber: 5
     }
   }, showValidationIndicator && /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -116,7 +151,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 172,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -124,7 +159,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 173,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusWarningFilledSmall, {
@@ -132,40 +167,20 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 142,
+      lineNumber: 174,
       columnNumber: 13
     }
-  }))), showEdit ? /*#__PURE__*/_react.default.createElement(EditComponent, {
-    value: cellInteraction.editingValue !== undefined ? cellInteraction.editingValue : value,
-    onChange: handleChange,
-    onCommit: handleCommit,
-    onCancel: handleCancel,
-    onStartEdit: handleStartEdit,
-    inputRef: editInputRef,
-    typeConfig: column.typeConfig,
-    editTrigger: cellInteraction.editTrigger,
-    validation: column.validation,
-    columnId: columnId,
-    rowKey: rowKey,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 147,
-      columnNumber: 9
-    }
-  }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
-    value: value,
+  }))), EditWrapper ? /*#__PURE__*/_react.default.createElement(EditWrapper, {
     typeConfig: column.typeConfig,
-    validation: column.validation,
     columnId: columnId,
     rowKey: rowKey,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 179,
       columnNumber: 9
     }
-  }));
+  }, cellContent) : cellContent);
 }
 const EditableCell = exports.EditableCell = (0, _mobxReactLite.observer)(_EditableCell);
 //# sourceMappingURL=EditableCell.js.map

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","createElement","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","undefined","tabIndex","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","editingValue","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","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  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      {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    </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","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":[]}

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_ = "EditableCell3548949633";
+var _namespace_ = "EditableCell1458997303";
 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": "EditableCell3548949633__root",
-  "validationIndicator": "EditableCell3548949633__validationIndicator"
+  "root": "EditableCell1458997303__root",
+  "validationIndicator": "EditableCell1458997303__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_ = \"EditableCell3548949633\";\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\":\"EditableCell3548949633__root\",\"validationIndicator\":\"EditableCell3548949633__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_ = \"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":[]}

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

@@ -6,6 +6,7 @@ exports.EditableTable = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
+var _patternsFields = require("@wix/patterns-fields");
 var _PatternsFieldsProvider = require("../../providers/PatternsFieldsProvider");
 var _TableVirtual = require("../Table/TableVirtual");
 var _EditableCell = require("./EditableCell");
@@ -59,7 +60,7 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 88,
+          lineNumber: 89,
           columnNumber: 13
         }
       }) : null;
@@ -70,7 +71,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 99,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -84,7 +85,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 100,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -97,7 +98,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 109,
       columnNumber: 9
     }
   }), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
@@ -105,7 +106,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 118,
       columnNumber: 30
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
@@ -117,7 +118,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 121,
       columnNumber: 7
     }
   }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -126,7 +127,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 129,
       columnNumber: 9
     }
   })), state.fieldActions.confirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -139,10 +140,17 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 135,
       columnNumber: 9
     }
-  })), children);
+  })), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 145,
+      columnNumber: 7
+    }
+  }));
 }
 const EditableTable = exports.EditableTable = (0, _mobxReactLite.observer)(_EditableTable);
 //# sourceMappingURL=EditableTable.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","editableColumns","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","useMemo","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","fieldActions","confirmModal","primaryButtonProps","disabled","deleteTask","status","isLoading","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types */\n  columns: EditableColumn<T>[];\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns: editableColumns,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.fieldActions.confirmModal.value && (\n        <MessageActionModal\n          state={state.fieldActions.confirmModal}\n          {...state.fieldActions.confirmModal.value}\n          primaryButtonProps={{\n            ...state.fieldActions.confirmModal.value.primaryButtonProps,\n            disabled: state.fieldActions.deleteTask.status.isLoading,\n          }}\n        />\n      )}\n      {children}\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","editableColumns","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","useMemo","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","fieldActions","confirmModal","primaryButtonProps","disabled","deleteTask","status","isLoading","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types */\n  columns: EditableColumn<T>[];\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns: editableColumns,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.fieldActions.confirmModal.value && (\n        <MessageActionModal\n          state={state.fieldActions.confirmModal}\n          {...state.fieldActions.confirmModal.value}\n          primaryButtonProps={{\n            ...state.fieldActions.confirmModal.value.primaryButtonProps,\n            disabled: state.fieldActions.deleteTask.status.isLoading,\n          }}\n        />\n      )}\n      {children}\n      <GlobalAudioPlayer />\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\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_ = "HeaderActionsPopover3806251122";
+var _namespace_ = "HeaderActionsPopover773944543";
 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": "HeaderActionsPopover3806251122__root"
+  "root": "HeaderActionsPopover773944543__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_ = \"HeaderActionsPopover3806251122\";\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\":\"HeaderActionsPopover3806251122__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_ = \"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":[]}

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

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_ = "Edit4208959342";
+var _namespace_ = "Edit1757679255";
 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": "Edit4208959342__root",
-  "addressInput": "Edit4208959342__addressInput"
+  "root": "Edit1757679255__root",
+  "addressInput": "Edit1757679255__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_ = \"Edit4208959342\";\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\":\"Edit4208959342__root\",\"addressInput\":\"Edit4208959342__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_ = \"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":[]}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AudioEdit = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _patternsFields = require("@wix/patterns-fields");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/audio/Edit.tsx";
+const AudioEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  onStartEdit,
+  inputRef
+}) => /*#__PURE__*/_react.default.createElement(_patternsFields.CellAudioEdit, {
+  value: value,
+  onChange: onChange,
+  onCommit: onCommit,
+  onCancel: onCancel,
+  onStartEdit: onStartEdit,
+  inputRef: inputRef,
+  dataHook: "audio-edit",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 13,
+    columnNumber: 3
+  }
+});
+exports.AudioEdit = AudioEdit;
+//# sourceMappingURL=Edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_jsxFileName","AudioEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","default","createElement","CellAudioEdit","dataHook","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/audio/Edit.tsx"],"sourcesContent":["import React from 'react';\nimport { CellAudioEdit } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\n\nexport const AudioEdit: React.FC<CellEditProps<string | null>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n}) => (\n  <CellAudioEdit\n    value={value}\n    onChange={onChange}\n    onCommit={onCommit}\n    onCancel={onCancel}\n    onStartEdit={onStartEdit}\n    inputRef={inputRef}\n    dataHook=\"audio-edit\"\n  />\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAqD,IAAAE,YAAA;AAG9C,MAAMC,SAAiD,GAAGA,CAAC;EAChEC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,WAAW;EACXC;AACF,CAAC,kBACCX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,eAAA,CAAAW,aAAa;EACZR,KAAK,EAAEA,KAAM;EACbC,QAAQ,EAAEA,QAAS;EACnBC,QAAQ,EAAEA,QAAS;EACnBC,QAAQ,EAAEA,QAAS;EACnBC,WAAW,EAAEA,WAAY;EACzBC,QAAQ,EAAEA,QAAS;EACnBI,QAAQ,EAAC,YAAY;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAd,YAAA;IAAAe,UAAA;IAAAC,YAAA;EAAA;AAAA,CACtB,CACF;AAACC,OAAA,CAAAhB,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+exports.__esModule = true;
+exports.AudioEditUniDriver = AudioEditUniDriver;
+var _unidriver = require("../../../../unidriver");
+function AudioEditUniDriver(base, _body) {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    hasAddButton: () => base.$('[data-hook="audio-edit-add-button"]').exists(),
+    hasTag: () => base.$('[data-hook="audio-edit-tag"]').exists(),
+    hasMoreButton: () => base.$('[data-hook="audio-edit-more-button"]').exists(),
+    isLoading: () => base.$('[data-hook="audio-edit"] [data-hook="loader"]').exists()
+  };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","AudioEditUniDriver","base","_body","baseUniDriverFactory","hasAddButton","$","exists","hasTag","hasMoreButton","isLoading"],"sources":["../../../../../../src/components/EditableTable/cellTypes/audio/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function AudioEditUniDriver(base: UniDriver, _body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    hasAddButton: () => base.$('[data-hook=\"audio-edit-add-button\"]').exists(),\n    hasTag: () => base.$('[data-hook=\"audio-edit-tag\"]').exists(),\n    hasMoreButton: () =>\n      base.$('[data-hook=\"audio-edit-more-button\"]').exists(),\n    isLoading: () =>\n      base.$('[data-hook=\"audio-edit\"] [data-hook=\"loader\"]').exists(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,kBAAkBA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EACpE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,YAAY,EAAEA,CAAA,KAAMH,IAAI,CAACI,CAAC,CAAC,qCAAqC,CAAC,CAACC,MAAM,CAAC,CAAC;IAC1EC,MAAM,EAAEA,CAAA,KAAMN,IAAI,CAACI,CAAC,CAAC,8BAA8B,CAAC,CAACC,MAAM,CAAC,CAAC;IAC7DE,aAAa,EAAEA,CAAA,KACbP,IAAI,CAACI,CAAC,CAAC,sCAAsC,CAAC,CAACC,MAAM,CAAC,CAAC;IACzDG,SAAS,EAAEA,CAAA,KACTR,IAAI,CAACI,CAAC,CAAC,+CAA+C,CAAC,CAACC,MAAM,CAAC;EACnE,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AudioView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _patternsFields = require("@wix/patterns-fields");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/audio/View.tsx";
+const AudioView = ({
+  value
+}) => /*#__PURE__*/_react.default.createElement(_patternsFields.CellAudioView, {
+  value: value,
+  dataHook: "audio-view",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 7,
+    columnNumber: 7
+  }
+});
+exports.AudioView = AudioView;
+//# sourceMappingURL=View.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_jsxFileName","AudioView","value","default","createElement","CellAudioView","dataHook","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/audio/View.tsx"],"sourcesContent":["import React from 'react';\nimport { CellAudioView } from '@wix/patterns-fields';\nimport type { CellViewProps } from '../../types';\n\nexport const AudioView: React.FC<CellViewProps<string | null>> = ({\n  value,\n}) => <CellAudioView value={value} dataHook=\"audio-view\" />;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAqD,IAAAE,YAAA;AAG9C,MAAMC,SAAiD,GAAGA,CAAC;EAChEC;AACF,CAAC,kBAAKN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,eAAA,CAAAM,aAAa;EAACH,KAAK,EAAEA,KAAM;EAACI,QAAQ,EAAC,YAAY;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAT,YAAA;IAAAU,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAAC;AAACC,OAAA,CAAAX,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.AudioViewUniDriver = AudioViewUniDriver;
+var _unidriver = require("../../../../unidriver");
+function AudioViewUniDriver(base, _body) {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    hasTag: () => base.$('[data-hook="audio-cell-tag"]').exists(),
+    getTitle: async () => {
+      const tag = base.$('[data-hook="audio-cell-tag"]');
+      return tag.text();
+    }
+  };
+}
+//# sourceMappingURL=View.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","AudioViewUniDriver","base","_body","baseUniDriverFactory","hasTag","$","exists","getTitle","tag","text"],"sources":["../../../../../../src/components/EditableTable/cellTypes/audio/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function AudioViewUniDriver(base: UniDriver, _body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    hasTag: () => base.$('[data-hook=\"audio-cell-tag\"]').exists(),\n    getTitle: async () => {\n      const tag = base.$('[data-hook=\"audio-cell-tag\"]');\n      return tag.text();\n    },\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,kBAAkBA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EACpE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,MAAM,EAAEA,CAAA,KAAMH,IAAI,CAACI,CAAC,CAAC,8BAA8B,CAAC,CAACC,MAAM,CAAC,CAAC;IAC7DC,QAAQ,EAAE,MAAAA,CAAA,KAAY;MACpB,MAAMC,GAAG,GAAGP,IAAI,CAACI,CAAC,CAAC,8BAA8B,CAAC;MAClD,OAAOG,GAAG,CAACC,IAAI,CAAC,CAAC;IACnB;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+exports.audioCellType = void 0;
+var _types = require("../../types");
+var _View = require("./View");
+exports.AudioView = _View.AudioView;
+var _Edit = require("./Edit");
+exports.AudioEdit = _Edit.AudioEdit;
+const audioCellType = exports.audioCellType = (0, _types.defineCellType)({
+  type: 'audio',
+  ViewComponent: _View.AudioView,
+  EditComponent: _Edit.AudioEdit,
+  serialize: value => value ?? '',
+  clearable: true,
+  showEditWhenFocused: true,
+  // Returning undefined blocks all key presses from starting type-to-edit, but
+  // the presence of the function sets the :typeToEdit CSS modifier which keeps
+  // the selection borders visible while the cell is in edit mode (double border).
+  onTypeToEdit: () => undefined
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_View","exports","AudioView","_Edit","AudioEdit","audioCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","clearable","showEditWhenFocused","onTypeToEdit","undefined"],"sources":["../../../../../../src/components/EditableTable/cellTypes/audio/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { AudioView } from './View';\nimport { AudioEdit } from './Edit';\n\nexport { AudioView, AudioEdit };\n\nexport const audioCellType = defineCellType<string | null>({\n  type: 'audio',\n  ViewComponent: AudioView,\n  EditComponent: AudioEdit,\n  serialize: (value) => value ?? '',\n  clearable: true,\n  showEditWhenFocused: true,\n  // Returning undefined blocks all key presses from starting type-to-edit, but\n  // the presence of the function sets the :typeToEdit CSS modifier which keeps\n  // the selection borders visible while the cell is in edit mode (double border).\n  onTypeToEdit: () => undefined,\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAmCE,OAAA,CAAAC,SAAA,GAAAF,KAAA,CAAAE,SAAA;AACnC,IAAAC,KAAA,GAAAJ,OAAA;AAAmCE,OAAA,CAAAG,SAAA,GAAAD,KAAA,CAAAC,SAAA;AAI5B,MAAMC,aAAa,GAAAJ,OAAA,CAAAI,aAAA,GAAG,IAAAC,qBAAc,EAAgB;EACzDC,IAAI,EAAE,OAAO;EACbC,aAAa,EAAEN,eAAS;EACxBO,aAAa,EAAEL,eAAS;EACxBM,SAAS,EAAGC,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCC,SAAS,EAAE,IAAI;EACfC,mBAAmB,EAAE,IAAI;EACzB;EACA;EACA;EACAC,YAAY,EAAEA,CAAA,KAAMC;AACtB,CAAC,CAAC","ignoreList":[]}