chem-generic-ui 0.1.35 → 0.1.38

package/dist/components/dnd/GenericElDropTarget.js

@@ -1,275 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _uuid = require("uuid");
-
-var _reactDnd = require("react-dnd");
-
-var _reactBootstrap = require("react-bootstrap");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-// import UIStore from '../stores/UIStore';
-// const handleSampleClick = (type, id) => {
-//   const { currentCollection, isSync } = UIStore.getState();
-//   if (!isNaN(id)) type += `/${id}`;
-//   const collectionUrl = `${currentCollection.id}/${type}`;
-//   Aviator.navigate(isSync ? `/scollection/${collectionUrl}` : `/collection/${collectionUrl}`);
-// };
-// const handleElementClick = (type, id) => {
-//   const { currentCollection, isSync } = UIStore.getState();
-//   if (!isNaN(id)) type += `/${id}`;
-//   const collectionUrl = `${currentCollection.id}/${type}`;
-//   Aviator.navigate(isSync ? `/scollection/${collectionUrl}` : `/collection/${collectionUrl}`);
-// };
-var show = function show(opt, iconClass, onLink) {
-  if (opt.value && opt.value.el_id) {
-    var tips = opt.value.el_tip && opt.value.el_tip.split('@@');
-    var tip1 = tips && tips.length >= 1 && tips[0] || '';
-    var tip2 = tips && tips.length >= 2 && tips[1] || '';
-
-    var tit = /*#__PURE__*/_react.default.createElement("div", null, tip1, /*#__PURE__*/_react.default.createElement("br", null), tip2);
-
-    var pop = /*#__PURE__*/_react.default.createElement(_reactBootstrap.Popover, {
-      id: "popover-svg",
-      title: tit,
-      style: {
-        maxWidth: 'none',
-        maxHeight: 'none'
-      }
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: opt.value.el_svg,
-      style: {
-        height: '26vh',
-        width: '26vh'
-      },
-      alt: ""
-    }));
-
-    var label = opt.value.el_label;
-
-    var simg = function simg(path, tip, txt) {
-      return path && path !== '' ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "s-img"
-      }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
-        trigger: ['hover'],
-        placement: "left",
-        rootClose: true,
-        onHide: null,
-        overlay: pop
-      }, /*#__PURE__*/_react.default.createElement("img", {
-        src: path,
-        alt: ""
-      })), "\xA0", /*#__PURE__*/_react.default.createElement("span", {
-        className: "data"
-      }, txt)) : /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
-        placement: "top",
-        overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, {
-          id: (0, _uuid.v4)()
-        }, tip1, /*#__PURE__*/_react.default.createElement("br", null), tip2)
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "data"
-      }, txt));
-    };
-
-    if (opt.value.el_type === 'sample') {
-      if (opt.value.is_new !== true) {
-        label =
-        /*#__PURE__*/
-        // <a role="link"
-        // onClick={() => handleSampleClick(opt.value.el_type, opt.value.el_id)}
-        // style={{ cursor: 'pointer' }}>
-        _react.default.createElement("a", {
-          role: "link",
-          onClick: function onClick() {
-            return onLink(opt.value.el_type, opt.value.el_id);
-          },
-          style: {
-            cursor: 'pointer'
-          }
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "reaction-material-link"
-        }, label));
-      }
-    }
-
-    if (opt.value.el_type === 'element') {
-      label =
-      /*#__PURE__*/
-      // <a role="link"
-      // onClick={() => handleElementClick(opt.value.el_klass, opt.value.el_id)}
-      // style={{ cursor: 'pointer' }}>
-      _react.default.createElement("a", {
-        role: "link",
-        onClick: function onClick() {
-          return onLink(opt.value.el_klass, opt.value.el_id);
-        },
-        style: {
-          cursor: 'pointer'
-        }
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: opt.value.icon_name
-      }), "\xA0", /*#__PURE__*/_react.default.createElement("span", {
-        className: "reaction-material-link"
-      }, label));
-    }
-
-    return simg(opt.value.el_svg, opt.value.el_tip, label);
-  }
-
-  if (iconClass === 'element') {
-    return /*#__PURE__*/_react.default.createElement("span", {
-      className: "fa fa-link icon_generic_nav indicator"
-    });
-  }
-
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-".concat(iconClass, " indicator")
-  });
-};
-
-var source = function source(type, props, id) {
-  var isAssoc = false;
-  var taggable = props && props.tag && props.tag.taggable_data || {};
-
-  if (taggable.element && taggable.element.id === id) {
-    isAssoc = false;
-  } else {
-    isAssoc = !!(taggable.reaction_id || taggable.wellplate_id || taggable.element);
-  }
-
-  switch (type) {
-    case 'molecule':
-      return {
-        el_id: props.molecule.id,
-        el_type: 'molecule',
-        el_label: props.molecule_name_label,
-        el_tip: "".concat(props.molecule.inchikey, "@@").concat(props.molecule.cano_smiles)
-      };
-
-    case 'sample':
-      return {
-        el_id: props.id,
-        is_new: true,
-        cr_opt: isAssoc === true ? 1 : 0,
-        isAssoc: isAssoc,
-        el_type: 'sample',
-        el_label: props.short_label,
-        el_tip: props.short_label
-      };
-
-    case 'element':
-      return {
-        el_id: props.id,
-        el_type: 'element',
-        icon_name: props.element_klass && props.element_klass.icon_name || '',
-        el_klass: props.type,
-        el_label: props.short_label,
-        el_tip: "".concat(props.label, "@@").concat(props.name)
-      };
-
-    default:
-      return {
-        el_id: props.id,
-        el_type: props.type,
-        el_label: props.short_label,
-        el_tip: props.short_label
-      };
-  }
-};
-
-var dropTarget = {
-  drop: function drop(targetProps, monitor) {
-    var sourceProps = monitor.getItem().element;
-    var sourceTag = source(targetProps.opt.type.split('_')[1], sourceProps, targetProps.opt.id);
-    targetProps.onDrop(sourceTag);
-  },
-  canDrop: function canDrop(_targetProps, _monitor) {
-    return true;
-  }
-};
-
-var dropCollect = function dropCollect(connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    isOver: monitor.isOver(),
-    canDrop: monitor.canDrop()
-  };
-};
-
-var GenericElDropTarget = /*#__PURE__*/function (_Component) {
-  _inherits(GenericElDropTarget, _Component);
-
-  var _super = _createSuper(GenericElDropTarget);
-
-  function GenericElDropTarget() {
-    _classCallCheck(this, GenericElDropTarget);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(GenericElDropTarget, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          connectDropTarget = _this$props.connectDropTarget,
-          isOver = _this$props.isOver,
-          canDrop = _this$props.canDrop,
-          opt = _this$props.opt,
-          onLink = _this$props.onLink;
-      var iconClass = opt.dndItems && opt.dndItems[0] === 'molecule' ? 'sample' : opt.dndItems[0];
-      var className = "target".concat(isOver ? ' is-over' : '').concat(canDrop ? ' can-drop' : '');
-      return connectDropTarget( /*#__PURE__*/_react.default.createElement("div", {
-        className: className
-      }, show(opt, iconClass, onLink)));
-    }
-  }]);
-
-  return GenericElDropTarget;
-}(_react.Component);
-
-var _default = (0, _reactDnd.DropTarget)(function (props) {
-  return props.opt.dndItems;
-}, dropTarget, dropCollect)(GenericElDropTarget);
-
-exports.default = _default;
-GenericElDropTarget.propTypes = {
-  connectDropTarget: _propTypes.default.func.isRequired,
-  isOver: _propTypes.default.bool.isRequired,
-  canDrop: _propTypes.default.bool.isRequired
-};
-//# sourceMappingURL=GenericElDropTarget.js.map

