chem-generic-ui 0.1.48 → 0.1.49

package/dist/bundle.js

@@ -0,0 +1,25 @@
+!function(n){var a={};function r(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,r),t.l=!0,t.exports}r.m=n,r.c=a,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var a in t)r.d(n,a,function(e){return t[e]}.bind(null,a));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=0)}({"./build/static/css/main.77e3c618.chunk.css":
+/*!**************************************************!*\
+  !*** ./build/static/css/main.77e3c618.chunk.css ***!
+  \**************************************************/
+/*! no static exports found */function(module,exports,__webpack_require__){eval('var api = __webpack_require__(/*! ../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");\n            var content = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js!./main.77e3c618.chunk.css */ "./node_modules/css-loader/dist/cjs.js!./build/static/css/main.77e3c618.chunk.css");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === \'string\') {\n              content = [[module.i, content, \'\']];\n            }\n\nvar options = {};\n\noptions.insert = "head";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};\n\n//# sourceURL=webpack:///./build/static/css/main.77e3c618.chunk.css?')},"./build/static/js/main.07660c6f.chunk.js":
+/*!************************************************!*\
+  !*** ./build/static/js/main.07660c6f.chunk.js ***!
+  \************************************************/
+/*! no static exports found */function(module,exports){eval('(this["webpackJsonpchem-generic-ui"]=this["webpackJsonpchem-generic-ui"]||[]).push([[0],{185:function(e,t,n){"use strict";var a=n(14),r=n(15),l=n(18),i=n(24),_=n(0),s=n(40),c=n(31),o=n(396),u=n(41),d=n(49),p=n(1),b=function(e,t,n){if(e.value&&e.value.el_id){var a=e.value.el_tip&&e.value.el_tip.split("@@"),r=a&&a.length>=1&&a[0]||"",l=a&&a.length>=2&&a[1]||"",i=Object(p.jsxs)("div",{children:[r,Object(p.jsx)("br",{}),l]}),_=Object(p.jsx)(o.a,{id:"popover-svg",title:i,style:{maxWidth:"none",maxHeight:"none"},children:Object(p.jsx)("img",{src:e.value.el_svg,style:{height:"26vh",width:"26vh"},alt:""})}),c=e.value.el_label;return"sample"===e.value.el_type&&!0!==e.value.is_new&&(c=Object(p.jsx)("a",{role:"link",onClick:function(){return n(e.value.el_type,e.value.el_id)},style:{cursor:"pointer"},children:Object(p.jsx)("span",{className:"reaction-material-link",children:c})})),"element"===e.value.el_type&&(c=Object(p.jsxs)("a",{role:"link",onClick:function(){return n(e.value.el_klass,e.value.el_id)},style:{cursor:"pointer"},children:[Object(p.jsx)("i",{className:e.value.icon_name}),"\\xa0",Object(p.jsx)("span",{className:"reaction-material-link",children:c})]})),b=e.value.el_svg,e.value.el_tip,f=c,b&&""!==b?Object(p.jsxs)("div",{className:"s-img",children:[Object(p.jsx)(u.a,{trigger:["hover"],placement:"left",rootClose:!0,onHide:null,overlay:_,children:Object(p.jsx)("img",{src:b,alt:""})}),"\\xa0",Object(p.jsx)("span",{className:"data",children:f})]}):Object(p.jsx)(u.a,{placement:"top",overlay:Object(p.jsxs)(d.a,{id:Object(s.a)(),children:[r,Object(p.jsx)("br",{}),l]}),children:Object(p.jsx)("div",{className:"data",children:f})})}var b,f;return"element"===t?Object(p.jsx)("span",{className:"fa fa-link icon_generic_nav indicator"}):Object(p.jsx)("span",{className:"icon-".concat(t," indicator")})},f={drop:function(e,t){var n=t.getItem().element,a=function(e,t,n){var a=!1,r=t&&t.tag&&t.tag.taggable_data||{};switch(a=(!r.element||r.element.id!==n)&&!!(r.reaction_id||r.wellplate_id||r.element),e){case"molecule":return{el_id:t.molecule.id,el_type:"molecule",el_label:t.molecule_name_label,el_tip:"".concat(t.molecule.inchikey,"@@").concat(t.molecule.cano_smiles)};case"sample":return{el_id:t.id,is_new:!0,cr_opt:!0===a?1:0,isAssoc:a,el_type:"sample",el_label:t.short_label,el_tip:t.short_label};case"element":return{el_id:t.id,el_type:"element",icon_name:t.element_klass&&t.element_klass.icon_name||"",el_klass:t.type,el_label:t.short_label,el_tip:"".concat(t.label,"@@").concat(t.name)};default:return{el_id:t.id,el_type:t.type,el_label:t.short_label,el_tip:t.short_label}}}(e.opt.type.split("_")[1],n,e.opt.id);e.onDrop(a)},canDrop:function(e,t){return!0}},j=function(e){Object(l.a)(n,e);var t=Object(i.a)(n);function n(){return Object(a.a)(this,n),t.apply(this,arguments)}return Object(r.a)(n,[{key:"render",value:function(){var e=this.props,t=e.connectDropTarget,n=e.isOver,a=e.canDrop,r=e.opt,l=e.onLink,i=r.dndItems&&"molecule"===r.dndItems[0]?"sample":r.dndItems[0],_="target".concat(n?" is-over":"").concat(a?" can-drop":"");return t(Object(p.jsx)("div",{className:_,children:b(r,i,l)}))}}]),n}(_.Component);t.a=Object(c.DropTarget)((function(e){return e.opt.dndItems}),f,(function(e,t){return{connectDropTarget:e.dropTarget(),isOver:t.isOver(),canDrop:t.canDrop()}}))(j)},191:function(e,t,n){"use strict";n.d(t,"a",(function(){return Y}));var a=n(21),r=n(14),l=n(15),i=n(12),_=n(18),s=n(24),c=n(0),o=n.n(c),u=n(187),d=n.n(u),p=n(71),b=n(40),f=n(41),j=n(49),h=n(48),O=n(31),m=n(60),y=n(1),v=Object(m.a)(Object(O.DragSource)((function(e){return e.type}),{beginDrag:function(e){return{fid:e.field,rId:e.rowValue.id}}},(function(e,t){return{connectDragSource:e.dragSource(),isDragging:t.isDragging()}})),Object(O.DropTarget)((function(e){return e.type}),{drop:function(e,t){var n=e.field,a=e.rowValue,r=e.handleMove,l={fid:n,rId:a.id},i=t.getItem();l.fid===i.fid&&l.rId!==i.rId&&r(i.rId,l.rId)}},(function(e,t){return{connectDropTarget:e.dropTarget(),isOver:t.isOver(),canDrop:t.canDrop()}})))((function(e){var t=e.connectDragSource,n=e.connectDropTarget,a=e.isDragging,r=e.isOver,l=e.canDrop,i="generic_grid_dnd".concat(r?" is-over":"").concat(l?" can-drop":"").concat(a?" is-dragging":"");return Object(m.a)(t,n)(Object(y.jsx)("div",{className:i,children:Object(y.jsx)("div",{className:"dnd-btn",children:Object(y.jsx)("span",{className:"text-info fa fa-arrows"})})}))})),E=function(e){var t=e.addRow;return Object(y.jsx)(f.a,{delayShow:1e3,placement:"top",overlay:Object(y.jsx)(j.a,{id:Object(b.a)(),children:"add entry"}),children:Object(y.jsx)(h.a,{onClick:function(){return t()},bsSize:"xsmall",bsStyle:"primary",children:Object(y.jsx)("i",{className:"fa fa-plus","aria-hidden":"true"})})})},g=function(e){var t=e.delRow,n=e.node.data;return Object(y.jsx)(f.a,{delayShow:1e3,placement:"top",overlay:Object(y.jsx)(j.a,{id:Object(b.a)(),children:"remove"}),children:Object(y.jsx)(h.a,{onClick:function(){return t(n)},bsSize:"xsmall",children:Object(y.jsx)("i",{className:"fa fa-times","aria-hidden":"true"})})})},x=function(){return Object(y.jsx)("div",{className:"grid-btn-none",children:Object(y.jsx)("span",{className:"fa fa-arrows"})})},D=function(e){var t=e.moveRow,n=e.field,a=e.type,r=e.node;return Object(y.jsx)(v,{field:n,type:a,rowValue:r.data,handleMove:t})},P=n(13),C=n(28),M=n(62),k=function(e,t){var n=e.type,a=e.field,r=e.onCellChange,l=e.cellRenderer,i=e.cellParams;switch(n){case"text":return Object(y.jsx)(C.a,{type:"text",value:t[a]||"",onChange:function(n){return r({e:n,columnDef:e,rowValue:t})}});case"system-defined":return Object(y.jsxs)(M.a,{children:[Object(y.jsx)(C.a,{type:"number",value:t[a].value||"",onChange:function(n){return r({e:n,columnDef:e,rowValue:t})}}),Object(y.jsx)(M.a.Button,{children:l(Object(P.a)(Object(P.a)({},i),{},{node:{data:t}}))})]});case"select":case"drag_molecule":case"drag_sample":case"dnd":return l(Object(P.a)(Object(P.a)({},i),{},{node:{data:t}}));default:return Object(y.jsx)("span",{})}},I=function(e){var t=[];return e.forEach((function(e,n){return t.push(function(e,t){var n=e.width,a=e.headerName,r=e.headerComponent,l=e.headerParams,i={};return n&&Object.assign(i,{width:n,minWidth:n}),Object(y.jsxs)("div",{className:"generic_grid_header",style:i,children:[r?r(l):null,Object(y.jsx)("div",{style:i,children:a})]},"column_header_".concat(e.colId||e.field,"_").concat(t))}(e,n))})),Object(y.jsx)("div",{className:"generic_grid",style:{borderBottom:"1px solid #ccc"},children:Object(y.jsx)("div",{children:t})})},w=function(e,t){var n=[];return e.forEach((function(e,a){return n.push(function(e,t,n){var a=e.field,r=e.width,l=e.cellParams,i=e.cellRenderer,_={};return r&&Object.assign(_,{width:r,minWidth:r}),Object(y.jsx)("div",{className:"generic_grid_row",style:_,children:a?k(e,t)||"":i(Object(P.a)(Object(P.a)({},l),{},{node:{data:t}}))||""},"column_row_".concat(t.id,"_").concat(e.colId||e.field,"_").concat(n))}(e,t,a))})),Object(y.jsx)("div",{className:"generic_grid",children:Object(y.jsx)("div",{children:n})},"column_row_".concat(t.id))},L=n(9),T=function(e){var t=e.sField,n=e.onChange,a=e.node;if("system-defined"!==t.type)return null;var r=a.data;return Object(y.jsx)(h.a,{active:!0,onClick:function(){return n(t,a)},bsStyle:"success",children:Object(L.f)(Object(L.e)(t.option_layers,r[t.id].value_system).label)||""},"ucr_".concat(r.id))},R=n(11),A=n(396),B=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:function(){},a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r="/images/not_available.svg";if(e.value&&e.value.el_id){var l=e.value.el_label,i=e.value.el_svg&&e.value.el_svg.endsWith(".svg")?e.value.el_svg:r,_=Object(y.jsx)(A.a,{id:"popover-svg",title:l,style:{maxWidth:"none",maxHeight:"none"},children:Object(y.jsx)("img",{src:i,style:{height:"26vh",width:"26vh"},alt:""})}),s=function(e,t){return e&&""!==e?Object(y.jsxs)("div",{className:"s-img",children:[Object(y.jsx)(f.a,{delayShow:1e3,trigger:["hover"],placement:"top",rootClose:!0,onHide:null,overlay:_,children:Object(y.jsx)("img",{className:"generic_grid_img",src:e,alt:""})}),Object(y.jsx)("div",{className:"del_btn",children:Object(y.jsx)(f.a,{delayShow:1e3,placement:"top",overlay:Object(y.jsx)(j.a,{id:Object(b.a)(),children:"remove this molecule"}),children:Object(y.jsx)(h.a,{className:"btn_del",bsSize:"xsmall",onClick:function(){return n({},a)},children:Object(y.jsx)("i",{className:"fa fa-trash-o","aria-hidden":"true"})})})})]}):Object(y.jsx)("div",{className:"data",style:{width:"4vw"},children:t})};return s(i,l)}return Object(y.jsx)("span",{className:"icon-".concat(t," indicator"),style:{width:"4vw"}})},U=function(e,t,n){if("table"===e.type){var a=e.sField||{},r=e.data[a.id],l=e.data;return B(r,t,n,{sField:a,data:l})}return B(e,t)},W={drop:function(e,t){var n=t.getItem().element,a=function(e,t,n){var a=!1,r=t&&t.tag&&t.tag.taggable_data||{};switch(a=(!r.element||r.element.id!==n)&&!!(r.reaction_id||r.wellplate_id||r.element),e){case"molecule":return{el_id:t.molecule.id,el_type:"molecule",el_label:t.molecule.cano_smiles||t.molecule_formula||t.molecule_name_label,el_inchikey:t.molecule.inchikey,el_smiles:t.molecule.cano_smiles,el_iupac:t.molecule.iupac_name,el_molecular_weight:t.molecule.molecular_weight,el_svg:"/images/molecules/".concat(t.molecule.molecule_svg_file)};case"sample":return{el_id:t.id,is_new:!0,cr_opt:1,isAssoc:a,el_type:"sample",el_label:t.short_label,el_short_label:t.short_label,el_name:t.name,el_external_label:t.external_label,el_molecular_weight:t.molecule_molecular_weight,el_svg:t.sample_svg_file?"/images/samples/".concat(t.sample_svg_file):"/images/molecules/".concat(t.molecule.molecule_svg_file)};default:return{el_id:t.id,is_new:!0,cr_opt:0,el_type:t.type,el_label:t.short_label}}}(e.opt.sField.type.split("_")[1],n,e.opt.id);e.onDrop(a,e.opt)},canDrop:function(e,t){return!0}},K=function(e){Object(_.a)(n,e);var t=Object(s.a)(n);function n(){return Object(r.a)(this,n),t.apply(this,arguments)}return Object(l.a)(n,[{key:"render",value:function(){var e=this.props,t=e.connectDropTarget,n=e.isOver,a=e.canDrop,r=e.opt,l=e.onDrop,i="target".concat(n?" is-over":"").concat(a?" can-drop":"");return t(Object(y.jsx)("div",{className:i,style:{display:"inline-flex",justifyContent:"center"},children:U(r,"sample",l)}))}}]),n}(c.Component),S=Object(O.DropTarget)((function(e){return e.opt.dndItems}),W,(function(e,t){return{connectDropTarget:e.dropTarget(),isOver:t.isOver(),canDrop:t.canDrop()}}))(K);K.defaultProps={onDrop:function(){}};var N=function(e){var t=e.opt,n=e.sField,a=e.onChange,r=e.node;if(!["drag_molecule","drag_sample"].includes(n.type))return null;var l=r.data;t.dndItems=[n.type.split("_")[1]],t.sField=n,t.data=l;var i=Object(R.cloneDeep)(t);return Object(y.jsx)("div",{className:"drop_generic_properties drop_generic_table_wrap",children:Object(y.jsx)(S,{opt:i,onDrop:a})})},F=function(e){var t=e.attr,n=e.sField,a=((e.node.data[n.id]||{}).value||{})["el_".concat(t.value)]||"";return a="molecular_weight"===t.value&&""!==a?a.toFixed(6):a,Object(y.jsx)(f.a,{placement:"top",overlay:Object(y.jsx)(j.a,{id:"copy_clipboard",children:"copy to clipboard"}),children:Object(y.jsx)("div",{role:"button","data-clipboard-text":a,className:"clipboardBtn",style:{wordBreak:"break-all",cursor:"copy"},children:a})})},q=function(e){var t=e.sField,n=e.node,a=e.onLink,r=((n.data[t.id]||{}).value||{}).el_id||"",l=((n.data[t.id]||{}).value||{}).el_short_label||" ";return""===r?Object(y.jsx)("div",{}):Object(y.jsx)("a",{role:"link",onClick:function(){return a("sample",r)},style:{cursor:"pointer"},children:Object(y.jsx)("span",{className:"reaction-material-link",children:l})})},G=n(128),V=function(e){var t=e.sField,n=e.node,a=e.onChange,r=n.data,l=r[t.id]&&r[t.id].value||{};if(!l.is_new)return Object(y.jsx)("div",{});var i=Object(b.a)();return Object(y.jsxs)("div",{className:"generic_sam_options",children:[Object(y.jsx)(f.a,{delayShow:1e3,placement:"right",overlay:Object(y.jsx)(j.a,{id:Object(b.a)(),children:"associate with this sample"}),children:Object(y.jsx)(G.a,{name:"dropS_".concat(i),disabled:l.isAssoc,checked:0===l.cr_opt,onChange:function(){return a({node:n,subField:t,crOpt:0})},children:"Current"})}),Object(y.jsx)(f.a,{delayShow:1e3,placement:"right",overlay:Object(y.jsx)(j.a,{id:Object(b.a)(),children:"split from the sample first and then associate with it"}),children:Object(y.jsx)(G.a,{name:"dropS_".concat(i),checked:1===l.cr_opt,onChange:function(){return a({node:n,subField:t,crOpt:1})},children:"Split"})}),Object(y.jsx)(f.a,{delayShow:1e3,placement:"right",overlay:Object(y.jsx)(j.a,{id:Object(b.a)(),children:"duplicate the sample first and then associate with it"}),children:Object(y.jsx)(G.a,{name:"dropS_".concat(i),checked:2===l.cr_opt,onChange:function(){return a({node:n,subField:t,crOpt:2})},children:"Copy"})})]})},z="generic_grid",H=n(72),J=function(e){var t=e.sField,n=e.onChange,a=e.sOptions,r=e.node;if("select"!==t.type||a.length<1)return null;var l=r.data,i=a.find((function(e){return e.value===l[t.id].value}))||null;return Object(y.jsx)(H.a,{isClearable:!0,menuContainerStyle:{position:"absolute"},multi:!1,options:a,value:i,onChange:function(e){return n(e,t,r)},className:"status-select",style:{textAlign:"left"}})},Y=function(e){Object(_.a)(n,e);var t=Object(s.a)(n);function n(e){var a;return Object(r.a)(this,n),(a=t.call(this,e)).delRow=a.delRow.bind(Object(i.a)(a)),a.addRow=a.addRow.bind(Object(i.a)(a)),a.moveRow=a.moveRow.bind(Object(i.a)(a)),a.onCellChange=a.onCellChange.bind(Object(i.a)(a)),a.onSelectClick=a.onSelectClick.bind(Object(i.a)(a)),a.onUnitClick=a.onUnitClick.bind(Object(i.a)(a)),a.onDrop=a.onDrop.bind(Object(i.a)(a)),a.onChk=a.onChk.bind(Object(i.a)(a)),a.getColumns=a.getColumns.bind(Object(i.a)(a)),a}return Object(l.a)(n,[{key:"onCellChange",value:function(e){var t=e.e,n=e.columnDef,a=e.rowValue,r=t.target.value;if(a[n.field].value!==r){if("text"===n.type&&(a[n.field]=r),"system-defined"===n.type){if(isNaN(r))return;a[n.field].value=d()(r).value()}var l=this.props.opt,i=l.f_obj.sub_values||[],_=i.findIndex((function(e){return e.id===a.id}));i.splice(_,1,a),l.f_obj.sub_values=i,l.onSubChange(0,0,l.f_obj,!0)}}},{key:"onSelectClick",value:function(e,t,n){var a=n.data,r=this.props.opt,l=r.f_obj.sub_values||[],i=l.find((function(e){return e.id===a.id}));i[t.id]={value:e?e.value:""};var _=l.findIndex((function(e){return e.id===a.id}));l.splice(_,1,i),r.f_obj.sub_values=l,r.onSubChange(t,t.id,r.f_obj,!0)}},{key:"onUnitClick",value:function(e,t){var n=t.data,a=this.props.opt,r=a.f_obj.sub_values||[],l=r.find((function(e){return e.id===n.id})),i=Object(L.g)(e.option_layers),_=i.findIndex((function(t){return t.key===l[e.id].value_system}));_<i.length-1?_+=1:_=0;var s=i.length>0?i[_].key:"",c=Object(L.o)(e.option_layers,s,l[e.id].value);l[e.id]={value:c,value_system:s};var o=r.findIndex((function(e){return e.id===n.id}));r.splice(o,1,l),a.f_obj.sub_values=r,a.onSubChange(e,e.id,a.f_obj,!0)}},{key:"onDrop",value:function(e,t){var n=this.props.opt,a=t.sField,r=n.f_obj.sub_values||[],l=r.find((function(e){return e.id===t.data.id}));l[a.id]={value:e};var i=r.findIndex((function(e){return e.id===t.data.id}));r.splice(i,1,l),n.f_obj.sub_values=r,n.onSubChange(a,a.id,n.f_obj,!0)}},{key:"onChk",value:function(e){var t=e.node,n=e.subField,a=e.crOpt,r=this.props.opt,l=r.f_obj.sub_values||[],i=l.find((function(e){return e.id===t.data.id}));t.data[n.id].value.cr_opt=a,i[n.id]={value:t.data[n.id].value};var _=l.findIndex((function(e){return e.id===t.data.id}));l.splice(_,1,i),r.f_obj.sub_values=l,r.onSubChange(n,n.id,r.f_obj,!0)}},{key:"getColumns",value:function(){var e=this,t=this.props.opt,n=t.selectOptions,a=t.f_obj.sub_values||[],r=[];(t.f_obj.sub_fields||[]).forEach((function(l){var i={type:l.type,headerName:l.col_name,field:l.id},_=[];if("text"===l.type&&(i=Object.assign({},i,{editable:!0,onCellChange:e.onCellChange})),"select"===l.type){var s=n[l.option_layers]&&n[l.option_layers].options||[];s=s.map((function(e){return{value:e.key,name:e.key,label:e.label}}));var c={sField:l,onChange:e.onSelectClick,sOptions:s};i=Object.assign({},i,{cellRenderer:J,cellParams:c,onCellChange:e.onCellChange})}if("system-defined"===l.type){var o={sField:l,onChange:e.onUnitClick};i=Object.assign({},i,{cellRenderer:T,cellParams:o,onCellChange:e.onCellChange})}if("drag_molecule"===l.type){var u={sField:l,opt:t,onChange:e.onDrop};i=Object.assign({},i,{cellRenderer:N,cellParams:u,onCellChange:e.onCellChange,width:"5vw"}),((l.value||"").split(";")||[]).forEach((function(e){var t=L.h.find((function(t){return t.value===e}));if(t){var n={colId:e,editable:!1,type:"text",headerName:t.label,cellRenderer:F,cellParams:{attr:t,sField:l}};_.push(n)}}))}if("drag_sample"===l.type){var d=a.filter((function(e){return e[l.id]&&e[l.id].value&&e[l.id].value.is_new})),p={sField:l,opt:t,onChange:e.onDrop};i=Object.assign({},i,{cellRenderer:N,cellParams:p,onCellChange:e.onCellChange,width:"5vw"});var b={colId:"sam_option",editable:!1,type:"text",headerName:"",cellRenderer:V,cellParams:{sField:l,onChange:e.onChk},width:"3vw"};d.length>0&&_.push(b);var f={colId:"sam_link",editable:!1,type:"text",headerName:"Short label",cellRenderer:q,cellParams:{sField:l},width:"5vw"};_.push(f),((l.value||"").split(";")||[]).forEach((function(e){var t=L.i.find((function(t){return t.value===e}));if(t){var n={colId:e,editable:!1,type:"text",headerName:t.label,cellRenderer:F,cellParams:{attr:t,sField:l}};_.push(n)}}))}r.push(i),_.length>0&&(r=r.concat(_))}));var l={type:"button",headerName:"",colId:t.f_obj.field,headerComponent:E,headerParams:{addRow:this.addRow},cellRenderer:g,cellParams:{delRow:this.delRow},width:"unset"};r.splice(0,0,l);var i="".concat(z,"_").concat(t.layer.key,"_").concat(t.f_obj.field),_={type:"dnd",field:t.f_obj.field,headerName:"",colId:"".concat(t.f_obj.field,"_dnd"),headerComponent:x,cellRenderer:D,cellParams:{moveRow:this.moveRow,field:t.f_obj.field,type:i},width:"unset"};return r.splice(0,0,_),r}},{key:"moveRow",value:function(e,t){var n=this.props.opt,a=n.f_obj.sub_values,r=a.findIndex((function(t){return t.id===e})),l=a.findIndex((function(e){return e.id===t})),i=a[r];a[r]=a[l],a[l]=i,n.onSubChange(0,0,n.f_obj,!0)}},{key:"delRow",value:function(e){var t=this.props.opt;t.f_obj.sub_values=t.f_obj.sub_values.filter((function(t){return t.id!==e.id})),t.onSubChange(0,0,t.f_obj,!0)}},{key:"addRow",value:function(){var e=this.props.opt,t=e.f_obj.sub_fields||[],n=new p.a;t.map((function(e){return"text"===e.type?Object.assign(n,Object(a.a)({},e.id,"")):Object.assign(n,Object(a.a)({},e.id,{value:"",value_system:e.value_system}))})),e.f_obj.sub_values=e.f_obj.sub_values||[],e.f_obj.sub_values.push(n),e.onSubChange(0,0,e.f_obj,!0)}},{key:"render",value:function(){var e=this.props.opt;if(e.isSearchCriteria)return Object(y.jsx)("div",{children:"(This is a table)"});if((e.f_obj.sub_fields||[]).length<1)return null;var t,n=this.getColumns();return Object(y.jsxs)("div",{children:[I(n),Object(y.jsx)("div",{children:(t=e.f_obj.sub_values,t&&t.length>0?null:Object(y.jsx)("div",{className:"generic_grid",children:Object(y.jsx)("div",{children:Object(y.jsx)("div",{className:"generic_grid_row",style:{width:"100%"},children:"(No data)"})})}))}),Object(y.jsx)("div",{children:(e.f_obj.sub_values||[]).map((function(e){return w(n,e)}))})]})}}]),n}(o.a.Component)},197:function(e,t,n){},198:function(e,t,n){},25:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return GenPropertiesCalculate})),__webpack_require__.d(__webpack_exports__,"c",(function(){return GenPropertiesCheckbox})),__webpack_require__.d(__webpack_exports__,"d",(function(){return GenPropertiesDrop})),__webpack_require__.d(__webpack_exports__,"a",(function(){return GenDummy})),__webpack_require__.d(__webpack_exports__,"m",(function(){return GenTextFormula})),__webpack_require__.d(__webpack_exports__,"e",(function(){return GenPropertiesInputGroup})),__webpack_require__.d(__webpack_exports__,"f",(function(){return GenPropertiesNumber})),__webpack_require__.d(__webpack_exports__,"g",(function(){return GenPropertiesSelect})),__webpack_require__.d(__webpack_exports__,"h",(function(){return GenPropertiesSystemDefined})),__webpack_require__.d(__webpack_exports__,"i",(function(){return GenPropertiesTable})),__webpack_require__.d(__webpack_exports__,"j",(function(){return GenPropertiesText})),__webpack_require__.d(__webpack_exports__,"k",(function(){return GenPropertiesTextArea})),__webpack_require__.d(__webpack_exports__,"l",(function(){return GenPropertiesUpload})),__webpack_require__.d(__webpack_exports__,"n",(function(){return GenWFNext}));var _mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(13),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(0),react__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__),react_bootstrap__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(27),react_bootstrap__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(62),react_bootstrap__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(28),react_bootstrap__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(41),react_bootstrap__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(49),react_bootstrap__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(48),react_bootstrap__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(397),react_bootstrap__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(128),react_bootstrap__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(398),react_bootstrap__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(99),react_select__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(72),react_dropzone__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(184),react_dropzone__WEBPACK_IMPORTED_MODULE_13___default=__webpack_require__.n(react_dropzone__WEBPACK_IMPORTED_MODULE_13__),uuid__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(40),lodash__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(11),lodash__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_15__),_FieldLabel__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(30),_tools_utils__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__(9),_dnd_GenericElDropTarget__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__(185),_table_TableRecord__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__(191),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__(1),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20___default=__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__),GenPropertiesCalculate=function GenPropertiesCalculate(opt){var fields=opt.layer&&opt.layer.fields||[],showVal=0,showTxt=null,newFormula=opt.formula,calFields=Object(lodash__WEBPACK_IMPORTED_MODULE_15__.filter)(fields,(function(e){return"integer"===e.type||"system-defined"===e.type})),regF=/[a-zA-Z0-9]+/gm,varFields=opt.formula&&opt.formula.match(regF)?opt.formula.match(regF).sort((function(e,t){return t.length-e.length})):[];if(varFields.forEach((function(e){if(isNaN(e)){var t=calFields.find((function(t){return t.field===e}));newFormula="undefined"===typeof t||null==t?newFormula.replace(e,0):"system-defined"===t.type?newFormula.replace(e,parseFloat(Object(_tools_utils__WEBPACK_IMPORTED_MODULE_17__.n)(t)||0)):newFormula.replace(e,parseFloat(t.value||0))}})),"formula-field"===opt.type)try{showVal=eval(newFormula),showTxt=isNaN(showVal)?0:parseFloat(showVal.toFixed(5))}catch(e){e instanceof SyntaxError&&(showTxt=e.message)}var fieldHeader=""===opt.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:opt.label,desc:opt.description});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{children:[fieldHeader,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a,{type:"text",value:showTxt,onChange:opt.onChange,className:"readonly",readOnly:"readonly",required:!1,placeholder:opt.placeholder,min:0}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__.a.Button,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__.a,{placement:"bottom",overlay:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_6__.a,{id:"update_calculation_field",children:"adjust"}),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_7__.a,{active:!0,className:"clipboardBtn",onClick:function(){return opt.onChange(showTxt)},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("i",{className:"fa fa-arrow-right","aria-hidden":"true"})})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a,{type:"text",value:opt.value,onChange:opt.onChange,required:!1,placeholder:opt.placeholder,min:0})]})]})},GenPropertiesCheckbox=function(e){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_8__.a,{name:e.field,checked:e.value,onChange:e.onChange,disabled:e.readOnly,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a.Static,{children:e.label})})})},GenPropertiesDrop=function(e){var t=e.isRequired?"drop_generic_properties field_required":"drop_generic_properties",n=null;!0===e.value.is_new&&(n=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)("div",{className:"sample_radios",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__.a,{placement:"top",overlay:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_6__.a,{id:Object(uuid__WEBPACK_IMPORTED_MODULE_14__.a)(),children:"associate with this sample"}),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__.a,{name:"dropS_".concat(e.value.el_id),disabled:!0===e.value.isAssoc,checked:0===e.value.cr_opt,onChange:function(){return e.onChange(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)({},e.value),{},{cr_opt:0}))},inline:!0,children:"Current"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__.a,{placement:"top",overlay:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_6__.a,{id:Object(uuid__WEBPACK_IMPORTED_MODULE_14__.a)(),children:"split from the sample first and then associate with it"}),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__.a,{name:"dropS_".concat(e.value.el_id),checked:1===e.value.cr_opt,onChange:function(){return e.onChange(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)({},e.value),{},{cr_opt:1}))},inline:!0,children:"Split"})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__.a,{placement:"top",overlay:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_6__.a,{id:Object(uuid__WEBPACK_IMPORTED_MODULE_14__.a)(),children:"duplicate the sample first and then associate with it"}),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_9__.a,{name:"dropS_".concat(e.value.el_id),checked:2===e.value.cr_opt,onChange:function(){return e.onChange(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)({},e.value),{},{cr_opt:2}))},inline:!0,children:"Copy"})})]}));var a=""===e.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:e.label,desc:e.description}),r="drag_element"===e.type?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("span",{className:"fa fa-link icon_generic_nav indicator"}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("span",{className:"icon-sample indicator"}),l=!0===e.isPreview?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("div",{className:"target",children:r}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_dnd_GenericElDropTarget__WEBPACK_IMPORTED_MODULE_18__.a,{opt:e,onDrop:e.onChange});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{children:[a,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a.Static,{style:{paddingBottom:"0px"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)("div",{className:t,children:[l,n,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("div",{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_5__.a,{placement:"top",overlay:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_6__.a,{id:Object(uuid__WEBPACK_IMPORTED_MODULE_14__.a)(),children:"remove"}),children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_7__.a,{className:"btn_del",bsStyle:"danger",bsSize:"xsmall",onClick:function(){return e.onChange({})},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("i",{className:"fa fa-trash-o","aria-hidden":"true"})})})})]})})]})},GenDummy=function(){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{className:"text_generic_properties",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a,{type:"text",className:"dummy",readOnly:!0})})},GenPropertiesInputGroup=function(e){var t=""===e.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:e.label,desc:e.description}),n=e.f_obj&&e.f_obj.sub_fields&&e.f_obj.sub_fields.map((function(t){return"label"===t.type?function(e){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("div",{className:"form-control g_input_group_label",children:e.value},Object(uuid__WEBPACK_IMPORTED_MODULE_14__.a)())}(t):"system-defined"===t.type?function(t){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)("span",{className:"input-group",style:{width:"100%"},children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a,{type:"number",name:t.id,value:t.value,onChange:function(n){return e.onSubChange(n,t.id,e.f_obj)},min:1},t.id),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__.a.Button,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_7__.a,{active:!0,onClick:function(){return e.onSubChange(t,t.id,e.f_obj)},bsStyle:"success",children:Object(_tools_utils__WEBPACK_IMPORTED_MODULE_17__.f)(Object(_tools_utils__WEBPACK_IMPORTED_MODULE_17__.e)(t.option_layers,t.value_system).label)||""})})]},"".concat(t.id,"_GenPropertiesInputGroup"))}(t):function(t){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a,{className:"g_input_group",type:t.type,name:t.id,value:t.value,onChange:function(n){return e.onSubChange(n,t.id,e.f_obj)}},t.id)}(t)}));return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{children:[t,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__.a,{style:{display:"flex"},children:n})]})},GenPropertiesNumber=function(e){var t=e.isEditable?"editable":"readonly";t=e.isRequired&&e.isEditable?"required":t;var n=""===e.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:e.label,desc:e.description});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{children:[n,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a,{type:"number",value:e.value,onChange:e.onChange,className:t,readOnly:e.readOnly,required:e.isRequired,placeholder:e.placeholder,min:1})]})},GenPropertiesSelect=function(e){var t=e.options.map((function(e){return{value:e.key,name:e.key,label:e.label}})),n=e.isEditable?"select_generic_properties_editable":"select_generic_properties_readonly";n=e.isRequired&&e.isEditable?"select_generic_properties_required":n,n="".concat(n," status-select");var a=""===e.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:e.label,desc:e.description}),r=t.find((function(t){return t.value===e.value}))||null;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{children:[a,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_select__WEBPACK_IMPORTED_MODULE_12__.a,{isClearable:!0,menuContainerStyle:{position:"absolute"},name:e.field,multi:!1,options:t,value:r,onChange:e.onChange,className:n,disabled:e.readOnly})]})},GenPropertiesSystemDefined=function(e){var t=e.isEditable?"editable":"readonly";t=e.isRequired&&e.isEditable?"required":t;var n=""===e.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:e.label,desc:e.description});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{children:[n,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__.a,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a,{type:"number",value:e.value,onChange:e.onChange,className:t,readOnly:e.readOnly,required:e.isRequired,placeholder:e.placeholder,min:1}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_3__.a.Button,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_7__.a,{disabled:e.readOnly,active:!0,onClick:e.onClick,bsStyle:"success",children:Object(_tools_utils__WEBPACK_IMPORTED_MODULE_17__.f)(Object(_tools_utils__WEBPACK_IMPORTED_MODULE_17__.e)(e.option_layers,e.value_system).label)||""})})]})]})},GenPropertiesTable=function(e){var t=""===e.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:e.label,desc:e.description});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{children:[t,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_table_TableRecord__WEBPACK_IMPORTED_MODULE_19__.a,{opt:e},"grid_".concat(e.f_obj.field))]})},GenPropertiesText=function(e){var t=e.isEditable?"editable":"readonly";t=e.isRequired&&e.isEditable?"required":t;var n=""===e.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:e.label,desc:e.description});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{className:"text_generic_properties",children:[n,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a,{type:"text",value:e.value,onChange:e.onChange,className:t,readOnly:e.readOnly,required:e.isRequired,placeholder:e.placeholder})]})},GenPropertiesTextArea=function(e){var t=e.isEditable?"editable":"readonly";t=e.isRequired&&e.isEditable?"required":t;var n=""===e.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:e.label,desc:e.description});return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{className:"text_generic_properties",children:[n,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a,{componentClass:"textarea",value:e.value,onChange:e.onChange,className:t,readOnly:e.readOnly,required:e.isRequired,placeholder:e.placeholder})]})},GenTextFormula=function(e){var t=e.layers,n=""===e.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:e.label,desc:e.description}),a=[];return(e.f_obj&&e.f_obj.text_sub_fields).map((function(e){var n=e.layer,r=e.field,l=e.separator;if(r&&""!==r)if(r.includes("[@@]")){var i=r.split("[@@]");if(i&&2===i.length){var _=((t[n]||{}).fields||[]).find((function(e){return e.field===i[0]&&"table"===e.type}));(_&&_.sub_values||[]).forEach((function(e){e&&e[i[1]]&&""!==e[i[1]]&&(a.push(e[i[1]]),a.push(l))}))}}else{var s=((t[n]||{}).fields||[]).find((function(e){return e.field===r}));s&&s.value&&""!==s.value&&(a.push(s.value),a.push(l))}return!0})),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{className:"text_generic_properties",children:[n,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a,{type:"text",value:a.join(""),className:"readonly",readOnly:!0,required:!1})]})},renderListGroupItem=function(e,t){var n=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_7__.a,{bsSize:"xsmall",id:t.uid,className:"button-right",onClick:function(){return e.onChange(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)({},e.value),{},{action:"d",uid:t.uid}))},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("i",{className:"fa fa-times","aria-hidden":"true"})}),a=t.aid?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("a",{onClick:function(){return Object(_tools_utils__WEBPACK_IMPORTED_MODULE_17__.c)({contents:"/api/v1/attachments/".concat(t.aid),name:t.filename})},style:{cursor:"pointer"},children:t.filename}):t.filename;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("div",{className:"generic_grid",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)("div",{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("div",{children:n}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("div",{className:"generic_grid_row",children:a}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("div",{className:"generic_grid_row",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{bsSize:"small",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a,{type:"text",value:t.label||"",onChange:function(n){return e.onChange(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)({},e.value),{},{action:"l",uid:t.uid,val:n}))}})})})]})})},GenPropertiesUpload=function(e){var t=""===e.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:e.label,desc:e.description}),n=e.value&&e.value.files||[];return e.isSearchCriteria?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("div",{children:"(This is an upload)"}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{className:"text_generic_properties",children:[t,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_4__.a.Static,{style:{paddingBottom:"0px"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_dropzone__WEBPACK_IMPORTED_MODULE_13___default.a,{id:"dropzone",onDrop:function(t){return e.onChange(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)(Object(_mnt_d_kit_github_chem_generic_ui_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_0__.a)({},e.value),{},{action:"f",val:t}))},style:{height:30,width:"100%",border:"3px dashed lightgray"},children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)("div",{style:{textAlign:"center",paddingTop:6,color:"gray"},children:"Drop File, or Click to Select."})})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_10__.a,{children:n.map((function(t){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_bootstrap__WEBPACK_IMPORTED_MODULE_11__.a,{className:"generic_files",children:renderListGroupItem(e,t)},t.id)}))})]})},GenWFNext=function(e){var t=(e.f_obj.wf_options||[]).map((function(e){var t=e.label.match(/(.*)\\(.*\\)/);return{value:e.key,name:e.key,label:""===t[1]?t[0]:t[1]}})),n=e.isEditable?"select_generic_properties_editable":"select_generic_properties_readonly";n=e.isRequired&&e.isEditable?"select_generic_properties_required":n,n="".concat(n," status-select");var a=""===e.label?null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(_FieldLabel__WEBPACK_IMPORTED_MODULE_16__.a,{label:e.label,desc:e.description}),r=t.find((function(t){return t.value===e.value}))||null;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsxs)(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__.a,{children:[a,Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_20__.jsx)(react_select__WEBPACK_IMPORTED_MODULE_12__.a,{menuContainerStyle:{position:"absolute"},name:e.field,multi:!1,options:t,value:r,onChange:e.onChange,className:n,disabled:e.readOnly})]})}},30:function(e,t,n){"use strict";n(0);var a=n(41),r=n(49),l=n(40),i=n(1),_=function(e){var t=e.label,n=e.desc;return n&&""!==n?Object(i.jsx)(a.a,{placement:"top",delayShow:1e3,overlay:Object(i.jsx)(r.a,{id:Object(l.a)(),children:n}),children:Object(i.jsx)("span",{children:t})}):Object(i.jsx)("span",{children:t})};_.defaultProps={desc:""},t.a=_},372:function(e,t,n){},395:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n(19),l=n.n(r),i=(n(197),n(47)),_=n(178),s=n(179),c=(n(198),n(39)),o=n(48),u=n(1),d=function(){var e=Object(a.useState)(0),t=Object(c.a)(e,2),n=t[0],r=t[1];return Object(u.jsxs)("div",{children:[Object(u.jsxs)("p",{children:["You clicked ",n," times"]}),Object(u.jsx)(o.a,{bsStyle:"primary",onClick:function(){return r(n+1)},children:"Click me"})]})},p=n(41),b=n(49),f=n(29),j=function(e){return e.uiCtrl?Object(u.jsx)(p.a,{placement:"top",delay:300,overlay:Object(u.jsxs)(b.a,{id:"tooltip",children:["Type (Chemical Methods Ontology) has been changed. ",Object(u.jsx)("br",{}),"Please review this Dataset content."]}),children:Object(u.jsxs)("span",{style:{color:"red"},children:[Object(u.jsx)(f.a,{icon:"fas fa-exclamation-circle"}),"\\xa0"]})}):null},h=n(14),O=n(15),m=n(12),y=n(18),v=n(24),E=n(11),g=n(403),x=n(402),D=n(400),P=n(401),C=n(405),M=n(73),k=n(13),I=n(25),w=function(e){var t=Object(k.a)(Object(k.a)({},e),{},{dndItems:[]}),n=t.type.split("_");switch(e.isSearchCriteria&&"drag"===n[0]&&(n[0]="text"),n[0]){case"checkbox":return Object(I.c)(t);case"formula-field":return Object(I.b)(t);case"select":return Object(I.g)(t);case"drag":return t.dndItems=[].concat(Object(M.a)(t.dndItems),[n[1]]),Object(I.d)(t);case"integer":return Object(I.f)(t);case"system-defined":return Object(I.h)(t);case"input-group":return Object(I.e)(t);case"textarea":return Object(I.k)(t);case"upload":return Object(I.l)(t);case"dummy":return Object(I.a)();case"table":return Object(I.i)(t);case"text-formula":return Object(I.m)(t);case"wf-next":return Object(I.n)(t);default:return Object(I.j)(t)}},L=n(9),T=n(31),R=n(60),A=n(399),B=n(40),U=Object(R.a)(Object(T.DragSource)((function(e){return e.type}),{canDrag:function(e){return!e.layer.wf},beginDrag:function(e){var t=e.layer,n=e.field,a=e.rowValue;return{wf:t.wf,fid:n,rId:a.id}}},(function(e,t){return{connectDragSource:e.dragSource(),isDragging:t.isDragging()}})),Object(T.DropTarget)((function(e){return e.type}),{canDrop:function(e,t){var n=t.getItem();return!e.layer.wf||!n.wf},drop:function(e,t){var n=e.layer,a=e.field,r=e.rowValue,l=e.handleMove,i={wf:n.wf,fid:a,rId:r.id},_=t.getItem();i.fid===_.fid&&i.rId!==_.rId&&l(_.rId,i.rId)}},(function(e,t){return{connectDropTarget:e.dropTarget(),isOver:t.isOver(),canDrop:t.canDrop()}})))((function(e){var t=e.connectDragSource,n=e.connectDropTarget,a=e.isDragging,r=e.isOver,l=e.canDrop,i=e.layer,_=e.id,s=e.handleChange,c=e.bs,d="generic_grid_dnd".concat(r?" is-over":"").concat(l?" can-drop":"").concat(a?" is-dragging":""),j=i.style,h=i.label,O=i.wf,m=i.key,y=(j||"panel_generic_heading").replace("panel_generic_heading","panel_generic_heading_slim"),v=Object(u.jsx)(p.a,{delayShow:1e3,placement:"top",overlay:Object(u.jsx)(b.a,{id:"_tooltip_add_layer",children:"add layer"}),children:Object(u.jsx)(o.a,{bsSize:"xsmall",onClick:function(e){return s(e,_,i,"layer-modal")},children:Object(u.jsx)(f.a,{icon:"fas fa-plus"})})}),E=Object(u.jsx)(p.a,{delayShow:1e3,placement:"top",overlay:Object(u.jsx)(b.a,{id:"_tooltip_remove_layer",children:"remove layer"}),children:Object(u.jsx)(o.a,{bsSize:"xsmall",onClick:function(e){return s(e,_,i,"layer-remove")},children:Object(u.jsx)(f.a,{icon:"fas fa-minus"})})}),x=O?Object(u.jsxs)("span",{children:["\\xa0",Object(u.jsx)(f.a,{icon:"fas fa-sitemap"})]}):null,D=Object(u.jsx)(p.a,{delayShow:1e3,placement:"top",overlay:Object(u.jsx)(b.a,{id:Object(B.a)(),children:"drag and drop to move position"}),children:Object(u.jsx)(o.a,{onClick:function(){},bsSize:"xsmall",children:Object(u.jsx)(f.a,{icon:"fas fa-arrows-alt"})})}),P=O?Object(u.jsx)(A.a,{className:"pull-right",children:v}):Object(u.jsxs)(A.a,{className:"pull-right",children:[v,E,D]}),C=/\\./g.test(m)?Object(u.jsxs)(u.Fragment,{children:["(",m,x,")"]}):null,M=Object(u.jsxs)(g.a.Heading,{className:y,children:[Object(u.jsxs)(g.a.Title,{toggle:!0,style:{float:"left",lineHeight:"normal"},children:[h,"\\xa0",C]}),P,Object(u.jsx)("div",{className:"clearfix"})]}),k="none"!==c?"panel-".concat(c):"",I=O?"dnd-none ".concat(k):"dnd ".concat(k);return Object(R.a)(t,n)(Object(u.jsx)("div",{className:d,children:Object(u.jsx)("div",{className:I,children:M})}))})),W=function(e){Object(y.a)(n,e);var t=Object(v.a)(n);function n(e){var a;return Object(h.a)(this,n),(a=t.call(this,e)).handleChange=a.handleChange.bind(Object(m.a)(a)),a.handleSubChange=a.handleSubChange.bind(Object(m.a)(a)),a.moveLayer=a.moveLayer.bind(Object(m.a)(a)),a}return Object(O.a)(n,[{key:"handleChange",value:function(e,t,n,a){this.props.onChange(e,t,n,a)}},{key:"handleSubChange",value:function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]&&arguments[3],r=n.sub_fields.find((function(e){return e.id===t}));if(!a)if("system-defined"===e.type){var l=Object(L.g)(e.option_layers),i=l.findIndex((function(t){return t.key===e.value_system}));i<l.length-1?i+=1:i=0,r.value_system=l.length>0?l[i].key:"",r.value=Object(L.o)(e.option_layers,r.value_system,e.value)}else r.value=e.target.value;var _=this.props.layer,s={f:n,sub:r};this.props.onSubChange(_.key,s,a)}},{key:"handleClick",value:function(e,t,n){var a=Object(L.g)(t.option_layers),r=a.findIndex((function(e){return e.key===n}));r<a.length-1?r+=1:r=0;var l=t;l.value_system=a.length>0?a[r].key:"",this.props.onClick(e,l)}},{key:"views",value:function(){var e=this,t=this.props,n=t.layer,a=t.selectOptions,r=t.id,l=t.layers,i=t.isPreview,_=n.cols,s=n.fields,c=n.key,o=_||1,d=Math.floor(12/o),p=12%o>0?"g_col_w":"",b=[],f=[],j=0,h=1;return(s||[]).forEach((function(t,_){if(Object(L.j)(t,l)){var O=Object(L.g)(t.option_layers)[0]||{},m=1*(t.cols||1),y="table"===t.type?12/(m||1):d;(j="table"===t.type?j+=o/(m||1):j+=1)>o&&(b.push(Object(u.jsx)(D.a,{children:f},h)),h+=1,f=[],j=j="table"===t.type?o/(m||1):1);var v=Object(u.jsx)(P.a,{md:y,lg:y,className:"table"===t.type?"":p,children:Object(u.jsx)(w,{layers:l,id:r,layer:n,f_obj:t,label:t.label,value:t.value||"",description:t.description||"",type:t.type||"text",field:t.field||"field",formula:t.formula||"",options:a&&a[t.option_layers]&&a[t.option_layers].options||[],onChange:function(n){return e.handleChange(n,t.field,c,t.type)},onSubChange:e.handleSubChange,isEditable:!0,isPreview:i,readOnly:!1,isRequired:t.required||!1,placeholder:t.placeholder||"",option_layers:t.option_layers,value_system:t.value_system||O.key,onClick:function(){return e.handleClick(c,t,t.value_system||O.key)},selectOptions:a||{}},"".concat(r,"_").concat(n,"_").concat(t.field,"_GenPropertiesLayer"))},"prop_".concat(c,"_").concat(t.priority,"_").concat(t.field));f.push(v),j%o===0&&(j=0),0!==j&&s.length!==_+1||(b.push(Object(u.jsx)(D.a,{children:f},h)),h+=1,f=[])}else s.length===_+1&&(b.push(Object(u.jsx)(D.a,{children:f},h)),h+=1,f=[])})),b}},{key:"moveLayer",value:function(e,t){this.handleChange(null,e,t,"drop-layer")}},{key:"render",value:function(){var e=this.props,t=e.id,n=e.layer,a=e.activeWF,r=n.color,l=n.style,i=n.label,_=r||"default",s=(l||"panel_generic_heading").replace("panel_generic_heading","panel_generic_heading_slim"),c=Object(u.jsx)(U,{type:"gen_panel",layer:n,field:"layer",rowValue:{id:n.key},handleMove:this.moveLayer,id:t,handleChange:this.handleChange,bs:_}),o=""===i?Object(u.jsx)("span",{}):Object(u.jsx)(g.a.Heading,{className:s,children:Object(u.jsx)(g.a.Title,{toggle:!0,children:i})}),d="none"===_?"generic_panel_none":"";return"none"===_&&(_="default"),Object(u.jsx)(C.a,{accordion:!0,id:"accordion_generic_layer",defaultActiveKey:"1",style:{marginBottom:"0px"},children:Object(u.jsxs)(g.a,{bsStyle:_,className:"panel_generic_properties ".concat(d),eventKey:"1",children:[a?c:o,Object(u.jsx)(g.a.Collapse,{children:Object(u.jsx)(g.a.Body,{className:"panel_generic_properties_body",children:this.views()})})]})})}}]),n}(a.Component);W.defaultProps={id:0,selectOptions:{},onClick:function(){},isPreview:!1,activeWF:!1};var K=function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:function(){},r=arguments.length>4&&void 0!==arguments[4]?arguments[4]:function(){},l=arguments.length>5&&void 0!==arguments[5]?arguments[5]:[],i=arguments.length>6&&void 0!==arguments[6]?arguments[6]:0,_=arguments.length>7&&void 0!==arguments[7]&&arguments[7],s=arguments.length>8&&void 0!==arguments[8]&&arguments[8],c=Object(E.sortBy)(e,["position","wf_position"])||[];return c.forEach((function(c,o){var d="".concat(c.key,"_").concat(o);if("undefined"===typeof c.cond_fields||null==c.cond_fields||0===c.cond_fields.length){var p=Object(u.jsx)(W,{id:i,layer:c,onChange:n,onSubChange:a,selectOptions:t,onClick:r,layers:e,isPreview:_,activeWF:s},d);l.push(p)}else if(c.cond_fields&&c.cond_fields.length>0){for(var b=!1,f=function(t){var n=c.cond_fields[t]||{},a=((e[n.layer]||{}).fields||[]).find((function(e){return e.field===n.field}))||{};return"checkbox"===a.type&&(["false","no","f","0"].includes((n.value||"").trim().toLowerCase())&&("undefined"===typeof(a&&a.value)||!1===a.value)||["true","yes","t","1"].includes((n.value||"").trim().toLowerCase())&&"undefined"!==typeof a.value&&!0===a.value)||["text","select"].includes(a.type)&&"undefined"!==typeof(a&&a.value)&&(a.value||"").trim()===(n.value||"").trim()?(b=!0,"break"):void 0},j=0;j<c.cond_fields.length;j+=1){if("break"===f(j))break}if(!0===b){var h=Object(u.jsx)(W,{id:i,layer:c,onChange:n,onSubChange:a,selectOptions:t,onClick:r,layers:e,isPreview:_,activeWF:s},d);l.push(h)}}})),l},S=function(e){Object(y.a)(n,e);var t=Object(v.a)(n);function n(e){var a;return Object(h.a)(this,n),(a=t.call(this,e)).handleInputChange=a.handleInputChange.bind(Object(m.a)(a)),a.handleUnitClick=a.handleUnitClick.bind(Object(m.a)(a)),a.handleReload=a.handleReload.bind(Object(m.a)(a)),a}return Object(O.a)(n,[{key:"handleInputChange",value:function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"text",r=this.props.genericDS,l=r.properties,i="";switch(a){case"checkbox":i=e.target.checked;break;case"select":i=e?e.value:null;break;case"formula-field":i=e.target?e.target.value:e;break;case"integer":i=e.target.value,i=Math.trunc(i);break;default:i=e.target.value}if(l.layers["".concat(n)].fields.find((function(e){return e.field===t})).value=i,"system-defined"===a&&(!l.layers["".concat(n)].fields.find((function(e){return e.field===t})).value_system||""===l.layers["".concat(n)].fields.find((function(e){return e.field===t})).value_system)){var _=l.layers["".concat(n)].fields.find((function(e){return e.field===t})).option_layers;l.layers["".concat(n)].fields.find((function(e){return e.field===t})).value_system=Object(L.g)(_)[0].key}r.properties=l,r.changed=!0,this.props.onChange(r)}},{key:"handleUnitClick",value:function(e,t){var n=this.props.genericDS,a=n.properties,r=Object(L.o)(t.option_layers,t.value_system,t.value);a.layers["".concat(e)].fields.find((function(e){return e.field===t.field})).value_system=t.value_system,a.layers["".concat(e)].fields.find((function(e){return e.field===t.field})).value=r,n.properties=a,n.changed=!0,this.props.onChange(n)}},{key:"handleReload",value:function(){var e=this.props,t=e.klass,n=e.genericDS;if(t.properties_release){var a=Object(E.cloneDeep)(t.properties_release);a.klass_uuid=t.uuid,Object.keys(a.layers).forEach((function(e){var t=a.layers[e]||{},r=n.properties.layers[e]&&n.properties.layers[e].fields||[];(t.fields||[]).forEach((function(t,l){var i=Object(E.findIndex)(r,(function(e){return e.field===t.field}));if(i>=0){var _=n.properties.layers[e].fields[i].value,s=typeof _;if(["select","text","textarea","formula-field"].includes(a.layers[e].fields[l].type)&&(a.layers[e].fields[l].value="undefined"!==s?_.toString():""),"integer"===a.layers[e].fields[l].type&&(a.layers[e].fields[l].value="undefined"===s||"boolean"===s||isNaN(_)?0:parseInt(_,10)),"checkbox"===a.layers[e].fields[l].type&&(a.layers[e].fields[l].value="undefined"!==s&&Object(L.l)(_)),"system-defined"===a.layers[e].fields[l].type){var c=Object(L.g)(a.layers[e].fields[l].option_layers),o=c.find((function(t){return t.key===n.properties.layers[e].fields[i].value_system}));a.layers[e].fields[l].value_system=o&&o.key||c[0].key,a.layers[e].fields[l].value=Object(L.m)(_)}}}))})),n.properties=a,n.dataset_klass_id=t.id,n.klass_ols=t.ols_term_id,n.klass_label=t.label,n.changed=!0,this.props.onChange(n)}else this.props.onChange(void 0)}},{key:"elementalPropertiesItem",value:function(e,t){var n=K(e.properties.layers,t.properties_release&&t.properties_release.select_options||{},this.handleInputChange,(function(){}),this.handleUnitClick);return Object(u.jsx)("div",{style:{margin:"5px"},children:n})}},{key:"render",value:function(){var e=this,t=this.props,n=t.uiCtrl,a=t.genericDS,r=t.klass,l=t.kind;return n&&0!==Object.keys(a).length&&l&&""!==l?Object(u.jsx)(g.a,{className:"panel-detail",children:Object(u.jsxs)(g.a.Body,{style:{position:"relative",minHeight:260,overflowY:"unset"},children:[this.elementalPropertiesItem(a,r),Object(u.jsxs)("span",{className:"g-ds-note label",children:[Object(u.jsx)("span",{className:"g-ds-title",children:"Note"}),Object(u.jsx)("br",{}),"Selected analysis type: ",Object(L.a)(l),Object(u.jsx)("br",{}),"Content is designed for: ",a.klass_label]}),Object(u.jsx)(x.a,{className:"pull-right",children:Object(u.jsx)(p.a,{placement:"top",overlay:Object(u.jsx)(b.a,{id:"_tooltip_reload",children:"click to reload the content template"}),children:Object(u.jsx)(o.a,{bsSize:"xsmall",bsStyle:"danger",onClick:function(){return e.handleReload()},children:"Reload"})})})]})}):null}}]),n}(a.Component);S.defaultProps={kind:"",genericDS:{},klass:{}};var N=S,F=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=e;return t.reduce((function(e,t){var n=e,a=Object.keys(n);if(a.includes(t.key)){var r=a.filter((function(e){return e===t.key||e.startsWith("".concat(t.key,"."))})).length,l="".concat(t.key,".").concat(r);t.key=l,n[l]=t}else n[t.key]=t;return n}),{})},q=function(e,t){var n=e;return n.fields.map((function(e){var a=e,r=a.cond_fields;return!r||r.length<1||r.filter((function(e){return!e.field||""===e.field})).length===r.length?a:(r=r.filter((function(e){return e.layer===t}))).length<1?(delete a.cond_fields,a):(r=r.map((function(e){var t=e;return t.layer=n.key,t})),a.cond_fields=r,a)})),n.fields},G=function e(t,n){var a=[];return Object.keys(t).forEach((function(r){Object.prototype.hasOwnProperty.call(t,r)&&(t[r].key===n?a=a.concat(n):t[r].wf_info&&t[r].wf_info.source_layer===n&&(a=a.concat(e(t,t[r].key))))})),a},V=n(21),z=n(71),H=function(e,t){var n=Object(E.cloneDeep)(e.sub_fields||[]),a=Object(E.cloneDeep)(t.sub_fields||[]),r=Object(E.cloneDeep)(t.sub_values||[]);return n.length<1||a.length<1||r.length<1?[]:function(e,t,n){var a=[],r=new z.a;e.map((function(e){return Object.assign(r,Object(V.a)({},e.id,""))}));var l=Object.keys(r),i=Object.keys(n[0]),_=i.filter((function(e){return!l.includes(e)})),s={};return e.map((function(e){return"text"===e.type?Object.assign(s,Object(V.a)({},e.id,"")):Object.assign(s,Object(V.a)({},e.id,{value:"",value_system:e.value_system}))})),n.forEach((function(n){r=new z.a,Object.assign(r,s,n),_.forEach((function(e){return delete r[e]})),i.forEach((function(n){if(void 0!==r[n]&&"id"!==n){var a=e.find((function(e){return e.id===n})),l=t.find((function(e){return e.id===n}));"drag_molecule"===a.type&&["text","system-defined","drag_sample"].includes(l.type)&&(r[n]={value:void 0}),"text"===a.type&&("system-defined"===l.type&&(r[n]=r[n].value),["drag_molecule","drag_sample"].includes(l.type)&&(r[n]="")),"system-defined"===a.type&&("system-defined"===l.type&&a.option_layers!==l.option_layers&&(r[n].value_system=a.value_system),["text","drag_molecule","drag_sample"].includes(l.type)&&(r[n]={value:"",value_system:a.value_system}),r[n].value=Object(L.o)(a.option_layer,r[n].value_system,r[n].value))}})),a.push(r)})),a}(n,a,r)},J=n(404),Y=function(e,t){return Object(u.jsx)("div",{className:"generic_layer_column",children:Object(u.jsxs)("div",{children:[Object(u.jsxs)("div",{children:[Object(u.jsx)("b",{children:e.label}),Object(u.jsx)("br",{}),"(",e.key,")"]}),Object(u.jsx)(p.a,{delayShow:1e3,placement:"top",overlay:Object(u.jsx)(b.a,{id:"_tooltip_layers",children:"click to add layer"}),children:Object(u.jsx)(o.a,{bsStyle:"primary",onClick:function(n){return t(n,e)},children:Object(u.jsx)(f.a,{icon:"fas fa-plus"})})})]})})},Z=function(e){var t=e.show,n=e.layers,a=e.fnClose,r=e.fnAdd;if(!t)return null;var l=Object(E.sortBy)(n,["position","wf_position"])||[];if(l.length<1)return null;var i=function(e,t){var n=[];return e.forEach((function(e){n.push(Object(u.jsx)("div",{children:Y(e,t)},e.key))})),n}(l,r);return Object(u.jsxs)(J.a,{show:t,onHide:a,children:[Object(u.jsx)(J.a.Header,{closeButton:!0,children:Object(u.jsx)(J.a.Title,{children:"Choose Layer"})}),Object(u.jsx)(J.a.Body,{children:Object(u.jsx)("div",{style:{maxHeight:"80vh",overflow:"auto"},children:Object(u.jsx)("div",{className:"generic_grid",children:i})})})]})},Q=function(e){Object(y.a)(n,e);var t=Object(v.a)(n);function n(e){var a;return Object(h.a)(this,n),(a=t.call(this,e)).state={showViewLayer:!1,selectedLayerKey:""},a.handleInputChange=a.handleInputChange.bind(Object(m.a)(a)),a.handleSubChange=a.handleSubChange.bind(Object(m.a)(a)),a.handleUnitClick=a.handleUnitClick.bind(Object(m.a)(a)),a.handleReload=a.handleReload.bind(Object(m.a)(a)),a.handleAddLayer=a.handleAddLayer.bind(Object(m.a)(a)),a.setViewLayer=a.setViewLayer.bind(Object(m.a)(a)),a.dropLayer=a.dropLayer.bind(Object(m.a)(a)),a.removeLayer=a.removeLayer.bind(Object(m.a)(a)),a.handleWFNext=a.handleWFNext.bind(Object(m.a)(a)),a}return Object(O.a)(n,[{key:"setViewLayer",value:function(){this.setState({showViewLayer:!this.state.showViewLayer})}},{key:"handleSubChange",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=this.props.segment,r=a.properties;if(!n){var l=r.layers["".concat(e)].fields.find((function(e){return e.field===t.f.field})).sub_fields||[],i=l.findIndex((function(e){return e.id===t.sub.id}));l.splice(i,1,t.sub),r.layers["".concat(e)].fields.find((function(e){return e.field===t.f.field})).sub_fields=l}r.layers["".concat(e)].fields.find((function(e){return e.field===t.f.field})).sub_values=t.f.sub_values||[],a.properties=r,a.changed=!0,this.props.onChange(a)}},{key:"handleInputChange",value:function(e,t,n){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"text",r=this.props.segment,l=r.properties,i="",_=!0;switch(a){case"drop-layer":this.dropLayer(t,n),_=!1;break;case"layer-remove":e.stopPropagation(),this.removeLayer(t,n),_=!1;break;case"layer-modal":e.stopPropagation(),_=!1,this.setState({selectedLayerKey:n.key,showViewLayer:!0});break;case"wf-next":_=!1,this.handleWFNext(e,n);break;case"checkbox":i=e.target.checked;break;case"formula-field":i=e.target?e.target.value:e;break;case"upload":var s=Object(L.p)(l,e,t,n);if(i=s[0],s[1].length>0&&(r.files=(r.files||[]).concat(s[1])),s.length>2){var c=Object(E.findIndex)(r.files||[],(function(t){return t.uid===e.uid}));c>=0&&r.files&&r.files.length>0&&r.files.splice(c,1)}break;case"select":i=e?e.value:null;break;case"drag_molecule":i=e;break;case"integer":i=e.target.value,i=Math.trunc(i);break;default:i=e.target.value}if(_){if(l.layers["".concat(n)].fields.find((function(e){return e.field===t})).value=i,"system-defined"===a&&(!l.layers["".concat(n)].fields.find((function(e){return e.field===t})).value_system||""===l.layers["".concat(n)].fields.find((function(e){return e.field===t})).value_system)){var o=l.layers["".concat(n)].fields.find((function(e){return e.field===t})).option_layers;l.layers["".concat(n)].fields.find((function(e){return e.field===t})).value_system=Object(L.g)(o)[0].key}r.properties=l,r.changed=!0,this.props.onChange(r)}}},{key:"handleUnitClick",value:function(e,t){var n=this.props.segment,a=n.properties,r=Object(L.o)(t.option_layers,t.value_system,t.value);a.layers["".concat(e)].fields.find((function(e){return e.field===t.field})).value_system=t.value_system,a.layers["".concat(e)].fields.find((function(e){return e.field===t.field})).value=r,n.properties=a,n.changed=!0,this.props.onChange(n)}},{key:"handleReload",value:function(){var e=this.props,t=e.klass,n=e.segment,a=Object(E.cloneDeep)(t.properties_release);a.klass_uuid=t.uuid,Object.keys(a.layers).forEach((function(e){var t=a.layers[e]||{},r=n.properties.layers[e]&&n.properties.layers[e].fields||[];(t.fields||[]).forEach((function(t,l){var i=Object(E.findIndex)(r,(function(e){return e.field===t.field}));if(i>=0){var _=n.properties.layers[e].fields[i].value,s=typeof _;if(["select","text","textarea","formula-field"].includes(a.layers[e].fields[l].type)&&(a.layers[e].fields[l].value="undefined"!==s?_.toString():""),"integer"===a.layers[e].fields[l].type&&(a.layers[e].fields[l].value="undefined"===s||"boolean"===s||isNaN(_)?0:parseInt(_,10)),"checkbox"===a.layers[e].fields[l].type&&(a.layers[e].fields[l].value="undefined"!==s&&Object(L.l)(_)),"system-defined"===a.layers[e].fields[l].type){var c=Object(L.g)(a.layers[e].fields[l].option_layers),o=c.find((function(t){return t.key===n.properties.layers[e].fields[i].value_system}));a.layers[e].fields[l].value_system=o&&o.key||c[0].key,a.layers[e].fields[l].value=Object(L.m)(_)}if("input-group"===a.layers[e].fields[l].type)if(n.properties.layers[e].fields[i].type!==a.layers[e].fields[l].type)a.layers[e].fields[l].value=void 0;else{var u=a.layers[e].fields[l].sub_fields||[],d=n.properties.layers[e].fields[i].sub_fields||[],p=[];u.length<1?a.layers[e].fields[l].value=void 0:u.forEach((function(e){var t=d.find((function(t){return t.id===e.id}))||{};if("label"===e.type&&p.push(e),"text"===e.type&&("label"===t.type?p.push(e):p.push(Object(k.a)(Object(k.a)({},e),{},{value:(t.value||"").toString()}))),["number","system-defined"].includes(e.type)){var n="undefined"===typeof t.value||null==t.value||0===t.value.length?"":Object(L.m)(t.value);e.option_layers===t.option_layers?p.push(Object(k.a)(Object(k.a)({},e),{},{value:n,value_system:t.value_system})):p.push(Object(k.a)(Object(k.a)({},e),{},{value:n}))}})),a.layers[e].fields[l].sub_fields=p}"upload"===a.layers[e].fields[l].type&&(n.properties.layers[e].fields[i].type===a.layers[e].fields[l].type?a.layers[e].fields[l].value=n.properties.layers[e].fields[i].value:a.layers[e].fields[l].value={}),"table"===a.layers[e].fields[l].type&&(n.properties.layers[e].fields[i].type!==a.layers[e].fields[l].type?a.layers[e].fields[l].sub_values=[]:a.layers[e].fields[l].sub_values=H(a.layers[e].fields[l],n.properties.layers[e].fields[i]))}}))})),n.properties=a,n.changed=!0,this.props.onChange(n)}},{key:"handleAddLayer",value:function(e,t){var n=this.props.segment,a=this.state.selectedLayerKey,r=t,l=n.properties.layers,i=Object(E.sortBy)(l,["position","wf_position"]),_=i.findIndex((function(e){return e.key===a})),s=i[_];r.position=s.position,r.wf_position=s.wf_position+1,r.wf=!1,r.wf_uuid=null;var c=i.filter((function(e){return e.key===r.key||e.key.startsWith("".concat(r.key,"."))})).length;if(c>0){var o=r.key;r.key="".concat(r.key,".").concat(c),r.fields=q(r,o)}i.splice(_+1,0,r),i.filter((function(e){return e.position===s.position})).map((function(e,t){var n=e;return n.wf_position=t,n}));var u=F(i);n.properties.layers=u,this.setState({selectedLayerKey:r.key,showViewLayer:!1},this.props.onChange(n))}},{key:"dropLayer",value:function(e,t){var n=this.props.segment,a=n.properties.layers,r=Object(E.sortBy)(a,["position","wf_position"]),l=r.findIndex((function(t){return t.key===e})),i=r[l],_=r.findIndex((function(e){return e.key===t}));if(1===Math.abs(l-_))r=Object(L.k)(r,l,_);else{r.splice(l,1),_=r.findIndex((function(e){return e.key===t}));var s=r[_];i.position=s.position,i.wf_position=(s.wf_position||0)+1,r.splice(_+1,0,i)}r.filter((function(e){return e.position===i.position})).map((function(e,t){var n=e;return n.wf_position=t,n}));var c=F(r);n.properties.layers=c,n.changed=!0,this.props.onChange(n)}},{key:"removeLayer",value:function(e,t){var n=this.props.segment,a=n.properties.layers,r=Object(E.sortBy)(a,["position","wf_position"]),l=r.findIndex((function(e){return e.key===t.key})),i=r[l];r.splice(l,1),r.filter((function(e){return e.position===i.position})).map((function(e,t){var n=e;return n.wf_position=t,n})),n.properties.layers=F(r),n.changed=!0,this.props.onChange(n)}},{key:"handleWFNext",value:function(e,t){var n,a=e?e.value:null;if(a){var r=this.props.segment,l=r.properties,i=r.properties_release,_=!1,s=l.layers["".concat(t)].fields.find((function(e){return"_wf_next"===e.field})).value;if(a!==s){s&&""!==s&&s!==a&&(_=!0);var c=i.flow,o=function(e,t,n,a){var r=Object(E.cloneDeep)(e),l=r.elements.filter((function(e){return e.id===t}));if(l.length<1)return null;var i=l[0].data.layer,_=r.elements.filter((function(e){return e.animated})),s=r.elements.filter((function(e){return"default"===e.type&&e.data})),c=_.filter((function(e){return e.source===t})).map((function(e){return e.target})),o=s.filter((function(e){return c.includes(e.id)})).map((function(e){return{key:e.id,label:"".concat(e.data.layer.label,"(").concat(e.data.layer.key,")")}}));if(o.length>0){var u=(i.fields||[]).length+1;i.fields.push({type:"wf-next",default:"",field:"_wf_next",label:"Next",required:!1,sub_fields:[],text_sub_fields:[],position:u,wf_options:o})}return i.wf_info={node_id:t,source_layer:n},i.wf_position=a+1,i}(c,a,t,l.layers["".concat(t)].wf_position);o&&(l.layers=function(e,t,n){var a={},r=Object.keys(e);return Object.keys(e).forEach((function(l){if(Object.prototype.hasOwnProperty.call(e,l)&&(a[l]=e[l],l===t)){var i=a[l].position,_=r.filter((function(e){return e===n.key||e.startsWith("".concat(n.key,"."))})).length;if(0===_)a[n.key]=n,a[n.key].position=i;else{var s=n.key;a["".concat(n.key,".").concat(_)]=n,a["".concat(n.key,".").concat(_)].position=i,a["".concat(n.key,".").concat(_)].key="".concat(n.key,".").concat(_),a[n.key].fields=q(n,s)}}})),0===Object.keys(e).length&&(a[n.key]=n),a}(l.layers,t,o)),_&&(l.layers=function(){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!(t.data&&t.data.layer&&t.data.layer.key))return[];var a=[];return Object.keys(n).forEach((function(r){if(Object.prototype.hasOwnProperty.call(n,r)){var l=n[r].wf_info;l&&l.source_layer===e&&l.node_id===t.id&&(a=a.concat(G(n,n[r].key)))}})),a.forEach((function(e){return delete n[e]})),n}(l.layers,t,(n=s,c.elements.filter((function(e){return e.id===n}))[0]))),l.layers["".concat(t)].fields.find((function(e){return"_wf_next"===e.field})).value=a,r.properties=l,r.changed=!0,this.props.onChange(r)}}}},{key:"elementalPropertiesItem",value:function(e){var t=K(e.properties.layers,e.properties_release.select_options||{},this.handleInputChange,this.handleSubChange,this.handleUnitClick,[],0,!1,!0);return Object(u.jsx)("div",{style:{margin:"5px"},children:t})}},{key:"render",value:function(){var e=this.props,t=e.uiCtrl,n=e.segment;if(!t||0===Object.keys(n).length)return null;var a=this.state.showViewLayer,r=Object(u.jsx)(Z,{show:a,layers:Object(E.cloneDeep)(n.properties_release.layers)||{},fnClose:this.setViewLayer,fnAdd:this.handleAddLayer});return Object(u.jsxs)("div",{children:[Object(u.jsx)(g.a,{children:Object(u.jsx)(g.a.Body,{style:{position:"relative",minHeight:260,overflowY:"unset"},children:this.elementalPropertiesItem(n)})}),r]})}}]),n}(a.Component);Q.defaultProps={segment:{},klass:{}};var X=Q,$=n(189),ee=n.n($),te=n(37),ne={background:"#555"},ae=Object(k.a)(Object(k.a)({},ne),{},{top:10}),re=function(e){return console.log("handle onConnect",e)},le=function(e){var t=e.data;return Object(u.jsxs)(u.Fragment,{children:[Object(u.jsx)(te.c,{type:"target",position:te.d.Top,style:ne,onConnect:re}),Object(u.jsxs)("div",{children:[Object(u.jsx)("div",{style:{borderWidth:"0px 0px 1px 0px",borderColor:"black",borderStyle:"solid"},children:Object(u.jsx)("b",{children:t.layer.label})}),Object(u.jsxs)("div",{children:["(",t.layer.key,")"]})]}),Object(u.jsx)(te.c,{type:"source",position:te.d.Bottom,id:"a",style:ae})]})},ie=Object(a.memo)(le),_e=function(e){var t=e.properties,n=e.properties_release,r=Object(a.useState)(null),l=Object(c.a)(r,2),i=l[0],_=l[1],s=Object(a.useState)([]),o=Object(c.a)(s,2),d=o[0],p=o[1];return Object(a.useEffect)((function(){var t=Object(L.b)(e);t=t.length>0?t:L.d,p(t)}),[t,n]),Object(a.useEffect)((function(){var t=Object(L.b)(e);t=t.length>0?t:L.d,p(t)}),[]),Object(a.useEffect)((function(){i&&d.length&&i.fitView()}),[i,d.length]),Object(u.jsx)(te.e,{children:Object(u.jsx)(te.f,{elements:d,onLoad:function(e){_(e)},connectionMode:te.a.Loose,nodeTypes:{selectorNode:ie},deleteKeyCode:46,children:Object(u.jsx)(te.b,{})})})},se=(n(372),function(e){var t=e.show,n=e.data,a=e.fnHide;if(!t)return null;var r=n.properties_release,l=n.properties,i=n.shortLabel;return Object.keys(r).length<1?null:Object.keys(r.flow||{}).length<1||(r.flow.elements||[]).length<3?Object(u.jsxs)(J.a,{show:t,bsSize:"small",onHide:a,children:[Object(u.jsx)(J.a.Header,{closeButton:!0,children:Object(u.jsx)(J.a.Title,{children:"".concat(i," workflow")})}),Object(u.jsx)(J.a.Body,{children:"No defined workflow"})]}):Object(u.jsx)(ee.a,{handle:".layer_header",bounds:"body",children:Object(u.jsx)("div",{className:"flow_view_draggable",children:Object(u.jsxs)(g.a,{bsStyle:"primary",children:[Object(u.jsxs)(g.a.Heading,{className:"layer_header",children:["".concat(i," workflow"),Object(u.jsx)(o.a,{bsStyle:"danger",bsSize:"xsmall",className:"cgu_button_right",onClick:a,children:Object(u.jsx)(f.a,{icon:"fas fa-times"})})]}),Object(u.jsx)(g.a.Body,{children:Object(u.jsx)("div",{className:"body_bg",children:Object(u.jsx)("div",{className:"body_canvas",children:Object(u.jsx)(_e,{properties:l,properties_release:r})})})})]})})})});i.b.add(_.a,s.a);var ce=function(e){Object(y.a)(n,e);var t=Object(v.a)(n);function n(e){var a;return Object(h.a)(this,n),(a=t.call(this,e)).state={genericDS:{},klass:{}},a.handleChange=a.handleChange.bind(Object(m.a)(a)),a}return Object(O.a)(n,[{key:"componentDidMount",value:function(){var e=this;fetch("ds_details.json",{headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((function(e){return e.json()})).then((function(t){fetch("ds_klass.json",{headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((function(e){return e.json()})).then((function(n){e.setState({genericDS:t,klass:n})})).catch((function(e){console.log(e)}))})).catch((function(e){console.log(e)}))}},{key:"handleChange",value:function(e){this.setState({genericDS:e})}},{key:"render",value:function(){var e=this.state,t=e.genericDS,n=e.klass;return Object(u.jsxs)("div",{children:[Object(u.jsx)("h2",{children:"GenericDSDetails"}),Object(u.jsx)("div",{children:Object(u.jsx)(N,{uiCtrl:!0,genericDS:t,klass:n,kind:"1H NMR",onChange:this.handleChange})})]})}}]),n}(a.Component),oe=n(190),ue=n.n(oe),de=function(e){Object(y.a)(n,e);var t=Object(v.a)(n);function n(e){var a;return Object(h.a)(this,n),(a=t.call(this,e)).state={segment:{},klass:{}},a.handleChange=a.handleChange.bind(Object(m.a)(a)),a}return Object(O.a)(n,[{key:"componentDidMount",value:function(){var e=this;fetch("sg_details.json",{headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((function(e){return e.json()})).then((function(t){console.log(t),fetch("sg_klass.json",{headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((function(e){return e.json()})).then((function(n){e.setState({segment:t,klass:n})})).catch((function(e){console.log(e)}))})).catch((function(e){console.log(e)}))}},{key:"handleChange",value:function(e){this.setState({segment:e})}},{key:"render",value:function(){var e=this.state,t=e.segment,n=e.klass;return Object(u.jsxs)("div",{children:[Object(u.jsx)("h2",{children:"SegmentDetails"}),Object(u.jsx)("div",{children:Object(u.jsx)(X,{uiCtrl:!0,segment:t,klass:n,onChange:this.handleChange})})]})}}]),n}(a.Component),pe=Object(T.DragDropContext)(ue.a)(de),be=function(e){Object(y.a)(n,e);var t=Object(v.a)(n);function n(e){var a;return Object(h.a)(this,n),(a=t.call(this,e)).state={show:!1,data:{properties_release:{},properties:{},shortLabel:"short label"}},a.handleChange=a.handleChange.bind(Object(m.a)(a)),a}return Object(O.a)(n,[{key:"componentDidMount",value:function(){var e=this;fetch("sg_details.json",{headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((function(e){return e.json()})).then((function(t){console.log(t),e.setState({data:{properties_release:t.properties_release,properties:t.properties}})})).catch((function(e){console.log(e)}))}},{key:"handleChange",value:function(e){this.setState({show:e})}},{key:"render",value:function(){var e=this,t=this.state,n=t.show,a=t.data;return Object(u.jsxs)("div",{children:[Object(u.jsx)("h2",{children:"Flow view"}),Object(u.jsxs)("div",{children:[Object(u.jsx)(o.a,{onClick:function(){return e.handleChange(!0)},children:"click"}),Object(u.jsx)(se,{show:n,data:a,fnHide:function(){return e.handleChange(!1)}})]})]})}}]),n}(a.Component);l.a.render(Object(u.jsxs)("div",{children:[Object(u.jsx)(d,{elements:[],element:{}}),Object(u.jsx)(j,{uiCtrl:!0}),Object(u.jsx)(be,{}),Object(u.jsx)(ce,{}),Object(u.jsx)(pe,{})]}),document.getElementById("root"))},71:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var a=n(14),r=n(15),l=n(40),i=function(){function e(t){Object(a.a)(this,e),Object.assign(this,t),this.id||(this.id=e.buildID())}return Object(r.a)(e,null,[{key:"buildID",value:function(){return Object(l.a)()}}]),e}()},9:function(e,t,n){"use strict";n.d(t,"g",(function(){return m})),n.d(t,"e",(function(){return y})),n.d(t,"n",(function(){return v})),n.d(t,"o",(function(){return E})),n.d(t,"l",(function(){return O})),n.d(t,"m",(function(){return j})),n.d(t,"f",(function(){return h})),n.d(t,"a",(function(){return f})),n.d(t,"h",(function(){return g})),n.d(t,"i",(function(){return x})),n.d(t,"b",(function(){return D})),n.d(t,"d",(function(){return P})),n.d(t,"k",(function(){return C})),n.d(t,"j",(function(){return b})),n.d(t,"c",(function(){return M})),n.d(t,"p",(function(){return p}));var a=n(15),r=n(14),l=(n(0),n(40)),i=n(11),_=n(29),s={SYSTEM_UNITS:{fields:[{type:"numeric",field:"acceleration",label:"Acceleration",default:"",position:10,placeholder:"acceleration",units:[{key:"mm_s2",label:"mm/s<sup>2</sup>"}]},{type:"numeric",field:"agitation",label:"Agitation",default:"",position:20,placeholder:"agitation",units:[{key:"rpm",label:"rpm"}]},{type:"numeric",field:"amount_enzyme",label:"Amount enzyme as nmol/min",default:"",position:30,placeholder:"amount enzyme as nmol/min",units:[{key:"u",label:"U",nm:1},{key:"mu",label:"mU",nm:1e3}]},{type:"numeric",field:"molarity",label:"Chem. concentration (Molarity)",default:"",position:40,placeholder:"molarity",units:[{key:"mol_l",label:"mol/L (M)",nm:1},{key:"mmol_l",label:"mmol/L (mM)",nm:1e3},{key:"nmol_l",label:"nmol/L (nM)",nm:1e6},{key:"pmol_l",label:"pmol/L (pM)",nm:1e9}]},{type:"numeric",field:"chem_distances",label:"Chem. distances",default:"",position:50,placeholder:"Chem. distances",units:[{key:"angstrom",label:"\\xc5"}]},{type:"numeric",field:"concentration",label:"Concentration",default:"",position:60,placeholder:"concentration",units:[{key:"ng_l",label:"ng/L",nm:1e6},{key:"mg_l",label:"mg/L",nm:1e3},{key:"g_l",label:"g/L",nm:1}]},{type:"numeric",field:"conductivity",label:"Conductivity",default:"",position:66,placeholder:"conductivity",units:[{key:"s_m",label:"S/m",nm:1}]},{type:"numeric",field:"current",label:"Current",default:"",position:60,placeholder:"Current",units:[{key:"A",label:"A",nm:1},{key:"mA",label:"mA",nm:1e3},{key:"uA",label:"\\xb5A",nm:1e6},{key:"nA",label:"nA",nm:1e9}]},{type:"numeric",field:"degree",label:"Degree",default:"",position:70,placeholder:"degree",units:[{key:"degree",label:"\\xb0"}]},{type:"numeric",field:"density",label:"Density",default:"",position:75,placeholder:"density",units:[{key:"g_cm3",label:"g/cm<sup>3</sup>",nm:1},{key:"kg_l",label:"kg/l",nm:1}]},{type:"numeric",field:"duration",label:"Duration",default:"",position:80,placeholder:"duration",units:[{key:"d",label:"d",nm:1},{key:"h",label:"h",nm:24},{key:"min",label:"m",nm:1440},{key:"s",label:"s",nm:86400}]},{type:"numeric",field:"elastic_modulus",label:"Elastic modulus",default:"",position:86,placeholder:"Elastic modulus",units:[{key:"m_pa",label:"MPa",nm:1},{key:"k_pa",label:"kPa",nm:1e3},{key:"pa",label:"Pa",nm:1e6}]},{type:"numeric",field:"electric_field",label:"Electric field",default:"",position:86,placeholder:"Electric field",units:[{key:"v_m",label:"V/m",nm:1}]},{type:"numeric",field:"energy",label:"Energy",default:"",position:88,placeholder:"Joule",units:[{key:"j",label:"J",nm:1e3},{key:"k_j",label:"kJ",nm:1}]},{type:"numeric",field:"enzyme_activity",label:"Enzyme activity",default:"",position:90,placeholder:"Enzyme activity",units:[{key:"u_l",label:"U/L",nm:1},{key:"u_ml",label:"U/mL",nm:1e3}]},{type:"numeric",field:"flow_rate",label:"Flow rate",default:"",position:100,placeholder:"Flow rate",units:[{key:"ul_min",label:"\\xb5l/min",nm:1e6},{key:"ml_min",label:"ml/min",nm:1e3},{key:"l_m",label:"l/m",nm:1}]},{type:"numeric",field:"frequency",label:"Frequency",default:"",position:100,placeholder:"frequency",units:[{key:"hz",label:"Hz",nm:1e3},{key:"khz",label:"kHz",nm:1}]},{type:"numeric",field:"heating_rate",label:"Heating rate",default:"",position:106,placeholder:"heating rate",units:[{key:"k_min",label:"K/min",nm:1}]},{type:"numeric",field:"length",label:"Length",default:"",position:110,placeholder:"length",units:[{key:"pm",label:"pm",nm:1e5},{key:"nm",label:"nm",nm:1e4},{key:"mm",label:"mm",nm:1e3},{key:"cm",label:"cm",nm:100},{key:"m",label:"m",nm:1}]},{type:"numeric",field:"magnetic_flux_density",label:"Magnetic flux density/inductivity",default:"",position:120,placeholder:"",units:[{key:"T",label:"T",nm:1}]},{type:"numeric",field:"mass",label:"Mass",default:"",position:120,placeholder:"mass",units:[{key:"g",label:"g",nm:1},{key:"mg",label:"mg",nm:1e3},{key:"ug",label:"\\xb5g",nm:1e6}]},{type:"numeric",field:"mass_molecule",label:"Mass of molecule",default:"",position:126,placeholder:"mass of molecule",units:[{key:"dalton",label:"D",nm:1e3},{key:"kilo_dalton",label:"kD",nm:1}]},{type:"numeric",field:"molecular_weight",label:"Molecular weight",default:"",position:130,placeholder:"Molecular weight",units:[{key:"g_mol",label:"g/mol"}]},{type:"numeric",field:"percentage",label:"Percentage",default:"",position:136,placeholder:"percentage",units:[{key:"p",label:"%",nm:1}]},{type:"numeric",field:"pressure",label:"Pressure",default:"",position:140,placeholder:"pressure",units:[{key:"atm",label:"atm",nm:1},{key:"pa",label:"Pa",nm:101325},{key:"torr",label:"Torr",nm:760}]},{type:"numeric",field:"reaction_rate",label:"Reaction rate",default:"",position:150,placeholder:"Reaction rate",units:[{key:"mol_lmin",label:"mol/Lmin",nm:1},{key:"mol_lsec",label:"mol/Ls",nm:60}]},{type:"numeric",field:"specific_volume",label:"Specific Volume",default:"",position:160,placeholder:"Specific Volume",units:[{key:"cm3_g",label:"cm<sup>3</sup>/g",nm:1}]},{type:"numeric",field:"speed",label:"Speed",default:"",position:165,placeholder:"speed",units:[{key:"cm_s",label:"cm/s",nm:1},{key:"mm_s",label:"mm/s",nm:10},{key:"cm_h",label:"cm/h",nm:3600},{key:"mm_h",label:"mm/h",nm:36e3}]},{type:"numeric",field:"surface",label:"Surface",default:"",position:170,placeholder:"surface",units:[{key:"a_2",label:"A<sup>2</sup>"},{key:"mm_2",label:"mm<sup>2</sup>"},{key:"cm_2",label:"cm<sup>2</sup>"}]},{type:"numeric",field:"temperature",label:"Temperature",default:"",position:180,placeholder:"temperature",units:[{key:"C",label:"\\xb0C"},{key:"F",label:"\\xb0F"},{key:"K",label:"\\xb0K"}]},{type:"numeric",field:"turnover_number",label:"Turnover number",default:"",position:190,placeholder:"Turnover number",units:[{key:"1_s",label:"1/s"}]},{type:"numeric",field:"viscosity",label:"Dynamic Viscosity",default:"",position:200,placeholder:"Dynamic Viscosity",units:[{key:"pas",label:"Pas",nm:1},{key:"mpas",label:"mPas",nm:1e3}]},{type:"numeric",field:"kinematic_viscosity",label:"Kinematic Viscosity",default:"",position:205,placeholder:"Kinematic Viscosity",units:[{key:"m2_s",label:"m<sup>2</sup>/s",nm:1}]},{type:"numeric",field:"voltage",label:"Voltage",default:"",position:200,placeholder:"voltage",units:[{key:"mv",label:"mV",nm:1e3},{key:"v",label:"V",nm:1}]},{type:"numeric",field:"volumes",label:"Volumes",default:"",position:210,placeholder:"volume",units:[{key:"l",label:"l",nm:1},{key:"ml",label:"ml",nm:1e3},{key:"ul",label:"\\xb5l",nm:1e6},{key:"nl",label:"nl",nm:1e9}]}]}},c=n(192),o=n(46),u=function(){function e(t){Object(r.a)(this,e),Object.assign(this,t),this.id||(this.id=e.buildID())}return Object(a.a)(e,[{key:"isNew",get:function(){return!0===this.is_new}},{key:"serialize",value:function(){return Object(c.a)(Object(o.a)(e.prototype),"serialize",this).call(this,{filename:this.filename,identifier:this.identifier,file:this.file,thumb:this.thumb,content_type:this.content_type,is_deleted:this.is_deleted,id:this.id,is_new:this.isNew||!1})}}],[{key:"buildID",value:function(){return Object(l.a)()}},{key:"fromFile",value:function(t){return new e({file:t,name:t.name,filename:t.name,identifier:t.id,is_deleted:!1})}}]),e}(),d=n(1),p=function(e,t,n,a){var r=[],_=(e.layers["".concat(a)].fields.find((function(e){return e.field===n}))||{}).value||{};switch(t.action){case"l":var s=Object(i.findIndex)(_.files||[],(function(e){return e.uid===t.uid})),c=t&&t.val&&t.val.target&&t.val.target.value;_.files[s]&&c&&(_.files[s].label=c);break;case"f":(t.val||[]).forEach((function(e){var t=Object(l.a)();"undefined"!==typeof _.files&&null!==_.files||(_.files=[]),_.files.push({uid:t,filename:e.name}),r.push({uid:t,filename:e.name,file:u.fromFile(e)})}));break;case"d":var o=Object(i.findIndex)(_.files||[],(function(e){return e.uid===t.uid}));return o>=0&&_.files&&_.files.length>0&&_.files.splice(o,1),[_,r,t.uid];default:console.log(t)}return[_,r]},b=function(e,t){var n=!0;if(e&&e.cond_fields&&e.cond_fields.length>0){n=!1;for(var a=function(a){var r=e.cond_fields[a]||{},l=r.layer,i=r.field,_=r.value;if(i&&""!==i){var s=((t[l]||{}).fields||[]).find((function(e){return e.field===i}))||{};if("checkbox"===s.type&&(["false","no","f","0"].includes((_||"").trim().toLowerCase())&&("undefined"===typeof(s&&s.value)||!1===s.value)||["true","yes","t","1"].includes((_||"").trim().toLowerCase())&&"undefined"!==typeof(s&&s.value)&&!0===s.value))return n=!0,"break";if(["text","select"].includes(s&&s.type)&&"undefined"!==typeof(s&&s.value)&&(s&&s.value||"").trim()===(_||"").trim())return n=!0,"break"}},r=0;r<e.cond_fields.length;r+=1){if("break"===a(r))break}}return n},f=function(e){return e.replace(function(e){return(e||"").split("|")[0].trim()}(e),"").replace("|","").trim()},j=function(e){var t=Number(e||"");return Number.isNaN(t)?0:t},h=function(e){if("undefined"===typeof e||null===e)return"";var t=e.match(/<\\s*(\\w+\\b)(?:(?!<\\s*\\/\\s*\\1\\b)[\\s\\S])*<\\s*\\/\\s*\\1\\s*>|[^<]+/g).map((function(e){var t=e.match(/<sup[^>]*>([^<]+)<\\/sup>/);if(t)return Object(d.jsx)("sup",{children:t[1]},Object(l.a)());var n=e.match(/<sub[^>]*>([^<]+)<\\/sub>/);return n?Object(d.jsx)("sub",{children:n[1]},Object(l.a)()):e}));return Object(d.jsx)("span",{children:t})},O=function(e){var t=String(e).toLowerCase();return!(!t||"false"===t||"0"===t)},m=function(e){return(((s.SYSTEM_UNITS||{}).fields||[]).find((function(t){return t.field===e}))||{}).units||[]},y=function(e,t){return m(e).find((function(e){return e.key===t}))||{}},v=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=m(e.option_layers);if(t.length<=1)return e.value;var n=Object(i.findIndex)(t,(function(t){return t.key===e.value_system}));return n<=0?e.value:e.value*t[0].nm/(t[n]&&t[n].nm||1)||0},E=function(e,t,n){if("undefined"===typeof n||null==n||0===n||""===n)return n;if("temperature"===e)return function(e,t){switch(e){case"F":return(1.8*parseFloat(t)+32).toFixed(2);case"K":return(5*(parseFloat(t)+459.67)/9).toFixed(2);case"C":return(parseFloat(t)-273.15).toFixed(2);default:return t}}(t,n);var a=m(e);if(a.length<=1)return n;var r=Object(i.findIndex)(a,(function(e){return e.key===t}));if(-1===r)return n;var l=0===r?a.length:r,_=a[l-1]&&a[l-1].nm||1,s=a[r]&&a[r].nm||1;return parseFloat((parseFloat(n)*(s/_)).toFixed(5))},g=[{label:"InChiKey",value:"inchikey"},{label:"SMILES",value:"smiles"},{label:"IUPAC",value:"iupac"},{label:"Mass",value:"molecular_weight"}],x=[{label:"Name",value:"name"},{label:"Ext. Label",value:"external_label"},{label:"Mass",value:"molecular_weight"}],D=function(e){var t=e.properties,n=e.properties_release,a=n.flow,r=n.layers,l=Object(i.cloneDeep)(a),s=l&&l.elements||[];return s.map((function(e){if(["default"].includes(e.type)&&e.data){var n=e.data.lKey,a=Object(i.findKey)(t.layers||{},(function(e){return e.wf&&(e.key===n||e.key.startsWith("".concat(n,".")))}))?Object(d.jsx)("div",{style:{position:"absolute",top:"0px",right:"2px",color:"green",zIndex:"100"},children:Object(d.jsx)(_.a,{icon:"far fa-check-circle"})}):null,l=r[n]||{},s=Object(d.jsxs)("div",{children:[a,Object(d.jsx)("div",{style:{borderWidth:"0px 0px 1px 0px",borderColor:"black",borderStyle:"solid"},children:Object(d.jsx)("b",{children:l.label})}),Object(d.jsxs)("div",{children:["(",l.key,")"]})]});e.data={label:s,lKey:l.key}}return e})),s},P=[{id:"1",type:"input",data:{label:"Start"},position:{x:250,y:15}},{id:"2",type:"output",data:{label:"End"},position:{x:250,y:255}}],C=function(e,t,n){var a=e,r=a[t];return a[t]=a[n],a[n]=r,a},M=function(e){var t=e.contents,n=e.name,a=document.createElement("a");a.download=n,a.href=t;var r=new window.MouseEvent("click",{view:window,bubbles:!0,cancelable:!0});a.dispatchEvent(r)}}},[[395,1,2]]]);\n//# sourceMappingURL=main.07660c6f.chunk.js.map\n\n//# sourceURL=webpack:///./build/static/js/main.07660c6f.chunk.js?')},"./node_modules/css-loader/dist/cjs.js!./build/static/css/main.77e3c618.chunk.css":
+/*!****************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js!./build/static/css/main.77e3c618.chunk.css ***!
+  \****************************************************************************************/
+/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "./node_modules/css-loader/dist/runtime/api.js");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);\n// Imports\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(false);\n// Module\n___CSS_LOADER_EXPORT___.push([module.i, "body{margin:0;font-family:-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",\\"Roboto\\",\\"Oxygen\\",\\"Ubuntu\\",\\"Cantarell\\",\\"Fira Sans\\",\\"Droid Sans\\",\\"Helvetica Neue\\",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,\\"Courier New\\",monospace}.bg-bs-primary{background-color:#337ab7!important}.bg-bs-warning{background-color:#f0ad4e!important}.icon_generic_nav{font-family:FontAwesome,Helvetica,Arial,sans-serif!important}.field_required{background-color:#ffffe0}.template_panel_heading{display:flex;justify-content:space-between;align-items:center;padding:5px 10px!important}.panel_generic_properties{border-left:unset!important;border-right:unset!important;border-bottom:unset!important;line-height:26px!important;box-shadow:unset!important;margin-bottom:unset!important}.panel_generic_properties .panel-title{font-weight:700}.panel_generic_properties .default_style{font-size:14px;line-height:normal}.panel_generic_properties_body{padding-left:unset!important;padding-right:unset!important}.panel_generic_heading_slim{padding:5px 0!important}.panel_generic_heading{font-weight:700;padding:10px 0!important}.panel_generic_heading_bu,.panel_generic_heading_bui{font-weight:700;padding:10px 0!important;text-decoration:underline}.panel_generic_heading_bui{font-style:italic}.text_generic_properties .dummy{background-color:unset!important;border:unset!important;box-shadow:unset!important}.text_generic_properties .editable{background-color:#fff}.text_generic_properties .readonly{background-color:#ddd}.text_generic_properties .required{background-color:#ffffe0}.text_generic_properties input:invalid{border:1px solid #f08080}.select_generic_properties_editable .Select-control{background-color:#fff}.select_generic_properties_readonly .Select-control{background-color:#ddd}.select_generic_properties_required .Select-control{background-color:#ffffe0}.drop_generic_properties{display:flex;align-items:center}.drop_generic_properties .target{height:100%;width:100%;margin:0 10px;display:inline-block}.drop_generic_properties .target .indicator{font-size:x-large}.drop_generic_properties .target .s-img{display:flex}.drop_generic_properties .target .s-img img{height:4vh;width:4vw}.drop_generic_properties .target .data{font-size:medium;line-height:normal!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;align-self:center;width:100%}.drop_generic_properties .target.can-drop .data,.drop_generic_properties .target.can-drop .indicator{border:2px dashed #d3d3d3;color:#d3d3d3}.drop_generic_properties .target.is-over .data,.drop_generic_properties .target.is-over .indicator{border:2px dashed #31708f;color:#31708f}.drop_generic_properties .btn_del{float:right;align-self:center}.drop_generic_properties .sample_radios{font-size:xx-small;line-height:2;display:inline-flex;padding-right:5px}.generic_criteria_modal{display:block;padding-left:0;top:45%!important;width:75vw!important}.search_criteria_mof .modal_body{max-height:70vh;height:70vh;overflow:auto}.search_criteria_mof .btn_footer{margin-top:10px}.input-form .input-group-addon{font-weight:700}.input-form .help{font-size:80%;margin:6px;font-style:italic}.g-ds-note{color:#000!important;float:left!important;text-align:left!important;font-weight:lighter!important}.g-ds-note .g-ds-title{text-decoration:underline;font-weight:700;line-height:1.5}.g_input_group,.g_input_group_label{padding:6px!important}.g_input_group_label{background-color:#d3d3d3!important;width:unset!important;white-space:nowrap!important}.g_col_w{width:20%!important}.generic_grid{display:block}.generic_grid>div{display:flex;flex-wrap:nowrap}.generic_grid_header{font-weight:bolder;font-family:\\"Franklin Gothic Medium\\",\\"Arial Narrow\\",Arial,sans-serif}.generic_grid_header,.generic_grid_row{width:100%;margin:6px 0 6px 6px;text-align:center;line-height:15px;align-self:center}.generic_version{color:#fff;color:#00f}.generic_version,.generic_version_draft{background-color:#777;display:inline-block;padding:.35em .65em;font-size:.75em;text-align:center;vertical-align:baseline;white-space:nowrap;border-radius:.5rem;background-color:unset}.generic_version_draft{color:#fff;color:#000}.generic_version_block{display:block;padding:6px 10px;margin:10px;border-radius:10px;border:thin solid #d3d3d3;font-size:1.2em}.generic_version_block>div{display:flex;flex-wrap:nowrap}.generic_block_select{border-width:medium;border-style:groove}.generic_panel_none{border-color:#ddd!important}.generic_panel_none>.panel-heading{background-color:#fff!important}.generic_tbl_chks{line-height:1em;margin:0 -10px!important}.generic_tbl_chks>label{display:inline-flex;align-content:center;align-items:center}.generic_tbl_chks>label>input{margin-top:0}.generic_btn_default{background-color:#777!important;color:#fff!important}.drop_generic_table_wrap .target .s-img{position:relative;border:1px solid transparent}.drop_generic_table_wrap .target .s-img img{height:4vw;width:4vw}.drop_generic_table_wrap .target .s-img .del_btn{position:absolute;top:0;left:0}.drop_generic_table_wrap .target .s-img .link_btn{position:absolute;bottom:0;left:0}.drop_generic_table_wrap .target .s-img:hover{border:1px solid #0dcaf0}.drop_generic_table_wrap .target .data{font-size:unset;white-space:unset;text-align:left}.drop_generic_table_wrap .target.can-drop .s-img{border:2px dashed #d3d3d3;color:#d3d3d3}.drop_generic_table_wrap .target.is-over .s-img{border:2px dashed #31708f;color:#31708f}.generic_grid_img{border:thin solid #ddd}.generic_sam_options{display:flex;flex-direction:column;text-align:left;font-size:x-small}.generic_sam_options .radio{margin-top:unset;margin-bottom:unset}.generic_files{padding:0 5px!important}.generic_files>div>div>div{text-align:left;align-self:center}.generic_files>div>div>div .form-group{margin-bottom:0}.grid-btn-none{font-size:large;color:#fff}.generic_grid_dnd .dnd{cursor:move}.generic_grid_dnd .dnd-btn{font-size:large}.generic_grid_dnd .dnd-btn span{cursor:move}.generic_grid_dnd.can-drop{border:2px dashed #d3d3d3;color:#d3d3d3}.generic_grid_dnd.is-over{border:2px dashed #31708f;color:#31708f}.generic_grid_dnd.is-dragging{opacity:.2}.generic_layer_modal>.layer_header{background-color:#fff;color:#337ab7;font-size:20px}.generic_layer_modal>.panel-body{background-color:#d9edf7}.generic_layer_column{width:100%;text-align:center;line-height:15px;align-self:center;border:1px solid #337ab7;background-color:#fff;margin:5px;padding:10px;color:#337ab7;border-radius:4px}.generic_layer_column>div:first-child{display:flex}.generic_layer_column>div:first-child>button{float:right;border-radius:50%}.generic_layer_column>div:first-child>div{width:100%}.generic_wf_modal{max-height:100%;overflow:auto}.generic_wf_modal>div:first-child{height:85vh;width:100%}.flow_view_draggable{z-index:100;position:absolute;top:12%;left:10%}.flow_view_draggable .panel-body{padding:5px}.flow_view_draggable .panel-body>.body_bg{max-height:100%;overflow:auto;background-color:#d9edf7}.flow_view_draggable .panel-body>.body_bg>.body_canvas{resize:both;overflow:auto;height:70vh;width:40vw;min-height:250px;min-width:300px;max-width:1600px;max-height:840px}.cgu_button_right{float:right;right:0;z-index:1;margin-left:2px;color:#000}", ""]);\n// Exports\n/* harmony default export */ __webpack_exports__["default"] = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack:///./build/static/css/main.77e3c618.chunk.css?./node_modules/css-loader/dist/cjs.js')},"./node_modules/css-loader/dist/runtime/api.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/css-loader/dist/runtime/api.js ***!
+  \*****************************************************/
+/*! no static exports found */function(module,exports,__webpack_require__){"use strict";eval('\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\n// eslint-disable-next-line func-names\nmodule.exports = function (useSourceMap) {\n  var list = []; // return the list of modules as css string\n\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = cssWithMappingToString(item, useSourceMap);\n\n      if (item[2]) {\n        return "@media ".concat(item[2], " {").concat(content, "}");\n      }\n\n      return content;\n    }).join(\'\');\n  }; // import a list of modules into the list\n  // eslint-disable-next-line func-names\n\n\n  list.i = function (modules, mediaQuery, dedupe) {\n    if (typeof modules === \'string\') {\n      // eslint-disable-next-line no-param-reassign\n      modules = [[null, modules, \'\']];\n    }\n\n    var alreadyImportedModules = {};\n\n    if (dedupe) {\n      for (var i = 0; i < this.length; i++) {\n        // eslint-disable-next-line prefer-destructuring\n        var id = this[i][0];\n\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n\n    for (var _i = 0; _i < modules.length; _i++) {\n      var item = [].concat(modules[_i]);\n\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        // eslint-disable-next-line no-continue\n        continue;\n      }\n\n      if (mediaQuery) {\n        if (!item[2]) {\n          item[2] = mediaQuery;\n        } else {\n          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);\n        }\n      }\n\n      list.push(item);\n    }\n  };\n\n  return list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n  var content = item[1] || \'\'; // eslint-disable-next-line prefer-destructuring\n\n  var cssMapping = item[3];\n\n  if (!cssMapping) {\n    return content;\n  }\n\n  if (useSourceMap && typeof btoa === \'function\') {\n    var sourceMapping = toComment(cssMapping);\n    var sourceURLs = cssMapping.sources.map(function (source) {\n      return "/*# sourceURL=".concat(cssMapping.sourceRoot || \'\').concat(source, " */");\n    });\n    return [content].concat(sourceURLs).concat([sourceMapping]).join(\'\\n\');\n  }\n\n  return [content].join(\'\\n\');\n} // Adapted from convert-source-map (MIT)\n\n\nfunction toComment(sourceMap) {\n  // eslint-disable-next-line no-undef\n  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n  var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);\n  return "/*# ".concat(data, " */");\n}\n\n//# sourceURL=webpack:///./node_modules/css-loader/dist/runtime/api.js?')},"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
+/*!****************************************************************************!*\
+  !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
+  \****************************************************************************/
+/*! no static exports found */function(module,exports,__webpack_require__){"use strict";eval("\n\nvar isOldIE = function isOldIE() {\n  var memo;\n  return function memorize() {\n    if (typeof memo === 'undefined') {\n      // Test for IE <= 9 as proposed by Browserhacks\n      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n      // Tests for existence of standard globals is to allow style-loader\n      // to operate correctly into non-standard environments\n      // @see https://github.com/webpack-contrib/style-loader/issues/177\n      memo = Boolean(window && document && document.all && !window.atob);\n    }\n\n    return memo;\n  };\n}();\n\nvar getTarget = function getTarget() {\n  var memo = {};\n  return function memorize(target) {\n    if (typeof memo[target] === 'undefined') {\n      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n        try {\n          // This will throw an exception if access to iframe is blocked\n          // due to cross-origin restrictions\n          styleTarget = styleTarget.contentDocument.head;\n        } catch (e) {\n          // istanbul ignore next\n          styleTarget = null;\n        }\n      }\n\n      memo[target] = styleTarget;\n    }\n\n    return memo[target];\n  };\n}();\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n\n  for (var i = 0; i < stylesInDom.length; i++) {\n    if (stylesInDom[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var index = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3]\n    };\n\n    if (index !== -1) {\n      stylesInDom[index].references++;\n      stylesInDom[index].updater(obj);\n    } else {\n      stylesInDom.push({\n        identifier: identifier,\n        updater: addStyle(obj, options),\n        references: 1\n      });\n    }\n\n    identifiers.push(identifier);\n  }\n\n  return identifiers;\n}\n\nfunction insertStyleElement(options) {\n  var style = document.createElement('style');\n  var attributes = options.attributes || {};\n\n  if (typeof attributes.nonce === 'undefined') {\n    var nonce =  true ? __webpack_require__.nc : undefined;\n\n    if (nonce) {\n      attributes.nonce = nonce;\n    }\n  }\n\n  Object.keys(attributes).forEach(function (key) {\n    style.setAttribute(key, attributes[key]);\n  });\n\n  if (typeof options.insert === 'function') {\n    options.insert(style);\n  } else {\n    var target = getTarget(options.insert || 'head');\n\n    if (!target) {\n      throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n    }\n\n    target.appendChild(style);\n  }\n\n  return style;\n}\n\nfunction removeStyleElement(style) {\n  // istanbul ignore if\n  if (style.parentNode === null) {\n    return false;\n  }\n\n  style.parentNode.removeChild(style);\n}\n/* istanbul ignore next  */\n\n\nvar replaceText = function replaceText() {\n  var textStore = [];\n  return function replace(index, replacement) {\n    textStore[index] = replacement;\n    return textStore.filter(Boolean).join('\\n');\n  };\n}();\n\nfunction applyToSingletonTag(style, index, remove, obj) {\n  var css = remove ? '' : obj.media ? \"@media \".concat(obj.media, \" {\").concat(obj.css, \"}\") : obj.css; // For old IE\n\n  /* istanbul ignore if  */\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = replaceText(index, css);\n  } else {\n    var cssNode = document.createTextNode(css);\n    var childNodes = style.childNodes;\n\n    if (childNodes[index]) {\n      style.removeChild(childNodes[index]);\n    }\n\n    if (childNodes.length) {\n      style.insertBefore(cssNode, childNodes[index]);\n    } else {\n      style.appendChild(cssNode);\n    }\n  }\n}\n\nfunction applyToTag(style, options, obj) {\n  var css = obj.css;\n  var media = obj.media;\n  var sourceMap = obj.sourceMap;\n\n  if (media) {\n    style.setAttribute('media', media);\n  } else {\n    style.removeAttribute('media');\n  }\n\n  if (sourceMap && typeof btoa !== 'undefined') {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  } // For old IE\n\n  /* istanbul ignore if  */\n\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    while (style.firstChild) {\n      style.removeChild(style.firstChild);\n    }\n\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nvar singleton = null;\nvar singletonCounter = 0;\n\nfunction addStyle(obj, options) {\n  var style;\n  var update;\n  var remove;\n\n  if (options.singleton) {\n    var styleIndex = singletonCounter++;\n    style = singleton || (singleton = insertStyleElement(options));\n    update = applyToSingletonTag.bind(null, style, styleIndex, false);\n    remove = applyToSingletonTag.bind(null, style, styleIndex, true);\n  } else {\n    style = insertStyleElement(options);\n    update = applyToTag.bind(null, style, options);\n\n    remove = function remove() {\n      removeStyleElement(style);\n    };\n  }\n\n  update(obj);\n  return function updateStyle(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n        return;\n      }\n\n      update(obj = newObj);\n    } else {\n      remove();\n    }\n  };\n}\n\nmodule.exports = function (list, options) {\n  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n  // tags it will allow on a page\n\n  if (!options.singleton && typeof options.singleton !== 'boolean') {\n    options.singleton = isOldIE();\n  }\n\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n\n    if (Object.prototype.toString.call(newList) !== '[object Array]') {\n      return;\n    }\n\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDom[index].references--;\n    }\n\n    var newLastIdentifiers = modulesToDom(newList, options);\n\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n\n      var _index = getIndexByIdentifier(_identifier);\n\n      if (stylesInDom[_index].references === 0) {\n        stylesInDom[_index].updater();\n\n        stylesInDom.splice(_index, 1);\n      }\n    }\n\n    lastIdentifiers = newLastIdentifiers;\n  };\n};\n\n//# sourceURL=webpack:///./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js?")},0:
+/*!*************************************************************************************************!*\
+  !*** multi ./build/static/css/main.77e3c618.chunk.css ./build/static/js/main.07660c6f.chunk.js ***!
+  \*************************************************************************************************/
+/*! no static exports found */function(module,exports,__webpack_require__){eval('__webpack_require__(/*! /mnt/d/kit/github/chem-generic-ui/build/static/css/main.77e3c618.chunk.css */"./build/static/css/main.77e3c618.chunk.css");\nmodule.exports = __webpack_require__(/*! /mnt/d/kit/github/chem-generic-ui/build/static/js/main.07660c6f.chunk.js */"./build/static/js/main.07660c6f.chunk.js");\n\n\n//# sourceURL=webpack:///multi_./build/static/css/main.77e3c618.chunk.css_./build/static/js/main.07660c6f.chunk.js?')}});

