"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.mediaGalleryCellType = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _designSystem = require("@wix/design-system");
var _types = require("../../types");
var _View = require("./View");
var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/mediaGallery/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); }
const mediaGalleryEditFactory = () => Promise.resolve().then(() => _interopRequireWildcard(require(/* webpackChunkName: "EditableTableMediaGalleryEdit" */'./Edit')));
if (typeof process !== 'undefined' && process.env.STORYBOOK_VISUAL_E2E !== 'true') {
  mediaGalleryEditFactory();
}
const LazyMediaGalleryEdit = /*#__PURE__*/_react.default.lazy(mediaGalleryEditFactory);
const MediaGalleryEdit = props => /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
  fallback: /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
    size: "tiny",
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 20,
      columnNumber: 29
    }
  }),
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 20,
    columnNumber: 3
  }
}, /*#__PURE__*/_react.default.createElement(LazyMediaGalleryEdit, (0, _extends2.default)({}, props, {
  __self: void 0,
  __source: {
    fileName: _jsxFileName,
    lineNumber: 21,
    columnNumber: 5
  }
})));
const mediaGalleryCellType = exports.mediaGalleryCellType = (0, _types.defineCellType)({
  type: 'mediaGallery',
  ViewComponent: _View.MediaGalleryView,
  EditComponent: MediaGalleryEdit,
  serialize: value => (value ?? []).map(item => item.src).join(', '),
  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