package/dist/components/dnd/GenericElDropTarget.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/dnd/GenericElDropTarget.js"],"names":["show","opt","iconClass","onLink","value","el_id","tips","el_tip","split","tip1","length","tip2","tit","pop","maxWidth","maxHeight","el_svg","height","width","label","el_label","simg","path","tip","txt","el_type","is_new","cursor","el_klass","icon_name","source","type","props","id","isAssoc","taggable","tag","taggable_data","element","reaction_id","wellplate_id","molecule","molecule_name_label","inchikey","cano_smiles","cr_opt","short_label","element_klass","name","dropTarget","drop","targetProps","monitor","sourceProps","getItem","sourceTag","onDrop","canDrop","_targetProps","_monitor","dropCollect","connect","connectDropTarget","isOver","GenericElDropTarget","dndItems","className","Component","propTypes","PropTypes","func","isRequired","bool"],"mappings":"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","sourcesContent":["/* eslint-disable no-unused-vars */\n/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/interactive-supports-focus */\n/* eslint-disable react/prop-types */\n/* eslint-disable no-restricted-globals */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { v4 as uuid } from 'uuid';\nimport { DropTarget } from 'react-dnd';\n// import Aviator from 'aviator';\nimport { Tooltip, OverlayTrigger, Popover } from 'react-bootstrap';\n// import UIStore from '../stores/UIStore';\n\n// const handleSampleClick = (type, id) => {\n//   const { currentCollection, isSync } = UIStore.getState();\n//   if (!isNaN(id)) type += `/${id}`;\n//   const collectionUrl = `${currentCollection.id}/${type}`;\n//   Aviator.navigate(isSync ? `/scollection/${collectionUrl}` : `/collection/${collectionUrl}`);\n// };\n\n// const handleElementClick = (type, id) => {\n//   const { currentCollection, isSync } = UIStore.getState();\n//   if (!isNaN(id)) type += `/${id}`;\n//   const collectionUrl = `${currentCollection.id}/${type}`;\n//   Aviator.navigate(isSync ? `/scollection/${collectionUrl}` : `/collection/${collectionUrl}`);\n// };\n\nconst show = (opt, iconClass, onLink) => {\n  if (opt.value && opt.value.el_id) {\n    const tips = opt.value.el_tip && opt.value.el_tip.split('@@');\n    const tip1 = (tips && tips.length >= 1 && tips[0]) || '';\n    const tip2 = (tips && tips.length >= 2 && tips[1]) || '';\n    const tit = (<div>{tip1}<br />{tip2}</div>);\n    const pop = (\n      <Popover id=\"popover-svg\" title={tit} style={{ maxWidth: 'none', maxHeight: 'none' }}>\n        <img src={opt.value.el_svg} style={{ height: '26vh', width: '26vh' }} alt=\"\" />\n      </Popover>\n    );\n    let label = opt.value.el_label;\n    const simg = (path, tip, txt) => ((path && path !== '') ? (\n      <div className=\"s-img\">\n        <OverlayTrigger trigger={['hover']} placement=\"left\" rootClose onHide={null} overlay={pop}>\n          <img src={path} alt=\"\" />\n        </OverlayTrigger>&nbsp;<span className=\"data\">{txt}</span>\n      </div>\n    ) : (<OverlayTrigger placement=\"top\" overlay={<Tooltip id={uuid()}>{tip1}<br />{tip2}</Tooltip>}><div className=\"data\">{txt}</div></OverlayTrigger>));\n    if (opt.value.el_type === 'sample') {\n      if (opt.value.is_new !== true) {\n        label = (\n          // <a role=\"link\"\n          // onClick={() => handleSampleClick(opt.value.el_type, opt.value.el_id)}\n          // style={{ cursor: 'pointer' }}>\n          <a role=\"link\" onClick={() => onLink(opt.value.el_type, opt.value.el_id)} style={{ cursor: 'pointer' }}>\n            <span className=\"reaction-material-link\">{label}</span>\n          </a>\n        );\n      }\n    }\n    if (opt.value.el_type === 'element') {\n      label = (\n        // <a role=\"link\"\n        // onClick={() => handleElementClick(opt.value.el_klass, opt.value.el_id)}\n        // style={{ cursor: 'pointer' }}>\n        <a role=\"link\" onClick={() => onLink(opt.value.el_klass, opt.value.el_id)} style={{ cursor: 'pointer' }}>\n          <i className={opt.value.icon_name} />&nbsp;\n          <span className=\"reaction-material-link\">{label}</span>\n        </a>\n      );\n    }\n    return simg(opt.value.el_svg, opt.value.el_tip, label);\n  }\n  if (iconClass === 'element') {\n    return (<span className=\"fa fa-link icon_generic_nav indicator\" />);\n  }\n  return (<span className={`icon-${iconClass} indicator`} />);\n};\n\nconst source = (type, props, id) => {\n  let isAssoc = false;\n  const taggable = (props && props.tag && props.tag.taggable_data) || {};\n  if (taggable.element && taggable.element.id === id) {\n    isAssoc = false;\n  } else {\n    isAssoc = !!(taggable.reaction_id || taggable.wellplate_id || taggable.element);\n  }\n\n  switch (type) {\n    case 'molecule':\n      return {\n        el_id: props.molecule.id,\n        el_type: 'molecule',\n        el_label: props.molecule_name_label,\n        el_tip: `${props.molecule.inchikey}@@${props.molecule.cano_smiles}`,\n      };\n    case 'sample':\n      return {\n        el_id: props.id,\n        is_new: true,\n        cr_opt: isAssoc === true ? 1 : 0,\n        isAssoc,\n        el_type: 'sample',\n        el_label: props.short_label,\n        el_tip: props.short_label\n      };\n    case 'element':\n      return {\n        el_id: props.id,\n        el_type: 'element',\n        icon_name: (props.element_klass && props.element_klass.icon_name) || '',\n        el_klass: props.type,\n        el_label: props.short_label,\n        el_tip: `${props.label}@@${props.name}`\n      };\n    default:\n      return {\n        el_id: props.id,\n        el_type: props.type,\n        el_label: props.short_label,\n        el_tip: props.short_label,\n      };\n  }\n};\n\nconst dropTarget = {\n  drop(targetProps, monitor) {\n    const sourceProps = monitor.getItem().element;\n    const sourceTag = source(targetProps.opt.type.split('_')[1], sourceProps, targetProps.opt.id);\n    targetProps.onDrop(sourceTag);\n  },\n  canDrop(_targetProps, _monitor) {\n    return true;\n  },\n};\n\nconst dropCollect = (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n  canDrop: monitor.canDrop()\n});\n\nclass GenericElDropTarget extends Component {\n  render() {\n    const {\n      connectDropTarget, isOver, canDrop, opt, onLink\n    } = this.props;\n    const iconClass = (opt.dndItems && opt.dndItems[0] === 'molecule' ? 'sample' : opt.dndItems[0]);\n    const className = `target${isOver ? ' is-over' : ''}${canDrop ? ' can-drop' : ''}`;\n    return connectDropTarget(<div className={className}>{show(opt, iconClass, onLink)}</div>);\n  }\n}\n\nexport default\nDropTarget(props => props.opt.dndItems, dropTarget, dropCollect)(GenericElDropTarget);\n\nGenericElDropTarget.propTypes = {\n  connectDropTarget: PropTypes.func.isRequired,\n  isOver: PropTypes.bool.isRequired,\n  canDrop: PropTypes.bool.isRequired,\n};\n"],"file":"GenericElDropTarget.js"}

