chem-generic-ui 0.1.13 → 0.1.17

package/dist/components/dnd/PanelDnD.js

@@ -0,0 +1,172 @@
+"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;
+  console.log('render');
+  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;

package/dist/components/fields/FieldLabel.js

@@ -11,7 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _reactBootstrap = require("react-bootstrap");
 
-var _uuid = _interopRequireDefault(require("uuid"));
+var _uuid = require("uuid");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -22,9 +22,9 @@ var FieldLabel = function FieldLabel(props) {
     placement: "top",
     delayShow: 1000,
     overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, {
-      id: _uuid.default.v4()
+      id: (0, _uuid.v4)()
     }, desc)
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.ControlLabel, null, label)) : /*#__PURE__*/_react.default.createElement(_reactBootstrap.ControlLabel, null, label);
+  }, /*#__PURE__*/_react.default.createElement("span", null, label)) : /*#__PURE__*/_react.default.createElement("span", null, label);
 };
 
 FieldLabel.propTypes = {

package/dist/components/fields/GenDSMisType.js

@@ -21,6 +21,7 @@ var GenDSMisType = function GenDSMisType(props) {
   if (uiCtrl) {
     return /*#__PURE__*/_react.default.createElement(_reactBootstrap.OverlayTrigger, {
       placement: "top",
+      delay: 300,
       overlay: /*#__PURE__*/_react.default.createElement(_reactBootstrap.Tooltip, {
         id: "tooltip"
       }, "Type (Chemical Methods Ontology) has been changed. ", /*#__PURE__*/_react.default.createElement("br", null), "Please review this Dataset content.")

package/dist/components/fields/GenFormGroupCb.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactBootstrap = require("react-bootstrap");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable react/prop-types */
+var GenFormGroupCb = function GenFormGroupCb(props) {
+  var label = props.label,
+      value = props.value,
+      name = props.name,
+      _onChange = props.onChange;
+  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.FormGroup, {
+    className: "text_generic_properties"
+  }, label || '', /*#__PURE__*/_react.default.createElement(_reactBootstrap.Checkbox, {
+    checked: value,
+    onChange: function onChange(e) {
+      return _onChange(e, name);
+    }
+  }));
+};
+
+var _default = GenFormGroupCb;
+exports.default = _default;

package/dist/components/fields/GenProperties.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _GenPropertiesFields = require("./GenPropertiesFields");
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var GenProperties = function GenProperties(opt) {
+  console.log('GenProperties');
+
+  var fieldProps = _objectSpread(_objectSpread({}, opt), {}, {
+    dndItems: []
+  });
+
+  var type = fieldProps.type.split('_');
+  if (opt.isSearchCriteria && type[0] === 'drag') type[0] = 'text'; // if (opt.isPreview && (type[0] === 'drag' || type[0] === 'upload')) type[0] = 'text';
+
+  console.log(type[0]);
+
+  switch (type[0]) {
+    case 'checkbox':
+      return (0, _GenPropertiesFields.GenPropertiesCheckbox)(fieldProps);
+
+    case 'formula-field':
+      return (0, _GenPropertiesFields.GenPropertiesCalculate)(fieldProps);
+
+    case 'select':
+      return (0, _GenPropertiesFields.GenPropertiesSelect)(fieldProps);
+
+    case 'drag':
+      fieldProps.dndItems = [].concat(_toConsumableArray(fieldProps.dndItems), [type[1]]);
+      return (0, _GenPropertiesFields.GenPropertiesDrop)(fieldProps);
+
+    case 'integer':
+      return (0, _GenPropertiesFields.GenPropertiesNumber)(fieldProps);
+
+    case 'system-defined':
+      return (0, _GenPropertiesFields.GenPropertiesSystemDefined)(fieldProps);
+
+    case 'input-group':
+      return (0, _GenPropertiesFields.GenPropertiesInputGroup)(fieldProps);
+
+    case 'textarea':
+      return (0, _GenPropertiesFields.GenPropertiesTextArea)(fieldProps);
+
+    case 'upload':
+      return (0, _GenPropertiesFields.GenPropertiesUpload)(fieldProps);
+
+    case 'dummy':
+      return (0, _GenPropertiesFields.GenDummy)();
+
+    case 'table':
+      return (0, _GenPropertiesFields.GenPropertiesTable)(fieldProps);
+
+    case 'text-formula':
+      return (0, _GenPropertiesFields.GenTextFormula)(fieldProps);
+
+    case 'wf-next':
+      return (0, _GenPropertiesFields.GenWFNext)(fieldProps);
+
+    default:
+      return (0, _GenPropertiesFields.GenPropertiesText)(fieldProps);
+  }
+};
+
+var _default = GenProperties;
+exports.default = _default;