@elyra/canvas 12.42.0 → 12.44.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{canvas-constants-ff5cf88e.js → canvas-constants-089e7830.js} +2 -2
- package/dist/{canvas-constants-ff5cf88e.js.map → canvas-constants-089e7830.js.map} +1 -1
- package/dist/{canvas-constants-13b58448.js → canvas-constants-69e90162.js} +2 -2
- package/dist/{canvas-constants-13b58448.js.map → canvas-constants-69e90162.js.map} +1 -1
- package/dist/canvas-controller-3e6b8ce4.js +2 -0
- package/dist/canvas-controller-3e6b8ce4.js.map +1 -0
- package/dist/canvas-controller-c6274fad.js +2 -0
- package/dist/canvas-controller-c6274fad.js.map +1 -0
- package/dist/{canvas-logger-295dafe4.js → canvas-logger-6f4b2551.js} +2 -2
- package/dist/{canvas-logger-295dafe4.js.map → canvas-logger-6f4b2551.js.map} +1 -1
- package/dist/{canvas-logger-e07a0b4a.js → canvas-logger-ab9d9048.js} +2 -2
- package/dist/{canvas-logger-e07a0b4a.js.map → canvas-logger-ab9d9048.js.map} +1 -1
- package/dist/common-canvas-6ed21ab6.js +2 -0
- package/dist/common-canvas-6ed21ab6.js.map +1 -0
- package/dist/common-canvas-8abf016c.js +2 -0
- package/dist/common-canvas-8abf016c.js.map +1 -0
- package/dist/common-canvas.es.js +1 -1
- package/dist/common-canvas.es.js.map +1 -1
- package/dist/common-canvas.js +1 -1
- package/dist/common-canvas.js.map +1 -1
- package/dist/common-properties-88377242.js +2 -0
- package/dist/common-properties-88377242.js.map +1 -0
- package/dist/common-properties-b295acc8.js +2 -0
- package/dist/common-properties-b295acc8.js.map +1 -0
- package/dist/context-menu-wrapper-949393c7.js +2 -0
- package/dist/context-menu-wrapper-949393c7.js.map +1 -0
- package/dist/context-menu-wrapper-f62dfcdb.js +2 -0
- package/dist/context-menu-wrapper-f62dfcdb.js.map +1 -0
- package/dist/{createClass-440000a3.js → createClass-02596015.js} +2 -2
- package/dist/createClass-02596015.js.map +1 -0
- package/dist/createClass-155bf7da.js +2 -0
- package/dist/createClass-155bf7da.js.map +1 -0
- package/dist/datarecord-metadata-v3-schema-07d18e19.js +2 -0
- package/dist/{datarecord-metadata-v3-schema-98ec66e9.js.map → datarecord-metadata-v3-schema-07d18e19.js.map} +1 -1
- package/dist/datarecord-metadata-v3-schema-df939dd1.js +2 -0
- package/dist/{datarecord-metadata-v3-schema-dba0b214.js.map → datarecord-metadata-v3-schema-df939dd1.js.map} +1 -1
- package/dist/defineProperty-ad55dbff.js +2 -0
- package/dist/{defineProperty-3dc7d8d0.js.map → defineProperty-ad55dbff.js.map} +1 -1
- package/dist/{defineProperty-6d406743.js → defineProperty-bcc9968d.js} +2 -2
- package/dist/{defineProperty-6d406743.js.map → defineProperty-bcc9968d.js.map} +1 -1
- package/dist/flexible-table-c6a8b402.js +2 -0
- package/dist/{flexible-table-7c7de0f9.js.map → flexible-table-c6a8b402.js.map} +1 -1
- package/dist/flexible-table-f7b294a0.js +2 -0
- package/dist/{flexible-table-35e9922a.js.map → flexible-table-f7b294a0.js.map} +1 -1
- package/dist/{icon-9edff40c.js → icon-56b27c4f.js} +2 -2
- package/dist/{icon-9edff40c.js.map → icon-56b27c4f.js.map} +1 -1
- package/dist/{icon-e622f99b.js → icon-8ec2f0ec.js} +2 -2
- package/dist/{icon-e622f99b.js.map → icon-8ec2f0ec.js.map} +1 -1
- package/dist/index-01cbacf9.js +2 -0
- package/dist/{index-e2f8a935.js.map → index-01cbacf9.js.map} +1 -1
- package/dist/index-79543d41.js +2 -0
- package/dist/{index-94fec521.js.map → index-79543d41.js.map} +1 -1
- package/dist/inherits-42ae8426.js +2 -0
- package/dist/inherits-42ae8426.js.map +1 -0
- package/dist/inherits-75817f22.js +2 -0
- package/dist/inherits-75817f22.js.map +1 -0
- package/dist/isArrayLikeObject-04f333a5.js +1 -1
- package/dist/isArrayLikeObject-04f333a5.js.map +1 -1
- package/dist/isArrayLikeObject-7a30aa4b.js +1 -1
- package/dist/isArrayLikeObject-7a30aa4b.js.map +1 -1
- package/dist/lib/canvas-controller.es.js +1 -1
- package/dist/lib/canvas-controller.js +1 -1
- package/dist/lib/canvas.es.js +1 -1
- package/dist/lib/canvas.js +1 -1
- package/dist/lib/command-stack.es.js +1 -1
- package/dist/lib/command-stack.es.js.map +1 -1
- package/dist/lib/command-stack.js +1 -1
- package/dist/lib/command-stack.js.map +1 -1
- package/dist/lib/context-menu.es.js +1 -1
- package/dist/lib/context-menu.js +1 -1
- package/dist/lib/properties/clem.es.js +2 -0
- package/dist/lib/properties/clem.es.js.map +1 -0
- package/dist/lib/properties/clem.js +2 -0
- package/dist/lib/properties/clem.js.map +1 -0
- package/dist/lib/properties/field-picker.es.js +1 -1
- package/dist/lib/properties/field-picker.js +1 -1
- package/dist/lib/properties/flexible-table.es.js +1 -1
- package/dist/lib/properties/flexible-table.js +1 -1
- package/dist/lib/properties/getPythonHints.es.js +2 -0
- package/dist/lib/properties/getPythonHints.es.js.map +1 -0
- package/dist/lib/properties/getPythonHints.js +2 -0
- package/dist/lib/properties/getPythonHints.js.map +1 -0
- package/dist/lib/properties.es.js +1 -1
- package/dist/lib/properties.js +1 -1
- package/dist/lib/tooltip.es.js +1 -1
- package/dist/lib/tooltip.es.js.map +1 -1
- package/dist/lib/tooltip.js +1 -1
- package/dist/lib/tooltip.js.map +1 -1
- package/dist/styles/common-canvas.min.css +1 -1
- package/dist/styles/common-canvas.min.css.map +1 -1
- package/dist/toolbar-235dfb9d.js +2 -0
- package/dist/toolbar-235dfb9d.js.map +1 -0
- package/dist/toolbar-6607e35c.js +2 -0
- package/dist/toolbar-6607e35c.js.map +1 -0
- package/package.json +3 -3
- package/rollup.config.js +2 -0
- package/src/color-picker/color-picker.jsx +5 -1
- package/src/common-canvas/canvas-controller.js +56 -1
- package/src/common-canvas/cc-central-items.jsx +0 -4
- package/src/common-canvas/cc-toolbar.jsx +35 -13
- package/src/common-canvas/common-canvas-utils.js +73 -2
- package/src/common-canvas/common-canvas.scss +8 -8
- package/src/common-canvas/constants/canvas-constants.js +1 -0
- package/src/common-canvas/svg-canvas-d3.scss +3 -2
- package/src/common-canvas/svg-canvas-renderer.js +184 -94
- package/src/common-canvas/svg-canvas-utils-external.js +1 -1
- package/src/common-canvas/svg-canvas-utils-links.js +28 -32
- package/src/common-canvas/svg-canvas-utils-nodes.js +5 -13
- package/src/common-properties/components/field-picker/field-picker.jsx +4 -0
- package/src/common-properties/controls/checkbox/checkbox.scss +0 -1
- package/src/common-properties/controls/expression/expression.jsx +3 -5
- package/src/common-properties/controls/expression/languages/python-hint.js +18 -30
- package/src/common-properties/controls/expression/languages/r-hint.js +16 -8
- package/src/common-properties/index.js +4 -2
- package/src/icons/icon.scss +1 -1
- package/src/index.js +2 -2
- package/src/notification-panel/notification-panel.jsx +82 -56
- package/src/notification-panel/notification-panel.scss +42 -40
- package/src/object-model/config-utils.js +2 -2
- package/src/object-model/layout-dimensions.js +82 -87
- package/src/object-model/object-model-utils.js +271 -0
- package/src/object-model/object-model.js +47 -245
- package/src/object-model/redux/reducers/canvasinfo.js +7 -11
- package/src/object-model/redux/reducers/canvastoolbar.js +5 -6
- package/src/palette/palette-dialog-topbar.jsx +27 -38
- package/src/palette/palette-flyout-content-category.jsx +25 -6
- package/src/palette/palette.scss +8 -40
- package/src/toolbar/index.js +18 -0
- package/src/toolbar/toolbar-action-item.jsx +42 -11
- package/src/toolbar/toolbar-button-item.jsx +49 -21
- package/src/toolbar/toolbar-divider-item.jsx +1 -1
- package/src/toolbar/toolbar-overflow-item.jsx +14 -6
- package/src/toolbar/toolbar-sub-menu-item.jsx +6 -5
- package/src/toolbar/toolbar-sub-menu.jsx +4 -6
- package/src/toolbar/toolbar-sub-panel.jsx +31 -18
- package/src/toolbar/toolbar-sub-utils.js +21 -12
- package/src/toolbar/toolbar.jsx +83 -26
- package/src/toolbar/toolbar.scss +47 -47
- package/src/tooltip/tooltip.jsx +56 -10
- package/stats.html +1 -1
- package/assets/images/palette/close_32.svg +0 -1
- package/assets/images/palette/palette_close.svg +0 -4
- package/assets/images/palette/palette_grid_deselected.svg +0 -2
- package/assets/images/palette/palette_grid_hover.svg +0 -2
- package/assets/images/palette/palette_grid_selected.svg +0 -2
- package/assets/images/palette/palette_list_deselected.svg +0 -1
- package/assets/images/palette/palette_list_hover.svg +0 -1
- package/assets/images/palette/palette_list_selected.svg +0 -1
- package/assets/images/palette/palette_open.svg +0 -4
- package/assets/images/zoom_to_fit.svg +0 -8
- package/dist/canvas-controller-a53943e4.js +0 -2
- package/dist/canvas-controller-a53943e4.js.map +0 -1
- package/dist/canvas-controller-cb1d7420.js +0 -2
- package/dist/canvas-controller-cb1d7420.js.map +0 -1
- package/dist/common-canvas-42027a3f.js +0 -2
- package/dist/common-canvas-42027a3f.js.map +0 -1
- package/dist/common-canvas-f758ff42.js +0 -2
- package/dist/common-canvas-f758ff42.js.map +0 -1
- package/dist/common-properties-2e1b7ec7.js +0 -2
- package/dist/common-properties-2e1b7ec7.js.map +0 -1
- package/dist/common-properties-5e8870e3.js +0 -2
- package/dist/common-properties-5e8870e3.js.map +0 -1
- package/dist/context-menu-wrapper-49f9a1af.js +0 -2
- package/dist/context-menu-wrapper-49f9a1af.js.map +0 -1
- package/dist/context-menu-wrapper-5d6a399f.js +0 -2
- package/dist/context-menu-wrapper-5d6a399f.js.map +0 -1
- package/dist/createClass-440000a3.js.map +0 -1
- package/dist/createClass-5ca26865.js +0 -2
- package/dist/createClass-5ca26865.js.map +0 -1
- package/dist/datarecord-metadata-v3-schema-98ec66e9.js +0 -2
- package/dist/datarecord-metadata-v3-schema-dba0b214.js +0 -2
- package/dist/defineProperty-3dc7d8d0.js +0 -2
- package/dist/flexible-table-35e9922a.js +0 -2
- package/dist/flexible-table-7c7de0f9.js +0 -2
- package/dist/index-94fec521.js +0 -2
- package/dist/index-e2f8a935.js +0 -2
- package/dist/inherits-226dfdb2.js +0 -2
- package/dist/inherits-226dfdb2.js.map +0 -1
- package/dist/inherits-41673c87.js +0 -2
- package/dist/inherits-41673c87.js.map +0 -1
- package/dist/toolbar-6acda0a2.js +0 -2
- package/dist/toolbar-6acda0a2.js.map +0 -1
- package/dist/toolbar-d5647da2.js +0 -2
- package/dist/toolbar-d5647da2.js.map +0 -1
- package/src/palette/palette-dialog-topbar-three-way-icon.jsx +0 -82
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{_ as e,a as t}from"./createClass-440000a3.js";import{_ as n,a as o,b as r,c as i}from"./inherits-226dfdb2.js";import c from"react";import{_ as l}from"./defineProperty-3dc7d8d0.js";import{ChevronRight16 as a}from"@carbon/icons-react";import{L as s}from"./canvas-logger-e07a0b4a.js";function u(e,t,n){return t=o(t),r(e,d()?Reflect.construct(t,n||[],o(e).constructor):t.apply(e,n))}function d(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(d=function(){return!!e})()}var h=function(o){function r(t){var n;e(this,r),(n=u(this,r,[t])).logger=new s("CC-Color-Picker"),n.colorIndex=0,n.refss=[];for(var o=0;o<12;o++)n.refss.push(c.createRef());return n.onClick=n.onClick.bind(i(n)),n.onKeyDown=n.onKeyDown.bind(i(n)),n}return n(r,o),t(r,[{key:"componentDidMount",value:function(){this.setFocus(this.colorIndex)}},{key:"onClick",value:function(e){e.stopPropagation(),this.selectColor(e)}},{key:"onKeyDown",value:function(e){if(39===e.keyCode)e.stopPropagation(),this.colorIndex++,this.colorIndex>11&&(this.colorIndex=0);else if(37===e.keyCode)e.stopPropagation(),this.colorIndex--,this.colorIndex<0&&(this.colorIndex=11);else if(38===e.keyCode)e.stopPropagation(),this.colorIndex-=6,this.colorIndex<0&&(this.colorIndex+=6);else if(40===e.keyCode)e.stopPropagation(),this.colorIndex+=6,this.colorIndex>11&&(this.colorIndex-=6);else if(32===e.keyCode)this.selectColor(e);else if(9===e.keyCode)return e.stopPropagation(),void e.preventDefault();this.setFocus(this.colorIndex)}},{key:"setFocus",value:function(e){this.refss[e].current.focus()}},{key:"selectColor",value:function(e){var t=e.target.dataset.color;this.props.subPanelData.clickActionHandler(t),this.props.closeSubPanel()}},{key:"render",value:function(){return this.logger.log("render"),c.createElement("div",{className:"color-picker",tabIndex:"-1",onClick:this.onClick,onKeyDown:this.onKeyDown},c.createElement("div",{ref:this.refss[0],tabIndex:"-1","data-color":"bkg-col-white-0",className:"color-picker-item white-0"}),c.createElement("div",{ref:this.refss[1],tabIndex:"-1","data-color":"bkg-col-yellow-20",className:"color-picker-item yellow-20"}),c.createElement("div",{ref:this.refss[2],tabIndex:"-1","data-color":"bkg-col-gray-20",className:"color-picker-item gray-20"}),c.createElement("div",{ref:this.refss[3],tabIndex:"-1","data-color":"bkg-col-green-20",className:"color-picker-item green-20"}),c.createElement("div",{ref:this.refss[4],tabIndex:"-1","data-color":"bkg-col-teal-20",className:"color-picker-item teal-20"}),c.createElement("div",{ref:this.refss[5],tabIndex:"-1","data-color":"bkg-col-cyan-20",className:"color-picker-item cyan-20"}),c.createElement("div",{ref:this.refss[6],tabIndex:"-1","data-color":"bkg-col-red-50",className:"color-picker-item red-50"}),c.createElement("div",{ref:this.refss[7],tabIndex:"-1","data-color":"bkg-col-orange-40",className:"color-picker-item orange-40"}),c.createElement("div",{ref:this.refss[8],tabIndex:"-1","data-color":"bkg-col-gray-50",className:"color-picker-item gray-50"}),c.createElement("div",{ref:this.refss[9],tabIndex:"-1","data-color":"bkg-col-green-50",className:"color-picker-item green-50"}),c.createElement("div",{ref:this.refss[10],tabIndex:"-1","data-color":"bkg-col-teal-50",className:"color-picker-item teal-50"}),c.createElement("div",{ref:this.refss[11],tabIndex:"-1","data-color":"bkg-col-cyan-50",className:"color-picker-item cyan-50"}))}}]),r}(c.Component);function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function m(e,t,n){return t=o(t),r(e,v()?Reflect.construct(t,n||[],o(e).constructor):t.apply(e,n))}function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(v=function(){return!!e})()}var b=function(o){function r(t){var n;return e(this,r),(n=m(this,r,[t])).state={displaySubMenuAction:""},n.itemSelected=n.itemSelected.bind(i(n)),n.colorClicked=n.colorClicked.bind(i(n)),n}return n(r,o),t(r,[{key:"onContextMenu",value:function(e){e.preventDefault()}},{key:"itemSelected",value:function(e,t){this.props.contextHandler(e),t&&t.stopPropagation()}},{key:"colorClicked",value:function(e){this.props.contextHandler("colorSelectedObjects",{color:e})}},{key:"calculateMenuSize",value:function(e){for(var t=0,n=0;n<e.length;++n){e[n].divider&&t++}return{height:30*(e.length-t)+1*t,width:160}}},{key:"calculateMenuPos",value:function(e,t,n){var o={x:e.x,y:e.y};return e.y+t.height>n.height&&(o.y=n.height-t.height-5,o.y<0&&(o.y=0)),e.x+t.width>n.width&&(o.x-=t.width),o.x+=1,o.y+=1,o}},{key:"areAllSubmenuItemsDisabled",value:function(e){var t=0,n=0;return e.forEach((function(e){e.divider||t++,!1===e.enable&&n++})),n===t}},{key:"buildMenu",value:function(e,t,n,o){for(var r=[],i=0,l=!1,a=0;a<e.length;++a){var s=e[a].divider,u=e[a].submenu;if(s)l||(r.push(c.createElement("div",{key:a+1,className:"context-menu-divider"})),i+=1,l=!0);else if("colorBackground"===e[a].action){l=!1;var d={width:160,height:50},h=this.buildColorPickerPanel(),p=this.buildSubMenu(e,a,h,i,n,t,d,o,!1);r.push(p),i+=30}else if(u){l=!1;var f=this.areAllSubmenuItemsDisabled(e[a].menu),m=this.calculateMenuSize(e[a].menu),v=this.buildMenu(e[a].menu,t,n,o),b=this.buildSubMenu(e,a,v,i,n,t,m,o,f);r.push(b),i+=30}else{l=!1;var y="context-menu-item"+(!1===e[a].enable?" disabled":""),k=!1===e[a].enable?null:this.itemSelected.bind(null,e[a].action);r.push(c.createElement("div",{key:a+1,className:y,onClick:k,role:"menuitem"},e[a].label)),i+=30}}return r}},{key:"buildColorPickerPanel",value:function(){var e=this,t={clickActionHandler:function(t){return e.colorClicked(t)}};return c.createElement(h,{subPanelData:t,closeSubPanel:function(){return null}})}},{key:"subMenuMouseEnter",value:function(e){this.setState({displaySubMenuAction:e})}},{key:"subMenuMouseLeave",value:function(e){this.setState({displaySubMenuAction:""})}},{key:"buildSubMenu",value:function(e,t,n,o,r,i,l,s,u){var d=this.buildRtlState(r,i,l,s),h=this.buildSubMenuPosStyle(o,r,l,s,d),p=e[t],f=c.createElement(a,null),m=c.createElement("div",null,p.label,f," "),v="context-menu-item "+(u?" disabled":""),b="context-menu-popover context-menu-submenu"+(this.state.displaySubMenuAction===p.action?" context-menu--visible":""),y=u?null:this.subMenuMouseEnter.bind(this,p.action),k=u?null:this.subMenuMouseLeave.bind(this);return c.createElement("div",{key:t+1,className:v,"aria-haspopup":!0,role:"menuitem",onMouseEnter:y,onMouseLeave:k},m,c.createElement("div",{style:h,className:b},n))}},{key:"buildRtlState",value:function(e,t,n,o){return e.x+t.width+n.width>o.right}},{key:"buildSubMenuPosStyle",value:function(e,t,n,o,r){var i=o.bottom-(t.y+e+n.height),c={top:(i>0?0:i-5)+"px"};return r&&(c.left="-160px"),c}},{key:"ensureAllSubMenuItemsHaveAction",value:function(e){return e.map((function(e,t){return e.submenu&&void 0===e.action?f(f({},e),{},{action:"submenu_"+t}):e}))}},{key:"render",value:function(){var e=this.calculateMenuSize(this.props.menuDefinition),t=this.calculateMenuPos(this.props.mousePos,e,this.props.canvasRect),n={left:t.x+"px",top:t.y+"px"},o=this.ensureAllSubMenuItemsHaveAction(this.props.menuDefinition),r=this.buildMenu(o,e,t,this.props.canvasRect);return c.createElement("div",{id:"context-menu-popover",className:"context-menu-popover",style:n,onContextMenu:this.onContextMenu},r)}}]),r}(c.Component);function y(e,t,n){return t=o(t),r(e,k()?Reflect.construct(t,n||[],o(e).constructor):t.apply(e,n))}function k(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(k=function(){return!!e})()}var g=function(o){function r(t){var n;return e(this,r),(n=y(this,r,[t])).state={},n.contextMenuClicked=n.contextMenuClicked.bind(i(n)),n.handleClickOutside=n.handleClickOutside.bind(i(n)),n}return n(r,o),t(r,[{key:"componentDidMount",value:function(){document.addEventListener("click",this.handleClickOutside,!0)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.handleClickOutside,!0)}},{key:"getCanvasRect",value:function(){var e=document.getElementById(this.props.containingDivId);if(e){var t=e.getBoundingClientRect();return{top:0,bottom:t.bottom-t.top,left:0,right:t.right-t.left,height:t.height,width:t.width}}return{top:0,bottom:200,left:0,right:50,height:200,width:50}}},{key:"handleClickOutside",value:function(e){e.ctrlKey?e.stopPropagation():this.isOverContextMenu(e)||this.isOverEllipsisButton(e)||(this.props.stopPropagation&&e.stopPropagation(),this.props.closeContextMenu())}},{key:"isOverContextMenu",value:function(e){var t=document.getElementById("context-menu-popover");return!t||t.contains(e.target)}},{key:"isOverEllipsisButton",value:function(e){for(var t=document.getElementsByClassName("d3-node-ellipsis-group"),n=!1,o=0;o<t.length;o++)!1===n&&t[o].contains(e.target)&&(n=!0);return n}},{key:"contextMenuClicked",value:function(e,t){this.props.contextMenuActionHandler(e,t)}},{key:"render",value:function(){return c.createElement(b,{contextHandler:this.contextMenuClicked,menuDefinition:this.props.contextMenuDef,canvasRect:this.getCanvasRect(),mousePos:this.props.contextMenuPos})}}]),r}(c.Component);export{g as C,h as a};
|
|
2
|
-
//# sourceMappingURL=context-menu-wrapper-49f9a1af.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu-wrapper-49f9a1af.js","sources":["../src/color-picker/color-picker.jsx","../src/context-menu/common-context-menu.jsx","../src/context-menu/context-menu-wrapper.jsx"],"sourcesContent":["/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Logger from \"../logging/canvas-logger.js\";\n\nconst TAB_KEY = 9;\nconst SPACE_KEY = 32;\nconst LEFT_ARROW_KEY = 37;\nconst UP_ARROW_KEY = 38;\nconst RIGHT_ARROW_KEY = 39;\nconst DOWN_ARROW_KEY = 40;\n\n// These values must reflect the layout of the color picker panel\n// decribed by the SCSS/CSS.\nconst COLORS_IN_ROW = 6;\nconst TOTAL_COLORS = 12;\n\nclass ColorPicker extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.logger = new Logger(\"CC-Color-Picker\");\n\n\t\tthis.colorIndex = 0;\n\n\t\tthis.refss = [];\n\t\tfor (let i = 0; i < TOTAL_COLORS; i++) {\n\t\t\tthis.refss.push(React.createRef());\n\t\t}\n\t\tthis.onClick = this.onClick.bind(this);\n\t\tthis.onKeyDown = this.onKeyDown.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.setFocus(this.colorIndex);\n\t}\n\n\tonClick(evt) {\n\t\tevt.stopPropagation();\n\t\tthis.selectColor(evt);\n\t}\n\n\tonKeyDown(evt) {\n\t\tif (evt.keyCode === RIGHT_ARROW_KEY) {\n\t\t\tevt.stopPropagation();\n\t\t\tthis.colorIndex++;\n\t\t\tif (this.colorIndex > TOTAL_COLORS - 1) {\n\t\t\t\tthis.colorIndex = 0;\n\t\t\t}\n\n\t\t} else if (evt.keyCode === LEFT_ARROW_KEY) {\n\t\t\tevt.stopPropagation();\n\t\t\tthis.colorIndex--;\n\t\t\tif (this.colorIndex < 0) {\n\t\t\t\tthis.colorIndex = TOTAL_COLORS - 1;\n\t\t\t}\n\n\t\t} else if (evt.keyCode === UP_ARROW_KEY) {\n\t\t\tevt.stopPropagation();\n\t\t\tthis.colorIndex -= COLORS_IN_ROW;\n\t\t\tif (this.colorIndex < 0) {\n\t\t\t\tthis.colorIndex += COLORS_IN_ROW;\n\t\t\t}\n\n\t\t} else if (evt.keyCode === DOWN_ARROW_KEY) {\n\t\t\tevt.stopPropagation();\n\t\t\tthis.colorIndex += COLORS_IN_ROW;\n\t\t\tif (this.colorIndex > 11) {\n\t\t\t\tthis.colorIndex -= COLORS_IN_ROW;\n\t\t\t}\n\n\t\t} else if (evt.keyCode === SPACE_KEY) {\n\t\t\tthis.selectColor(evt);\n\n\t\t} else if (evt.keyCode === TAB_KEY) {\n\t\t\tevt.stopPropagation();\n\t\t\tevt.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setFocus(this.colorIndex);\n\t}\n\n\tsetFocus(index) {\n\t\tthis.refss[index].current.focus();\n\t}\n\n\tselectColor(evt) {\n\t\tconst color = evt.target.dataset.color;\n\t\tthis.props.subPanelData.clickActionHandler(color);\n\t\tthis.props.closeSubPanel();\n\t}\n\n\trender() {\n\t\tthis.logger.log(\"render\");\n\t\treturn (\n\t\t\t<div className=\"color-picker\" tabIndex={\"-1\"} onClick={this.onClick} onKeyDown={this.onKeyDown}>\n\t\t\t\t<div ref={this.refss[0]} tabIndex={\"-1\"} data-color={\"bkg-col-white-0\"} className=\"color-picker-item white-0\" />\n\t\t\t\t<div ref={this.refss[1]} tabIndex={\"-1\"} data-color={\"bkg-col-yellow-20\"} className=\"color-picker-item yellow-20\" />\n\t\t\t\t<div ref={this.refss[2]} tabIndex={\"-1\"} data-color={\"bkg-col-gray-20\"} className=\"color-picker-item gray-20\" />\n\t\t\t\t<div ref={this.refss[3]} tabIndex={\"-1\"} data-color={\"bkg-col-green-20\"} className=\"color-picker-item green-20\" />\n\t\t\t\t<div ref={this.refss[4]} tabIndex={\"-1\"} data-color={\"bkg-col-teal-20\"} className=\"color-picker-item teal-20\" />\n\t\t\t\t<div ref={this.refss[5]} tabIndex={\"-1\"} data-color={\"bkg-col-cyan-20\"} className=\"color-picker-item cyan-20\" />\n\n\t\t\t\t<div ref={this.refss[6]} tabIndex={\"-1\"} data-color={\"bkg-col-red-50\"} className=\"color-picker-item red-50\" />\n\t\t\t\t<div ref={this.refss[7]} tabIndex={\"-1\"} data-color={\"bkg-col-orange-40\"} className=\"color-picker-item orange-40\" />\n\t\t\t\t<div ref={this.refss[8]} tabIndex={\"-1\"} data-color={\"bkg-col-gray-50\"} className=\"color-picker-item gray-50\" />\n\t\t\t\t<div ref={this.refss[9]} tabIndex={\"-1\"} data-color={\"bkg-col-green-50\"} className=\"color-picker-item green-50\" />\n\t\t\t\t<div ref={this.refss[10]} tabIndex={\"-1\"} data-color={\"bkg-col-teal-50\"} className=\"color-picker-item teal-50\" />\n\t\t\t\t<div ref={this.refss[11]} tabIndex={\"-1\"} data-color={\"bkg-col-cyan-50\"} className=\"color-picker-item cyan-50\" />\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nColorPicker.propTypes = {\n\tcloseSubPanel: PropTypes.func,\n\tsubPanelData: PropTypes.object\n};\n\nexport default ColorPicker;\n","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* eslint no-empty-function: [\"error\", { \"allow\": [\"arrowFunctions\"] }] */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ChevronRight16 } from \"@carbon/icons-react\";\nimport ColorPicker from \"../color-picker\";\n\n// context-menu sizing\nconst CONTEXT_MENU_WIDTH = 160; // See context-menu.scss\nconst CONTEXT_MENU_LINK_HEIGHT = 30; // See context-menu.scss\nconst CONTEXT_MENU_DIVIDER_HEIGHT = 1; // See context-menu.scss\nconst EXTRA_OFFSET = 5; // Extra offset for vertical menu positioning\n\n\nclass CommonContextMenu extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tdisplaySubMenuAction: \"\"\n\t\t};\n\t\tthis.itemSelected = this.itemSelected.bind(this);\n\t\tthis.colorClicked = this.colorClicked.bind(this);\n\t}\n\n\tonContextMenu(e) {\n\t\te.preventDefault();\n\t}\n\n\titemSelected(data, selectedEvent) {\n\t\tthis.props.contextHandler(data);\n\t\t// This stops the canvasClicked function from being fired which would\n\t\t// clear any current selections.\n\t\tif (selectedEvent) {\n\t\t\tselectedEvent.stopPropagation();\n\t\t}\n\t}\n\n\tcolorClicked(color) {\n\t\tthis.props.contextHandler(\"colorSelectedObjects\", { color });\n\t}\n\n\t// Returns the size of the menu passed in.\n\tcalculateMenuSize(menu) {\n\t\tvar numDividers = 0;\n\t\tfor (let i = 0; i < menu.length; ++i) {\n\t\t\tconst divider = menu[i].divider;\n\t\t\tif (divider) {\n\t\t\t\tnumDividers++;\n\t\t\t}\n\t\t}\n\n\t\tvar menuSize = {\n\t\t\theight: ((menu.length - numDividers) * CONTEXT_MENU_LINK_HEIGHT) + (numDividers * CONTEXT_MENU_DIVIDER_HEIGHT),\n\t\t\twidth: CONTEXT_MENU_WIDTH\n\t\t};\n\n\t\treturn menuSize;\n\t}\n\n\t// Returns a new position and the canvas rectangle for the context menu based on the current\n\t// mouse position and whether the menu would appear outside the edges of the page.\n\tcalculateMenuPos(mousePos, menuSize, canvasRect) {\n\t\tconst menuPos = { x: mousePos.x, y: mousePos.y };\n\n\t\t// Reposition contextMenu if it will show off the bottom of the page\n\t\tif (mousePos.y + menuSize.height > canvasRect.height) {\n\t\t\tmenuPos.y = canvasRect.height - menuSize.height - EXTRA_OFFSET; // Move up by extra offset so it looks nice\n\n\t\t\t// If repositioning the menu would push it off the top of the page\n\t\t\t// (in very short browser windows) position it at the top.\n\t\t\tif (menuPos.y < 0) {\n\t\t\t\tmenuPos.y = 0;\n\t\t\t}\n\t\t}\n\n\t\t// Reposition contextMenu if it will show off the right of the page\n\t\tif (mousePos.x + menuSize.width > canvasRect.width) {\n\t\t\tmenuPos.x -= menuSize.width;\n\t\t}\n\n\t\t// Add a pixel to x and y because on Chrome without this the context menu\n\t\t// appears with the top corner of the first menu item under the mouse\n\t\t// cursor. This highlights the first menu item (which looks weird) and, if\n\t\t// the first item is a cascade menu, automatically opens the sub-menu.\n\t\tmenuPos.x += 1;\n\t\tmenuPos.y += 1;\n\n\t\treturn menuPos;\n\t}\n\n\t// Returns true of all the items in a sub-menu are disabled.\n\tareAllSubmenuItemsDisabled(submenuItems) {\n\t\tlet itemCount = 0;\n\t\tlet disabledCount = 0;\n\t\tsubmenuItems.forEach(function(submenuItem) {\n\t\t\tif (!submenuItem.divider) {\n\t\t\t\titemCount++;\n\t\t\t}\n\t\t\tif (submenuItem.enable === false) {\n\t\t\t\tdisabledCount++;\n\t\t\t}\n\t\t});\n\t\treturn disabledCount === itemCount;\n\t}\n\n\t// Builds a new menu based on the menu defintion passed in.\n\tbuildMenu(menuDefinition, menuSize, menuPos, canvasRect) {\n\t\tconst menuItems = [];\n\n\t\tlet runningYPos = 0;\n\t\t// Records if we have just displayed a divider. This is useful because we\n\t\t// only want to display one divider if there is a divider element\n\t\t// immediately after another divider element in the menuDefintion array.\n\t\tlet previousDivider = false;\n\n\t\tfor (let i = 0; i < menuDefinition.length; ++i) {\n\t\t\tconst divider = menuDefinition[i].divider;\n\t\t\tconst submenu = menuDefinition[i].submenu;\n\n\t\t\tif (divider) {\n\t\t\t\tif (!previousDivider) {\n\t\t\t\t\tmenuItems.push(<div key={i + 1} className={\"context-menu-divider\"} />);\n\t\t\t\t\trunningYPos += CONTEXT_MENU_DIVIDER_HEIGHT;\n\t\t\t\t\tpreviousDivider = true;\n\t\t\t\t}\n\t\t\t} else if (menuDefinition[i].action === \"colorBackground\") {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst disabled = false;\n\t\t\t\tconst subMenuSize = { width: CONTEXT_MENU_WIDTH, height: 50 };\n\t\t\t\tconst subMenuContent = this.buildColorPickerPanel();\n\n\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\tmenuItems.push(subMenu);\n\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\n\t\t\t} else if (submenu) {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst disabled = this.areAllSubmenuItemsDisabled(menuDefinition[i].menu);\n\t\t\t\tconst subMenuSize = this.calculateMenuSize(menuDefinition[i].menu);\n\t\t\t\tconst subMenuContent = this.buildMenu(menuDefinition[i].menu, menuSize, menuPos, canvasRect);\n\n\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\tmenuItems.push(subMenu);\n\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\n\t\t\t} else {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst className = \"context-menu-item\" +\n\t\t\t\t\t(menuDefinition[i].enable === false ? \" disabled\" : \"\");\n\n\t\t\t\tconst onClickFunction = menuDefinition[i].enable === false\n\t\t\t\t\t? null\n\t\t\t\t\t: this.itemSelected.bind(null, menuDefinition[i].action);\n\n\t\t\t\tmenuItems.push((\n\t\t\t\t\t<div key={i + 1} className={className} onClick={onClickFunction} role=\"menuitem\">\n\t\t\t\t\t\t{menuDefinition[i].label}\n\t\t\t\t\t</div>\n\t\t\t\t));\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\t\t\t}\n\t\t}\n\t\treturn menuItems;\n\t}\n\n\tbuildColorPickerPanel() {\n\t\tconst subPanelData = {\n\t\t\tclickActionHandler: (c) => this.colorClicked(c)\n\t\t};\n\t\treturn (\n\t\t\t<ColorPicker subPanelData={subPanelData} closeSubPanel={() => null} />\n\t\t);\n\t}\n\n\tsubMenuMouseEnter(action) {\n\t\tthis.setState({ displaySubMenuAction: action });\n\t}\n\n\tsubMenuMouseLeave(action) {\n\t\tthis.setState({ displaySubMenuAction: \"\" });\n\t}\n\n\t// Builds a sub-menu for the menuitem identified by the index into the menudefintion.\n\tbuildSubMenu(menuDefinition, index, subMenuContent, runningYPos, menuPos,\n\t\tmenuSize, subMenuSize, canvasRect, disabled) {\n\t\tconst rtl = this.buildRtlState(menuPos, menuSize, subMenuSize, canvasRect);\n\t\tconst subMenuPosStyle = this.buildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect, rtl);\n\t\tconst menuItem = menuDefinition[index];\n\n\t\tconst icon = (<ChevronRight16 />);\n\t\tconst menuItemContent = <div>{menuItem.label}{icon} </div>;\n\t\tconst menuItemClass = \"context-menu-item \" + (disabled ? \" disabled\" : \"\");\n\t\tconst subMenuClass = \"context-menu-popover context-menu-submenu\" +\n\t\t\t(this.state.displaySubMenuAction === menuItem.action ? \" context-menu--visible\" : \"\");\n\t\tconst onMouseEnter = (disabled ? null : this.subMenuMouseEnter.bind(this, menuItem.action));\n\t\tconst onMouseLeave = (disabled ? null : this.subMenuMouseLeave.bind(this));\n\n\t\treturn (\n\t\t\t<div key={index + 1} className={menuItemClass} aria-haspopup role=\"menuitem\"\n\t\t\t\tonMouseEnter={onMouseEnter}\n\t\t\t\tonMouseLeave={onMouseLeave}\n\t\t\t>\n\t\t\t\t{menuItemContent}\n\t\t\t\t<div style={subMenuPosStyle} className={subMenuClass}>\n\t\t\t\t\t{subMenuContent}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// Returns a boolean to indicate whether the submenu should appear on the\n\t// right of the context menu (rtl === false) or on the left of the context\n\t// menu (rtl === true).\n\tbuildRtlState(menuPos, menuSize, subMenuSize, canvasRect) {\n\t\t// Ensure that the combined menu position, plus the menu width,\n\t\t// plus the submenu width, does not exceed the viewport bounds.\n\t\treturn (menuPos.x + menuSize.width + subMenuSize.width > canvasRect.right);\n\t}\n\n\t// Returns a style object that can be applied to the sub-menu to adjust its:\n\t// * vertical (y) position: If the submenu is tall enough that it would be\n\t// displayed off the bottom of the canvas area.\n\t// * horizontal (x) position: If the sub-menu needs to appear on the left\n\t// side of the main menu (rtl === true).\n\tbuildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect, rtl) {\n\t\t// Does the submenu go below the bottom of the viewport?\n\t\tconst y = canvasRect.bottom - (menuPos.y + runningYPos + subMenuSize.height);\n\n\t\t// If submenu is not below the viewport bottom set offset to 0 so the\n\t\t// submenu will not be moved. Otherwise, y will be used to move the\n\t\t// submenu up fully into the view port.\n\t\tconst offset = (y > 0) ? 0 : y - EXTRA_OFFSET;\n\n\t\tconst subMenuPosStyle = {\n\t\t\ttop: offset + \"px\" // Use negative to push the menu up\n\t\t};\n\n\t\tif (rtl) {\n\t\t\tsubMenuPosStyle.left = -CONTEXT_MENU_WIDTH + \"px\";\n\t\t}\n\n\t\treturn subMenuPosStyle;\n\t}\n\n\t// Returns the menu definition array passed in making sure any\n\t// submenu items have an action. Note: some applications forget\n\t// to do provide an action because for the submenu it is only\n\t// used by the context menu code.\n\tensureAllSubMenuItemsHaveAction(menuDef) {\n\t\treturn menuDef.map((item, index) => {\n\t\t\tif (item.submenu && typeof item.action === \"undefined\") {\n\t\t\t\treturn { ...item, action: \"submenu_\" + index };\n\t\t\t}\n\t\t\treturn item;\n\t\t});\n\t}\n\n\trender() {\n\t\t// Reposition contextMenu so that it does not show off the screen\n\t\tconst menuSize = this.calculateMenuSize(this.props.menuDefinition);\n\t\tconst menuPos = this.calculateMenuPos(this.props.mousePos, menuSize, this.props.canvasRect);\n\t\tconst posStyle = {\n\t\t\tleft: menuPos.x + \"px\",\n\t\t\ttop: menuPos.y + \"px\"\n\t\t};\n\n\t\tconst menuDefinition = this.ensureAllSubMenuItemsHaveAction(this.props.menuDefinition);\n\t\tconst menuItems = this.buildMenu(menuDefinition, menuSize, menuPos, this.props.canvasRect);\n\n\t\treturn (\n\t\t\t<div id=\"context-menu-popover\" className=\"context-menu-popover\" style={posStyle} onContextMenu={this.onContextMenu}>\n\t\t\t\t{menuItems}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nCommonContextMenu.propTypes = {\n\tcontextHandler: PropTypes.func.isRequired,\n\tmenuDefinition: PropTypes.array.isRequired,\n\tcanvasRect: PropTypes.object.isRequired,\n\tmousePos: PropTypes.object.isRequired\n};\n\nexport default CommonContextMenu;\n","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport CommonContextMenu from \"./common-context-menu.jsx\";\n\nexport default class ContextMenuWrapper extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {};\n\n\t\tthis.contextMenuClicked = this.contextMenuClicked.bind(this);\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\t// Returns an object that describes the dimensions of a rectangle for the\n\t// canvas div with coordinates based on the top left corner of the div. This\n\t// will match the coordinates for the mouse position where the user clicked,\n\t// which is specified in this.props.contextMenuPos object.\n\tgetCanvasRect() {\n\t\tconst containingDiv = document.getElementById(this.props.containingDivId);\n\t\tif (containingDiv) {\n\t\t\tconst clientRect = containingDiv.getBoundingClientRect();\n\t\t\treturn {\n\t\t\t\ttop: 0,\n\t\t\t\tbottom: clientRect.bottom - clientRect.top,\n\t\t\t\tleft: 0,\n\t\t\t\tright: clientRect.right - clientRect.left,\n\t\t\t\theight: clientRect.height,\n\t\t\t\twidth: clientRect.width\n\t\t\t};\n\t\t}\n\t\t// Assist Jests tests to run when containingDiv is not available.\n\t\treturn { top: 0, bottom: 200, left: 0, right: 50, height: 200, width: 50 };\n\t}\n\n\thandleClickOutside(e) {\n\t\t// On Safari, when a user is displaying the context menu with a ctrl-click\n\t\t// (which is a supported context menu gesture on the Mac) a secondary click\n\t\t// event is emmitted which is received here with the ctrlKey field enabled.\n\t\t// So we ignore that event otherwse, if we continue, the context menu will\n\t\t// be closed.\n\t\tif (e.ctrlKey) {\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\n\t\t// If the click was anywhere outside the context menu and\n\t\t// the ellipsis button we just close the menu.\n\t\tif (!this.isOverContextMenu(e) && !this.isOverEllipsisButton(e)) {\n\t\t\t// This stop propagation is needed in common canvas so that selected nodes will\n\t\t\t// remain selected even after clicking outside the context menu to close the menu.\n\t\t\tif (this.props.stopPropagation) {\n\t\t\t\te.stopPropagation();\n\t\t\t}\n\t\t\tthis.props.closeContextMenu();\n\t\t}\n\t}\n\n\t// Retruns true if the event occurred over the context menu.\n\tisOverContextMenu(e) {\n\t\tconst domNode = document.getElementById(\"context-menu-popover\");\n\t\treturn !domNode || domNode.contains(e.target);\n\t}\n\n\t// Returns true if the event occurred over the ellipsis button. Typically\n\t// there will be only one ellipsis button on the canvas, since they are only\n\t// displayed on hover, but in some test cicumstances there might be more\n\t// than one.\n\tisOverEllipsisButton(e) {\n\t\tconst ellipsisNodes = document.getElementsByClassName(\"d3-node-ellipsis-group\");\n\t\tlet state = false;\n\t\tfor (let i = 0; i < ellipsisNodes.length; i++) {\n\t\t\tif (state === false && ellipsisNodes[i].contains(e.target)) {\n\t\t\t\tstate = true;\n\t\t\t}\n\t\t}\n\t\treturn state;\n\t}\n\n\tcontextMenuClicked(action, param) {\n\t\tthis.props.contextMenuActionHandler(action, param);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<CommonContextMenu\n\t\t\t\tcontextHandler={this.contextMenuClicked}\n\t\t\t\tmenuDefinition={this.props.contextMenuDef}\n\t\t\t\tcanvasRect={this.getCanvasRect()}\n\t\t\t\tmousePos={this.props.contextMenuPos}\n\t\t\t/>\n\t\t);\n\t}\n}\n\nContextMenuWrapper.propTypes = {\n\tcontextMenuDef: PropTypes.array.isRequired,\n\tcontainingDivId: PropTypes.string.isRequired,\n\tcontextMenuPos: PropTypes.object.isRequired,\n\tcontextMenuActionHandler: PropTypes.func.isRequired,\n\tcloseContextMenu: PropTypes.func.isRequired,\n\tstopPropagation: PropTypes.bool\n};\n"],"names":["_React$Component","ColorPicker","props","_this","_classCallCheck","_callSuper","logger","Logger","colorIndex","refss","i","push","React","createRef","onClick","bind","_assertThisInitialized","onKeyDown","_inherits","_createClass","key","value","this","setFocus","evt","stopPropagation","selectColor","keyCode","TOTAL_COLORS","preventDefault","index","current","focus","color","target","dataset","subPanelData","clickActionHandler","closeSubPanel","log","createElement","className","tabIndex","ref","Component","CommonContextMenu","state","displaySubMenuAction","itemSelected","colorClicked","e","data","selectedEvent","contextHandler","menu","numDividers","length","divider","height","width","mousePos","menuSize","canvasRect","menuPos","x","y","submenuItems","itemCount","disabledCount","forEach","submenuItem","enable","menuDefinition","menuItems","runningYPos","previousDivider","submenu","action","subMenuSize","subMenuContent","buildColorPickerPanel","subMenu","buildSubMenu","disabled","areAllSubmenuItemsDisabled","calculateMenuSize","buildMenu","onClickFunction","role","label","_this2","c","setState","rtl","buildRtlState","subMenuPosStyle","buildSubMenuPosStyle","menuItem","icon","ChevronRight16","menuItemContent","menuItemClass","subMenuClass","onMouseEnter","subMenuMouseEnter","onMouseLeave","subMenuMouseLeave","style","right","bottom","top","left","menuDef","map","item","_objectSpread","calculateMenuPos","posStyle","ensureAllSubMenuItemsHaveAction","id","onContextMenu","ContextMenuWrapper","contextMenuClicked","handleClickOutside","document","addEventListener","removeEventListener","containingDiv","getElementById","containingDivId","clientRect","getBoundingClientRect","ctrlKey","isOverContextMenu","isOverEllipsisButton","closeContextMenu","domNode","contains","ellipsisNodes","getElementsByClassName","param","contextMenuActionHandler","contextMenuDef","getCanvasRect","contextMenuPos"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./createClass-5ca26865.js"),t=require("./inherits-41673c87.js"),n=require("react"),o=require("./defineProperty-6d406743.js"),r=require("@carbon/icons-react"),i=require("./canvas-logger-295dafe4.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=l(n);function c(e,n,o){return n=t._getPrototypeOf(n),t._possibleConstructorReturn(e,s()?Reflect.construct(n,o||[],t._getPrototypeOf(e).constructor):n.apply(e,o))}function s(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(s=function(){return!!e})()}var u=function(n){function o(n){var r;e._classCallCheck(this,o),(r=c(this,o,[n])).logger=new i.Logger("CC-Color-Picker"),r.colorIndex=0,r.refss=[];for(var l=0;l<12;l++)r.refss.push(a.default.createRef());return r.onClick=r.onClick.bind(t._assertThisInitialized(r)),r.onKeyDown=r.onKeyDown.bind(t._assertThisInitialized(r)),r}return t._inherits(o,n),e._createClass(o,[{key:"componentDidMount",value:function(){this.setFocus(this.colorIndex)}},{key:"onClick",value:function(e){e.stopPropagation(),this.selectColor(e)}},{key:"onKeyDown",value:function(e){if(39===e.keyCode)e.stopPropagation(),this.colorIndex++,this.colorIndex>11&&(this.colorIndex=0);else if(37===e.keyCode)e.stopPropagation(),this.colorIndex--,this.colorIndex<0&&(this.colorIndex=11);else if(38===e.keyCode)e.stopPropagation(),this.colorIndex-=6,this.colorIndex<0&&(this.colorIndex+=6);else if(40===e.keyCode)e.stopPropagation(),this.colorIndex+=6,this.colorIndex>11&&(this.colorIndex-=6);else if(32===e.keyCode)this.selectColor(e);else if(9===e.keyCode)return e.stopPropagation(),void e.preventDefault();this.setFocus(this.colorIndex)}},{key:"setFocus",value:function(e){this.refss[e].current.focus()}},{key:"selectColor",value:function(e){var t=e.target.dataset.color;this.props.subPanelData.clickActionHandler(t),this.props.closeSubPanel()}},{key:"render",value:function(){return this.logger.log("render"),a.default.createElement("div",{className:"color-picker",tabIndex:"-1",onClick:this.onClick,onKeyDown:this.onKeyDown},a.default.createElement("div",{ref:this.refss[0],tabIndex:"-1","data-color":"bkg-col-white-0",className:"color-picker-item white-0"}),a.default.createElement("div",{ref:this.refss[1],tabIndex:"-1","data-color":"bkg-col-yellow-20",className:"color-picker-item yellow-20"}),a.default.createElement("div",{ref:this.refss[2],tabIndex:"-1","data-color":"bkg-col-gray-20",className:"color-picker-item gray-20"}),a.default.createElement("div",{ref:this.refss[3],tabIndex:"-1","data-color":"bkg-col-green-20",className:"color-picker-item green-20"}),a.default.createElement("div",{ref:this.refss[4],tabIndex:"-1","data-color":"bkg-col-teal-20",className:"color-picker-item teal-20"}),a.default.createElement("div",{ref:this.refss[5],tabIndex:"-1","data-color":"bkg-col-cyan-20",className:"color-picker-item cyan-20"}),a.default.createElement("div",{ref:this.refss[6],tabIndex:"-1","data-color":"bkg-col-red-50",className:"color-picker-item red-50"}),a.default.createElement("div",{ref:this.refss[7],tabIndex:"-1","data-color":"bkg-col-orange-40",className:"color-picker-item orange-40"}),a.default.createElement("div",{ref:this.refss[8],tabIndex:"-1","data-color":"bkg-col-gray-50",className:"color-picker-item gray-50"}),a.default.createElement("div",{ref:this.refss[9],tabIndex:"-1","data-color":"bkg-col-green-50",className:"color-picker-item green-50"}),a.default.createElement("div",{ref:this.refss[10],tabIndex:"-1","data-color":"bkg-col-teal-50",className:"color-picker-item teal-50"}),a.default.createElement("div",{ref:this.refss[11],tabIndex:"-1","data-color":"bkg-col-cyan-50",className:"color-picker-item cyan-50"}))}}]),o}(a.default.Component);function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){o._defineProperty(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function h(e,n,o){return n=t._getPrototypeOf(n),t._possibleConstructorReturn(e,p()?Reflect.construct(n,o||[],t._getPrototypeOf(e).constructor):n.apply(e,o))}function p(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(p=function(){return!!e})()}var v=function(n){function o(n){var r;return e._classCallCheck(this,o),(r=h(this,o,[n])).state={displaySubMenuAction:""},r.itemSelected=r.itemSelected.bind(t._assertThisInitialized(r)),r.colorClicked=r.colorClicked.bind(t._assertThisInitialized(r)),r}return t._inherits(o,n),e._createClass(o,[{key:"onContextMenu",value:function(e){e.preventDefault()}},{key:"itemSelected",value:function(e,t){this.props.contextHandler(e),t&&t.stopPropagation()}},{key:"colorClicked",value:function(e){this.props.contextHandler("colorSelectedObjects",{color:e})}},{key:"calculateMenuSize",value:function(e){for(var t=0,n=0;n<e.length;++n){e[n].divider&&t++}return{height:30*(e.length-t)+1*t,width:160}}},{key:"calculateMenuPos",value:function(e,t,n){var o={x:e.x,y:e.y};return e.y+t.height>n.height&&(o.y=n.height-t.height-5,o.y<0&&(o.y=0)),e.x+t.width>n.width&&(o.x-=t.width),o.x+=1,o.y+=1,o}},{key:"areAllSubmenuItemsDisabled",value:function(e){var t=0,n=0;return e.forEach((function(e){e.divider||t++,!1===e.enable&&n++})),n===t}},{key:"buildMenu",value:function(e,t,n,o){for(var r=[],i=0,l=!1,c=0;c<e.length;++c){var s=e[c].divider,u=e[c].submenu;if(s)l||(r.push(a.default.createElement("div",{key:c+1,className:"context-menu-divider"})),i+=1,l=!0);else if("colorBackground"===e[c].action){l=!1;var d={width:160,height:50},f=this.buildColorPickerPanel(),h=this.buildSubMenu(e,c,f,i,n,t,d,o,!1);r.push(h),i+=30}else if(u){l=!1;var p=this.areAllSubmenuItemsDisabled(e[c].menu),v=this.calculateMenuSize(e[c].menu),m=this.buildMenu(e[c].menu,t,n,o),b=this.buildSubMenu(e,c,m,i,n,t,v,o,p);r.push(b),i+=30}else{l=!1;var y="context-menu-item"+(!1===e[c].enable?" disabled":""),k=!1===e[c].enable?null:this.itemSelected.bind(null,e[c].action);r.push(a.default.createElement("div",{key:c+1,className:y,onClick:k,role:"menuitem"},e[c].label)),i+=30}}return r}},{key:"buildColorPickerPanel",value:function(){var e=this,t={clickActionHandler:function(t){return e.colorClicked(t)}};return a.default.createElement(u,{subPanelData:t,closeSubPanel:function(){return null}})}},{key:"subMenuMouseEnter",value:function(e){this.setState({displaySubMenuAction:e})}},{key:"subMenuMouseLeave",value:function(e){this.setState({displaySubMenuAction:""})}},{key:"buildSubMenu",value:function(e,t,n,o,i,l,c,s,u){var d=this.buildRtlState(i,l,c,s),f=this.buildSubMenuPosStyle(o,i,c,s,d),h=e[t],p=a.default.createElement(r.ChevronRight16,null),v=a.default.createElement("div",null,h.label,p," "),m="context-menu-item "+(u?" disabled":""),b="context-menu-popover context-menu-submenu"+(this.state.displaySubMenuAction===h.action?" context-menu--visible":""),y=u?null:this.subMenuMouseEnter.bind(this,h.action),k=u?null:this.subMenuMouseLeave.bind(this);return a.default.createElement("div",{key:t+1,className:m,"aria-haspopup":!0,role:"menuitem",onMouseEnter:y,onMouseLeave:k},v,a.default.createElement("div",{style:f,className:b},n))}},{key:"buildRtlState",value:function(e,t,n,o){return e.x+t.width+n.width>o.right}},{key:"buildSubMenuPosStyle",value:function(e,t,n,o,r){var i=o.bottom-(t.y+e+n.height),l={top:(i>0?0:i-5)+"px"};return r&&(l.left="-160px"),l}},{key:"ensureAllSubMenuItemsHaveAction",value:function(e){return e.map((function(e,t){return e.submenu&&void 0===e.action?f(f({},e),{},{action:"submenu_"+t}):e}))}},{key:"render",value:function(){var e=this.calculateMenuSize(this.props.menuDefinition),t=this.calculateMenuPos(this.props.mousePos,e,this.props.canvasRect),n={left:t.x+"px",top:t.y+"px"},o=this.ensureAllSubMenuItemsHaveAction(this.props.menuDefinition),r=this.buildMenu(o,e,t,this.props.canvasRect);return a.default.createElement("div",{id:"context-menu-popover",className:"context-menu-popover",style:n,onContextMenu:this.onContextMenu},r)}}]),o}(a.default.Component);function m(e,n,o){return n=t._getPrototypeOf(n),t._possibleConstructorReturn(e,b()?Reflect.construct(n,o||[],t._getPrototypeOf(e).constructor):n.apply(e,o))}function b(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(b=function(){return!!e})()}var y=function(n){function o(n){var r;return e._classCallCheck(this,o),(r=m(this,o,[n])).state={},r.contextMenuClicked=r.contextMenuClicked.bind(t._assertThisInitialized(r)),r.handleClickOutside=r.handleClickOutside.bind(t._assertThisInitialized(r)),r}return t._inherits(o,n),e._createClass(o,[{key:"componentDidMount",value:function(){document.addEventListener("click",this.handleClickOutside,!0)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("click",this.handleClickOutside,!0)}},{key:"getCanvasRect",value:function(){var e=document.getElementById(this.props.containingDivId);if(e){var t=e.getBoundingClientRect();return{top:0,bottom:t.bottom-t.top,left:0,right:t.right-t.left,height:t.height,width:t.width}}return{top:0,bottom:200,left:0,right:50,height:200,width:50}}},{key:"handleClickOutside",value:function(e){e.ctrlKey?e.stopPropagation():this.isOverContextMenu(e)||this.isOverEllipsisButton(e)||(this.props.stopPropagation&&e.stopPropagation(),this.props.closeContextMenu())}},{key:"isOverContextMenu",value:function(e){var t=document.getElementById("context-menu-popover");return!t||t.contains(e.target)}},{key:"isOverEllipsisButton",value:function(e){for(var t=document.getElementsByClassName("d3-node-ellipsis-group"),n=!1,o=0;o<t.length;o++)!1===n&&t[o].contains(e.target)&&(n=!0);return n}},{key:"contextMenuClicked",value:function(e,t){this.props.contextMenuActionHandler(e,t)}},{key:"render",value:function(){return a.default.createElement(v,{contextHandler:this.contextMenuClicked,menuDefinition:this.props.contextMenuDef,canvasRect:this.getCanvasRect(),mousePos:this.props.contextMenuPos})}}]),o}(a.default.Component);exports.ColorPicker=u,exports.ContextMenuWrapper=y;
|
|
2
|
-
//# sourceMappingURL=context-menu-wrapper-5d6a399f.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu-wrapper-5d6a399f.js","sources":["../src/color-picker/color-picker.jsx","../src/context-menu/common-context-menu.jsx","../src/context-menu/context-menu-wrapper.jsx"],"sourcesContent":["/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport Logger from \"../logging/canvas-logger.js\";\n\nconst TAB_KEY = 9;\nconst SPACE_KEY = 32;\nconst LEFT_ARROW_KEY = 37;\nconst UP_ARROW_KEY = 38;\nconst RIGHT_ARROW_KEY = 39;\nconst DOWN_ARROW_KEY = 40;\n\n// These values must reflect the layout of the color picker panel\n// decribed by the SCSS/CSS.\nconst COLORS_IN_ROW = 6;\nconst TOTAL_COLORS = 12;\n\nclass ColorPicker extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.logger = new Logger(\"CC-Color-Picker\");\n\n\t\tthis.colorIndex = 0;\n\n\t\tthis.refss = [];\n\t\tfor (let i = 0; i < TOTAL_COLORS; i++) {\n\t\t\tthis.refss.push(React.createRef());\n\t\t}\n\t\tthis.onClick = this.onClick.bind(this);\n\t\tthis.onKeyDown = this.onKeyDown.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.setFocus(this.colorIndex);\n\t}\n\n\tonClick(evt) {\n\t\tevt.stopPropagation();\n\t\tthis.selectColor(evt);\n\t}\n\n\tonKeyDown(evt) {\n\t\tif (evt.keyCode === RIGHT_ARROW_KEY) {\n\t\t\tevt.stopPropagation();\n\t\t\tthis.colorIndex++;\n\t\t\tif (this.colorIndex > TOTAL_COLORS - 1) {\n\t\t\t\tthis.colorIndex = 0;\n\t\t\t}\n\n\t\t} else if (evt.keyCode === LEFT_ARROW_KEY) {\n\t\t\tevt.stopPropagation();\n\t\t\tthis.colorIndex--;\n\t\t\tif (this.colorIndex < 0) {\n\t\t\t\tthis.colorIndex = TOTAL_COLORS - 1;\n\t\t\t}\n\n\t\t} else if (evt.keyCode === UP_ARROW_KEY) {\n\t\t\tevt.stopPropagation();\n\t\t\tthis.colorIndex -= COLORS_IN_ROW;\n\t\t\tif (this.colorIndex < 0) {\n\t\t\t\tthis.colorIndex += COLORS_IN_ROW;\n\t\t\t}\n\n\t\t} else if (evt.keyCode === DOWN_ARROW_KEY) {\n\t\t\tevt.stopPropagation();\n\t\t\tthis.colorIndex += COLORS_IN_ROW;\n\t\t\tif (this.colorIndex > 11) {\n\t\t\t\tthis.colorIndex -= COLORS_IN_ROW;\n\t\t\t}\n\n\t\t} else if (evt.keyCode === SPACE_KEY) {\n\t\t\tthis.selectColor(evt);\n\n\t\t} else if (evt.keyCode === TAB_KEY) {\n\t\t\tevt.stopPropagation();\n\t\t\tevt.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.setFocus(this.colorIndex);\n\t}\n\n\tsetFocus(index) {\n\t\tthis.refss[index].current.focus();\n\t}\n\n\tselectColor(evt) {\n\t\tconst color = evt.target.dataset.color;\n\t\tthis.props.subPanelData.clickActionHandler(color);\n\t\tthis.props.closeSubPanel();\n\t}\n\n\trender() {\n\t\tthis.logger.log(\"render\");\n\t\treturn (\n\t\t\t<div className=\"color-picker\" tabIndex={\"-1\"} onClick={this.onClick} onKeyDown={this.onKeyDown}>\n\t\t\t\t<div ref={this.refss[0]} tabIndex={\"-1\"} data-color={\"bkg-col-white-0\"} className=\"color-picker-item white-0\" />\n\t\t\t\t<div ref={this.refss[1]} tabIndex={\"-1\"} data-color={\"bkg-col-yellow-20\"} className=\"color-picker-item yellow-20\" />\n\t\t\t\t<div ref={this.refss[2]} tabIndex={\"-1\"} data-color={\"bkg-col-gray-20\"} className=\"color-picker-item gray-20\" />\n\t\t\t\t<div ref={this.refss[3]} tabIndex={\"-1\"} data-color={\"bkg-col-green-20\"} className=\"color-picker-item green-20\" />\n\t\t\t\t<div ref={this.refss[4]} tabIndex={\"-1\"} data-color={\"bkg-col-teal-20\"} className=\"color-picker-item teal-20\" />\n\t\t\t\t<div ref={this.refss[5]} tabIndex={\"-1\"} data-color={\"bkg-col-cyan-20\"} className=\"color-picker-item cyan-20\" />\n\n\t\t\t\t<div ref={this.refss[6]} tabIndex={\"-1\"} data-color={\"bkg-col-red-50\"} className=\"color-picker-item red-50\" />\n\t\t\t\t<div ref={this.refss[7]} tabIndex={\"-1\"} data-color={\"bkg-col-orange-40\"} className=\"color-picker-item orange-40\" />\n\t\t\t\t<div ref={this.refss[8]} tabIndex={\"-1\"} data-color={\"bkg-col-gray-50\"} className=\"color-picker-item gray-50\" />\n\t\t\t\t<div ref={this.refss[9]} tabIndex={\"-1\"} data-color={\"bkg-col-green-50\"} className=\"color-picker-item green-50\" />\n\t\t\t\t<div ref={this.refss[10]} tabIndex={\"-1\"} data-color={\"bkg-col-teal-50\"} className=\"color-picker-item teal-50\" />\n\t\t\t\t<div ref={this.refss[11]} tabIndex={\"-1\"} data-color={\"bkg-col-cyan-50\"} className=\"color-picker-item cyan-50\" />\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nColorPicker.propTypes = {\n\tcloseSubPanel: PropTypes.func,\n\tsubPanelData: PropTypes.object\n};\n\nexport default ColorPicker;\n","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n/* eslint no-empty-function: [\"error\", { \"allow\": [\"arrowFunctions\"] }] */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { ChevronRight16 } from \"@carbon/icons-react\";\nimport ColorPicker from \"../color-picker\";\n\n// context-menu sizing\nconst CONTEXT_MENU_WIDTH = 160; // See context-menu.scss\nconst CONTEXT_MENU_LINK_HEIGHT = 30; // See context-menu.scss\nconst CONTEXT_MENU_DIVIDER_HEIGHT = 1; // See context-menu.scss\nconst EXTRA_OFFSET = 5; // Extra offset for vertical menu positioning\n\n\nclass CommonContextMenu extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {\n\t\t\tdisplaySubMenuAction: \"\"\n\t\t};\n\t\tthis.itemSelected = this.itemSelected.bind(this);\n\t\tthis.colorClicked = this.colorClicked.bind(this);\n\t}\n\n\tonContextMenu(e) {\n\t\te.preventDefault();\n\t}\n\n\titemSelected(data, selectedEvent) {\n\t\tthis.props.contextHandler(data);\n\t\t// This stops the canvasClicked function from being fired which would\n\t\t// clear any current selections.\n\t\tif (selectedEvent) {\n\t\t\tselectedEvent.stopPropagation();\n\t\t}\n\t}\n\n\tcolorClicked(color) {\n\t\tthis.props.contextHandler(\"colorSelectedObjects\", { color });\n\t}\n\n\t// Returns the size of the menu passed in.\n\tcalculateMenuSize(menu) {\n\t\tvar numDividers = 0;\n\t\tfor (let i = 0; i < menu.length; ++i) {\n\t\t\tconst divider = menu[i].divider;\n\t\t\tif (divider) {\n\t\t\t\tnumDividers++;\n\t\t\t}\n\t\t}\n\n\t\tvar menuSize = {\n\t\t\theight: ((menu.length - numDividers) * CONTEXT_MENU_LINK_HEIGHT) + (numDividers * CONTEXT_MENU_DIVIDER_HEIGHT),\n\t\t\twidth: CONTEXT_MENU_WIDTH\n\t\t};\n\n\t\treturn menuSize;\n\t}\n\n\t// Returns a new position and the canvas rectangle for the context menu based on the current\n\t// mouse position and whether the menu would appear outside the edges of the page.\n\tcalculateMenuPos(mousePos, menuSize, canvasRect) {\n\t\tconst menuPos = { x: mousePos.x, y: mousePos.y };\n\n\t\t// Reposition contextMenu if it will show off the bottom of the page\n\t\tif (mousePos.y + menuSize.height > canvasRect.height) {\n\t\t\tmenuPos.y = canvasRect.height - menuSize.height - EXTRA_OFFSET; // Move up by extra offset so it looks nice\n\n\t\t\t// If repositioning the menu would push it off the top of the page\n\t\t\t// (in very short browser windows) position it at the top.\n\t\t\tif (menuPos.y < 0) {\n\t\t\t\tmenuPos.y = 0;\n\t\t\t}\n\t\t}\n\n\t\t// Reposition contextMenu if it will show off the right of the page\n\t\tif (mousePos.x + menuSize.width > canvasRect.width) {\n\t\t\tmenuPos.x -= menuSize.width;\n\t\t}\n\n\t\t// Add a pixel to x and y because on Chrome without this the context menu\n\t\t// appears with the top corner of the first menu item under the mouse\n\t\t// cursor. This highlights the first menu item (which looks weird) and, if\n\t\t// the first item is a cascade menu, automatically opens the sub-menu.\n\t\tmenuPos.x += 1;\n\t\tmenuPos.y += 1;\n\n\t\treturn menuPos;\n\t}\n\n\t// Returns true of all the items in a sub-menu are disabled.\n\tareAllSubmenuItemsDisabled(submenuItems) {\n\t\tlet itemCount = 0;\n\t\tlet disabledCount = 0;\n\t\tsubmenuItems.forEach(function(submenuItem) {\n\t\t\tif (!submenuItem.divider) {\n\t\t\t\titemCount++;\n\t\t\t}\n\t\t\tif (submenuItem.enable === false) {\n\t\t\t\tdisabledCount++;\n\t\t\t}\n\t\t});\n\t\treturn disabledCount === itemCount;\n\t}\n\n\t// Builds a new menu based on the menu defintion passed in.\n\tbuildMenu(menuDefinition, menuSize, menuPos, canvasRect) {\n\t\tconst menuItems = [];\n\n\t\tlet runningYPos = 0;\n\t\t// Records if we have just displayed a divider. This is useful because we\n\t\t// only want to display one divider if there is a divider element\n\t\t// immediately after another divider element in the menuDefintion array.\n\t\tlet previousDivider = false;\n\n\t\tfor (let i = 0; i < menuDefinition.length; ++i) {\n\t\t\tconst divider = menuDefinition[i].divider;\n\t\t\tconst submenu = menuDefinition[i].submenu;\n\n\t\t\tif (divider) {\n\t\t\t\tif (!previousDivider) {\n\t\t\t\t\tmenuItems.push(<div key={i + 1} className={\"context-menu-divider\"} />);\n\t\t\t\t\trunningYPos += CONTEXT_MENU_DIVIDER_HEIGHT;\n\t\t\t\t\tpreviousDivider = true;\n\t\t\t\t}\n\t\t\t} else if (menuDefinition[i].action === \"colorBackground\") {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst disabled = false;\n\t\t\t\tconst subMenuSize = { width: CONTEXT_MENU_WIDTH, height: 50 };\n\t\t\t\tconst subMenuContent = this.buildColorPickerPanel();\n\n\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\tmenuItems.push(subMenu);\n\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\n\t\t\t} else if (submenu) {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst disabled = this.areAllSubmenuItemsDisabled(menuDefinition[i].menu);\n\t\t\t\tconst subMenuSize = this.calculateMenuSize(menuDefinition[i].menu);\n\t\t\t\tconst subMenuContent = this.buildMenu(menuDefinition[i].menu, menuSize, menuPos, canvasRect);\n\n\t\t\t\tconst subMenu = this.buildSubMenu(\n\t\t\t\t\tmenuDefinition, i, subMenuContent, runningYPos, menuPos, menuSize, subMenuSize, canvasRect, disabled);\n\t\t\t\tmenuItems.push(subMenu);\n\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\n\t\t\t} else {\n\t\t\t\tpreviousDivider = false;\n\t\t\t\tconst className = \"context-menu-item\" +\n\t\t\t\t\t(menuDefinition[i].enable === false ? \" disabled\" : \"\");\n\n\t\t\t\tconst onClickFunction = menuDefinition[i].enable === false\n\t\t\t\t\t? null\n\t\t\t\t\t: this.itemSelected.bind(null, menuDefinition[i].action);\n\n\t\t\t\tmenuItems.push((\n\t\t\t\t\t<div key={i + 1} className={className} onClick={onClickFunction} role=\"menuitem\">\n\t\t\t\t\t\t{menuDefinition[i].label}\n\t\t\t\t\t</div>\n\t\t\t\t));\n\t\t\t\trunningYPos += CONTEXT_MENU_LINK_HEIGHT;\n\t\t\t}\n\t\t}\n\t\treturn menuItems;\n\t}\n\n\tbuildColorPickerPanel() {\n\t\tconst subPanelData = {\n\t\t\tclickActionHandler: (c) => this.colorClicked(c)\n\t\t};\n\t\treturn (\n\t\t\t<ColorPicker subPanelData={subPanelData} closeSubPanel={() => null} />\n\t\t);\n\t}\n\n\tsubMenuMouseEnter(action) {\n\t\tthis.setState({ displaySubMenuAction: action });\n\t}\n\n\tsubMenuMouseLeave(action) {\n\t\tthis.setState({ displaySubMenuAction: \"\" });\n\t}\n\n\t// Builds a sub-menu for the menuitem identified by the index into the menudefintion.\n\tbuildSubMenu(menuDefinition, index, subMenuContent, runningYPos, menuPos,\n\t\tmenuSize, subMenuSize, canvasRect, disabled) {\n\t\tconst rtl = this.buildRtlState(menuPos, menuSize, subMenuSize, canvasRect);\n\t\tconst subMenuPosStyle = this.buildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect, rtl);\n\t\tconst menuItem = menuDefinition[index];\n\n\t\tconst icon = (<ChevronRight16 />);\n\t\tconst menuItemContent = <div>{menuItem.label}{icon} </div>;\n\t\tconst menuItemClass = \"context-menu-item \" + (disabled ? \" disabled\" : \"\");\n\t\tconst subMenuClass = \"context-menu-popover context-menu-submenu\" +\n\t\t\t(this.state.displaySubMenuAction === menuItem.action ? \" context-menu--visible\" : \"\");\n\t\tconst onMouseEnter = (disabled ? null : this.subMenuMouseEnter.bind(this, menuItem.action));\n\t\tconst onMouseLeave = (disabled ? null : this.subMenuMouseLeave.bind(this));\n\n\t\treturn (\n\t\t\t<div key={index + 1} className={menuItemClass} aria-haspopup role=\"menuitem\"\n\t\t\t\tonMouseEnter={onMouseEnter}\n\t\t\t\tonMouseLeave={onMouseLeave}\n\t\t\t>\n\t\t\t\t{menuItemContent}\n\t\t\t\t<div style={subMenuPosStyle} className={subMenuClass}>\n\t\t\t\t\t{subMenuContent}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// Returns a boolean to indicate whether the submenu should appear on the\n\t// right of the context menu (rtl === false) or on the left of the context\n\t// menu (rtl === true).\n\tbuildRtlState(menuPos, menuSize, subMenuSize, canvasRect) {\n\t\t// Ensure that the combined menu position, plus the menu width,\n\t\t// plus the submenu width, does not exceed the viewport bounds.\n\t\treturn (menuPos.x + menuSize.width + subMenuSize.width > canvasRect.right);\n\t}\n\n\t// Returns a style object that can be applied to the sub-menu to adjust its:\n\t// * vertical (y) position: If the submenu is tall enough that it would be\n\t// displayed off the bottom of the canvas area.\n\t// * horizontal (x) position: If the sub-menu needs to appear on the left\n\t// side of the main menu (rtl === true).\n\tbuildSubMenuPosStyle(runningYPos, menuPos, subMenuSize, canvasRect, rtl) {\n\t\t// Does the submenu go below the bottom of the viewport?\n\t\tconst y = canvasRect.bottom - (menuPos.y + runningYPos + subMenuSize.height);\n\n\t\t// If submenu is not below the viewport bottom set offset to 0 so the\n\t\t// submenu will not be moved. Otherwise, y will be used to move the\n\t\t// submenu up fully into the view port.\n\t\tconst offset = (y > 0) ? 0 : y - EXTRA_OFFSET;\n\n\t\tconst subMenuPosStyle = {\n\t\t\ttop: offset + \"px\" // Use negative to push the menu up\n\t\t};\n\n\t\tif (rtl) {\n\t\t\tsubMenuPosStyle.left = -CONTEXT_MENU_WIDTH + \"px\";\n\t\t}\n\n\t\treturn subMenuPosStyle;\n\t}\n\n\t// Returns the menu definition array passed in making sure any\n\t// submenu items have an action. Note: some applications forget\n\t// to do provide an action because for the submenu it is only\n\t// used by the context menu code.\n\tensureAllSubMenuItemsHaveAction(menuDef) {\n\t\treturn menuDef.map((item, index) => {\n\t\t\tif (item.submenu && typeof item.action === \"undefined\") {\n\t\t\t\treturn { ...item, action: \"submenu_\" + index };\n\t\t\t}\n\t\t\treturn item;\n\t\t});\n\t}\n\n\trender() {\n\t\t// Reposition contextMenu so that it does not show off the screen\n\t\tconst menuSize = this.calculateMenuSize(this.props.menuDefinition);\n\t\tconst menuPos = this.calculateMenuPos(this.props.mousePos, menuSize, this.props.canvasRect);\n\t\tconst posStyle = {\n\t\t\tleft: menuPos.x + \"px\",\n\t\t\ttop: menuPos.y + \"px\"\n\t\t};\n\n\t\tconst menuDefinition = this.ensureAllSubMenuItemsHaveAction(this.props.menuDefinition);\n\t\tconst menuItems = this.buildMenu(menuDefinition, menuSize, menuPos, this.props.canvasRect);\n\n\t\treturn (\n\t\t\t<div id=\"context-menu-popover\" className=\"context-menu-popover\" style={posStyle} onContextMenu={this.onContextMenu}>\n\t\t\t\t{menuItems}\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nCommonContextMenu.propTypes = {\n\tcontextHandler: PropTypes.func.isRequired,\n\tmenuDefinition: PropTypes.array.isRequired,\n\tcanvasRect: PropTypes.object.isRequired,\n\tmousePos: PropTypes.object.isRequired\n};\n\nexport default CommonContextMenu;\n","/*\n * Copyright 2017-2023 Elyra Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport PropTypes from \"prop-types\";\nimport CommonContextMenu from \"./common-context-menu.jsx\";\n\nexport default class ContextMenuWrapper extends React.Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = {};\n\n\t\tthis.contextMenuClicked = this.contextMenuClicked.bind(this);\n\t\tthis.handleClickOutside = this.handleClickOutside.bind(this);\n\t}\n\n\tcomponentDidMount() {\n\t\tdocument.addEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\tcomponentWillUnmount() {\n\t\tdocument.removeEventListener(\"click\", this.handleClickOutside, true);\n\t}\n\n\t// Returns an object that describes the dimensions of a rectangle for the\n\t// canvas div with coordinates based on the top left corner of the div. This\n\t// will match the coordinates for the mouse position where the user clicked,\n\t// which is specified in this.props.contextMenuPos object.\n\tgetCanvasRect() {\n\t\tconst containingDiv = document.getElementById(this.props.containingDivId);\n\t\tif (containingDiv) {\n\t\t\tconst clientRect = containingDiv.getBoundingClientRect();\n\t\t\treturn {\n\t\t\t\ttop: 0,\n\t\t\t\tbottom: clientRect.bottom - clientRect.top,\n\t\t\t\tleft: 0,\n\t\t\t\tright: clientRect.right - clientRect.left,\n\t\t\t\theight: clientRect.height,\n\t\t\t\twidth: clientRect.width\n\t\t\t};\n\t\t}\n\t\t// Assist Jests tests to run when containingDiv is not available.\n\t\treturn { top: 0, bottom: 200, left: 0, right: 50, height: 200, width: 50 };\n\t}\n\n\thandleClickOutside(e) {\n\t\t// On Safari, when a user is displaying the context menu with a ctrl-click\n\t\t// (which is a supported context menu gesture on the Mac) a secondary click\n\t\t// event is emmitted which is received here with the ctrlKey field enabled.\n\t\t// So we ignore that event otherwse, if we continue, the context menu will\n\t\t// be closed.\n\t\tif (e.ctrlKey) {\n\t\t\te.stopPropagation();\n\t\t\treturn;\n\t\t}\n\n\t\t// If the click was anywhere outside the context menu and\n\t\t// the ellipsis button we just close the menu.\n\t\tif (!this.isOverContextMenu(e) && !this.isOverEllipsisButton(e)) {\n\t\t\t// This stop propagation is needed in common canvas so that selected nodes will\n\t\t\t// remain selected even after clicking outside the context menu to close the menu.\n\t\t\tif (this.props.stopPropagation) {\n\t\t\t\te.stopPropagation();\n\t\t\t}\n\t\t\tthis.props.closeContextMenu();\n\t\t}\n\t}\n\n\t// Retruns true if the event occurred over the context menu.\n\tisOverContextMenu(e) {\n\t\tconst domNode = document.getElementById(\"context-menu-popover\");\n\t\treturn !domNode || domNode.contains(e.target);\n\t}\n\n\t// Returns true if the event occurred over the ellipsis button. Typically\n\t// there will be only one ellipsis button on the canvas, since they are only\n\t// displayed on hover, but in some test cicumstances there might be more\n\t// than one.\n\tisOverEllipsisButton(e) {\n\t\tconst ellipsisNodes = document.getElementsByClassName(\"d3-node-ellipsis-group\");\n\t\tlet state = false;\n\t\tfor (let i = 0; i < ellipsisNodes.length; i++) {\n\t\t\tif (state === false && ellipsisNodes[i].contains(e.target)) {\n\t\t\t\tstate = true;\n\t\t\t}\n\t\t}\n\t\treturn state;\n\t}\n\n\tcontextMenuClicked(action, param) {\n\t\tthis.props.contextMenuActionHandler(action, param);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<CommonContextMenu\n\t\t\t\tcontextHandler={this.contextMenuClicked}\n\t\t\t\tmenuDefinition={this.props.contextMenuDef}\n\t\t\t\tcanvasRect={this.getCanvasRect()}\n\t\t\t\tmousePos={this.props.contextMenuPos}\n\t\t\t/>\n\t\t);\n\t}\n}\n\nContextMenuWrapper.propTypes = {\n\tcontextMenuDef: PropTypes.array.isRequired,\n\tcontainingDivId: PropTypes.string.isRequired,\n\tcontextMenuPos: PropTypes.object.isRequired,\n\tcontextMenuActionHandler: PropTypes.func.isRequired,\n\tcloseContextMenu: PropTypes.func.isRequired,\n\tstopPropagation: PropTypes.bool\n};\n"],"names":["_React$Component","ColorPicker","props","_this","_classCallCheck","_callSuper","logger","Logger","colorIndex","refss","i","push","React","createRef","onClick","bind","_assertThisInitialized","onKeyDown","_inherits","_createClass","key","value","this","setFocus","evt","stopPropagation","selectColor","keyCode","TOTAL_COLORS","preventDefault","index","current","focus","color","target","dataset","subPanelData","clickActionHandler","closeSubPanel","log","createElement","className","tabIndex","ref","Component","CommonContextMenu","state","displaySubMenuAction","itemSelected","colorClicked","e","data","selectedEvent","contextHandler","menu","numDividers","length","divider","height","width","mousePos","menuSize","canvasRect","menuPos","x","y","submenuItems","itemCount","disabledCount","forEach","submenuItem","enable","menuDefinition","menuItems","runningYPos","previousDivider","submenu","action","subMenuSize","subMenuContent","buildColorPickerPanel","subMenu","buildSubMenu","disabled","areAllSubmenuItemsDisabled","calculateMenuSize","buildMenu","onClickFunction","role","label","_this2","c","setState","rtl","buildRtlState","subMenuPosStyle","buildSubMenuPosStyle","menuItem","icon","ChevronRight16","menuItemContent","menuItemClass","subMenuClass","onMouseEnter","subMenuMouseEnter","onMouseLeave","subMenuMouseLeave","style","right","bottom","top","left","menuDef","map","item","_objectSpread","calculateMenuPos","posStyle","ensureAllSubMenuItemsHaveAction","id","onContextMenu","ContextMenuWrapper","contextMenuClicked","handleClickOutside","document","addEventListener","removeEventListener","containingDiv","getElementById","containingDivId","clientRect","getBoundingClientRect","ctrlKey","isOverContextMenu","isOverEllipsisButton","closeContextMenu","domNode","contains","ellipsisNodes","getElementsByClassName","param","contextMenuActionHandler","contextMenuDef","getCanvasRect","contextMenuPos"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createClass-440000a3.js","sources":["../node_modules/@babel/runtime/helpers/esm/classCallCheck.js","../node_modules/@babel/runtime/helpers/esm/typeof.js","../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","../node_modules/@babel/runtime/helpers/esm/createClass.js"],"sourcesContent":["export default function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}","export default function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n var i = toPrimitive(t, \"string\");\n return \"symbol\" == _typeof(i) ? i : String(i);\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n if (\"object\" != _typeof(t) || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r || \"default\");\n if (\"object\" != _typeof(i)) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);\n }\n}\nexport default function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}"],"names":["_classCallCheck","instance","Constructor","TypeError","_typeof","o","Symbol","iterator","constructor","prototype","toPropertyKey","t","i","r","e","toPrimitive","call","String","Number","_defineProperties","target","props","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_createClass","protoProps","staticProps"],"mappings":"AAAe,SAASA,EAAgBC,EAAUC,GAChD,KAAMD,aAAoBC,GACxB,MAAM,IAAIC,UAAU,oCAExB,CCJe,SAASC,EAAQC,GAG9B,OAAOD,EAAU,mBAAqBE,QAAU,iBAAmBA,OAAOC,SAAW,SAAUF,GAC7F,cAAcA,GACZ,SAAUA,GACZ,OAAOA,GAAK,mBAAqBC,QAAUD,EAAEG,cAAgBF,QAAUD,IAAMC,OAAOG,UAAY,gBAAkBJ,GACjHD,EAAQC,EACb,CCNe,SAASK,EAAcC,GACpC,IAAIC,ECFS,SAAqBD,EAAGE,GACrC,GAAI,UAAYT,EAAQO,KAAOA,EAAG,OAAOA,EACzC,IAAIG,EAAIH,EAAEL,OAAOS,aACjB,QAAI,IAAWD,EAAG,CAChB,IAAIF,EAAIE,EAAEE,KAAKL,EAAGE,GAAK,WACvB,GAAI,UAAYT,EAAQQ,GAAI,OAAOA,EACnC,MAAM,IAAIT,UAAU,gDAEtB,OAAQ,WAAaU,EAAII,OAASC,QAAQP,EAC5C,CDPUI,CAAYJ,EAAG,UACvB,MAAO,UAAYP,EAAQQ,GAAKA,EAAIK,OAAOL,EAC7C,CEJA,SAASO,EAAkBC,EAAQC,GACjC,IAAK,IAAIT,EAAI,EAAGA,EAAIS,EAAMC,OAAQV,IAAK,CACrC,IAAIW,EAAaF,EAAMT,GACvBW,EAAWC,WAAaD,EAAWC,aAAc,EACjDD,EAAWE,cAAe,EACtB,UAAWF,IAAYA,EAAWG,UAAW,GACjDC,OAAOC,eAAeR,EAAQV,EAAca,EAAWM,KAAMN,GAEjE,CACe,SAASO,EAAa5B,EAAa6B,EAAYC,GAM5D,OALID,GAAYZ,EAAkBjB,EAAYO,UAAWsB,GACrDC,GAAab,EAAkBjB,EAAa8B,GAChDL,OAAOC,eAAe1B,EAAa,YAAa,CAC9CwB,UAAU,IAELxB,CACT"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";function t(r){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(r)}function r(r){var e=function(r,e){if("object"!=t(r)||!r)return r;var o=r[Symbol.toPrimitive];if(void 0!==o){var n=o.call(r,e||"default");if("object"!=t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}(r,"string");return"symbol"==t(e)?e:String(e)}function e(t,e){for(var o=0;o<e.length;o++){var n=e[o];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,r(n.key),n)}}exports._classCallCheck=function(t,r){if(!(t instanceof r))throw new TypeError("Cannot call a class as a function")},exports._createClass=function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),Object.defineProperty(t,"prototype",{writable:!1}),t},exports._typeof=t,exports.toPropertyKey=r;
|
|
2
|
-
//# sourceMappingURL=createClass-5ca26865.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"createClass-5ca26865.js","sources":["../node_modules/@babel/runtime/helpers/esm/typeof.js","../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js","../node_modules/@babel/runtime/helpers/esm/toPrimitive.js","../node_modules/@babel/runtime/helpers/esm/createClass.js","../node_modules/@babel/runtime/helpers/esm/classCallCheck.js"],"sourcesContent":["export default function _typeof(o) {\n \"@babel/helpers - typeof\";\n\n return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n return typeof o;\n } : function (o) {\n return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n }, _typeof(o);\n}","import _typeof from \"./typeof.js\";\nimport toPrimitive from \"./toPrimitive.js\";\nexport default function toPropertyKey(t) {\n var i = toPrimitive(t, \"string\");\n return \"symbol\" == _typeof(i) ? i : String(i);\n}","import _typeof from \"./typeof.js\";\nexport default function toPrimitive(t, r) {\n if (\"object\" != _typeof(t) || !t) return t;\n var e = t[Symbol.toPrimitive];\n if (void 0 !== e) {\n var i = e.call(t, r || \"default\");\n if (\"object\" != _typeof(i)) return i;\n throw new TypeError(\"@@toPrimitive must return a primitive value.\");\n }\n return (\"string\" === r ? String : Number)(t);\n}","import toPropertyKey from \"./toPropertyKey.js\";\nfunction _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);\n }\n}\nexport default function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n}","export default function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n}"],"names":["_typeof","o","Symbol","iterator","constructor","prototype","toPropertyKey","t","i","r","e","toPrimitive","call","TypeError","String","Number","_defineProperties","target","props","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","instance","Constructor","protoProps","staticProps"],"mappings":"aAAe,SAASA,EAAQC,GAG9B,OAAOD,EAAU,mBAAqBE,QAAU,iBAAmBA,OAAOC,SAAW,SAAUF,GAC7F,cAAcA,GACZ,SAAUA,GACZ,OAAOA,GAAK,mBAAqBC,QAAUD,EAAEG,cAAgBF,QAAUD,IAAMC,OAAOG,UAAY,gBAAkBJ,GACjHD,EAAQC,EACb,CCNe,SAASK,EAAcC,GACpC,IAAIC,ECFS,SAAqBD,EAAGE,GACrC,GAAI,UAAYT,EAAQO,KAAOA,EAAG,OAAOA,EACzC,IAAIG,EAAIH,EAAEL,OAAOS,aACjB,QAAI,IAAWD,EAAG,CAChB,IAAIF,EAAIE,EAAEE,KAAKL,EAAGE,GAAK,WACvB,GAAI,UAAYT,EAAQQ,GAAI,OAAOA,EACnC,MAAM,IAAIK,UAAU,gDAEtB,OAAQ,WAAaJ,EAAIK,OAASC,QAAQR,EAC5C,CDPUI,CAAYJ,EAAG,UACvB,MAAO,UAAYP,EAAQQ,GAAKA,EAAIM,OAAON,EAC7C,CEJA,SAASQ,EAAkBC,EAAQC,GACjC,IAAK,IAAIV,EAAI,EAAGA,EAAIU,EAAMC,OAAQX,IAAK,CACrC,IAAIY,EAAaF,EAAMV,GACvBY,EAAWC,WAAaD,EAAWC,aAAc,EACjDD,EAAWE,cAAe,EACtB,UAAWF,IAAYA,EAAWG,UAAW,GACjDC,OAAOC,eAAeR,EAAQX,EAAcc,EAAWM,KAAMN,GAEjE,yBCTe,SAAyBO,EAAUC,GAChD,KAAMD,aAAoBC,GACxB,MAAM,IAAIf,UAAU,oCAExB,uBDMe,SAAsBe,EAAaC,EAAYC,GAM5D,OALID,GAAYb,EAAkBY,EAAYvB,UAAWwB,GACrDC,GAAad,EAAkBY,EAAaE,GAChDN,OAAOC,eAAeG,EAAa,YAAa,CAC9CL,UAAU,IAELK,CACT"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as e,L as t,m as r,R as i,s as n,a2 as a,a3 as o,_ as s,w as d,H as c,I as p,y as u,a4 as l,a5 as f,x as m,B as y,C as h,A as v,q as b,j as g}from"./isArrayLikeObject-7a30aa4b.js";import{f as _,h as j,_ as A,i as w,j as q}from"./canvas-constants-13b58448.js";import{a as I,_ as S}from"./createClass-440000a3.js";var O=_,x=e,k=t,M=r,F=i;var P=function(e,t,r,i){if(!M(e))return e;for(var n=-1,a=(t=x(t,e)).length,o=a-1,s=e;null!=s&&++n<a;){var d=F(t[n]),c=r;if("__proto__"===d||"constructor"===d||"prototype"===d)return e;if(n!=o){var p=s[d];void 0===(c=i?i(p,d,s):void 0)&&(c=M(p)?p:k(t[n+1])?[]:{})}O(s,d,c),s=s[d]}return e},$=n;var D=function(e){return(null==e?0:e.length)?$(e,1):[]},L=a,C=o;var T=function(e){return C(L(e,void 0,D),e+"")};var U=s,W=function(e,t,r){var i=-1,n=e.length;t<0&&(t=-t>n?0:n+t),(r=r>n?n:r)<0&&(r+=n),n=t>r?0:r-t>>>0,t>>>=0;for(var a=Array(n);++i<n;)a[i]=e[i+t];return a};var H=e,N=d,R=function(e,t){return t.length<2?e:U(e,W(t,0,-1))},B=i;var E=function(e,t){return t=H(t,e),null==(e=R(e,t))||delete e[B(N(t))]},J=c,z=j,G=p,K=Function.prototype,Q=Object.prototype,V=K.toString,X=Q.hasOwnProperty,Y=V.call(Object);var Z=function(e){if(!G(e)||"[object Object]"!=J(e))return!1;var t=z(e);if(null===t)return!0;var r=X.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&V.call(r)==Y},ee=Z;var te=u,re=q,ie=E,ne=e,ae=A,oe=function(e){return ee(e)?void 0:e},se=w,de=T((function(e,t){var r={};if(null==e)return r;var i=!1;t=te(t,(function(t){return t=ne(t,e),i||(i=t.length>1),t})),ae(e,se(e),r),i&&(r=re(r,7,oe));for(var n=t.length;n--;)ie(r,t[n]);return r})),ce=function(){function e(){S(this,e)}return I(e,[{key:"do",value:function(){}},{key:"undo",value:function(){}},{key:"redo",value:function(){}},{key:"getLabel",value:function(){}}]),e}(),pe=P;var ue=function(e,t,r){return null==e?e:pe(e,t,r)};var le=l,fe=function(){},me=le&&1/f(new le([,-0]))[1]==1/0?function(e){return new le(e)}:fe,ye=m,he=y,ve=h,be=v,ge=me,_e=f;var je=function(e,t,r){var i=-1,n=he,a=e.length,o=!0,s=[],d=s;if(r)o=!1,n=ve;else if(a>=200){var c=t?null:ge(e);if(c)return _e(c);o=!1,n=be,d=new ye}else d=t?[]:s;e:for(;++i<a;){var p=e[i],u=t?t(p):p;if(p=r||0!==p?p:0,o&&u==u){for(var l=d.length;l--;)if(d[l]===u)continue e;t&&d.push(u),s.push(p)}else n(d,u,r)||(d!==s&&d.push(u),s.push(p))}return s},Ae=n,we=je,qe=g,Ie=b((function(e){return we(Ae(e,1,qe,!0))}));function Se(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=new Array(t);r<t;r++)i[r]=e[r];return i}function Oe(e){return function(e){if(Array.isArray(e))return Se(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return Se(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?Se(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var xe={$schema:"https://json-schema.org/draft-04/schema#",id:"https://api.dataplatform.ibm.com/schemas/common-pipeline/datarecord-metadata/datarecord-metadata-v3-schema.json",title:"Watson Data Platform Datarecord Metadata Schema",description:"Metadata schema for datarecords in the Watson Data Platform",type:"object",definitions:{record_schema:{description:"Description of a datarecord including column types and metadata",type:"object",properties:{id:{description:"Unique identifier",type:"string"},name:{description:"Name of datarecord",type:"string"},json_schema:{description:"Refers to the JSON schema used to validate documents of this type",enum:["https://api.dataplatform.ibm.com/schemas/common-pipeline/datarecord-metadata/datarecord-metadata-v3-schema.json"],type:"string"},type:{description:"Always 'struct' for datarecord schema",type:"string"},fields:{description:"Array of field definitions",type:"array",minItems:0,items:{$ref:"#/definitions/field"},uniqueItems:!0},struct_types:{description:"The list of custom struct types to be used as field types",type:"object",patternProperties:{".":{type:"object",properties:{fields:{description:"Array of field definitions",type:"array",minItems:0,items:{$ref:"#/definitions/field"},uniqueItems:!0}}}}}},required:["id","fields"]},field:{description:"Definition of a datarecord field",type:"object",properties:{name:{description:"Field name. Must be unique within the datarecord",type:"string"},type:{description:"Field type. Can be a primitive type (string, integer, double, date, time, timestamp, binary, boolean, array[type], map[type, type]. The type can also be a reference to a struct_type declaration.)",type:"string"},nullable:{description:"Whether or not one can place null values into the field",type:"boolean",default:!1},metadata:{$ref:"#/definitions/metadata"},app_data:{$ref:"#/definitions/app_data_def"}},required:["name","type"]},metadata:{description:"Additional field metadata",type:"object",properties:{description:{description:"Field description",type:"string"},measure:{description:"Field measurement level",enum:["range","discrete","flag","set","ordered-set","typeless","collection","geospatial","default"]},modeling_role:{description:"Field role for modeling",enum:["input","target","both","none","partition","split","frequency","record-id"]},max_length:{description:"Maximum length for fields. Length is unlimited when not present",type:"number"},min_length:{description:"Minimum length for fields",type:"number"},decimal_precision:{description:"Precision for decimal, time, and timestamp types",type:"number"},decimal_scale:{description:"Scale for decimal, time, and timestamp types",type:"number"},values:{description:"Array of unique categorical values for the column",type:"array",minItems:0,items:{description:"A value discovered in the data",type:["string","number","boolean"]},uniqueItems:!0},range:{description:"Minimum and maximum discovered values for scalar data",type:"object",properties:{min:{description:"Lowest value discovered in the data",type:["string","number"]},max:{description:"Highest value discovered in the data",type:["string","number"]}},required:["min","max"]},runtime_type:{description:"Type of runtime",type:"string"},is_key:{description:"A field is key",type:"boolean"},is_signed:{description:"Signed or Unsigned for number",type:"boolean"},item_index:{description:"Item record level",type:"number"},source_field_id:{description:"Source field for a target field",type:"string"}}},app_data_def:{description:"Object containing app-specific data",type:"object",properties:{},additionalProperties:!0}}};export{ce as A,P as _,T as a,je as b,Oe as c,xe as d,Z as i,de as o,ue as s,Ie as u};
|
|
2
|
-
//# sourceMappingURL=datarecord-metadata-v3-schema-98ec66e9.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./isArrayLikeObject-04f333a5.js"),t=require("./canvas-constants-ff5cf88e.js"),r=require("./createClass-5ca26865.js"),i=t._assignValue,n=e._castPath,a=e._isIndex,o=e.isObject_1,s=e._toKey;var c=function(e,t,r,c){if(!o(e))return e;for(var d=-1,p=(t=n(t,e)).length,l=p-1,u=e;null!=u&&++d<p;){var f=s(t[d]),m=r;if("__proto__"===f||"constructor"===f||"prototype"===f)return e;if(d!=l){var y=u[f];void 0===(m=c?c(y,f,u):void 0)&&(m=o(y)?y:a(t[d+1])?[]:{})}i(u,f,m),u=u[f]}return e},d=e._baseFlatten;var p=function(e){return(null==e?0:e.length)?d(e,1):[]},l=e._overRest,u=e._setToString;var f=function(e){return u(l(e,void 0,p),e+"")};var m=function(e,t,r){var i=-1,n=e.length;t<0&&(t=-t>n?0:n+t),(r=r>n?n:r)<0&&(r+=n),n=t>r?0:r-t>>>0,t>>>=0;for(var a=Array(n);++i<n;)a[i]=e[i+t];return a},y=e._baseGet,h=m;var _=function(e,t){return t.length<2?e:y(e,h(t,0,-1))},b=e._castPath,v=e.last_1,g=_,j=e._toKey;var A=function(e,t){return t=b(t,e),null==(e=g(e,t))||delete e[j(v(t))]},x=e._baseGetTag,S=t._getPrototype,q=e.isObjectLike_1,I=Function.prototype,O=Object.prototype,w=I.toString,P=O.hasOwnProperty,k=w.call(Object);var C=function(e){if(!q(e)||"[object Object]"!=x(e))return!1;var t=S(e);if(null===t)return!0;var r=P.call(t,"constructor")&&t.constructor;return"function"==typeof r&&r instanceof r&&w.call(r)==k},M=C;var F=function(e){return M(e)?void 0:e},T=e._arrayMap,L=t._baseClone,$=A,D=e._castPath,R=t._copyObject,U=F,W=f,K=t._getAllKeysIn,G=W((function(e,t){var r={};if(null==e)return r;var i=!1;t=T(t,(function(t){return t=D(t,e),i||(i=t.length>1),t})),R(e,K(e),r),i&&(r=L(r,7,U));for(var n=t.length;n--;)$(r,t[n]);return r})),H=function(){function e(){r._classCallCheck(this,e)}return r._createClass(e,[{key:"do",value:function(){}},{key:"undo",value:function(){}},{key:"redo",value:function(){}},{key:"getLabel",value:function(){}}]),e}(),N=c;var V=function(e,t,r){return null==e?e:N(e,t,r)};var E=function(){},J=e._Set,z=E,B=e._setToArray,Q=J&&1/B(new J([,-0]))[1]==1/0?function(e){return new J(e)}:z,X=e._SetCache,Y=e._arrayIncludes,Z=e._arrayIncludesWith,ee=e._cacheHas,te=Q,re=e._setToArray;var ie=function(e,t,r){var i=-1,n=Y,a=e.length,o=!0,s=[],c=s;if(r)o=!1,n=Z;else if(a>=200){var d=t?null:te(e);if(d)return re(d);o=!1,n=ee,c=new X}else c=t?[]:s;e:for(;++i<a;){var p=e[i],l=t?t(p):p;if(p=r||0!==p?p:0,o&&l==l){for(var u=c.length;u--;)if(c[u]===l)continue e;t&&c.push(l),s.push(p)}else n(c,l,r)||(c!==s&&c.push(l),s.push(p))}return s},ne=e._baseFlatten,ae=e._baseRest,oe=ie,se=e.isArrayLikeObject_1,ce=ae((function(e){return oe(ne(e,1,se,!0))}));function de(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,i=new Array(t);r<t;r++)i[r]=e[r];return i}var pe={$schema:"https://json-schema.org/draft-04/schema#",id:"https://api.dataplatform.ibm.com/schemas/common-pipeline/datarecord-metadata/datarecord-metadata-v3-schema.json",title:"Watson Data Platform Datarecord Metadata Schema",description:"Metadata schema for datarecords in the Watson Data Platform",type:"object",definitions:{record_schema:{description:"Description of a datarecord including column types and metadata",type:"object",properties:{id:{description:"Unique identifier",type:"string"},name:{description:"Name of datarecord",type:"string"},json_schema:{description:"Refers to the JSON schema used to validate documents of this type",enum:["https://api.dataplatform.ibm.com/schemas/common-pipeline/datarecord-metadata/datarecord-metadata-v3-schema.json"],type:"string"},type:{description:"Always 'struct' for datarecord schema",type:"string"},fields:{description:"Array of field definitions",type:"array",minItems:0,items:{$ref:"#/definitions/field"},uniqueItems:!0},struct_types:{description:"The list of custom struct types to be used as field types",type:"object",patternProperties:{".":{type:"object",properties:{fields:{description:"Array of field definitions",type:"array",minItems:0,items:{$ref:"#/definitions/field"},uniqueItems:!0}}}}}},required:["id","fields"]},field:{description:"Definition of a datarecord field",type:"object",properties:{name:{description:"Field name. Must be unique within the datarecord",type:"string"},type:{description:"Field type. Can be a primitive type (string, integer, double, date, time, timestamp, binary, boolean, array[type], map[type, type]. The type can also be a reference to a struct_type declaration.)",type:"string"},nullable:{description:"Whether or not one can place null values into the field",type:"boolean",default:!1},metadata:{$ref:"#/definitions/metadata"},app_data:{$ref:"#/definitions/app_data_def"}},required:["name","type"]},metadata:{description:"Additional field metadata",type:"object",properties:{description:{description:"Field description",type:"string"},measure:{description:"Field measurement level",enum:["range","discrete","flag","set","ordered-set","typeless","collection","geospatial","default"]},modeling_role:{description:"Field role for modeling",enum:["input","target","both","none","partition","split","frequency","record-id"]},max_length:{description:"Maximum length for fields. Length is unlimited when not present",type:"number"},min_length:{description:"Minimum length for fields",type:"number"},decimal_precision:{description:"Precision for decimal, time, and timestamp types",type:"number"},decimal_scale:{description:"Scale for decimal, time, and timestamp types",type:"number"},values:{description:"Array of unique categorical values for the column",type:"array",minItems:0,items:{description:"A value discovered in the data",type:["string","number","boolean"]},uniqueItems:!0},range:{description:"Minimum and maximum discovered values for scalar data",type:"object",properties:{min:{description:"Lowest value discovered in the data",type:["string","number"]},max:{description:"Highest value discovered in the data",type:["string","number"]}},required:["min","max"]},runtime_type:{description:"Type of runtime",type:"string"},is_key:{description:"A field is key",type:"boolean"},is_signed:{description:"Signed or Unsigned for number",type:"boolean"},item_index:{description:"Item record level",type:"number"},source_field_id:{description:"Source field for a target field",type:"string"}}},app_data_def:{description:"Object containing app-specific data",type:"object",properties:{},additionalProperties:!0}}};exports.Action=H,exports._baseSet=c,exports._baseUniq=ie,exports._flatRest=f,exports._toConsumableArray=function(e){return function(e){if(Array.isArray(e))return de(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return de(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?de(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()},exports.dataRecordMetadataV3Schema=pe,exports.isPlainObject_1=C,exports.omit_1=G,exports.set_1=V,exports.union_1=ce;
|
|
2
|
-
//# sourceMappingURL=datarecord-metadata-v3-schema-dba0b214.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{_ as e,a as t,b as r}from"./createClass-440000a3.js";import{_ as o,a as i,b as l,c as s}from"./inherits-226dfdb2.js";import{h as a,d as n,r as p,s as c,q as d,j as u,w as h,c as b}from"./isArrayLikeObject-7a30aa4b.js";import m from"react";import{injectIntl as f}from"react-intl";import v from"react-dom";import{Checkbox as w,Loading as g,Search as y}from"carbon-components-react";import{y as k,_ as R,z as C,B as x,R as S,S as E,r as T,c as I,F as O,G as N,O as H,H as A}from"./_baseIteratee-148093b7.js";import{AutoSizer as M,Table as D,Column as z}from"react-virtualized";import L from"react-draggable";import{ArrowsVertical16 as B,ArrowDown16 as _,ArrowUp16 as P,Information16 as j}from"@carbon/icons-react";import F from"./lib/tooltip.es.js";import{v4 as W}from"uuid";import K from"react-resize-detector";var G={"subPanel.button.tooltip":"Edit","structureListEditor.addButton.label":"Add value","structureListEditor.removeButton.label":"Remove","structureTable.addButton.label":"Add columns","structureTable.removeButton.label":"Remove","fieldPicker.saveButton.label":"Select Fields for","fieldPicker.saveButton.modal.label":"Save and continue","fieldPicker.resetButton.label":"Reset ","fieldPicker.filter.label":"Filter:","fieldPicker.fieldColumn.label":"Field name","fieldPicker.schemaColumn.label":"Schema name","fieldPicker.dataTypeColumn.label":"Data type","fieldPicker.integer.label":"integer","fieldPicker.double.label":"double","fieldPicker.string.label":"string","fieldPicker.date.label":"date","fieldPicker.time.label":"time","fieldPicker.timestamp.label":"timestamp","flyout.applyButton.label":"OK","flyout.rejectButton.label":"Cancel","propertiesEdit.closeButton.label":"Close","propertiesEdit.applyButton.label":"Save","propertiesEdit.rejectButton.label":"Cancel","propertiesEdit.revertButton.label":"Revert","propertiesEdit.resizeButton.expand.label":"Expand","propertiesEdit.resizeButton.contract.label":"Contract","properties.revert.message":"Click Revert to go back to the previous screen or click Close to exit the pane. Then try your operation again.","properties.close.message":"Click Close to exit the pane. Then try your operation again.","properties.support.message":"If the problem persists, contact support.","properties.unexpected.message":"Oops, the pane didn't load.","table.search.header":"View in tables","table.search.placeholder":"Find in column {column_name}","table.search.label":"Search in {table_name} table","summary.longTable.placeholder":"More than ten fields...","alerts.tab.title":"Alerts","title.editor.label":"edit title","title.editor.helpButton.label":"help","table.summary.error":"There are {errorMsgCount} error cells. ","table.summary.warning":"There are {warningMsgCount} warning cells. ","control.summary.error":"There are {errorMsgCount} parameters with errors. ","control.summary.warning":"There are {warningMsgCount} parameters with warnings. ","control.summary.error.warning":"There are {errorMsgCount} parameters with errors and {warningMsgCount} parameters with warnings.","required.error":"You must enter a value for {label}.","datetime.format.error":"Invalid {role}. Format should be {format}.","invalid.field.error":"Invalid {label}, field not found in data set.","invalid.number.error":"Number is not valid.","expression.validate.label":"Validate","expression.validating.label":"Validating","expression.builder.title":"Expression Builder","expression.builder.icon.description":"launch expression builder","expression.builder.label":"Expression","expression.fields.table.label":"Fields table","expression.values.table.label":"Values table","expression.fields.empty.table.label":"No fields found","expression.values.empty.table.label":"No values found","expression.functions.table.label":"Functions table","expression.fields.dropdown":"Fields","expression.add.column":"Add","expression.fields.title":"Fields","expression.values.title":"Values","expression.field.column":"Field","expression.field.column.description":"","expression.storage.column":"Storage","expression.value.column":"Value","expression.value.column.description":"","expression.function.column":"Function","expression.return.column":"Return","expression.recently.used.column":"Item","expression.field.tab":"Fields","expression.functions.tab":"Functions","expression.recently.used":"Recently Used","expression.all.functions":"All Functions","expression.min.label":"Min","expression.minimize.label":"Minimize","expression.max.label":"Max","expression.maximize.label":"Maximize","toggle.on.label":"On","toggle.off.label":"Off","passwordShow.tooltip":"Show password","passwordHide.tooltip":"Hide password","expression.no.functions":"No functions found.","multi.selected.row.label":"rows selected.","multi.selected.row.action":"Changing a value in this row will change the value in all allowed selected rows.","datetimefield.format.error.message":"Invalid format object provided. Check input definitions.","datepickerRangeStart.default.label":"Start","datepickerRangeEnd.default.label":"End","editorform.group.type.error":"(Unknown group type '{group.groupType()}')","moveable.table.button.top":"Move to top","moveable.table.button.up":"Move up","moveable.table.button.down":"Move down","moveable.table.button.bottom":"Move to bottom","list.table.label":"Values","dropdown.tooltip.openMenu":"Open menu","dropdown.tooltip.closeMenu":"Close menu","dropdown.tooltip.clear.all":"Clear all","dropdown.tooltip.clear.selection":"Clear selection","truncate.long.string.error":"These values exceed the display limit of {truncate_limit} characters and can't be edited.","properties.label":"{label} Properties","properties.error.label":"Error in properties","readonlytable.edit.button.label":"Edit","toggletext.icon.description":"{toggletext_label} Icon","multiselect.dropdown.empty.label":"None selected","multiselect.dropdown.options.selected.label":"options selected","virtualizedTable.header.checkbox.label":"Select all {header_checkbox_label}","virtualizedTable.row.checkbox.label":"Select row {row_index} from {table_label}","properties.empty.table.text":'To begin, click "{button_label}"',"label.indicator.required":"(required)","label.indicator.optional":"(optional)"};function V(e,t,r){return t=i(t),l(e,U()?Reflect.construct(t,r||[],i(e).constructor):t.apply(e,r))}function U(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(U=function(){return!!e})()}var q=function(i){function l(){return e(this,l),V(this,l,arguments)}return o(l,i),t(l,[{key:"render",value:function(){var e=this,t=this.props.tooltipText,o=this.props.truncatedRef;"object"!==r(this.props.tooltipText)&&(t=String(this.props.tooltipText)),this.props.content&&this.props.content.type===w&&this.tooltipRef&&this.tooltipRef.firstChild&&(o=this.tooltipRef.firstChild.lastChild);var i=m.createElement("div",{className:"properties-tooltips"},t);return m.createElement("div",{className:"properties-truncated-tooltip"},m.createElement(F,{id:"properties",tip:i,direction:"bottom",className:"properties-tooltips",disable:!a(this.props,"disabled")||this.props.disabled,showToolTipIfTruncated:!0,truncatedRef:o},m.createElement("div",{ref:function(t){return e.tooltipRef=t}},this.props.content)))}}]),l}(m.Component),X=q;function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},Y.apply(this,arguments)}var $=n,J=k,Q=R;var Z=function(e,t){var r={};return t=Q(t),J(e,(function(e,o,i){$(r,o,t(e,o,i))})),r},ee=p,te=c,re=R,oe=u,ie=h,le=d((function(e,t){var r=ie(t);return oe(r)&&(r=void 0),oe(e)?ee(e,te(t,1,oe,!0),re(r)):[]}));function se(e,t,r){return t=i(t),l(e,ae()?Reflect.construct(t,r||[],i(e).constructor):t.apply(e,r))}function ae(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(ae=function(){return!!e})()}var ne=function(r){function i(t,r){var o;return e(this,i),(o=se(this,i,[t,r])).state={rowCount:o.props.rowCount,columns:o.props.columns,columnResized:!1},o.virtualizedTableRef=m.createRef(),o.lastChecked=b(t.rowsSelected)?null:t.rowsSelected.slice(-1).pop(),o.isOverSelectOption=!1,o.mouseEventCalled=!1,o.keyBoardEventCalled=!1,o.cellRenderer=o.cellRenderer.bind(s(o)),o.selectAll=o.selectAll.bind(s(o)),o.headerRowRenderer=o.headerRowRenderer.bind(s(o)),o.headerColRenderer=o.headerColRenderer.bind(s(o)),o.onRowClick=o.onRowClick.bind(s(o)),o.overSelectOption=o.overSelectOption.bind(s(o)),o.resizeColumn=o.resizeColumn.bind(s(o)),o.uuid=W(),o}return o(i,r),t(i,[{key:"componentDidUpdate",value:function(){"function"==typeof this.props.rowHeight&&this.recomputeRowHeights()}},{key:"onRowClick",value:function(e,t,r){if("bx--select-option"===e.target.className)e.stopPropagation();else{var o=!this.isRowSelected(t.originalRowIndex);"function"==typeof this.props.setRowsSelected&&(this.props.setRowsSelected({index:r,originalRowIndex:t.originalRowIndex,selected:o,isOverSelectOption:this.isOverSelectOption,selectMultipleRows:!!e.shiftKey&&e.shiftKey,lastCheckedRow:null===this.lastChecked?0:this.lastChecked},e),this.lastChecked=t.index)}}},{key:"onRowDoubleClick",value:function(e,t,r){this.props.onRowDoubleClick&&this.props.onRowDoubleClick(e,t,r)}},{key:"getCheckboxLabelColumnIndex",value:function(e){for(var t=0;t<e.length;t++)if("index"!==e[t].operation)return t;return 0}},{key:"getColumnIndex",value:function(e,t){return e.findIndex((function(e){return e.key===t}))}},{key:"getColumnWiseDeltas",value:function(e,t){var r={};if(e.length>0){e.sort((function(e,t){return e.width-t.width}));for(var o=t,i=0;i<e.length;i++){var l=e.slice(i).reduce((function(e,t){return e+t.width}),0),s=Math.round(e[i].width*o/l);e[i].headerLabel.length>0&&e[i].width-s<C?s=e[i].width-C:e[i].width-s<x&&(s=e[i].width-x),o-=s,r[e[i].key]=s}if(o>0)return Z(r,(function(){return 0}))}return r}},{key:"isRowSelected",value:function(e){return!!this.props.rowsSelected&&this.props.rowsSelected.indexOf(e)>-1}},{key:"isLastColumn",value:function(e){var t=this.getColumnIndex(this.props.columns,e)===this.props.columns.length-1;return t}},{key:"selectAll",value:function(e){this.props.setAllRowsSelected(e)}},{key:"cellRenderer",value:function(e){var t=e.cellData;return null==t?"":t}},{key:"cellRendererHTML",value:function(e){var t=e.cellData;return null==t?"":m.createElement("div",{dangerouslySetInnerHTML:{__html:t}})}},{key:"recomputeRowHeights",value:function(e){this.virtualizedTableRef&&this.virtualizedTableRef.current&&this.virtualizedTableRef.current.recomputeRowHeights(e)}},{key:"headerRowRenderer",value:function(e,t){var r=t.className,o=t.columns,i=t.style,l=void 0===this.props.columns||0===this.props.columns.length?0:this.getCheckboxLabelColumnIndex(this.props.columns),s=void 0===this.props.columns||0===this.props.columns.length?"":this.props.columns[l].headerLabel,a=this.props.intl.formatMessage({id:"virtualizedTable.header.checkbox.label",defaultMessage:G["virtualizedTable.header.checkbox.label"]},{header_checkbox_label:s}),n=this.props.selectable&&this.props.rowSelection!==S.SINGLE?m.createElement("div",{role:"checkbox","aria-checked":this.props.checkedAll,className:"properties-vt-header-checkbox"},m.createElement(w,{id:"properties-vt-hd-cb-".concat(this.uuid,"-").concat(e),onChange:this.selectAll,checked:this.props.checkedAll,labelText:a,hideLabel:!0})):"";return m.createElement("div",{className:r,"data-role":"properties-header-row",role:"row",style:i},n,o)}},{key:"headerColRenderer",value:function(e){var t=this,r=e.columnData,o=e.dataKey,i=e.disableSort,l=e.label;e.sortBy,e.sortDirection;var s=null;if(void 0!==this.props.sortColumns[o]){var a=null;switch(this.props.sortColumns[o]){case T.ASC:a=m.createElement(P,{disabled:this.props.tableState===E.DISABLED});break;case T.DESC:a=m.createElement(_,{disabled:this.props.tableState===E.DISABLED});break;default:a=m.createElement(B,{disabled:this.props.tableState===E.DISABLED})}s=m.createElement("span",{className:"properties-ft-column-sort-icon"},a)}var n=b(r.description)?null:m.createElement("div",{className:"properties-vt-info-icon-tip"},m.createElement(F,{id:"properties-tooltip-info",tip:r.description,direction:"bottom",className:"properties-tooltips",showToolTipOnClick:!0},m.createElement(j,{className:"properties-vt-info-icon"}))),p=r.resizable&&!this.isLastColumn(o)?m.createElement(L,{axis:"x",defaultClassName:"properties-vt-header-resize",defaultClassNameDragging:"properties-vt-header-resize-active",onDrag:function(e,r){var i=r.deltaX;t.resizeColumn({dataKey:o,deltaX:i})},position:{x:0},zIndex:999},m.createElement("div",{role:"button",tabIndex:"0","aria-label":"Resize column"})):"",c="string"==typeof l?m.createElement("span",null,l):l,d=m.createElement("div",{className:"properties-vt-label-tip-icon"},m.createElement(X,{tooltipText:r.headerLabel,content:c,disabled:r.disabled}),n);return m.createElement("div",{"data-id":"properties-vt-header-".concat(o),className:I({"properties-vt-column-with-resize":""!==p,"properties-vt-column-without-resize":""===p})},m.createElement("div",{className:I("properties-vt-column properties-tooltips-container",{"sort-column-active":o===this.props.sortBy})},d,!1===i&&s),p)}},{key:"resizeColumn",value:function(e){var t=this,r=e.dataKey,o=e.deltaX;this.setState((function(e){var i=e.columns,l=t.getColumnIndex(i,r),s=i.slice(l+1).filter((function(e){return!e.staticWidth})).filter((function(e){return!(o>=0)||(e.headerLabel.length>0?e.width>C:e.width>x)})),a=t.getColumnWiseDeltas(s,o),n=Object.keys(a),p=Object.values(a).every((function(e){return 0===e}));return i[l].width+o>C&&!b(a)&&!p&&(i[l].width+=o,n.forEach((function(e){var t=i.findIndex((function(t){return t.key===e}));i[t].width-=a[e]}))),{columnResized:!0,columns:i}}))}},{key:"overSelectOption",value:function(e){"mouseenter"!==e.type||this.keyBoardEventCalled?"mouseleave"===e.type&&this.mouseEventCalled?(this.mouseEventCalled=!1,this.isOverSelectOption=!this.isOverSelectOption):"focus"!==e.type||this.mouseEventCalled?"blur"===e.type&&this.keyBoardEventCalled&&(this.keyBoardEventCalled=!1,this.isOverSelectOption=!this.isOverSelectOption):(this.keyBoardEventCalled=!0,this.isOverSelectOption=!this.isOverSelectOption):(this.mouseEventCalled=!0,this.isOverSelectOption=!this.isOverSelectOption)}},{key:"rowRenderer",value:function(e,t){var r=this,o=t.className,i=t.columns,l=t.index,s=t.key,a=t.rowData,n=t.style,p="",c=!1,d="boolean"==typeof a.disabled&&a.disabled;if("function"==typeof this.props.rowHeight&&0===this.props.rowHeight({index:l}))return null;if(this.props.selectable){var u=this.props.sortDirection?this.isRowSelected(a.index):this.isRowSelected(a.originalRowIndex);if(c=this.props.selectable&&u,this.props.rowSelection!==S.SINGLE){var h=this.props.intl.formatMessage({id:"virtualizedTable.row.checkbox.label",defaultMessage:G["virtualizedTable.row.checkbox.label"]},{row_index:l+1,table_label:this.props.tableLabel?this.props.tableLabel:""});p=m.createElement("div",{className:"properties-vt-row-checkbox",role:"gridcell",onMouseEnter:function(e){return r.overSelectOption(e)},onMouseLeave:function(e){return r.overSelectOption(e)},onFocus:function(e){return r.overSelectOption(e)},onBlur:function(e){return r.overSelectOption(e)},onKeyDown:function(e){"Space"!==e.code&&"Enter"!==e.code||r.onRowClick(e,a,l)}},m.createElement(w,{id:"properties-vt-row-cb-".concat(this.uuid,"-").concat(e,"-").concat(l),key:"properties-vt-row-cb-".concat(e,"-").concat(l),labelText:h,hideLabel:!0,checked:u,disabled:d}))}}if(this.props.summaryTable&&(p=m.createElement("div",{className:"properties-vt-row-checkbox"})),!0===a.loading)return m.createElement("div",{className:o,key:s,"data-role":"properties-loading-row",role:"row",style:n},m.createElement(g,{className:"properties-vt-small-loading",small:!0,withOverlay:!1}));var b=parseInt(n.width,10)+"px",f=Object.assign({},n,{width:b});return m.createElement("div",{style:{},key:s,className:"properties-vt-double-click",onDoubleClick:function(e){return r.onRowDoubleClick(e,a.rowKey,l)}},m.createElement("div",{className:I(o,{"properties-vt-row-selected":c},{"properties-vt-row-disabled":d},{"properties-vt-row-non-interactive":!this.props.selectable}),"data-role":"properties-data-row",role:"row",style:f,onMouseDown:function(e){return r.onRowClick(e,a,l)}},p,i))}},{key:"render",value:function(){var e=this;return m.createElement("div",{className:"properties-vt"},m.createElement("div",{className:I("properties-vt-autosizer",{"properties-vt-single-selection":this.props.rowSelection&&this.props.rowSelection===S.SINGLE,"properties-light-disabled":!this.props.light})},m.createElement(M,null,(function(t){var r=t.height,o=t.width;return m.createElement(D,{ref:e.virtualizedTableRef,width:o||500,height:e.props.tableHeight||r||2e3,className:"properties-autosized-vt","aria-label":e.props.tableLabel?e.props.tableLabel:"",disableHeader:e.props.disableHeader,headerClassName:"properties-autosized-vt-header",headerHeight:32,headerRowRenderer:e.headerRowRenderer.bind(e,e.props.scrollKey),onHeaderClick:e.props.onHeaderClick,rowClassName:"properties-vt-row-class",rowHeight:e.props.rowHeight?e.props.rowHeight:32,rowCount:e.state.rowCount,rowGetter:e.props.rowGetter,rowRenderer:e.rowRenderer.bind(e,e.props.scrollKey),scrollToIndex:e.props.scrollToIndex,scrollToAlignment:e.props.scrollToAlignment,sort:e.props.onSort,sortDirection:e.props.sortDirection,tabIndex:-1},e.state.columns.map((function(t){return m.createElement(z,Y({key:t.key,label:t.label,dataKey:t.key,width:t.width,columnData:t,disableSort:void 0===e.props.sortColumns[t.key],cellRenderer:t.isHTML?e.cellRendererHTML:e.cellRenderer,headerRenderer:e.headerColRenderer},t.minWidth&&{minWidth:t.minWidth}))})))}))))}}],[{key:"getDerivedStateFromProps",value:function(e,t){var r={};e.rowCount!==t.rowCount&&(r.rowCount=e.rowCount);var o=t.columns.reduce((function(e,t){return t.width+e}),0)!==e.columns.reduce((function(e,t){return t.width+e}),0);return t.columnResized&&b(le(e.columns,t.columns,"headerLabel"))&&!o||(r.columns=e.columns),r}}]),i}(m.Component);ne.defaultProps={disableHeader:!1};var pe=f(ne);function ce(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(!e)return;if("string"==typeof e)return de(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return de(e,t)}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var o=0,i=function(){};return{s:i,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,s=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return s=e.done,e},e:function(e){a=!0,l=e},f:function(){try{s||null==r.return||r.return()}finally{if(a)throw l}}}}function de(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}function ue(e,t,r){return t=i(t),l(e,he()?Reflect.construct(t,r||[],i(e).constructor):t.apply(e,r))}function he(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(he=function(){return!!e})()}var be=function(i){function l(t){var r;e(this,l);var o={};if(void 0!==(r=ue(this,l,[t])).props.sortable)for(var i=0;i<r.props.sortable.length;i++){o[r.props.sortable[i]]=T.NOT_SORTED}return r.state={checkedAllRows:!1,columnSortDir:o,currentSortColumn:"",tableWidth:0,tableHeight:0,rows:void 0!==t.rows?t.rows:5.5,dynamicHeight:null},r.rowHeight=r.rowHeight.bind(s(r)),r.rowGetter=r.rowGetter.bind(s(r)),r.getOriginalRowIndex=r.getOriginalRowIndex.bind(s(r)),r.getLastChildPropertyIdRow=r.getLastChildPropertyIdRow.bind(s(r)),r.calculateColumnWidths=r.calculateColumnWidths.bind(s(r)),r.handleFilterChange=r.handleFilterChange.bind(s(r)),r.onSort=r.onSort.bind(s(r)),r.sortHeaderClick=r.sortHeaderClick.bind(s(r)),r._updateTableWidth=r._updateTableWidth.bind(s(r)),r._updateRows=r._updateRows.bind(s(r)),r._adjustTableHeight=r._adjustTableHeight.bind(s(r)),r.handleCheckedRow=r.handleCheckedRow.bind(s(r)),r.handleCheckedAllRows=r.handleCheckedAllRows.bind(s(r)),r.handleCheckedMultipleRows=r.handleCheckedMultipleRows.bind(s(r)),r}return o(l,i),t(l,[{key:"componentDidMount",value:function(){this._adjustTableHeight(),window.addEventListener("resize",this._adjustTableHeight),this.tableNode=v.findDOMNode(this.refs.table)}},{key:"componentDidUpdate",value:function(e,t){e.rows!==this.props.rows&&this._updateRows(),e.columns===this.props.columns&&e.noAutoSize===this.props.noAutoSize||this._adjustTableHeight(),this.props.selectedRows&&!b(this.props.data)&&this.setCheckedAll(this.props.selectedRows),this.tableNode=v.findDOMNode(this.refs.table)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this._adjustTableHeight)}},{key:"onSort",value:function(e){var t=e.sortBy;if(this.props.onSort){var r={column:t,direction:this.state.columnSortDir[t]===T.ASC?T.DESC:T.ASC};this.props.onSort(r)}}},{key:"getOriginalRowIndex",value:function(e,t){var r=t;return e.columns&&a(e.columns[0],"content.props.children.props.propertyId.propertyId")?r=this.getLastChildPropertyIdRow(e.columns[0].content.props.children.props.propertyId,t):e.columns&&a(e.columns[0],"content.props.children.props.propertyId.index")?r=e.columns[0].content.props.children.props.propertyId.index:e.columns&&a(e.columns[0],"content.props.children.props.propertyId.row")?r=e.columns[0].content.props.children.props.propertyId.row:"number"==typeof e.rowKey&&(r=parseInt(e.rowKey,10)),r}},{key:"getLastChildPropertyIdRow",value:function(e,t){return void 0!==e.propertyId?this.getLastChildPropertyIdRow(e.propertyId):void 0!==e.row?e.row:t}},{key:"setCheckedAll",value:function(e){for(var t=!0,r=0;r<this.props.data.length;r++){var o=this.props.data[r],i=this.getOriginalRowIndex(o,r);if(e.indexOf(i)<0){t=!1;break}}this.state.checkedAllRows!==t&&this.setState({checkedAllRows:t})}},{key:"calculateColumnWidths",value:function(e,t){var r=t-12;this.props.rowSelection!==S.SINGLE&&(r-=40);var o,i=e.length,l=0,s=ce(e);try{for(s.s();!(o=s.n()).done;){var a=o.value;a.width&&("string"==typeof a.width&&a.width.includes("px")?(r-=parseInt(a.width,10),i--):l=Math.max(l,a.width))}}catch(e){s.e(e)}finally{s.f()}var n,p=[],c=Math.floor(r/i),d=[],u=0,h=ce(e);try{for(h.s();!(n=h.n()).done;){var b=n.value;b.width&&!isNaN(b.width)?(d.push(b.width/l),u+=b.width/l):d.push(null)}}catch(e){h.e(e)}finally{h.f()}for(var m=r/u,f=0,v=0;v<e.length;v++){var w=e[v];if(w.width)if("string"==typeof w.width&&w.width.includes("px"))p.push(Math.floor(parseInt(w.width,10))+"px"),f+=parseInt(w.width,10);else{var g=Math.floor(d[v]*m);p.push(g+"px"),f+=g}else p.push(c),f+=c}var y=t;if(this.props.rowSelection!==S.SINGLE&&(y-=40),f<y){var k=parseInt(p[0],10);p[0]=k+y-f+"px"}return p}},{key:"_updateTableWidth",value:function(e,t){this.state.tableWidth!==Math.floor(e-2)&&this.setState({tableWidth:Math.floor(e-2)})}},{key:"_updateRows",value:function(){var e=this;this.props.rows&&this.props.rows!==this.state.rows&&this.setState({rows:this.props.rows},(function(){e._adjustTableHeight()}))}},{key:"_adjustTableHeight",value:function(){if(!this.props.noAutoSize){var e=this.state.tableHeight,t=this.state.dynamicHeight,r=O+N;if(Array.isArray(this.props.data)&&this.props.data.length<this.state.rows)e=(O*this.props.data.length+N+(this.props.selectedEditRow?r:0))*H;else if(this.state.rows>0)e=(O*this.state.rows+N+(this.props.selectedEditRow?r:0))*H;else if(0===this.state.rows)e=N*H;else if(-1===this.state.rows&&this.flexibleTable){var o=void 0!==this.flexibleTableHeader?v.findDOMNode(this.flexibleTableHeader).getBoundingClientRect().height:0,i=this.findPropertyNodeHeight(this.flexibleTable,"properties-wf-children"),l=this.findPropertyNodeHeight(this.flexibleTable,"properties-primary-tab-panel");if(0===i&&0===l)e="100vh",t=-1;else{var s=0!==i?i:l;e="calc(".concat(s-o-50,"px - ").concat(3.5*H,"px)"),t=s-o-50-56}}e!==this.state.tableHeight&&this.setState({tableHeight:e,dynamicHeight:t})}}},{key:"findPropertyNodeHeight",value:function(e,t){if(e&&e.parentNode&&e.parentNode.className&&e.parentNode.className.includes(t)){var r=v.findDOMNode(e.parentNode).getBoundingClientRect();return r?r.height:0}return e&&e.parentNode?this.findPropertyNodeHeight(e.parentNode,t):0}},{key:"sortHeaderClick",value:function(e){var t=e.dataKey,r=this.state.columnSortDir;void 0!==r[t]&&(Object.keys(r).forEach((function(e){e!==t&&(r[e]=T.NOT_SORTED)})),r[t]=r[t]===T.ASC?T.DESC:T.ASC,this.setState({columnSortDir:r,currentSortColumn:t}))}},{key:"handleFilterChange",value:function(e){this.props.onFilter&&this.props.onFilter(e.target.value)}},{key:"handleCheckedAllRows",value:function(e){var t=[],r=this.props.data;if(e){t=Array.from(this.props.selectedRows);for(var o=0;o<r.length;o++){var i=this.getOriginalRowIndex(r[o],o);t.push(i)}}t=Array.from(new Set(t)),this.props.updateRowSelections(t),this.setState({checkedAllRows:e})}},{key:"handleCheckedMultipleRows",value:function(e,t,r){var o,i=this.props.selectedRows?this.props.selectedRows:[];return o=e<t?Array.from({length:t-e+1},(function(t,r){return e+r})):Array.from({length:e-t+1},(function(e,r){return t+r})),i=i.filter((function(e){return!o.includes(e)})),r&&(i=i.concat(o)),i}},{key:"handleCheckedRow",value:function(e,t){var r=e.originalRowIndex,o=e.index,i=e.selected,l=e.isOverSelectOption;if(!this.props.data[o].disabled&&"function"==typeof this.props.updateRowSelections)if(l){var s=this.props.selectedRows?this.props.selectedRows:[];e.selectMultipleRows?(s=this.handleCheckedMultipleRows(e.lastCheckedRow,o,i),this.setCheckedAll(s)):i?(s=s.concat(r),this.setCheckedAll(s)):s&&(s=s.filter((function(e){return e!==r})),this.setState({checkedAllRows:!1})),s.sort((function(e,t){return e-t})),this.props.updateRowSelections(s)}else this.props.rowSelection===S.SINGLE&&this.props.updateRowSelections(e.index,t,this.props.data[e.index].rowKey)}},{key:"generateTableHeaderRow",value:function(e){for(var t=[],o="",i=0;i<this.props.columns.length;i++){var l=this.props.columns[i];void 0!==this.props.filterable&&this.props.filterable[0]===l.key&&(o=l.label);var s=Math.abs(parseInt(e[i],10)),a=void 0;"object"===r(l.label)?a=l.label.props.labelText:"string"==typeof l.label&&(a=l.label),t.push({key:l.key,label:l.label,width:s,description:l.description,headerLabel:a,resizable:l.resizable,operation:l.operation,staticWidth:!!l.staticWidth&&l.staticWidth})}return{headers:t,searchLabel:o}}},{key:"rowGetter",value:function(e){var t=e.index,r=this.props.data[t],o=this.getOriginalRowIndex(r,t),i={};if(r.columns)for(var l=0;l<r.columns.length;l++){var s=r.columns[l];i[s.column]=s.content}return Object.assign({},i,{loading:!1,index:t,originalRowIndex:o,rowKey:void 0!==r.rowKey?r.rowKey:this.props.scrollKey+"-row-"+t,disabled:r.disabled})}},{key:"rowHeight",value:function(e){return e.index,A}},{key:"render",value:function(){var e=this,t=this.state.tableWidth,r=this.calculateColumnWidths(this.props.columns,t),o=this.generateTableHeaderRow(r),i=o.headers,l=o.searchLabel,s=this.props.tableState===E.DISABLED,a=null;if(void 0!==this.props.filterable&&0!==this.props.filterable.length){var n=void 0!==this.props.searchPlaceholder?this.props.searchPlaceholder:this.props.intl.formatMessage({id:"table.search.placeholder",defaultMessage:G["table.search.placeholder"]},{column_name:l}),p=this.props.intl.formatMessage({id:"table.search.label",defaultMessage:G["table.search.label"]},{table_name:this.props.tableLabel});a=m.createElement("div",{className:I("properties-ft-search-container",{disabled:s})},m.createElement(y,{className:"properties-ft-search-text",placeholder:n,onChange:this.handleFilterChange,disabled:s,size:"sm",labelText:p,light:this.props.light}))}var c=-1;void 0!==this.props.scrollToRow&&null!==this.props.scrollToRow&&(c=this.props.scrollToRow);var d={};this.props.noAutoSize||(d={height:this.state.tableHeight});var u=this.props.showHeader?"properties-ft-container-absolute ":"properties-ft-container-absolute-noheader ",h=this.props.messageInfo?u:u+E.INFO,f=a||this.props.topRightPanel?m.createElement("div",{className:"properties-ft-table-header",ref:function(t){return e.flexibleTableHeader=t}},a,this.props.topRightPanel):null,v=b(this.props.data)?m.createElement("div",{className:"properties-ft-empty-table"},this.props.emptyTablePlaceholder):null,w=I("properties-ft-control-container",{"properties-light-disabled":!this.props.light}),g=0,k=2*N,R=k*H;-1!==this.state.rows&&this.state.tableHeight?g=parseInt(this.state.tableHeight,10)-(this.props.selectedEditRow?k:0):-1===this.state.rows&&this.state.dynamicHeight&&-1!==this.state.dynamicHeight&&(g=this.state.dynamicHeight-(this.props.selectedEditRow?R:0));return m.createElement("div",{"data-id":"properties-ft-"+this.props.scrollKey,className:w,ref:function(t){return e.flexibleTable=t}},f,m.createElement("div",{className:"properties-ft-container-panel"},m.createElement(K,{handleWidth:!0,onResize:this._updateTableWidth},m.createElement("div",{className:I("properties-ft-container-wrapper",this.props.messageInfo?this.props.messageInfo.type:""),style:d},m.createElement("div",{className:h},this.props.selectedEditRow,m.createElement(pe,Y({tableLabel:this.props.tableLabel,tableHeight:g,columns:i,onHeaderClick:this.sortHeaderClick,rowCount:this.props.data.length,rowHeight:this.rowHeight,rowGetter:this.rowGetter,summaryTable:this.props.summaryTable,selectable:void 0!==this.props.updateRowSelections,rowSelection:this.props.rowSelection,disableHeader:!this.props.showHeader,onRowDoubleClick:this.props.onRowDoubleClick,rowsSelected:this.props.selectedRows,checkedAll:this.state.checkedAllRows,setRowsSelected:this.handleCheckedRow,setAllRowsSelected:this.handleCheckedAllRows,scrollKey:this.props.scrollKey,onSort:this.onSort,sortBy:this.state.currentSortColumn,sortColumns:this.state.columnSortDir,sortDirection:this.state.columnSortDir[this.state.currentSortColumn],tableState:this.props.tableState,light:this.props.light},-1!==c&&{scrollToIndex:c,scrollToAlignment:"center"})))))),v)}}]),l}(m.Component);be.defaultProps={showHeader:!0,light:!0,emptyTablePlaceholder:""};var me=f(be);export{me as F,X as T,Y as _,G as d};
|
|
2
|
-
//# sourceMappingURL=flexible-table-35e9922a.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./createClass-5ca26865.js"),t=require("./inherits-41673c87.js"),r=require("./isArrayLikeObject-04f333a5.js"),o=require("react"),i=require("react-intl"),l=require("react-dom"),s=require("carbon-components-react"),a=require("./_baseIteratee-2b75d27c.js"),n=require("react-virtualized"),d=require("react-draggable"),c=require("@carbon/icons-react"),p=require("./lib/tooltip.js"),u=require("uuid"),h=require("react-resize-detector");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=f(o),m=f(l),v=f(d),w=f(h),g={"subPanel.button.tooltip":"Edit","structureListEditor.addButton.label":"Add value","structureListEditor.removeButton.label":"Remove","structureTable.addButton.label":"Add columns","structureTable.removeButton.label":"Remove","fieldPicker.saveButton.label":"Select Fields for","fieldPicker.saveButton.modal.label":"Save and continue","fieldPicker.resetButton.label":"Reset ","fieldPicker.filter.label":"Filter:","fieldPicker.fieldColumn.label":"Field name","fieldPicker.schemaColumn.label":"Schema name","fieldPicker.dataTypeColumn.label":"Data type","fieldPicker.integer.label":"integer","fieldPicker.double.label":"double","fieldPicker.string.label":"string","fieldPicker.date.label":"date","fieldPicker.time.label":"time","fieldPicker.timestamp.label":"timestamp","flyout.applyButton.label":"OK","flyout.rejectButton.label":"Cancel","propertiesEdit.closeButton.label":"Close","propertiesEdit.applyButton.label":"Save","propertiesEdit.rejectButton.label":"Cancel","propertiesEdit.revertButton.label":"Revert","propertiesEdit.resizeButton.expand.label":"Expand","propertiesEdit.resizeButton.contract.label":"Contract","properties.revert.message":"Click Revert to go back to the previous screen or click Close to exit the pane. Then try your operation again.","properties.close.message":"Click Close to exit the pane. Then try your operation again.","properties.support.message":"If the problem persists, contact support.","properties.unexpected.message":"Oops, the pane didn't load.","table.search.header":"View in tables","table.search.placeholder":"Find in column {column_name}","table.search.label":"Search in {table_name} table","summary.longTable.placeholder":"More than ten fields...","alerts.tab.title":"Alerts","title.editor.label":"edit title","title.editor.helpButton.label":"help","table.summary.error":"There are {errorMsgCount} error cells. ","table.summary.warning":"There are {warningMsgCount} warning cells. ","control.summary.error":"There are {errorMsgCount} parameters with errors. ","control.summary.warning":"There are {warningMsgCount} parameters with warnings. ","control.summary.error.warning":"There are {errorMsgCount} parameters with errors and {warningMsgCount} parameters with warnings.","required.error":"You must enter a value for {label}.","datetime.format.error":"Invalid {role}. Format should be {format}.","invalid.field.error":"Invalid {label}, field not found in data set.","invalid.number.error":"Number is not valid.","expression.validate.label":"Validate","expression.validating.label":"Validating","expression.builder.title":"Expression Builder","expression.builder.icon.description":"launch expression builder","expression.builder.label":"Expression","expression.fields.table.label":"Fields table","expression.values.table.label":"Values table","expression.fields.empty.table.label":"No fields found","expression.values.empty.table.label":"No values found","expression.functions.table.label":"Functions table","expression.fields.dropdown":"Fields","expression.add.column":"Add","expression.fields.title":"Fields","expression.values.title":"Values","expression.field.column":"Field","expression.field.column.description":"","expression.storage.column":"Storage","expression.value.column":"Value","expression.value.column.description":"","expression.function.column":"Function","expression.return.column":"Return","expression.recently.used.column":"Item","expression.field.tab":"Fields","expression.functions.tab":"Functions","expression.recently.used":"Recently Used","expression.all.functions":"All Functions","expression.min.label":"Min","expression.minimize.label":"Minimize","expression.max.label":"Max","expression.maximize.label":"Maximize","toggle.on.label":"On","toggle.off.label":"Off","passwordShow.tooltip":"Show password","passwordHide.tooltip":"Hide password","expression.no.functions":"No functions found.","multi.selected.row.label":"rows selected.","multi.selected.row.action":"Changing a value in this row will change the value in all allowed selected rows.","datetimefield.format.error.message":"Invalid format object provided. Check input definitions.","datepickerRangeStart.default.label":"Start","datepickerRangeEnd.default.label":"End","editorform.group.type.error":"(Unknown group type '{group.groupType()}')","moveable.table.button.top":"Move to top","moveable.table.button.up":"Move up","moveable.table.button.down":"Move down","moveable.table.button.bottom":"Move to bottom","list.table.label":"Values","dropdown.tooltip.openMenu":"Open menu","dropdown.tooltip.closeMenu":"Close menu","dropdown.tooltip.clear.all":"Clear all","dropdown.tooltip.clear.selection":"Clear selection","truncate.long.string.error":"These values exceed the display limit of {truncate_limit} characters and can't be edited.","properties.label":"{label} Properties","properties.error.label":"Error in properties","readonlytable.edit.button.label":"Edit","toggletext.icon.description":"{toggletext_label} Icon","multiselect.dropdown.empty.label":"None selected","multiselect.dropdown.options.selected.label":"options selected","virtualizedTable.header.checkbox.label":"Select all {header_checkbox_label}","virtualizedTable.row.checkbox.label":"Select row {row_index} from {table_label}","properties.empty.table.text":'To begin, click "{button_label}"',"label.indicator.required":"(required)","label.indicator.optional":"(optional)"};function y(e,r,o){return r=t._getPrototypeOf(r),t._possibleConstructorReturn(e,R()?Reflect.construct(r,o||[],t._getPrototypeOf(e).constructor):r.apply(e,o))}function R(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(R=function(){return!!e})()}var C=function(o){function i(){return e._classCallCheck(this,i),y(this,i,arguments)}return t._inherits(i,o),e._createClass(i,[{key:"render",value:function(){var t=this,o=this.props.tooltipText,i=this.props.truncatedRef;"object"!==e._typeof(this.props.tooltipText)&&(o=String(this.props.tooltipText)),this.props.content&&this.props.content.type===s.Checkbox&&this.tooltipRef&&this.tooltipRef.firstChild&&(i=this.tooltipRef.firstChild.lastChild);var l=b.default.createElement("div",{className:"properties-tooltips"},o);return b.default.createElement("div",{className:"properties-truncated-tooltip"},b.default.createElement(p,{id:"properties",tip:l,direction:"bottom",className:"properties-tooltips",disable:!r.has_1(this.props,"disabled")||this.props.disabled,showToolTipIfTruncated:!0,truncatedRef:i},b.default.createElement("div",{ref:function(e){return t.tooltipRef=e}},this.props.content)))}}]),i}(b.default.Component),E=C;function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},T.apply(this,arguments)}var k=r._baseAssignValue,I=a._baseForOwn,_=a._baseIteratee;var S=function(e,t){var r={};return t=_(t),I(e,(function(e,o,i){k(r,o,t(e,o,i))})),r},x=r._baseDifference,O=r._baseFlatten,N=a._baseIteratee,H=r._baseRest,M=r.isArrayLikeObject_1,A=r.last_1,D=H((function(e,t){var r=A(t);return M(r)&&(r=void 0),M(e)?x(e,O(t,1,M,!0),N(r)):[]}));function z(e,r,o){return r=t._getPrototypeOf(r),t._possibleConstructorReturn(e,L()?Reflect.construct(r,o||[],t._getPrototypeOf(e).constructor):r.apply(e,o))}function L(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(L=function(){return!!e})()}var W=function(o){function i(o,l){var s;return e._classCallCheck(this,i),(s=z(this,i,[o,l])).state={rowCount:s.props.rowCount,columns:s.props.columns,columnResized:!1},s.virtualizedTableRef=b.default.createRef(),s.lastChecked=r.isEmpty_1(o.rowsSelected)?null:o.rowsSelected.slice(-1).pop(),s.isOverSelectOption=!1,s.mouseEventCalled=!1,s.keyBoardEventCalled=!1,s.cellRenderer=s.cellRenderer.bind(t._assertThisInitialized(s)),s.selectAll=s.selectAll.bind(t._assertThisInitialized(s)),s.headerRowRenderer=s.headerRowRenderer.bind(t._assertThisInitialized(s)),s.headerColRenderer=s.headerColRenderer.bind(t._assertThisInitialized(s)),s.onRowClick=s.onRowClick.bind(t._assertThisInitialized(s)),s.overSelectOption=s.overSelectOption.bind(t._assertThisInitialized(s)),s.resizeColumn=s.resizeColumn.bind(t._assertThisInitialized(s)),s.uuid=u.v4(),s}return t._inherits(i,o),e._createClass(i,[{key:"componentDidUpdate",value:function(){"function"==typeof this.props.rowHeight&&this.recomputeRowHeights()}},{key:"onRowClick",value:function(e,t,r){if("bx--select-option"===e.target.className)e.stopPropagation();else{var o=!this.isRowSelected(t.originalRowIndex);"function"==typeof this.props.setRowsSelected&&(this.props.setRowsSelected({index:r,originalRowIndex:t.originalRowIndex,selected:o,isOverSelectOption:this.isOverSelectOption,selectMultipleRows:!!e.shiftKey&&e.shiftKey,lastCheckedRow:null===this.lastChecked?0:this.lastChecked},e),this.lastChecked=t.index)}}},{key:"onRowDoubleClick",value:function(e,t,r){this.props.onRowDoubleClick&&this.props.onRowDoubleClick(e,t,r)}},{key:"getCheckboxLabelColumnIndex",value:function(e){for(var t=0;t<e.length;t++)if("index"!==e[t].operation)return t;return 0}},{key:"getColumnIndex",value:function(e,t){return e.findIndex((function(e){return e.key===t}))}},{key:"getColumnWiseDeltas",value:function(e,t){var r={};if(e.length>0){e.sort((function(e,t){return e.width-t.width}));for(var o=t,i=0;i<e.length;i++){var l=e.slice(i).reduce((function(e,t){return e+t.width}),0),s=Math.round(e[i].width*o/l);e[i].headerLabel.length>0&&e[i].width-s<a.MINIMUM_COLUMN_WIDTH?s=e[i].width-a.MINIMUM_COLUMN_WIDTH:e[i].width-s<a.MINIMUM_COLUMN_WIDTH_WITHOUT_LABEL&&(s=e[i].width-a.MINIMUM_COLUMN_WIDTH_WITHOUT_LABEL),o-=s,r[e[i].key]=s}if(o>0)return S(r,(function(){return 0}))}return r}},{key:"isRowSelected",value:function(e){return!!this.props.rowsSelected&&this.props.rowsSelected.indexOf(e)>-1}},{key:"isLastColumn",value:function(e){var t=this.getColumnIndex(this.props.columns,e)===this.props.columns.length-1;return t}},{key:"selectAll",value:function(e){this.props.setAllRowsSelected(e)}},{key:"cellRenderer",value:function(e){var t=e.cellData;return null==t?"":t}},{key:"cellRendererHTML",value:function(e){var t=e.cellData;return null==t?"":b.default.createElement("div",{dangerouslySetInnerHTML:{__html:t}})}},{key:"recomputeRowHeights",value:function(e){this.virtualizedTableRef&&this.virtualizedTableRef.current&&this.virtualizedTableRef.current.recomputeRowHeights(e)}},{key:"headerRowRenderer",value:function(e,t){var r=t.className,o=t.columns,i=t.style,l=void 0===this.props.columns||0===this.props.columns.length?0:this.getCheckboxLabelColumnIndex(this.props.columns),n=void 0===this.props.columns||0===this.props.columns.length?"":this.props.columns[l].headerLabel,d=this.props.intl.formatMessage({id:"virtualizedTable.header.checkbox.label",defaultMessage:g["virtualizedTable.header.checkbox.label"]},{header_checkbox_label:n}),c=this.props.selectable&&this.props.rowSelection!==a.ROW_SELECTION.SINGLE?b.default.createElement("div",{role:"checkbox","aria-checked":this.props.checkedAll,className:"properties-vt-header-checkbox"},b.default.createElement(s.Checkbox,{id:"properties-vt-hd-cb-".concat(this.uuid,"-").concat(e),onChange:this.selectAll,checked:this.props.checkedAll,labelText:d,hideLabel:!0})):"";return b.default.createElement("div",{className:r,"data-role":"properties-header-row",role:"row",style:i},c,o)}},{key:"headerColRenderer",value:function(e){var t=this,o=e.columnData,i=e.dataKey,l=e.disableSort,s=e.label;e.sortBy,e.sortDirection;var n=null;if(void 0!==this.props.sortColumns[i]){var d=null;switch(this.props.sortColumns[i]){case a.SORT_DIRECTION.ASC:d=b.default.createElement(c.ArrowUp16,{disabled:this.props.tableState===a.STATES.DISABLED});break;case a.SORT_DIRECTION.DESC:d=b.default.createElement(c.ArrowDown16,{disabled:this.props.tableState===a.STATES.DISABLED});break;default:d=b.default.createElement(c.ArrowsVertical16,{disabled:this.props.tableState===a.STATES.DISABLED})}n=b.default.createElement("span",{className:"properties-ft-column-sort-icon"},d)}var u=r.isEmpty_1(o.description)?null:b.default.createElement("div",{className:"properties-vt-info-icon-tip"},b.default.createElement(p,{id:"properties-tooltip-info",tip:o.description,direction:"bottom",className:"properties-tooltips",showToolTipOnClick:!0},b.default.createElement(c.Information16,{className:"properties-vt-info-icon"}))),h=o.resizable&&!this.isLastColumn(i)?b.default.createElement(v.default,{axis:"x",defaultClassName:"properties-vt-header-resize",defaultClassNameDragging:"properties-vt-header-resize-active",onDrag:function(e,r){var o=r.deltaX;t.resizeColumn({dataKey:i,deltaX:o})},position:{x:0},zIndex:999},b.default.createElement("div",{role:"button",tabIndex:"0","aria-label":"Resize column"})):"",f="string"==typeof s?b.default.createElement("span",null,s):s,m=b.default.createElement("div",{className:"properties-vt-label-tip-icon"},b.default.createElement(E,{tooltipText:o.headerLabel,content:f,disabled:o.disabled}),u);return b.default.createElement("div",{"data-id":"properties-vt-header-".concat(i),className:a.classNames({"properties-vt-column-with-resize":""!==h,"properties-vt-column-without-resize":""===h})},b.default.createElement("div",{className:a.classNames("properties-vt-column properties-tooltips-container",{"sort-column-active":i===this.props.sortBy})},m,!1===l&&n),h)}},{key:"resizeColumn",value:function(e){var t=this,o=e.dataKey,i=e.deltaX;this.setState((function(e){var l=e.columns,s=t.getColumnIndex(l,o),n=l.slice(s+1).filter((function(e){return!e.staticWidth})).filter((function(e){return!(i>=0)||(e.headerLabel.length>0?e.width>a.MINIMUM_COLUMN_WIDTH:e.width>a.MINIMUM_COLUMN_WIDTH_WITHOUT_LABEL)})),d=t.getColumnWiseDeltas(n,i),c=Object.keys(d),p=Object.values(d).every((function(e){return 0===e}));return l[s].width+i>a.MINIMUM_COLUMN_WIDTH&&!r.isEmpty_1(d)&&!p&&(l[s].width+=i,c.forEach((function(e){var t=l.findIndex((function(t){return t.key===e}));l[t].width-=d[e]}))),{columnResized:!0,columns:l}}))}},{key:"overSelectOption",value:function(e){"mouseenter"!==e.type||this.keyBoardEventCalled?"mouseleave"===e.type&&this.mouseEventCalled?(this.mouseEventCalled=!1,this.isOverSelectOption=!this.isOverSelectOption):"focus"!==e.type||this.mouseEventCalled?"blur"===e.type&&this.keyBoardEventCalled&&(this.keyBoardEventCalled=!1,this.isOverSelectOption=!this.isOverSelectOption):(this.keyBoardEventCalled=!0,this.isOverSelectOption=!this.isOverSelectOption):(this.mouseEventCalled=!0,this.isOverSelectOption=!this.isOverSelectOption)}},{key:"rowRenderer",value:function(e,t){var r=this,o=t.className,i=t.columns,l=t.index,n=t.key,d=t.rowData,c=t.style,p="",u=!1,h="boolean"==typeof d.disabled&&d.disabled;if("function"==typeof this.props.rowHeight&&0===this.props.rowHeight({index:l}))return null;if(this.props.selectable){var f=this.props.sortDirection?this.isRowSelected(d.index):this.isRowSelected(d.originalRowIndex);if(u=this.props.selectable&&f,this.props.rowSelection!==a.ROW_SELECTION.SINGLE){var m=this.props.intl.formatMessage({id:"virtualizedTable.row.checkbox.label",defaultMessage:g["virtualizedTable.row.checkbox.label"]},{row_index:l+1,table_label:this.props.tableLabel?this.props.tableLabel:""});p=b.default.createElement("div",{className:"properties-vt-row-checkbox",role:"gridcell",onMouseEnter:function(e){return r.overSelectOption(e)},onMouseLeave:function(e){return r.overSelectOption(e)},onFocus:function(e){return r.overSelectOption(e)},onBlur:function(e){return r.overSelectOption(e)},onKeyDown:function(e){"Space"!==e.code&&"Enter"!==e.code||r.onRowClick(e,d,l)}},b.default.createElement(s.Checkbox,{id:"properties-vt-row-cb-".concat(this.uuid,"-").concat(e,"-").concat(l),key:"properties-vt-row-cb-".concat(e,"-").concat(l),labelText:m,hideLabel:!0,checked:f,disabled:h}))}}if(this.props.summaryTable&&(p=b.default.createElement("div",{className:"properties-vt-row-checkbox"})),!0===d.loading)return b.default.createElement("div",{className:o,key:n,"data-role":"properties-loading-row",role:"row",style:c},b.default.createElement(s.Loading,{className:"properties-vt-small-loading",small:!0,withOverlay:!1}));var v=parseInt(c.width,10)+"px",w=Object.assign({},c,{width:v});return b.default.createElement("div",{style:{},key:n,className:"properties-vt-double-click",onDoubleClick:function(e){return r.onRowDoubleClick(e,d.rowKey,l)}},b.default.createElement("div",{className:a.classNames(o,{"properties-vt-row-selected":u},{"properties-vt-row-disabled":h},{"properties-vt-row-non-interactive":!this.props.selectable}),"data-role":"properties-data-row",role:"row",style:w,onMouseDown:function(e){return r.onRowClick(e,d,l)}},p,i))}},{key:"render",value:function(){var e=this;return b.default.createElement("div",{className:"properties-vt"},b.default.createElement("div",{className:a.classNames("properties-vt-autosizer",{"properties-vt-single-selection":this.props.rowSelection&&this.props.rowSelection===a.ROW_SELECTION.SINGLE,"properties-light-disabled":!this.props.light})},b.default.createElement(n.AutoSizer,null,(function(t){var r=t.height,o=t.width;return b.default.createElement(n.Table,{ref:e.virtualizedTableRef,width:o||500,height:e.props.tableHeight||r||2e3,className:"properties-autosized-vt","aria-label":e.props.tableLabel?e.props.tableLabel:"",disableHeader:e.props.disableHeader,headerClassName:"properties-autosized-vt-header",headerHeight:32,headerRowRenderer:e.headerRowRenderer.bind(e,e.props.scrollKey),onHeaderClick:e.props.onHeaderClick,rowClassName:"properties-vt-row-class",rowHeight:e.props.rowHeight?e.props.rowHeight:32,rowCount:e.state.rowCount,rowGetter:e.props.rowGetter,rowRenderer:e.rowRenderer.bind(e,e.props.scrollKey),scrollToIndex:e.props.scrollToIndex,scrollToAlignment:e.props.scrollToAlignment,sort:e.props.onSort,sortDirection:e.props.sortDirection,tabIndex:-1},e.state.columns.map((function(t){return b.default.createElement(n.Column,T({key:t.key,label:t.label,dataKey:t.key,width:t.width,columnData:t,disableSort:void 0===e.props.sortColumns[t.key],cellRenderer:t.isHTML?e.cellRendererHTML:e.cellRenderer,headerRenderer:e.headerColRenderer},t.minWidth&&{minWidth:t.minWidth}))})))}))))}}],[{key:"getDerivedStateFromProps",value:function(e,t){var o={};e.rowCount!==t.rowCount&&(o.rowCount=e.rowCount);var i=t.columns.reduce((function(e,t){return t.width+e}),0)!==e.columns.reduce((function(e,t){return t.width+e}),0);return t.columnResized&&r.isEmpty_1(D(e.columns,t.columns,"headerLabel"))&&!i||(o.columns=e.columns),o}}]),i}(b.default.Component);W.defaultProps={disableHeader:!1};var B=i.injectIntl(W);function P(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(!e)return;if("string"==typeof e)return j(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return j(e,t)}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var o=0,i=function(){};return{s:i,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l,s=!0,a=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return s=e.done,e},e:function(e){a=!0,l=e},f:function(){try{s||null==r.return||r.return()}finally{if(a)throw l}}}}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}function G(e,r,o){return r=t._getPrototypeOf(r),t._possibleConstructorReturn(e,F()?Reflect.construct(r,o||[],t._getPrototypeOf(e).constructor):r.apply(e,o))}function F(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(F=function(){return!!e})()}var U=function(o){function i(r){var o;e._classCallCheck(this,i);var l={};if(void 0!==(o=G(this,i,[r])).props.sortable)for(var s=0;s<o.props.sortable.length;s++){l[o.props.sortable[s]]=a.SORT_DIRECTION.NOT_SORTED}return o.state={checkedAllRows:!1,columnSortDir:l,currentSortColumn:"",tableWidth:0,tableHeight:0,rows:void 0!==r.rows?r.rows:5.5,dynamicHeight:null},o.rowHeight=o.rowHeight.bind(t._assertThisInitialized(o)),o.rowGetter=o.rowGetter.bind(t._assertThisInitialized(o)),o.getOriginalRowIndex=o.getOriginalRowIndex.bind(t._assertThisInitialized(o)),o.getLastChildPropertyIdRow=o.getLastChildPropertyIdRow.bind(t._assertThisInitialized(o)),o.calculateColumnWidths=o.calculateColumnWidths.bind(t._assertThisInitialized(o)),o.handleFilterChange=o.handleFilterChange.bind(t._assertThisInitialized(o)),o.onSort=o.onSort.bind(t._assertThisInitialized(o)),o.sortHeaderClick=o.sortHeaderClick.bind(t._assertThisInitialized(o)),o._updateTableWidth=o._updateTableWidth.bind(t._assertThisInitialized(o)),o._updateRows=o._updateRows.bind(t._assertThisInitialized(o)),o._adjustTableHeight=o._adjustTableHeight.bind(t._assertThisInitialized(o)),o.handleCheckedRow=o.handleCheckedRow.bind(t._assertThisInitialized(o)),o.handleCheckedAllRows=o.handleCheckedAllRows.bind(t._assertThisInitialized(o)),o.handleCheckedMultipleRows=o.handleCheckedMultipleRows.bind(t._assertThisInitialized(o)),o}return t._inherits(i,o),e._createClass(i,[{key:"componentDidMount",value:function(){this._adjustTableHeight(),window.addEventListener("resize",this._adjustTableHeight),this.tableNode=m.default.findDOMNode(this.refs.table)}},{key:"componentDidUpdate",value:function(e,t){e.rows!==this.props.rows&&this._updateRows(),e.columns===this.props.columns&&e.noAutoSize===this.props.noAutoSize||this._adjustTableHeight(),this.props.selectedRows&&!r.isEmpty_1(this.props.data)&&this.setCheckedAll(this.props.selectedRows),this.tableNode=m.default.findDOMNode(this.refs.table)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this._adjustTableHeight)}},{key:"onSort",value:function(e){var t=e.sortBy;if(this.props.onSort){var r={column:t,direction:this.state.columnSortDir[t]===a.SORT_DIRECTION.ASC?a.SORT_DIRECTION.DESC:a.SORT_DIRECTION.ASC};this.props.onSort(r)}}},{key:"getOriginalRowIndex",value:function(e,t){var o=t;return e.columns&&r.has_1(e.columns[0],"content.props.children.props.propertyId.propertyId")?o=this.getLastChildPropertyIdRow(e.columns[0].content.props.children.props.propertyId,t):e.columns&&r.has_1(e.columns[0],"content.props.children.props.propertyId.index")?o=e.columns[0].content.props.children.props.propertyId.index:e.columns&&r.has_1(e.columns[0],"content.props.children.props.propertyId.row")?o=e.columns[0].content.props.children.props.propertyId.row:"number"==typeof e.rowKey&&(o=parseInt(e.rowKey,10)),o}},{key:"getLastChildPropertyIdRow",value:function(e,t){return void 0!==e.propertyId?this.getLastChildPropertyIdRow(e.propertyId):void 0!==e.row?e.row:t}},{key:"setCheckedAll",value:function(e){for(var t=!0,r=0;r<this.props.data.length;r++){var o=this.props.data[r],i=this.getOriginalRowIndex(o,r);if(e.indexOf(i)<0){t=!1;break}}this.state.checkedAllRows!==t&&this.setState({checkedAllRows:t})}},{key:"calculateColumnWidths",value:function(e,t){var r=t-12;this.props.rowSelection!==a.ROW_SELECTION.SINGLE&&(r-=40);var o,i=e.length,l=0,s=P(e);try{for(s.s();!(o=s.n()).done;){var n=o.value;n.width&&("string"==typeof n.width&&n.width.includes("px")?(r-=parseInt(n.width,10),i--):l=Math.max(l,n.width))}}catch(e){s.e(e)}finally{s.f()}var d,c=[],p=Math.floor(r/i),u=[],h=0,f=P(e);try{for(f.s();!(d=f.n()).done;){var b=d.value;b.width&&!isNaN(b.width)?(u.push(b.width/l),h+=b.width/l):u.push(null)}}catch(e){f.e(e)}finally{f.f()}for(var m=r/h,v=0,w=0;w<e.length;w++){var g=e[w];if(g.width)if("string"==typeof g.width&&g.width.includes("px"))c.push(Math.floor(parseInt(g.width,10))+"px"),v+=parseInt(g.width,10);else{var y=Math.floor(u[w]*m);c.push(y+"px"),v+=y}else c.push(p),v+=p}var R=t;if(this.props.rowSelection!==a.ROW_SELECTION.SINGLE&&(R-=40),v<R){var C=parseInt(c[0],10);c[0]=C+R-v+"px"}return c}},{key:"_updateTableWidth",value:function(e,t){this.state.tableWidth!==Math.floor(e-2)&&this.setState({tableWidth:Math.floor(e-2)})}},{key:"_updateRows",value:function(){var e=this;this.props.rows&&this.props.rows!==this.state.rows&&this.setState({rows:this.props.rows},(function(){e._adjustTableHeight()}))}},{key:"_adjustTableHeight",value:function(){if(!this.props.noAutoSize){var e=this.state.tableHeight,t=this.state.dynamicHeight,r=a.REM_ROW_HEIGHT+a.REM_HEADER_HEIGHT;if(Array.isArray(this.props.data)&&this.props.data.length<this.state.rows)e=(a.REM_ROW_HEIGHT*this.props.data.length+a.REM_HEADER_HEIGHT+(this.props.selectedEditRow?r:0))*a.ONE_REM_HEIGHT;else if(this.state.rows>0)e=(a.REM_ROW_HEIGHT*this.state.rows+a.REM_HEADER_HEIGHT+(this.props.selectedEditRow?r:0))*a.ONE_REM_HEIGHT;else if(0===this.state.rows)e=a.REM_HEADER_HEIGHT*a.ONE_REM_HEIGHT;else if(-1===this.state.rows&&this.flexibleTable){var o=void 0!==this.flexibleTableHeader?m.default.findDOMNode(this.flexibleTableHeader).getBoundingClientRect().height:0,i=this.findPropertyNodeHeight(this.flexibleTable,"properties-wf-children"),l=this.findPropertyNodeHeight(this.flexibleTable,"properties-primary-tab-panel");if(0===i&&0===l)e="100vh",t=-1;else{var s=0!==i?i:l;e="calc(".concat(s-o-50,"px - ").concat(3.5*a.ONE_REM_HEIGHT,"px)"),t=s-o-50-56}}e!==this.state.tableHeight&&this.setState({tableHeight:e,dynamicHeight:t})}}},{key:"findPropertyNodeHeight",value:function(e,t){if(e&&e.parentNode&&e.parentNode.className&&e.parentNode.className.includes(t)){var r=m.default.findDOMNode(e.parentNode).getBoundingClientRect();return r?r.height:0}return e&&e.parentNode?this.findPropertyNodeHeight(e.parentNode,t):0}},{key:"sortHeaderClick",value:function(e){var t=e.dataKey,r=this.state.columnSortDir;void 0!==r[t]&&(Object.keys(r).forEach((function(e){e!==t&&(r[e]=a.SORT_DIRECTION.NOT_SORTED)})),r[t]=r[t]===a.SORT_DIRECTION.ASC?a.SORT_DIRECTION.DESC:a.SORT_DIRECTION.ASC,this.setState({columnSortDir:r,currentSortColumn:t}))}},{key:"handleFilterChange",value:function(e){this.props.onFilter&&this.props.onFilter(e.target.value)}},{key:"handleCheckedAllRows",value:function(e){var t=[],r=this.props.data;if(e){t=Array.from(this.props.selectedRows);for(var o=0;o<r.length;o++){var i=this.getOriginalRowIndex(r[o],o);t.push(i)}}t=Array.from(new Set(t)),this.props.updateRowSelections(t),this.setState({checkedAllRows:e})}},{key:"handleCheckedMultipleRows",value:function(e,t,r){var o,i=this.props.selectedRows?this.props.selectedRows:[];return o=e<t?Array.from({length:t-e+1},(function(t,r){return e+r})):Array.from({length:e-t+1},(function(e,r){return t+r})),i=i.filter((function(e){return!o.includes(e)})),r&&(i=i.concat(o)),i}},{key:"handleCheckedRow",value:function(e,t){var r=e.originalRowIndex,o=e.index,i=e.selected,l=e.isOverSelectOption;if(!this.props.data[o].disabled&&"function"==typeof this.props.updateRowSelections)if(l){var s=this.props.selectedRows?this.props.selectedRows:[];e.selectMultipleRows?(s=this.handleCheckedMultipleRows(e.lastCheckedRow,o,i),this.setCheckedAll(s)):i?(s=s.concat(r),this.setCheckedAll(s)):s&&(s=s.filter((function(e){return e!==r})),this.setState({checkedAllRows:!1})),s.sort((function(e,t){return e-t})),this.props.updateRowSelections(s)}else this.props.rowSelection===a.ROW_SELECTION.SINGLE&&this.props.updateRowSelections(e.index,t,this.props.data[e.index].rowKey)}},{key:"generateTableHeaderRow",value:function(t){for(var r=[],o="",i=0;i<this.props.columns.length;i++){var l=this.props.columns[i];void 0!==this.props.filterable&&this.props.filterable[0]===l.key&&(o=l.label);var s=Math.abs(parseInt(t[i],10)),a=void 0;"object"===e._typeof(l.label)?a=l.label.props.labelText:"string"==typeof l.label&&(a=l.label),r.push({key:l.key,label:l.label,width:s,description:l.description,headerLabel:a,resizable:l.resizable,operation:l.operation,staticWidth:!!l.staticWidth&&l.staticWidth})}return{headers:r,searchLabel:o}}},{key:"rowGetter",value:function(e){var t=e.index,r=this.props.data[t],o=this.getOriginalRowIndex(r,t),i={};if(r.columns)for(var l=0;l<r.columns.length;l++){var s=r.columns[l];i[s.column]=s.content}return Object.assign({},i,{loading:!1,index:t,originalRowIndex:o,rowKey:void 0!==r.rowKey?r.rowKey:this.props.scrollKey+"-row-"+t,disabled:r.disabled})}},{key:"rowHeight",value:function(e){return e.index,a.ROW_HEIGHT}},{key:"render",value:function(){var e=this,t=this.state.tableWidth,o=this.calculateColumnWidths(this.props.columns,t),i=this.generateTableHeaderRow(o),l=i.headers,n=i.searchLabel,d=this.props.tableState===a.STATES.DISABLED,c=null;if(void 0!==this.props.filterable&&0!==this.props.filterable.length){var p=void 0!==this.props.searchPlaceholder?this.props.searchPlaceholder:this.props.intl.formatMessage({id:"table.search.placeholder",defaultMessage:g["table.search.placeholder"]},{column_name:n}),u=this.props.intl.formatMessage({id:"table.search.label",defaultMessage:g["table.search.label"]},{table_name:this.props.tableLabel});c=b.default.createElement("div",{className:a.classNames("properties-ft-search-container",{disabled:d})},b.default.createElement(s.Search,{className:"properties-ft-search-text",placeholder:p,onChange:this.handleFilterChange,disabled:d,size:"sm",labelText:u,light:this.props.light}))}var h=-1;void 0!==this.props.scrollToRow&&null!==this.props.scrollToRow&&(h=this.props.scrollToRow);var f={};this.props.noAutoSize||(f={height:this.state.tableHeight});var m=this.props.showHeader?"properties-ft-container-absolute ":"properties-ft-container-absolute-noheader ",v=this.props.messageInfo?m:m+a.STATES.INFO,y=c||this.props.topRightPanel?b.default.createElement("div",{className:"properties-ft-table-header",ref:function(t){return e.flexibleTableHeader=t}},c,this.props.topRightPanel):null,R=r.isEmpty_1(this.props.data)?b.default.createElement("div",{className:"properties-ft-empty-table"},this.props.emptyTablePlaceholder):null,C=a.classNames("properties-ft-control-container",{"properties-light-disabled":!this.props.light}),E=0,k=2*a.REM_HEADER_HEIGHT,I=k*a.ONE_REM_HEIGHT;-1!==this.state.rows&&this.state.tableHeight?E=parseInt(this.state.tableHeight,10)-(this.props.selectedEditRow?k:0):-1===this.state.rows&&this.state.dynamicHeight&&-1!==this.state.dynamicHeight&&(E=this.state.dynamicHeight-(this.props.selectedEditRow?I:0));return b.default.createElement("div",{"data-id":"properties-ft-"+this.props.scrollKey,className:C,ref:function(t){return e.flexibleTable=t}},y,b.default.createElement("div",{className:"properties-ft-container-panel"},b.default.createElement(w.default,{handleWidth:!0,onResize:this._updateTableWidth},b.default.createElement("div",{className:a.classNames("properties-ft-container-wrapper",this.props.messageInfo?this.props.messageInfo.type:""),style:f},b.default.createElement("div",{className:v},this.props.selectedEditRow,b.default.createElement(B,T({tableLabel:this.props.tableLabel,tableHeight:E,columns:l,onHeaderClick:this.sortHeaderClick,rowCount:this.props.data.length,rowHeight:this.rowHeight,rowGetter:this.rowGetter,summaryTable:this.props.summaryTable,selectable:void 0!==this.props.updateRowSelections,rowSelection:this.props.rowSelection,disableHeader:!this.props.showHeader,onRowDoubleClick:this.props.onRowDoubleClick,rowsSelected:this.props.selectedRows,checkedAll:this.state.checkedAllRows,setRowsSelected:this.handleCheckedRow,setAllRowsSelected:this.handleCheckedAllRows,scrollKey:this.props.scrollKey,onSort:this.onSort,sortBy:this.state.currentSortColumn,sortColumns:this.state.columnSortDir,sortDirection:this.state.columnSortDir[this.state.currentSortColumn],tableState:this.props.tableState,light:this.props.light},-1!==h&&{scrollToIndex:h,scrollToAlignment:"center"})))))),R)}}]),i}(b.default.Component);U.defaultProps={showHeader:!0,light:!0,emptyTablePlaceholder:""};var K=i.injectIntl(U);exports.FlexibleTable=K,exports.TruncatedContentTooltip=E,exports._extends=T,exports.defaultMessages=g;
|
|
2
|
-
//# sourceMappingURL=flexible-table-7c7de0f9.js.map
|
package/dist/index-94fec521.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./createClass-5ca26865.js"),t=require("./inherits-41673c87.js"),r=require("./isArrayLikeObject-04f333a5.js"),n=require("./_baseIteratee-2b75d27c.js"),a=require("react"),i=require("./flexible-table-7c7de0f9.js"),s=require("react-intl"),o=require("carbon-components-react"),l=require("./defineProperty-6d406743.js"),u=require("./canvas-constants-ff5cf88e.js"),c=require("uuid"),f=require("./icon-e622f99b.js"),p=require("@carbon/icons-react"),d=require("./lib/tooltip.js");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=E(a);function T(e,r,n){return r=t._getPrototypeOf(r),t._possibleConstructorReturn(e,m()?Reflect.construct(r,n||[],t._getPrototypeOf(e).constructor):r.apply(e,n))}function m(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(m=function(){return!!e})()}var y=function(r){function a(){return e._classCallCheck(this,a),T(this,a,arguments)}return t._inherits(a,r),e._createClass(a,[{key:"render",value:function(){var e,t,r=void 0===this.props.applyLabel?this.props.intl.formatMessage({id:"propertiesEdit.applyButton.label",defaultMessage:i.defaultMessages["propertiesEdit.applyButton.label"]}):this.props.applyLabel,a=void 0===this.props.rejectLabel?this.props.intl.formatMessage({id:"propertiesEdit.rejectButton.label",defaultMessage:i.defaultMessages["propertiesEdit.rejectButton.label"]}):this.props.rejectLabel;return this.props.cancelHandler&&(e=h.default.createElement(o.Button,{"data-id":"properties-cancel-button",className:"properties-cancel-button",type:"button",size:"small",kind:"secondary",onClick:this.props.cancelHandler},a)),this.props.okHandler&&(t=h.default.createElement(o.Button,{"data-id":"properties-apply-button",className:"properties-apply-button",type:"button",size:"small",onClick:this.props.okHandler,disabled:!this.props.applyButtonEnabled},r)),this.props.okHandler||this.props.cancelHandler?h.default.createElement("div",{className:n.classNames("properties-modal-buttons",{hide:void 0!==this.props.showPropertiesButtons&&!this.props.showPropertiesButtons})},e,t):null}}]),a}(a.Component);y.defaultProps={applyButtonEnabled:!0};var v=s.injectIntl(y),b=r._baseIsEqual;var A=function(e,t){return b(e,t)},S={TEXT:"text",ENUM:"enum",COLUMN:"column",NEW_COLUMN:"new_column",EXPRESSION:"expression",EMAIL:"email",URL:"url",COLOR:"color",INTERVAL_YEAR:"interval_year",INTERVAL_DAY:"interval_day",INTERVAL_SECOND:"interval_second",CUSTOM:"custom",UNSPECIFIED:""},g=r._baseGetTag,N=r.isArray_1,_=r.isObjectLike_1;var I=function(e){return"string"==typeof e||!N(e)&&_(e)&&"[object String]"==g(e)};var L=function(e){return void 0===e},O={};function C(e,t,r){var n="",a="",i="";return r&&(n=r+": "),t&&(t.lineNumber&&(a="(line "+t.lineNumber+"): "),i=t.message?t.message:"Message unavailable"),"["+e+"]: "+n+a+i}O.debug=function(e,t){console.log(C("DEBUG",t,e))},O.info=function(e,t){console.log(C("INFO",t,e))},O.warn=function(e,t){console.warn(C("WARNING",t,e))},O.error=function(e,t){console.error(C("ERROR",t,e))};var R=O;function D(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(!e)return;if("string"==typeof e)return M(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return M(e,t)}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,s=!0,o=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return s=e.done,e},e:function(e){o=!0,i=e},f:function(){try{s||null==r.return||r.return()}finally{if(o)throw i}}}}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function P(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function k(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?P(Object(r),!0).forEach((function(t){l._defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):P(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function x(e){return{}.toString.call(e).match(/\s([a-zA-Z]+)/)[1].toLowerCase()}function F(e,t,r){var n,a=k(k({},i.defaultMessages),u.defaultMessages2);if(null!=e){if(""===e.messages[t])return"";n=e.formatMessage({id:t,defaultMessage:a[t]},r)}else n=a[t];return n}function B(e,t){return isNaN(e)?t.getPropertyValue({name:e.trim()}):parseFloat(e)}function j(e){if(e)if(e.subControls){for(var t=0;t<e.subControls.length;t++)if(e.subControls[t].role===S.COLUMN)return t}else if(e.role===S.COLUMN)return 0;return-1}function U(e){var t=e.toLowerCase();return"Real"===e&&(t="double"),t}function w(e,t,r){return"object"===x(e)?t&&t.valueDef&&e.link_ref?r?e.field_name:e.link_ref+"."+e.field_name:null:e}function Y(e,t,r){var a,i=e.find((function(e){return e.origName===t}));switch(r){case"measure":if(!i)return n.CARBON_ICONS.MEASUREMENTS.EMPTY;switch(i.metadata.measure){case"range":a=n.CARBON_ICONS.MEASUREMENTS.SCALE;break;case"ordered_set":a=n.CARBON_ICONS.MEASUREMENTS.ORDINAL;break;case"discrete":a=n.CARBON_ICONS.MEASUREMENTS.DISCRETE;break;case"set":case"collection":case"geospatial":a=n.CARBON_ICONS.MEASUREMENTS.NOMINAL;break;case"flag":a=n.CARBON_ICONS.MEASUREMENTS.FLAG;break;default:a=n.CARBON_ICONS.MEASUREMENTS.EMPTY}break;case"type":if(!i)return"typeEmpty";switch(i.type){case n.DATA_TYPE.DATE:a=n.DATA_TYPE.DATE;break;case n.DATA_TYPE.TIME:a=n.DATA_TYPE.TIME;break;case n.DATA_TYPE.TIMESTAMP:a=n.DATA_TYPE.TIMESTAMP;break;case n.DATA_TYPE.STRING:a=n.DATA_TYPE.STRING;break;case n.DATA_TYPE.INTEGER:a=n.DATA_TYPE.INTEGER;break;case n.DATA_TYPE.DOUBLE:a=n.DATA_TYPE.DOUBLE;break;default:a="typeEmpty"}}return a}function G(e,t){var r=t.indexOf(e);if(r>-1)return t[r];var n,a=e.toLowerCase(),i=D(t);try{for(i.s();!(n=i.n()).done;){var s=n.value;if(a===s.toLowerCase())return s}}catch(e){i.e(e)}finally{i.f()}var o,l=D(t);try{for(l.s();!(o=l.n()).done;){var u=o.value;if(a.startsWith(u.substring(0,6).toLowerCase()))return u}}catch(e){l.e(e)}finally{l.f()}return e}var K=r.isArrayLike_1;var H=function(e,t){return function(r,n){if(null==r)return r;if(!K(r))return e(r,n);for(var a=r.length,i=t?a:-1,s=Object(r);(t?i--:++i<a)&&!1!==n(s[i],i,s););return r}}(n._baseForOwn),q=H,z=r.isArrayLike_1;var V=function(e,t){var r=-1,n=z(e)?Array(e.length):[];return q(e,(function(e,a,i){n[++r]=t(e,a,i)})),n};var X=function(e,t){var r=e.length;for(e.sort(t);r--;)e[r]=e[r].value;return e},W=r.isSymbol_1;var $=function(e,t){if(e!==t){var r=void 0!==e,n=null===e,a=e==e,i=W(e),s=void 0!==t,o=null===t,l=t==t,u=W(t);if(!o&&!u&&!i&&e>t||i&&s&&l&&!o&&!u||n&&s&&l||!r&&l||!a)return 1;if(!n&&!i&&!u&&e<t||u&&r&&a&&!n&&!i||o&&r&&a||!s&&a||!l)return-1}return 0};var Z=function(e,t,r){for(var n=-1,a=e.criteria,i=t.criteria,s=a.length,o=r.length;++n<s;){var l=$(a[n],i[n]);if(l)return n>=o?l:l*("desc"==r[n]?-1:1)}return e.index-t.index},J=r._arrayMap,Q=r._baseGet,ee=n._baseIteratee,te=V,re=X,ne=r._baseUnary,ae=Z,ie=r.identity_1,se=r.isArray_1;var oe=function(e,t,r){t=t.length?J(t,(function(e){return se(e)?function(t){return Q(t,1===e.length?e[0]:e)}:e})):[ie];var n=-1;t=J(t,ne(ee));var a=te(e,(function(e,r,a){return{criteria:J(t,(function(t){return t(e)})),index:++n,value:e}}));return re(a,(function(e,t){return ae(e,t,r)}))},le=r.eq_1,ue=r.isArrayLike_1,ce=r._isIndex,fe=r.isObject_1;var pe=function(e,t,r){if(!fe(r))return!1;var n=typeof t;return!!("number"==n?ue(r)&&ce(t,r.length):"string"==n&&t in r)&&le(r[t],e)},de=r._baseFlatten,Ee=oe,he=r._baseRest,Te=pe,me=he((function(e,t){if(null==e)return[];var r=t.length;return r>1&&Te(e,t[0],t[1])?t=[]:r>2&&Te(t[0],t[1],t[2])&&(t=[t[0]]),Ee(e,de(t,1),[])}));function ye(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(!e)return;if("string"==typeof e)return ve(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return ve(e,t)}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,a=function(){};return{s:a,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,s=!0,o=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return s=e.done,e},e:function(e){o=!0,i=e},f:function(){try{s||null==r.return||r.return()}finally{if(o)throw i}}}}function ve(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function be(e,r,n){return r=t._getPrototypeOf(r),t._possibleConstructorReturn(e,Ae()?Reflect.construct(r,n||[],t._getPrototypeOf(e).constructor):r.apply(e,n))}function Ae(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(Ae=function(){return!!e})()}var Se=function(a){function s(r){var n;return e._classCallCheck(this,s),(n=be(this,s,[r])).state={fields:n.props.fields,origFields:n.props.fields,filterIcons:[],filterText:"",selectedFields:n.props.currentFields},n.multiSchema=r.controller.getDatasetMetadataSchemas()&&r.controller.getDatasetMetadataSchemas().length>1,n.filterList=[],n.filterType=n.filterType.bind(t._assertThisInitialized(n)),n.getTableData=n.getTableData.bind(t._assertThisInitialized(n)),n.getVisibleData=n.getVisibleData.bind(t._assertThisInitialized(n)),n.handleSave=n.handleSave.bind(t._assertThisInitialized(n)),n.handleCancel=n.handleCancel.bind(t._assertThisInitialized(n)),n.handleReset=n.handleReset.bind(t._assertThisInitialized(n)),n.getNewSelections=n.getNewSelections.bind(t._assertThisInitialized(n)),n.onSort=n.onSort.bind(t._assertThisInitialized(n)),n.onFilter=n.onFilter.bind(t._assertThisInitialized(n)),n.updateFieldSelections=n.updateFieldSelections.bind(t._assertThisInitialized(n)),n.filterList=n.getAvailableFilters(),n}return t._inherits(s,a),e._createClass(s,[{key:"onFilter",value:function(e){this.setState({filterText:e})}},{key:"onSort",value:function(e){var t=Array.from(this.state.fields);t=me(t,(function(t){switch(e.column){case"fieldName":return t.origName;case"dataType":return t.type;case"schemaName":return t.schema;default:return null}})),e.direction===n.SORT_DIRECTION.DESC&&t.reverse(),this.setState({fields:t})}},{key:"getAvailableFilters",value:function(){var e=[];for(var t in n.DATA_TYPE)if(r.has_1(n.DATA_TYPE,t)){var a,i=n.DATA_TYPE[t],s=ye(this.props.fields);try{for(s.s();!(a=s.n()).done;){var o=a.value;if(i===o.type){var l,u={type:o.type},c=!1,f=ye(e);try{for(f.s();!(l=f.n()).done;){if(l.value.type===u.type){c=!0;break}}}catch(e){f.e(e)}finally{f.f()}c||e.push(u);break}}}catch(e){s.e(e)}finally{s.f()}}return e}},{key:"getTableData",value:function(){for(var e=this.getVisibleData(),t=[],r=this.state.selectedFields,n=[],a=function(t){var a=e.findIndex((function(e){return e.name===r[t]}));-1!==a&&n.push(a)},s=0;s<r.length;s++)a(s);for(var o=0;o<e.length;o++){var l=e[o],u=[],c=null;if(this.props.dmIcon&&"type"!==this.props.dmIcon){var p=Y(this.props.controller.getDatasetMetadataFields(),l.origName,this.props.dmIcon),d=p?h.default.createElement(f.Icon,{type:p}):null;d&&(c=h.default.createElement("div",{className:"properties-fp-field-type-icon"},d))}var E=h.default.createElement("span",{className:"properties-fp-field-name"},l.origName),T=h.default.createElement(i.TruncatedContentTooltip,{content:E,tooltipText:l.origName,disabled:!1}),m=h.default.createElement("div",{className:"properties-fp-field"},c,T);if(u.push({column:"fieldName",content:m,fieldName:l.origName}),this.multiSchema){var y=h.default.createElement("div",{className:"properties-fp-schema"},l.schema);u.push({column:"schemaName",content:y})}u.push({column:"dataType",content:h.default.createElement("div",{className:"properties-fp-data"},h.default.createElement("div",{className:"properties-fp-data-type-icon"},h.default.createElement(f.Icon,{type:l.type})),h.default.createElement("div",{className:"properties-fp-field-type"},l.type)),value:l.type}),t.push({className:"properties-fp-data-rows",columns:u})}return this.selectedRowsIndex=n,t}},{key:"getVisibleData",value:function(){var e=this;return this.state.fields.filter((function(t){return e.state.filterIcons.indexOf(t.type)<0})).filter((function(t){return void 0===e.state.filterText||null===e.state.filterText||t.origName.toLowerCase().indexOf(e.state.filterText.toLowerCase())>-1}))}},{key:"getNewSelections",value:function(){var e=[],t=this.props.currentFields;if(this.state.selectedFields)for(var r=0;r<this.state.selectedFields.length;r++)(null==t||t.indexOf(this.state.selectedFields[r])<0)&&e.push(r);return e}},{key:"handleSave",value:function(){this.props.closeFieldPicker(this.state.selectedFields,this.getNewSelections())}},{key:"handleCancel",value:function(){this.handleReset(),this.props.closeFieldPicker()}},{key:"updateFieldSelections",value:function(e){var t=this.getVisibleData(),r=Array.from(this.state.selectedFields),n=r.filter((function(e,n,a){return-1===t.findIndex((function(e){return e.name===r[n]}))}));e.forEach((function(e){n.push(t[e].name)})),n=Array.from(new Set(n)),this.setState({selectedFields:n})}},{key:"isFieldInList",value:function(e,t){return e.some((function(e){return e.name===t}))}},{key:"handleReset",value:function(){this.setState({selectedFields:this.props.currentFields,filterIcons:[],filterText:""})}},{key:"filterType",value:function(e){var t=e.currentTarget.getAttribute("data-type"),r=Array.from(this.state.filterIcons),n=r.indexOf(t);n<0?r.push(t):r.splice(n,1),this.setState({filterIcons:r})}},{key:"_genBackButton",value:function(){var e=F(this.props.controller.getReactIntl(),n.MESSAGE_KEYS.APPLYBUTTON_LABEL),t=F(this.props.controller.getReactIntl(),n.MESSAGE_KEYS.REJECTBUTTON_LABEL);return this.props.rightFlyout||(e=F(this.props.controller.getReactIntl(),n.MESSAGE_KEYS.FIELDPICKER_SAVEBUTTON_MODAL_LABEL)),h.default.createElement(v,{okHandler:this.handleSave,cancelHandler:this.handleCancel,showPropertiesButtons:!0,applyLabel:e,rejectLabel:t})}},{key:"_genResetButton",value:function(){var e=F(this.props.controller.getReactIntl(),n.MESSAGE_KEYS.FIELDPICKER_RESETBUTTON_LABEL);return h.default.createElement(o.Button,{className:"properties-fp-reset-button-container",onClick:this.handleReset,renderIcon:p.Reset24,iconDescription:e,size:"small",kind:"ghost"},h.default.createElement("span",null,e))}},{key:"_genFilterTypes",value:function(){var e=this,t=F(this.props.controller.getReactIntl(),n.MESSAGE_KEYS.FIELDPICKER_FILTER_LABEL),a=this.filterList.map((function(a,i){for(var s=!0,l=0;l<e.state.filterIcons.length;l++)if(a.type===e.state.filterIcons[l]){s=!1;break}var u="tooltip-filters-"+i,c=F(e.props.controller.getReactIntl(),n.MESSAGE_KEYS["FIELDPICKER_".concat(a.type.toUpperCase(),"_LABEL")]),p=h.default.createElement("div",{className:"properties-tooltips"},c);return h.default.createElement("li",{key:"filters"+i,className:"properties-fp-filter-list-li"},h.default.createElement("div",{className:"properties-tooltips-filter"},h.default.createElement(d,{id:u,tip:p,direction:"bottom",className:"properties-tooltips icon-tooltip",disable:r.isEmpty_1(a.type)},h.default.createElement(o.Button,{className:"properties-fp-filter","data-type":a.type,onClick:e.filterType.bind(e),"aria-label":t+" "+a.type,kind:"ghost"},h.default.createElement(f.Icon,{type:a.type,disabled:!s})))))}));return h.default.createElement("ul",{className:"properties-fp-filter-list"},h.default.createElement("li",{className:"properties-fp-filter-list-title properties-fp-filter-list-li"},t),a)}},{key:"_genTable",value:function(){var e=F(this.props.controller.getReactIntl(),n.MESSAGE_KEYS.FIELDPICKER_FIELDCOLUMN_LABEL),t=F(this.props.controller.getReactIntl(),n.MESSAGE_KEYS.FIELDPICKER_SCHEMACOLUMN_LABEL),r=F(this.props.controller.getReactIntl(),n.MESSAGE_KEYS.FIELDPICKER_DATATYPECOLUMN_LABEL),a=[];a.push({key:"fieldName",label:e}),this.multiSchema&&a.push({key:"schemaName",label:t}),a.push({key:"dataType",label:r});var s=this.getTableData();return h.default.createElement(i.FlexibleTable,{className:"properties-fp-table",sortable:["fieldName","schemaName","dataType"],filterable:["fieldName"],onFilter:this.onFilter,columns:a,data:s,onSort:this.onSort,filterKeyword:this.state.filterText,scrollKey:"field-picker",noAutoSize:!0,tableLabel:this.props.title?this.props.title:"",selectedRows:this.selectedRowsIndex,updateRowSelections:this.updateFieldSelections,rowSelection:n.ROW_SELECTION.MULTIPLE,light:this.props.controller.getLight()&&!this.props.controller.isTearsheetContainer()})}},{key:"render",value:function(){var e=this._genBackButton(),t=this._genResetButton(),r=this._genFilterTypes(),n=this._genTable();return h.default.createElement(h.default.Fragment,null,h.default.createElement("div",{className:"properties-fp-top-row"},r,t),n,e)}}],[{key:"getDerivedStateFromProps",value:function(e,t){if(!A(e.fields,t.origFields)){var r=t.selectedFields;return e.currentFields&&(A(Object.keys(e.currentFields),Object.keys(t.selectedFields))||(r=e.currentFields)),{fields:e.fields,selectedFields:r,origFields:e.fields}}return{}}}]),s}(h.default.Component),ge=Se;exports.ControlType={CUSTOM:"custom",TEXTFIELD:"textfield",PASSWORDFIELD:"passwordfield",TEXTAREA:"textarea",LIST:"list",EXPRESSION:"expression",NUMBERFIELD:"numberfield",DATEFIELD:"datefield",DATEPICKER:"datepicker",DATEPICKERRANGE:"datepickerRange",SLIDER:"slider",TIMEFIELD:"timefield",TIMESTAMP:"timestampfield",CHECKBOX:"checkbox",TOGGLE:"toggle",RADIOSET:"radioset",CHECKBOXSET:"checkboxset",ONEOFSELECT:"oneofselect",MULTISELECT:"multiselect",SOMEOFSELECT:"someofselect",SELECTCOLUMN:"selectcolumn",SELECTCOLUMNS:"selectcolumns",SELECTSCHEMA:"selectschema",STRUCTURETABLE:"structuretable",STRUCTUREEDITOR:"structureeditor",STRUCTURELISTEDITOR:"structurelisteditor",TOGGLETEXT:"toggletext",READONLY:"readonly",READONLYTABLE:"readonlyTable",SPINNER:"spinner",CODE:"code",HIDDEN:"hidden"},exports.EditStyle={INLINE:"inline",SUBPANEL:"subpanel",ON_PANEL:"on_panel"},exports.FieldPicker=ge,exports.GroupType={CONTROLS:"controls",TABS:"tabs",SUB_TABS:"subTabs",PANELS:"panels",ADDITIONAL:"additional",COLUMN_SELECTION:"columnSelection",PANEL_SELECTOR:"panelSelector",CUSTOM_PANEL:"customPanel",SUMMARY_PANEL:"summaryPanel",ACTION_PANEL:"actionPanel",TEXT_PANEL:"textPanel",TWISTY_PANEL:"twistyPanel",COLUMN_PANEL:"columnPanel",TEARSHEET_PANEL:"tearsheetPanel"},exports.ItemType={CONTROL:"control",ADDITIONAL_LINK:"additionalLink",STATIC_TEXT:"staticText",HORIZONTAL_SEPARATOR:"hSeparator",PANEL:"panel",TEARSHEET:"tearsheet",SUB_TABS:"subTabs",PRIMARY_TABS:"primaryTabs",PANEL_SELECTOR:"panelSelector",CUSTOM_PANEL:"customPanel",ACTION:"action",TEXT_PANEL:"textPanel"},exports.ORIENTATIONS={VERTICAL:"vertical",HORIZONTAL:"horizontal"},exports.PanelType={GENERAL:"general",COLUMN_SELECTION:"columnSelection",CUSTOM:"custom",SUMMARY:"summary",ACTION_PANEL:"actionPanel",TWISTY_PANEL:"twisty",COLUMN_PANEL:"column",TEARSHEET:"tearsheet"},exports.ParamRole=S,exports.PropertiesButtons=v,exports.Separator={BEFORE:"before",AFTER:"after"},exports.Size={MAX:"max",LARGE:"large",MEDIUM:"medium",SMALL:"small"},exports.Type={BOOLEAN:"boolean",INTEGER:"integer",LONG:"long",DOUBLE:"double",STRING:"string",PASSWORD:"password",DATE:"date",TIME:"time",TIMESTAMP:"timestamp",STRUCTURE:"structure",OBJECT:"object"},exports._baseEach=H,exports._isIterateeCall=pe,exports.convertArrayStructureToObject=function e(t,r,n,a){var i=[];if(r.forEach((function(e){i.push(e.name)})),t&&Array.isArray(n)){var s=[];return n.forEach((function(t,n){if(a){var o={};i.forEach((function(n,a){r[a].structureType&&"object"===r[a].structureType?o[n]=e(r[a].valueDef.isList,r[a].subControls,t[a],!0):void 0!==r.subControls?o[n]=e(r[a].valueDef.isList,r[a].subControls,t[a],!1):o[n]=void 0!==t[a]?t[a]:null})),s.push(o)}else{var l=[];t.forEach((function(t,n){var a=t;r[n].structureType&&"object"===r[n].structureType&&(a=e(r[n].valueDef.isList,r[n].subControls,t,!0)),l.push(a)})),s.push(l)}})),s}var o={};return i.forEach((function(e,t){o[e]=n&&void 0!==n[t]?n[t]:null})),o},exports.convertInputDataModel=function(e){var t={fields:[]};if(e&&e.columns){var r,n=D(e.columns);try{for(n.s();!(r=n.n()).done;){var a=r.value,i={};i.name=a.name,i.type=U(a.storage),i.metadata={},i.metadata.description="",a.measure&&(i.metadata.measure=a.measure.toLowerCase()),a.modelingRole&&(i.metadata.modeling_role=a.modelingRole.toLowerCase()),t.fields.push(i)}}catch(e){n.e(e)}finally{n.f()}}return t},exports.convertObjectStructureToArray=function t(r,n,a){var i=[];if(n.forEach((function(e){i.push(e.name)})),r){var s=[];return"object"===e._typeof(a)&&null!==a&&Object.keys(a).length>0&&a.forEach((function(r){if(Array.isArray(r)){var a=[];r.forEach((function(r,i){var s=r;"object"===e._typeof(r)&&null!==r&&Object.keys(r).length>0&&(s=t(n[i].valueDef.isList,n[i].subControls,r)),a.push(s)})),s.push(a)}else if("object"===e._typeof(r)){var o=[];i.forEach((function(e,a){var i=void 0!==r[e]?r[e]:null;n[a].structureType&&"object"===n[a].structureType&&(i=t(n[a].valueDef.isList,n[a].subControls,r[e])),o.push(i)})),s.push(o)}})),s}var o=[];return i.forEach((function(e,t){var r=void 0!==a[e]?a[e]:null;o.push(r)})),o},exports.convertValueDataTypes=function(e,t){var r={};return Object.keys(e).forEach((function(n){var a=e[n];if(!L(a)&&t[n]){var i=t[n].valueDef.propType,s=t[n].valueDef.isList;if(a)switch(i){case"string":r[n]=s?a.map((function(e){return e.toString()})):a.toString();break;case"integer":r[n]=s?a.map((function(e){return parseInt(e,10)})):parseInt(a,10);break;case"double":r[n]=s?a.map((function(e){return parseFloat(e)})):parseFloat(a);break;case"boolean":I(a)?r[n]="true"===a:r[n]=Boolean(a);break;default:r[n]=a}else r[n]=a}else r[n]=a})),r},exports.copy=function(e){return void 0!==e?u.cloneDeep_1(e):e},exports.evaluateText=function e(t,r){try{if(!t)return t;var n=t.indexOf("${");if(n<0)return t;var a=t.substr(n+2).indexOf("}");if(a<0)return t;var i=t.substr(n+2,a),s=t.replace("${"+i+"}",function(e,t){var r,n,a=e.indexOf("("),i=e.substr(0,a),s=e.slice(a+1,-1).split(",");if(0===s.length)return"";switch(i){case"percent":return!(n=B(s[0],t))||isNaN(n)?0:(r=100/n,s.length>1&&(r=r.toFixed(parseInt(s[1],10))),r);case"sum":r=0;var o,l=D(s);try{for(l.s();!(o=l.n()).done;){n=B(o.value,t),isNaN(n)||(r+=n)}}catch(e){l.e(e)}finally{l.f()}return r}return""}(i,r));return e(s,r)}catch(e){return R.warn("Invalid expression. Make sure replacement expression in text is a valid expression."),t}},exports.fieldStringToValue=function(e,t,r){if("column"===t.role&&"structure"===t.valueDef.propType){var n,a=D(r.getDatasetMetadataFields());try{for(a.s();!(n=a.n()).done;){var i=n.value;if(i.name===e)return{link_ref:i.schema,field_name:i.origName}}}catch(e){a.e(e)}finally{a.f()}}return e},exports.fieldValueMatchesProto=function(e,t){return"object"===x(e)&&e.link_ref?e.link_ref===t.schema&&e.field_name===t.origName:e===t.name},exports.formatMessage=F,exports.generateId=function(){return"properties-"+c.v4()},exports.getDMDefault=function(e,t,r){var n,a=e.dmDefault;if(t){var i,s=D(r);try{for(s.s();!(i=s.n()).done;){var o=i.value;if(o.name===t){switch(a){case"type":n=o.type;break;case"description":n=o.metadata.description;break;case"measure":n=G(o.metadata.measure,e.values);break;case"modeling_role":n=G(o.metadata.modeling_role,e.values)}break}}}catch(e){s.e(e)}finally{s.f()}}return n},exports.getDMFieldIcon=Y,exports.getFieldsFromControlValues=function(e,t,r){var n=j(e),a=[];if(t&&-1!==n){var i,s=D(t);try{for(s.s();!(i=s.n()).done;){var o=i.value,l=o;Array.isArray(o)?l=w(o[n],e):"object"===x(o)&&(l=w(o,e)),a.push(l)}}catch(e){s.e(e)}finally{s.f()}}return a},exports.getTableFieldIndex=j,exports.isEqual_1=A,exports.isString_1=I,exports.isSubControlStructureObjectType=function e(t){if(t){if(t.structureType&&"object"===t.structureType)return!0;if(t.subControls){var r,n=D(t.subControls);try{for(n.s();!(r=n.n()).done;){var a=r.value;if(a.structureType&&"object"===a.structureType)return!0;if(a.subControls&&e(a))return!0}}catch(e){n.e(e)}finally{n.f()}return!1}}return!1},exports.isUndefined_1=L,exports.logger=R,exports.sortBy_1=me,exports.stringifyFieldValue=w,exports.toType=x;
|
|
2
|
-
//# sourceMappingURL=index-94fec521.js.map
|