package/dist/components/dnd/GridDnD.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDnd = require("react-dnd");
-
-var _redux = require("redux");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var orderSource = {
-  beginDrag: function beginDrag(props) {
-    var field = props.field,
-        rowValue = props.rowValue;
-    return {
-      fid: field,
-      rId: rowValue.id
-    };
-  }
-};
-var orderTarget = {
-  drop: function drop(props, monitor) {
-    var field = props.field,
-        rowValue = props.rowValue,
-        handleMove = props.handleMove;
-    var tar = {
-      fid: field,
-      rId: rowValue.id
-    };
-    var src = monitor.getItem();
-    if (tar.fid === src.fid && tar.rId !== src.rId) handleMove(src.rId, tar.rId);
-  }
-};
-
-var orderDragCollect = function orderDragCollect(connect, monitor) {
-  return {
-    connectDragSource: connect.dragSource(),
-    isDragging: monitor.isDragging()
-  };
-};
-
-var orderDropCollect = function orderDropCollect(connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    isOver: monitor.isOver(),
-    canDrop: monitor.canDrop()
-  };
-};
-
-var GridDnD = function GridDnD(_ref) {
-  var connectDragSource = _ref.connectDragSource,
-      connectDropTarget = _ref.connectDropTarget,
-      isDragging = _ref.isDragging,
-      isOver = _ref.isOver,
-      canDrop = _ref.canDrop;
-  var className = "generic_grid_dnd".concat(isOver ? ' is-over' : '').concat(canDrop ? ' can-drop' : '').concat(isDragging ? ' is-dragging' : '');
-  return (0, _redux.compose)(connectDragSource, connectDropTarget)( /*#__PURE__*/_react.default.createElement("div", {
-    className: className
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dnd-btn"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "text-info fa fa-arrows"
-  }))));
-};
-
-var _default = (0, _redux.compose)((0, _reactDnd.DragSource)(function (s) {
-  return s.type;
-}, orderSource, orderDragCollect), (0, _reactDnd.DropTarget)(function (s) {
-  return s.type;
-}, orderTarget, orderDropCollect))(GridDnD);
-
-exports.default = _default;
-//# sourceMappingURL=GridDnD.js.map