package/package.json

@@ -1,17 +1,14 @@
 {
   "name": "chem-generic-ui",
-  "version": "0.1.48",
+  "version": "0.1.49",
   "private": false,
   "license": "MIT",
   "scripts": {
-    "rbuild": "rm -rf dist && rollup -c --environment NODE_ENV:production && postcss src/asserts/*.css --dir dist",
-    "rstart": "rm -rf dist && rollup -c rollup.config.js -w",
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "compile-t": "rm -rf dist && set NODE_ENV=production && babel src --out-dir dist --copy-files --ignore spec.js,test.js --source-maps",
     "compile": "rm -rf dist && NODE_ENV=production babel ./src --out-dir ./dist --copy-files",
-    "build:bundle": "webpack --config webpack.config.js",
     "build-css": "node-sass src/asserts/ -o dist",
+    "build-webpack": "react-scripts build && webpack --config webpack.config.js",
     "sass": "sass src/asserts:src/asserts --watch --no-source-map",
     "test": "react-scripts test --env=jsdom --testPathIgnorePatterns=src/__tests__/helper/* src/__tests__/e2e/*",
     "eject": "react-scripts eject"
@@ -22,31 +19,18 @@
   },
   "devDependencies": {
     "@babel/plugin-transform-runtime": "^7.17.0",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^21.0.2",
-    "@rollup/plugin-node-resolve": "^13.1.3",
-    "@rollup/plugin-replace": "^4.0.0",
-    "@svgr/rollup": "^6.2.1",
     "eslint-config-airbnb": "^16.1.0",
     "eslint-plugin-import": "^2.8.0",
     "eslint-plugin-jsx-a11y": "^6.0.2",
     "eslint-plugin-react": "^7.4.0",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "postcss": "^8.4.8",
-    "postcss-cli": "^9.1.0",
-    "postcss-nested": "^5.0.6",
     "react-scripts": "4.0.1",
     "redux-logger": "^3.0.6",
-    "rollup": "^2.70.1",
-    "rollup-plugin-livereload": "^2.0.5",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-serve": "^1.1.0",
-    "rollup-plugin-typescript2": "^0.31.2",
-    "rollup-plugin-visualizer": "^5.6.0",
-    "start-server-and-test": "^1.14.0"
+    "uglifyjs-webpack-plugin": "^2.2.0",
+    "webpack-cli": "^4.9.2"
   },
-  "main": "dist/app.js",
-  "module": "dist/app.js",
+  "main": "dist/bundle.js",
+  "module": "dist/bundle.js",
   "files": [
     "dist",
     "README.md"
@@ -65,8 +49,8 @@
     "@fortawesome/free-regular-svg-icons": "^6.0.0",
     "@fortawesome/free-solid-svg-icons": "^6.0.0",
     "@fortawesome/react-fontawesome": "^0.1.17",
-    "@rollup/plugin-image": "^2.1.1",
     "css-loader": "4.3.0",
+    "glob": "^7.2.0",
     "lodash": "^4.17.21",
     "mini-css-extract-plugin": "0.11.3",
     "numeral": "^1.5.3",
@@ -84,7 +68,6 @@
     "redux": "^4.1.0",
     "redux-immutable": "^4.0.0",
     "redux-thunk": "^2.0.0",
-    "rollup-plugin-node-polyfills": "^0.2.1",
     "sass": "^1.49.9",
     "sass-loader": "8.0.2",
     "uuid": "^8.3.2"

package/dist/app.js

@@ -1,104 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ElementManager", {
-  enumerable: true,
-  get: function get() {
-    return _ElementManager.default;
-  }
-});
-Object.defineProperty(exports, "FlowViewerModal", {
-  enumerable: true,
-  get: function get() {
-    return _FlowViewerModal.default;
-  }
-});
-Object.defineProperty(exports, "GenDSMisType", {
-  enumerable: true,
-  get: function get() {
-    return _GenDSMisType.default;
-  }
-});
-Object.defineProperty(exports, "GenPropertiesNumber", {
-  enumerable: true,
-  get: function get() {
-    return _GenPropertiesFields.GenPropertiesNumber;
-  }
-});
-Object.defineProperty(exports, "GenPropertiesText", {
-  enumerable: true,
-  get: function get() {
-    return _GenPropertiesFields.GenPropertiesText;
-  }
-});
-Object.defineProperty(exports, "GenericDSDetails", {
-  enumerable: true,
-  get: function get() {
-    return _GenDSDetails.default;
-  }
-});
-Object.defineProperty(exports, "SegmentDetails", {
-  enumerable: true,
-  get: function get() {
-    return _GenSgDetails.default;
-  }
-});
-
-var _fontawesomeSvgCore = require("@fortawesome/fontawesome-svg-core");
-
-var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
-
-var _freeRegularSvgIcons = require("@fortawesome/free-regular-svg-icons");
-
-var _ElementManager = _interopRequireDefault(require("./components/admin/ElementManager"));
-
-var _GenDSMisType = _interopRequireDefault(require("./components/fields/GenDSMisType"));
-
-var _GenDSDetails = _interopRequireDefault(require("./components/details/GenDSDetails"));
-
-var _GenSgDetails = _interopRequireDefault(require("./components/details/GenSgDetails"));
-
-var _FlowViewerModal = _interopRequireDefault(require("./components/flow/FlowViewerModal"));
-
-var _GenPropertiesFields = require("./components/fields/GenPropertiesFields");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// import React, { useState, useEffect } from 'react';
-// import logo from './logo.svg';
-// import 'bootstrap/dist/css/bootstrap.min.css';
-// import { ElementManager, GenPropertiesText } from './components/admin/ElementManager';
-// import './asserts/main.css';
-_fontawesomeSvgCore.library.add(_freeSolidSvgIcons.fas, _freeRegularSvgIcons.far); // export { GenPropertiesNumber, GenPropertiesText };
-// function App() {
-//   return (
-//     <div className="App">
-//       <header className="App-header">
-//         <img src={logo} className="App-logo" alt="logo" />
-//         <p>
-//           Edit <code>src/App.js</code> and save to reload.
-//         </p>
-//         <a
-//           className="App-link"
-//           href="https://reactjs.org"
-//           target="_blank"
-//           rel="noopener noreferrer"
-//         >
-//           Learn React
-//         </a>
-//       </header>
-//     </div>
-//   );
-// }
-// export { ElementManager, GenPropertiesText };
-// function App() {
-//   return (
-//     <div>
-//       Project A
-//       <ElementManager />
-//     </div>
-//   );
-// }
-// export default App;