@makeen.io/material-ui-kit/distr/molecules/EditRow/index.js

Makeen UI components kit. Based on material-ui.

import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  & .remove-icon {\n    color: ", ";\n    cursor: pointer;\n    margin-left: 16px;\n  }\n  & .reorder-icon {\n    margin-left: 16px;\n    color: ", ";\n\n    & .MuiSvgIcon-root {\n      width: 30px;\n      height: 36px;\n      cursor: move;\n    }\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;} /* eslint-disable no-console */
import React from "react";
import CancelIcon from "@material-ui/icons/Cancel";
import DragHandleIcon from "@material-ui/icons/DragHandle";
import { SortableHandle } from "react-sortable-hoc";
import styled from "styled-components";
// ${props => props.theme.palette.tertiary.border}
// const EditWrapper = styled.div<EditWrapperProps>;
var ReorderHandle = SortableHandle(function () {return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/
  React.createElement(DragHandleIcon, null));});
export default styled(function (_ref) {var index = _ref.index,onRemove = _ref.onRemove,_ref$showReorder = _ref.showReorder,showReorder = _ref$showReorder === void 0 ? true : _ref$showReorder,onReorderMouseLeave = _ref.onReorderMouseLeave,onReorderMouseEnter = _ref.onReorderMouseEnter,onReorderHover = _ref.onReorderHover,className = _ref.className,children = _ref.children;
  var handleReorderHover = function handleReorderHover() {
    console.log("REORDER HOVER");
    onReorderHover && onReorderHover(index);
  };
  var handleReorderMouseOut = function handleReorderMouseOut() {
    console.log("REORDER MOUSE OUT");
    onReorderMouseLeave && onReorderMouseLeave(index);
  };
  var handleReorderMouseEnter = function handleReorderMouseEnter() {
    console.log("REORDER MOUSE ENTER");
    onReorderMouseEnter && onReorderMouseEnter(index);
  };
  return /*#__PURE__*/React.createElement("div", { className: className },
  children, /*#__PURE__*/
  React.createElement("div", { className: "remove-icon", onClick: function onClick() {return onRemove(index);} }, /*#__PURE__*/
  React.createElement(CancelIcon, { height: 24, width: 24 })),
  showReorder ? /*#__PURE__*/React.createElement("div", { className: "reorder-icon", onMouseOver: handleReorderHover, onMouseEnter: handleReorderMouseEnter, onMouseLeave: handleReorderMouseOut }, /*#__PURE__*/
  React.createElement(ReorderHandle, null)) : null);
})(_templateObject(),




function (props) {return props.theme.palette.colors.basic[500];},





function (props) {return props.theme.palette.colors.basic[500];});








//# sourceMappingURL=index.js.map