package/dist/components/dnd/GridDnD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/dnd/GridDnD.js"],"names":["orderSource","beginDrag","props","field","rowValue","fid","rId","id","orderTarget","drop","monitor","handleMove","tar","src","getItem","orderDragCollect","connect","connectDragSource","dragSource","isDragging","orderDropCollect","connectDropTarget","dropTarget","isOver","canDrop","GridDnD","className","s","type"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,SADkB,qBACRC,KADQ,EACD;AACf,QAAQC,KAAR,GAA4BD,KAA5B,CAAQC,KAAR;AAAA,QAAeC,QAAf,GAA4BF,KAA5B,CAAeE,QAAf;AACA,WAAO;AAAEC,MAAAA,GAAG,EAAEF,KAAP;AAAcG,MAAAA,GAAG,EAAEF,QAAQ,CAACG;AAA5B,KAAP;AACD;AAJiB,CAApB;AAOA,IAAMC,WAAW,GAAG;AAClBC,EAAAA,IADkB,gBACbP,KADa,EACNQ,OADM,EACG;AACnB,QAAQP,KAAR,GAAwCD,KAAxC,CAAQC,KAAR;AAAA,QAAeC,QAAf,GAAwCF,KAAxC,CAAeE,QAAf;AAAA,QAAyBO,UAAzB,GAAwCT,KAAxC,CAAyBS,UAAzB;AACA,QAAMC,GAAG,GAAG;AAAEP,MAAAA,GAAG,EAAEF,KAAP;AAAcG,MAAAA,GAAG,EAAEF,QAAQ,CAACG;AAA5B,KAAZ;AACA,QAAMM,GAAG,GAAGH,OAAO,CAACI,OAAR,EAAZ;AACA,QAAIF,GAAG,CAACP,GAAJ,KAAYQ,GAAG,CAACR,GAAhB,IAAuBO,GAAG,CAACN,GAAJ,KAAYO,GAAG,CAACP,GAA3C,EAAgDK,UAAU,CAACE,GAAG,CAACP,GAAL,EAAUM,GAAG,CAACN,GAAd,CAAV;AACjD;AANiB,CAApB;;AASA,IAAMS,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,OAAD,EAAUN,OAAV;AAAA,SAAuB;AAC9CO,IAAAA,iBAAiB,EAAED,OAAO,CAACE,UAAR,EAD2B;AAE9CC,IAAAA,UAAU,EAAET,OAAO,CAACS,UAAR;AAFkC,GAAvB;AAAA,CAAzB;;AAKA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,OAAD,EAAUN,OAAV;AAAA,SAAuB;AAC9CW,IAAAA,iBAAiB,EAAEL,OAAO,CAACM,UAAR,EAD2B;AAE9CC,IAAAA,MAAM,EAAEb,OAAO,CAACa,MAAR,EAFsC;AAG9CC,IAAAA,OAAO,EAAEd,OAAO,CAACc,OAAR;AAHqC,GAAvB;AAAA,CAAzB;;AAMA,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAEV;AAAA,MADJR,iBACI,QADJA,iBACI;AAAA,MADeI,iBACf,QADeA,iBACf;AAAA,MADkCF,UAClC,QADkCA,UAClC;AAAA,MAD8CI,MAC9C,QAD8CA,MAC9C;AAAA,MADsDC,OACtD,QADsDA,OACtD;AACJ,MAAME,SAAS,6BAAsBH,MAAM,GAAG,UAAH,GAAgB,EAA5C,SAAiDC,OAAO,GAAG,WAAH,GAAiB,EAAzE,SAA8EL,UAAU,GAAG,cAAH,GAAoB,EAA5G,CAAf;AACA,SAAO,oBAAQF,iBAAR,EAA2BI,iBAA3B,gBAA8C;AAAK,IAAA,SAAS,EAAEK;AAAhB,kBAA2B;AAAK,IAAA,SAAS,EAAC;AAAf,kBAAyB;AAAM,IAAA,SAAS,EAAC;AAAhB,IAAzB,CAA3B,CAA9C,CAAP;AACD,CALD;;eAOe,oBACb,0BAAW,UAAAC,CAAC;AAAA,SAAIA,CAAC,CAACC,IAAN;AAAA,CAAZ,EAAwB5B,WAAxB,EAAqCe,gBAArC,CADa,EAEb,0BAAW,UAAAY,CAAC;AAAA,SAAIA,CAAC,CAACC,IAAN;AAAA,CAAZ,EAAwBpB,WAAxB,EAAqCY,gBAArC,CAFa,EAGbK,OAHa,C","sourcesContent":["import React from 'react';\nimport { DragSource, DropTarget } from 'react-dnd';\nimport { compose } from 'redux';\n\nconst orderSource = {\n  beginDrag(props) {\n    const { field, rowValue } = props;\n    return { fid: field, rId: rowValue.id };\n  },\n};\n\nconst orderTarget = {\n  drop(props, monitor) {\n    const { field, rowValue, handleMove } = props;\n    const tar = { fid: field, rId: rowValue.id };\n    const src = monitor.getItem();\n    if (tar.fid === src.fid && tar.rId !== src.rId) handleMove(src.rId, tar.rId);\n  },\n};\n\nconst orderDragCollect = (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n});\n\nconst orderDropCollect = (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n  canDrop: monitor.canDrop(),\n});\n\nconst GridDnD = ({\n  connectDragSource, connectDropTarget, isDragging, isOver, canDrop,\n}) => {\n  const className = `generic_grid_dnd${isOver ? ' is-over' : ''}${canDrop ? ' can-drop' : ''}${isDragging ? ' is-dragging' : ''}`;\n  return compose(connectDragSource, connectDropTarget)(<div className={className}><div className=\"dnd-btn\"><span className=\"text-info fa fa-arrows\" /></div></div>);\n};\n\nexport default compose(\n  DragSource(s => s.type, orderSource, orderDragCollect),\n  DropTarget(s => s.type, orderTarget, orderDropCollect)\n)(GridDnD);\n"],"file":"GridDnD.js"}

