@talend/react-components/lib/GridLayout/Tile/Tile.component.js

Set of react components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _classnames = _interopRequireDefault(require("classnames"));
var _TileModule = _interopRequireDefault(require("./Tile.module.scss"));
var _context = require("./context");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/* eslint-disable jsx-a11y/no-static-element-interactions */

/**
 * We need to stop propagation when focusing an input
 * in order to prevent the drag n drop feature from starting at that moment
 * @param e event
 */function ignoreDragOnInput(e) {
  if (e.target.tagName.toLowerCase() === 'input') {
    e.stopPropagation();
  }
}
function Tile(props) {
  const [displayMode, setDisplayMode] = (0, _react.useState)('');
  const contextValues = {
    displayMode,
    setDisplayMode
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.TileContext.Provider, {
    value: contextValues,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: (0, _classnames.default)(_TileModule.default['tc-tile-container'], 'tc-tile-container', props.className),
      onMouseDown: ignoreDragOnInput,
      children: props.children
    })
  });
}
var _default = exports.default = Tile;
//# sourceMappingURL=Tile.component.js.map