itemPicker.js 13 KB

12345678
  1. /*!
  2. * Licensed Materials - Property of IBM
  3. * IBM Cognos Products: Modeling UI
  4. * (C) Copyright IBM Corp. 2020
  5. * US Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
  6. */
  7. (window.caModellingPerspective=window.caModellingPerspective||[]).push([[26],{1855:function(e,t,r){"use strict";r.r(t),r.d(t,"default",function(){return g});var o,n=r(1),i=r.n(n),c=r(16),a=r(3),l=r(25),s=r(2),m=r(10),p=r(5),u=r(44),d=r(1856),b=r(1860);function f(){return(f=Object.assign||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}).apply(this,arguments)}var g=Object(u.a)(m.n,{initializer:function(e,t){return new b.a({},t)}})(o=Object(p.e)(function(e){return{selectedItems:e.selectedItems.slice()}})(o=Object(c.observer)(o=function(e){function t(){for(var t,r=arguments.length,o=new Array(r),n=0;n<r;n++)o[n]=arguments[n];return(t=e.call.apply(e,[this].concat(o))||this).state={labels:{}},t._onSave=function(){var e=t.props,r=e.onClose,o=e.selectedItems;r(function(){return o.slice()})},t}return function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}(t,e),t.getDerivedStateFromProps=function(e){return{labels:f({},{title:Object(s.getString)("itemPickerTitle"),subTitle:"",available:Object(s.getString)("itemPickerAvailable"),selected:Object(s.getString)("itemPickerSelected"),recommended:Object(s.getString)("itemPickerRecommended"),empty:Object(s.getString)("itemPickerEmpty"),emptySubTitle:""},{},e.labels||{})}},t.prototype.render=function(){var e=this.props,t=e.onClose,r=e.prepareForClose,o=e.selectedItems,n=this.state.labels;return i.a.createElement(a.Dialog,{"data-tid":Object(l.a)("itemPickerDialog"),width:"900px",onClose:function(){return t(null)}},i.a.createElement(a.Dialog.Header,{"data-tid":Object(l.a)("itemPickerDialog","header")},i.a.createElement(a.TruncatedText,{value:n.title})),i.a.createElement(a.Dialog.SubHeader,null,i.a.createElement(a.TruncatedText,{value:n.subTitle})),i.a.createElement(a.Dialog.Body,{style:{overflow:"auto",marginTop:"16px"}},i.a.createElement(d.a,{labels:n})),i.a.createElement(a.Dialog.Footer,null,i.a.createElement(a.Dialog.Button,{primary:!0,"data-tid":Object(l.a)("itemPickerDialog","ok"),label:Object(s.getString)("ok"),disabled:r||0===o.length,onClick:this._onSave}),i.a.createElement(a.Dialog.Button,{"data-tid":Object(l.a)("itemPickerDialog","cancel"),label:Object(s.getString)("cancel"),onClick:function(){return t(null)}})))},t}(n.Component))||o)||o)||o},1856:function(e,t,r){"use strict";r.d(t,"a",function(){return f});var o,n=r(736),i=r.n(n),c=r(1),a=r.n(c),l=r(16),s=r(3),m=r(1857),p=r(1029),u=r(2),d=r(5),b=r(8);r(1858);var f=Object(d.e)(function(e){return{selectedItems:e.selectedItems.slice(),removeItemAt:e.removeItemAt,addItems:e.addItems,scope:e.scope,moveItem:e.moveItem,canDrop:e.canDrop,max:e.max,isRecommendedItem:e.isRecommendedItem,reorderable:e.reorderable,treeStore:e.treeStore,selection:e.selection.slice(),setSelection:e.setSelection,clearItems:e.clearItems,recommendedItems:e.recommendedItems,resetItems:e.resetItems}})(o=Object(l.observer)(o=function(e){function t(){for(var t,r=arguments.length,o=new Array(r),n=0;n<r;n++)o[n]=arguments[n];return(t=e.call.apply(e,[this].concat(o))||this).state={active:!1},t._tree=void 0,t._handleDropZoneActiveChange=function(e){t.setState({active:e})},t._scrollToItem=function(e){setTimeout(function(){var r=t.props.selection[t.props.selection.length-1];if(r){var o=Object(b.getUniqueId)(r);e.scrollToId(o)}},0)},t._onDropZoneSelectionChange=function(e){t.props.setSelection(e),t._scrollToItem(t._tree)},t._onTreeSelectionChange=function(e){t.props.treeStore.setSelected(e),t._scrollToItem(t._dropZone)},t._onDropItems=function(e){t.props.addItems(e),t._scrollToItem(t._dropZone)},t._onArrowKey=function(e){t.props.addItems(e),t._scrollToItem(t._dropZone)},t._dropZone=void 0,t}return function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}(t,e),t.prototype.render=function(){var e=this,t=this.props,r=t.selectedItems,o=t.scope,n=t.removeItemAt,c=t.moveItem,l=t.canDrop,b=t.max,f=t.isRecommendedItem,g=t.reorderable,v=t.treeStore,h=t.selection,y=t.clearItems,I=t.resetItems,_=t.recommendedItems,w=t.labels;return a.a.createElement(s.FlexLayout,{direction:"column",fullHeight:!0,className:"bi-mui-itemPickerView"},a.a.createElement(s.FlexLayout,{direction:"row",fullHeight:!0},a.a.createElement(s.FlexItem,null,a.a.createElement(s.FlexLayout,{direction:"column"},a.a.createElement(s.Container,null,a.a.createElement("strong",null,w.available)),a.a.createElement(s.Container,{height:500,className:"bi-mui-itemPickerView__treeSection"},a.a.createElement(d.b,{store:v},a.a.createElement(m.a,{useSelectionOrderBadges:!1,width:300,maxWidth:600,onDropAction:this._onArrowKey,rootObject:o,treeRef:function(t){return e._tree=t},onSelectionChange:this._onTreeSelectionChange,onMenu:null}))))),a.a.createElement(s.FlexItem,{grow:!0},a.a.createElement(s.FlexLayout,{fullHeight:!0,direction:"column"},a.a.createElement(s.FlexItem,{grow:!0},a.a.createElement(s.FlexLayout,null,a.a.createElement(s.FlexItem,null,a.a.createElement(s.Container,{gutter:[0,2]},a.a.createElement("strong",null,w.selected))),a.a.createElement(s.FlexItem,{grow:!0},a.a.createElement(s.Container,{textAlign:"right"},a.a.createElement("span",null,a.a.createElement("sup",null,"*"),w.recommended),a.a.createElement(s.Button,{className:"bi-mui-itemPickerView__resetButton",variant:"icon",disabled:_.length>0&&i()(_,r),onClick:I},Object(u.getString)("reset"))))),a.a.createElement(s.Container,{height:500,overflow:"auto",className:"bi-mui-itemPickerView__dropSection "+Object(s.classnames)("bi-mui-moserItemsDropZone__parentContainer",{active:this.state.active})},a.a.createElement(p.a,{selection:h,onSelectionChange:this._onDropZoneSelectionChange,onDropZoneActive:this._handleDropZoneActiveChange,removeItemAt:n,addItems:this._onDropItems,getItems:function(){return r},moveItem:c,getKey:function(e){return e.idForExpression},canDrop:l,isMarkedItem:f,reorderable:g,labels:w,ref:function(t){return e._dropZone=t}})))))),a.a.createElement(s.FlexItem,{style:{visibility:null!=b?"visible":"hidden"}},a.a.createElement(s.Container,{className:"bi-mui-itemPickerView__footer"},Object(u.getString)("itemPickerMax",{current:r.length,max:b}),a.a.createElement(s.Button,{hover:!0,active:!1,variant:"icon",disabled:0===r.length,className:"bi-mui-itemPickerView__clearAllButton",onClick:y},Object(u.getString)("clearAll")))))},t}(c.Component))||o)||o},1857:function(e,t,r){"use strict";r.d(t,"a",function(){return s});var o,n=r(1),i=r.n(n),c=r(5),a=r(161);function l(){return(l=Object.assign||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}).apply(this,arguments)}var s=Object(c.e)(function(e){return{activeNode:e.activeNode,selectedNodes:e.selected,expandedNodes:e.expanded,setActiveTreeNode:e.setActiveNode,orderedSelection:e.orderedSelection,onSelectionChange:e.setSelected,getTreeProvider:e.getTreeProvider,focusNode:e.focusNode,filter:e.filter,onFilterChange:e.setFilter,onMenu:e.showContextMenu,rootObject:e.module,onExpand:e.setExpandedNodes}},{},function(e,t,r){return l({},e,{},r)})(o=function(e){function t(){return e.apply(this,arguments)||this}return function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}(t,e),t.prototype.render=function(){return i.a.createElement(a.a,this.props)},t}(n.Component))||o},1858:function(e,t,r){var o=r(1859);"string"==typeof o&&(o=[[e.i,o,""]]);var n={hmr:!0,transform:void 0};r(36)(o,n);o.locals&&(e.exports=o.locals)},1859:function(e,t,r){(e.exports=r(32)(void 0)).push([e.i,".bi-mui-itemPickerView__clearAllButton,.bi-mui-itemPickerView__resetButton{vertical-align:baseline;font-weight:400}.bi-mui-itemPickerView__clearAllButton{padding:0 0 0 8px!important}.bi-mui-itemPickerView__resetButton{padding:0 16px!important}.bi-mui-itemPickerView__treeSection{border:2px solid rgba(0,0,0,.05);margin:16px 16px 16px 0}.bi-mui-itemPickerView__dropSection{border:2px solid rgba(0,0,0,.05);margin:16px;flex-grow:1}.bi-mui-itemPickerView__footer{text-align:right;padding:0 16px 0 0}.bi-mui-itemPickerView__clearAllButton,.bi-mui-itemPickerView__resetButton{color:#1f57a4}.bi-mui-itemPickerView__clearAllButton:hover,.bi-mui-itemPickerView__resetButton:hover{color:#2d74da}.bi-mui-itemPickerView__clearAllButton:active,.bi-mui-itemPickerView__resetButton:active{color:#1d3458}",""])},1860:function(e,t,r){"use strict";r.d(t,"a",function(){return I});var o,n,i,c,a,l,s,m,p,u,d=r(6),b=r(5),f=r(178);function g(e,t,r,o){r&&Object.defineProperty(e,t,{enumerable:r.enumerable,configurable:r.configurable,writable:r.writable,value:r.initializer?r.initializer.call(o):void 0})}function v(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t,r,o,n){var i={};return Object.keys(o).forEach(function(e){i[e]=o[e]}),i.enumerable=!!i.enumerable,i.configurable=!!i.configurable,("value"in i||i.initializer)&&(i.writable=!0),i=r.slice().reverse().reduce(function(r,o){return o(e,t,r)||r},i),n&&void 0!==i.initializer&&(i.value=i.initializer?i.initializer.call(n):void 0,i.initializer=void 0),void 0===i.initializer&&(Object.defineProperty(e,t,i),i=null),i}var I=(o=b.c.undoable(),n=b.c.undoable(),i=b.c.undoable(),c=b.c.undoable(),a=b.c.undoable(),l=b.c.undoable(),s=function(e){function t(t,r){var o,n=r.scope,i=r.recommendedItems,c=void 0===i?[]:i,a=r.initialItems,l=void 0===a?[]:a,s=r.max,d=r.canDrop,b=void 0===d?function(){return!0}:d,f=r.transformDroppedItems,v=void 0===f?function(e){return e}:f,y=r.reorderable,I=void 0!==y&&y;return g(o=e.apply(this,arguments)||this,"selectedItems",m,h(o)),g(o,"selection",p,h(o)),o.recommendedItems=void 0,g(o,"_scope",u,h(o)),o.max=void 0,o._canDrop=void 0,o.reorderable=void 0,o._transformDroppedItems=void 0,o._scope=n,o.recommendedItems=c,o.selectedItems=l,o.max=s,o._canDrop=b,o._transformDroppedItems=v,o.reorderable=I,o}!function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}(t,e);var r=t.prototype;return r.storeDidMount=function(){this.treeStore.expandInitialNodes()},r.setSelection=function(e){this.selection=e,this.treeStore.expandSelectedNodes()},r.addItems=function(e){var t=this,r=this._transformDroppedItems(e.filter(function(e){return!t.selectedItems.includes(e)}));this.selectedItems=[].concat(this.selectedItems.slice(),r.slice())},r.addItemAt=function(e,t){this.selectedItems.splice(t,0,e)},r.removeItemAt=function(e){this.selectedItems.splice(e,1)},r.resetItems=function(){this.selectedItems=this.recommendedItems},r.clearItems=function(){this.selectedItems=[]},r.moveItem=function(e,t){var r=this.selectedItems[e];this.removeItemAt(e),this.addItemAt(r,t)},r.canDrop=function(e){var t=this,r=this._transformDroppedItems(e.filter(function(e){return!t.selectedItems.includes(e)}));return 0!==r.length&&(!!this._canDrop(r,this.scope)&&(null==this.max||this.selectedItems.length+r.length<=this.max))},r.isRecommendedItem=function(e){return!!this.recommendedItems.find(function(t){return t===e})},function(e,t,r){t&&v(e.prototype,t),r&&v(e,r)}(t,[{key:"treeStore",get:function(){var e=this;return new f.a({getSelection:function(){return e.selection},setSelection:function(t){return e.setSelection(t)}},{allowMembers:!1})}},{key:"scope",get:function(){return this._scope||this.provider.getModule()}}]),t}(b.a),m=y(s.prototype,"selectedItems",[d.observable],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),p=y(s.prototype,"selection",[d.observable],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return[]}}),u=y(s.prototype,"_scope",[d.observable],{configurable:!0,enumerable:!0,writable:!0,initializer:null}),y(s.prototype,"treeStore",[b.k],Object.getOwnPropertyDescriptor(s.prototype,"treeStore"),s.prototype),y(s.prototype,"scope",[d.computed],Object.getOwnPropertyDescriptor(s.prototype,"scope"),s.prototype),y(s.prototype,"setSelection",[b.c],Object.getOwnPropertyDescriptor(s.prototype,"setSelection"),s.prototype),y(s.prototype,"addItems",[o],Object.getOwnPropertyDescriptor(s.prototype,"addItems"),s.prototype),y(s.prototype,"addItemAt",[n],Object.getOwnPropertyDescriptor(s.prototype,"addItemAt"),s.prototype),y(s.prototype,"removeItemAt",[i],Object.getOwnPropertyDescriptor(s.prototype,"removeItemAt"),s.prototype),y(s.prototype,"resetItems",[c],Object.getOwnPropertyDescriptor(s.prototype,"resetItems"),s.prototype),y(s.prototype,"clearItems",[a],Object.getOwnPropertyDescriptor(s.prototype,"clearItems"),s.prototype),y(s.prototype,"moveItem",[l],Object.getOwnPropertyDescriptor(s.prototype,"moveItem"),s.prototype),y(s.prototype,"canDrop",[b.j],Object.getOwnPropertyDescriptor(s.prototype,"canDrop"),s.prototype),y(s.prototype,"isRecommendedItem",[b.j],Object.getOwnPropertyDescriptor(s.prototype,"isRecommendedItem"),s.prototype),s)},717:function(e,t,r){"use strict";r.r(t);var o=r(1855);t.default={"components/ItemPickerDialog":o}},736:function(e,t,r){var o=r(264);e.exports=function(e,t){return o(e,t)}}}]);
  8. //# sourceMappingURL=itemPicker.js.map