package/dist/components/dnd/PanelDnD.js

@@ -1,172 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDnd = require("react-dnd");
-
-var _redux = require("redux");
-
-var _reactBootstrap = require("react-bootstrap");
-
-var _uuid = require("uuid");
-
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable max-len */
-var orderSource = {
-  canDrag: function canDrag(props) {
-    return !props.layer.wf;
-  },
-  beginDrag: function beginDrag(props) {
-    var layer = props.layer,
-        field = props.field,
-        rowValue = props.rowValue;
-    return {
-      wf: layer.wf,
-      fid: field,
-      rId: rowValue.id
-    };
-  }
-};
-var orderTarget = {
-  canDrop: function canDrop(props, monitor) {
-    var src = monitor.getItem();
-    return !props.layer.wf || !src.wf;
-  },
-  drop: function drop(props, monitor) {
-    var layer = props.layer,
-        field = props.field,
-        rowValue = props.rowValue,
-        handleMove = props.handleMove;
-    var tar = {
-      wf: layer.wf,
-      fid: field,
-      rId: rowValue.id
-    };
-    var src = monitor.getItem();
-    if (tar.fid === src.fid && tar.rId !== src.rId) handleMove(src.rId, tar.rId);
-  }
-};
-
-var orderDragCollect = function orderDragCollect(connect, monitor) {
-  return {
-    connectDragSource: connect.dragSource(),
-    isDragging: monitor.isDragging()
-  };
-};
-
-var orderDropCollect = function orderDropCollect(connect, monitor) {
-  return {
-    connectDropTarget: connect.dropTarget(),
-    isOver: monitor.isOver(),
-    canDrop: monitor.canDrop()
-  };
-};
-
-var PanelDnD = function PanelDnD(_ref) {
-  var connectDragSource = _ref.connectDragSource,
-      connectDropTarget = _ref.connectDropTarget,
-      isDragging = _ref.isDragging,
-      isOver = _ref.isOver,
-      canDrop = _ref.canDrop,
-      layer = _ref.layer,
-      id = _ref.id,
-      handleChange = _ref.handleChange,
-      bs = _ref.bs;
-  var className = "generic_grid_dnd".concat(isOver ? ' is-over' : '').concat(canDrop ? ' can-drop' : '').concat(isDragging ? ' is-dragging' : '');
-  var style = layer.style,
-      label = layer.label,
-      wf = layer.wf,
-      key = layer.key;
-  var klz = (style || 'panel_generic_heading').replace('panel_generic_heading', 'panel_generic_heading_slim');
-
-  var btnAdd = /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
-    delayShow: 1000,
-    placement: "top",
-    overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, {
-      id: "_tooltip_add_layer"
-    }, "add layer")
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-    bsSize: "xsmall",
-    onClick: function onClick(event) {
-      return handleChange(event, id, layer, 'layer-modal');
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: "fas fa-plus"
-  })));
-
-  var btnRemove = /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
-    delayShow: 1000,
-    placement: "top",
-    overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, {
-      id: "_tooltip_remove_layer"
-    }, "remove layer")
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-    bsSize: "xsmall",
-    onClick: function onClick(event) {
-      return handleChange(event, id, layer, 'layer-remove');
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: "fas fa-minus"
-  })));
-
-  var wfIcon = wf ? /*#__PURE__*/_react.default.createElement("span", null, "\xA0", /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: "fas fa-sitemap"
-  })) : null;
-
-  var moveIcon = /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
-    delayShow: 1000,
-    placement: "top",
-    overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, {
-      id: (0, _uuid.v4)()
-    }, "drag and drop to move position")
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-    onClick: function onClick() {},
-    bsSize: "xsmall"
-  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: "fas fa-arrows-alt"
-  })));
-
-  var btnLayer = wf ? /*#__PURE__*/_react.default.createElement(_reactBootstrap.ButtonGroup, {
-    className: "pull-right"
-  }, btnAdd) : /*#__PURE__*/_react.default.createElement(_reactBootstrap.ButtonGroup, {
-    className: "pull-right"
-  }, btnAdd, btnRemove, moveIcon);
-  var extHead = /\./g.test(key) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "(", key, wfIcon, ")") : null;
-
-  var panelHeader = /*#__PURE__*/_react.default.createElement(_reactBootstrap.Panel.Heading, {
-    className: klz
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Panel.Title, {
-    toggle: true,
-    style: {
-      float: 'left',
-      lineHeight: 'normal'
-    }
-  }, label, "\xA0", extHead), btnLayer, /*#__PURE__*/_react.default.createElement("div", {
-    className: "clearfix"
-  }));
-
-  var panelHColor = bs !== 'none' ? "panel-".concat(bs) : '';
-  var dndKlz = wf ? "dnd-none ".concat(panelHColor) : "dnd ".concat(panelHColor);
-  return (0, _redux.compose)(connectDragSource, connectDropTarget)( /*#__PURE__*/_react.default.createElement("div", {
-    className: className
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: dndKlz
-  }, panelHeader)));
-};
-
-var _default = (0, _redux.compose)((0, _reactDnd.DragSource)(function (s) {
-  return s.type;
-}, orderSource, orderDragCollect), (0, _reactDnd.DropTarget)(function (s) {
-  return s.type;
-}, orderTarget, orderDropCollect))(PanelDnD);
-
-exports.default = _default;
-//# sourceMappingURL=PanelDnD.js.map

