rr-table/lib/config/storybook/components/Card.js

Responsive and customizable React Table

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styledComponents = _interopRequireDefault(require("styled-components"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _templateObject2() {
  var data = _taggedTemplateLiteral(["\n  width: 60px;\n"]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: ", ";\n  padding: 20px;\n  height: 100%;\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

var Wrapper = _styledComponents.default.div(_templateObject(), function (_ref) {
  var backgroundColor = _ref.backgroundColor;
  return backgroundColor || '#eee';
});

var Button = _styledComponents.default.button(_templateObject2());

var Card = function Card(_ref2) {
  var data = _ref2.data,
      close = _ref2.close;
  return _react.default.createElement(Wrapper, null, _react.default.createElement(Button, {
    onClick: close
  }, "Close"), _react.default.createElement("p", null, _react.default.createElement("span", null, "Nom: "), _react.default.createElement("span", null, data.name)), _react.default.createElement("p", null, _react.default.createElement("span", null, "Pr\xE9nom: "), _react.default.createElement("span", null, data.surname)), _react.default.createElement("p", null, _react.default.createElement("span", null, "Age: "), _react.default.createElement("span", null, data.info && data.info.age)), _react.default.createElement("p", null, _react.default.createElement("span", null, "Job: "), _react.default.createElement("span", null, data.company && data.company.job)), _react.default.createElement("p", null, _react.default.createElement("span", null, "Sex: "), _react.default.createElement("span", null, data.info && data.info.sex)));
};

var _default = Card;
exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb25maWcvc3Rvcnlib29rL2NvbXBvbmVudHMvQ2FyZC5qc3giXSwibmFtZXMiOlsiV3JhcHBlciIsInN0eWxlZCIsImRpdiIsImJhY2tncm91bmRDb2xvciIsIkJ1dHRvbiIsImJ1dHRvbiIsIkNhcmQiLCJkYXRhIiwiY2xvc2UiLCJuYW1lIiwic3VybmFtZSIsImluZm8iLCJhZ2UiLCJjb21wYW55Iiwiam9iIiwic2V4Il0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBRUEsSUFBTUEsT0FBTyxHQUFHQywwQkFBT0MsR0FBVixvQkFJUztBQUFBLE1BQUdDLGVBQUgsUUFBR0EsZUFBSDtBQUFBLFNBQXlCQSxlQUFlLElBQUksTUFBNUM7QUFBQSxDQUpULENBQWI7O0FBU0EsSUFBTUMsTUFBTSxHQUFHSCwwQkFBT0ksTUFBVixvQkFBWjs7QUFJQSxJQUFNQyxJQUFJLEdBQUcsU0FBUEEsSUFBTyxRQUFxQjtBQUFBLE1BQWxCQyxJQUFrQixTQUFsQkEsSUFBa0I7QUFBQSxNQUFaQyxLQUFZLFNBQVpBLEtBQVk7QUFDaEMsU0FDRSw2QkFBQyxPQUFELFFBQ0UsNkJBQUMsTUFBRDtBQUFRLElBQUEsT0FBTyxFQUFFQTtBQUFqQixhQURGLEVBRUUsd0NBQ0UsbURBREYsRUFFRSwyQ0FBT0QsSUFBSSxDQUFDRSxJQUFaLENBRkYsQ0FGRixFQU1FLHdDQUNFLHlEQURGLEVBRUUsMkNBQU9GLElBQUksQ0FBQ0csT0FBWixDQUZGLENBTkYsRUFVRSx3Q0FDRSxtREFERixFQUVFLDJDQUFPSCxJQUFJLENBQUNJLElBQUwsSUFBYUosSUFBSSxDQUFDSSxJQUFMLENBQVVDLEdBQTlCLENBRkYsQ0FWRixFQWNFLHdDQUNFLG1EQURGLEVBRUUsMkNBQU9MLElBQUksQ0FBQ00sT0FBTCxJQUFnQk4sSUFBSSxDQUFDTSxPQUFMLENBQWFDLEdBQXBDLENBRkYsQ0FkRixFQWtCRSx3Q0FDRSxtREFERixFQUVFLDJDQUFPUCxJQUFJLENBQUNJLElBQUwsSUFBYUosSUFBSSxDQUFDSSxJQUFMLENBQVVJLEdBQTlCLENBRkYsQ0FsQkYsQ0FERjtBQXlCRCxDQTFCRDs7ZUE0QmVULEkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnc3R5bGVkLWNvbXBvbmVudHMnO1xuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IGJhY2tncm91bmRDb2xvciB9KSA9PiBiYWNrZ3JvdW5kQ29sb3IgfHwgJyNlZWUnfTtcbiAgcGFkZGluZzogMjBweDtcbiAgaGVpZ2h0OiAxMDAlO1xuYDtcblxuY29uc3QgQnV0dG9uID0gc3R5bGVkLmJ1dHRvbmBcbiAgd2lkdGg6IDYwcHg7XG5gO1xuXG5jb25zdCBDYXJkID0gKHsgZGF0YSwgY2xvc2UgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAgPEJ1dHRvbiBvbkNsaWNrPXtjbG9zZX0+Q2xvc2U8L0J1dHRvbj5cbiAgICAgIDxwPlxuICAgICAgICA8c3Bhbj5Ob206IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4+e2RhdGEubmFtZX08L3NwYW4+XG4gICAgICA8L3A+XG4gICAgICA8cD5cbiAgICAgICAgPHNwYW4+UHLDqW5vbTogPC9zcGFuPlxuICAgICAgICA8c3Bhbj57ZGF0YS5zdXJuYW1lfTwvc3Bhbj5cbiAgICAgIDwvcD5cbiAgICAgIDxwPlxuICAgICAgICA8c3Bhbj5BZ2U6IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4+e2RhdGEuaW5mbyAmJiBkYXRhLmluZm8uYWdlfTwvc3Bhbj5cbiAgICAgIDwvcD5cbiAgICAgIDxwPlxuICAgICAgICA8c3Bhbj5Kb2I6IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4+e2RhdGEuY29tcGFueSAmJiBkYXRhLmNvbXBhbnkuam9ifTwvc3Bhbj5cbiAgICAgIDwvcD5cbiAgICAgIDxwPlxuICAgICAgICA8c3Bhbj5TZXg6IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4+e2RhdGEuaW5mbyAmJiBkYXRhLmluZm8uc2V4fTwvc3Bhbj5cbiAgICAgIDwvcD5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDYXJkO1xuIl19