package/dist/components/dnd/PanelDnD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/dnd/PanelDnD.js"],"names":["orderSource","canDrag","props","layer","wf","beginDrag","field","rowValue","fid","rId","id","orderTarget","canDrop","monitor","src","getItem","drop","handleMove","tar","orderDragCollect","connect","connectDragSource","dragSource","isDragging","orderDropCollect","connectDropTarget","dropTarget","isOver","PanelDnD","handleChange","bs","className","style","label","key","klz","replace","btnAdd","event","btnRemove","wfIcon","moveIcon","btnLayer","extHead","test","panelHeader","float","lineHeight","panelHColor","dndKlz","s","type"],"mappings":"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","sourcesContent":["/* eslint-disable max-len */\nimport React from 'react';\nimport { DragSource, DropTarget } from 'react-dnd';\nimport { compose } from 'redux';\nimport { Panel, ButtonGroup, OverlayTrigger, Tooltip, Button } from 'react-bootstrap';\nimport { v4 as uuid } from 'uuid';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nconst orderSource = {\n  canDrag(props) {\n    return !props.layer.wf;\n  },\n  beginDrag(props) {\n    const { layer, field, rowValue } = props;\n    return { wf: layer.wf, fid: field, rId: rowValue.id };\n  },\n};\n\nconst orderTarget = {\n  canDrop(props, monitor) {\n    const src = monitor.getItem();\n    return !props.layer.wf || !src.wf;\n  },\n  drop(props, monitor) {\n    const {\n      layer, field, rowValue, handleMove\n    } = props;\n    const tar = { wf: layer.wf, fid: field, rId: rowValue.id };\n    const src = monitor.getItem();\n    if (tar.fid === src.fid && tar.rId !== src.rId) handleMove(src.rId, tar.rId);\n  },\n};\n\nconst orderDragCollect = (connect, monitor) => ({\n  connectDragSource: connect.dragSource(),\n  isDragging: monitor.isDragging(),\n});\n\nconst orderDropCollect = (connect, monitor) => ({\n  connectDropTarget: connect.dropTarget(),\n  isOver: monitor.isOver(),\n  canDrop: monitor.canDrop(),\n});\n\nconst PanelDnD = ({\n  connectDragSource, connectDropTarget, isDragging, isOver, canDrop,\n  layer, id, handleChange, bs\n}) => {\n  const className = `generic_grid_dnd${isOver ? ' is-over' : ''}${canDrop ? ' can-drop' : ''}${isDragging ? ' is-dragging' : ''}`;\n  const {\n    style, label, wf, key\n  } = layer;\n  const klz = (style || 'panel_generic_heading').replace('panel_generic_heading', 'panel_generic_heading_slim');\n  const btnAdd = (\n    <OverlayTrigger delayShow={1000} placement=\"top\" overlay={<Tooltip id=\"_tooltip_add_layer\">add layer</Tooltip>}>\n      <Button bsSize=\"xsmall\" onClick={event => handleChange(event, id, layer, 'layer-modal')}><FontAwesomeIcon icon=\"fas fa-plus\" /></Button>\n    </OverlayTrigger>\n  );\n  const btnRemove = (\n    <OverlayTrigger delayShow={1000} placement=\"top\" overlay={<Tooltip id=\"_tooltip_remove_layer\">remove layer</Tooltip>}>\n      <Button bsSize=\"xsmall\" onClick={event => handleChange(event, id, layer, 'layer-remove')}><FontAwesomeIcon icon=\"fas fa-minus\" /></Button>\n    </OverlayTrigger>\n  );\n  const wfIcon = wf ? (<span>&nbsp;<FontAwesomeIcon icon=\"fas fa-sitemap\" /></span>) : null;\n  const moveIcon = (\n    <OverlayTrigger delayShow={1000} placement=\"top\" overlay={<Tooltip id={uuid()}>drag and drop to move position</Tooltip>}>\n      <Button onClick={() => {}} bsSize=\"xsmall\"><FontAwesomeIcon icon=\"fas fa-arrows-alt\" /></Button>\n    </OverlayTrigger>);\n  const btnLayer = wf ? (<ButtonGroup className=\"pull-right\" >{btnAdd}</ButtonGroup>) : (<ButtonGroup className=\"pull-right\" >{btnAdd}{btnRemove}{moveIcon}</ButtonGroup>);\n  const extHead = (/\\./g.test(key)) ? <>({key}{wfIcon})</> : null;\n  const panelHeader = (\n    <Panel.Heading className={klz}>\n      <Panel.Title toggle style={{ float: 'left', lineHeight: 'normal' }}>{label}&nbsp;{extHead}</Panel.Title>{btnLayer}\n      <div className=\"clearfix\" />\n    </Panel.Heading>\n  );\n  const panelHColor = bs !== 'none' ? `panel-${bs}` : '';\n  const dndKlz = wf ? `dnd-none ${panelHColor}` : `dnd ${panelHColor}`;\n  return compose(connectDragSource, connectDropTarget)(<div className={className}><div className={dndKlz}>{panelHeader}</div></div>);\n};\n\nexport default compose(\n  DragSource(s => s.type, orderSource, orderDragCollect),\n  DropTarget(s => s.type, orderTarget, orderDropCollect)\n)(PanelDnD);\n"],"file":"PanelDnD.js"}

package/dist/components/fields/ButtonConfirm.js

@@ -1,77 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactBootstrap = require("react-bootstrap");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var ButtonConfirm = function ButtonConfirm(props) {
-  var msg = props.msg,
-      size = props.size,
-      bs = props.bs,
-      fnClick = props.fnClick,
-      fnParams = props.fnParams,
-      place = props.place,
-      fa = props.fa,
-      disabled = props.disabled;
-
-  var popover = /*#__PURE__*/_react.default.createElement(_reactBootstrap.Popover, {
-    id: "popover-button-confirm"
-  }, msg, " ", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("div", {
-    className: "btn-toolbar"
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-    bsSize: "xsmall",
-    bsStyle: "danger",
-    "aria-hidden": "true",
-    onClick: function onClick() {
-      return fnClick(fnParams);
-    }
-  }, "Yes"), /*#__PURE__*/_react.default.createElement("span", null, "\xA0\xA0"), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-    bsSize: "xsmall",
-    bsStyle: "warning"
-  }, "No")));
-
-  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
-    animation: true,
-    placement: place,
-    root: true,
-    trigger: "focus",
-    overlay: popover
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Button, {
-    bsSize: size,
-    bsStyle: bs,
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "fa ".concat(fa),
-    "aria-hidden": "true"
-  })));
-};
-
-ButtonConfirm.propTypes = {
-  msg: _propTypes.default.string.isRequired,
-  fnParams: _propTypes.default.object.isRequired,
-  fnClick: _propTypes.default.func.isRequired,
-  bs: _propTypes.default.string,
-  size: _propTypes.default.string,
-  place: _propTypes.default.string,
-  fa: _propTypes.default.string,
-  disabled: _propTypes.default.bool
-};
-ButtonConfirm.defaultProps = {
-  bs: 'danger',
-  size: 'xs',
-  place: 'right',
-  fa: 'fa-trash-o',
-  disabled: false
-};
-var _default = ButtonConfirm;
-exports.default = _default;
-//# sourceMappingURL=ButtonConfirm.js.map