{"code":"import * as tslib_1 from \"tslib\";\r\nimport * as React from 'react';\r\nimport { Fabric } from 'office-ui-fabric-react/lib/Fabric';\r\nimport { ScrollablePane } from 'office-ui-fabric-react/lib/ScrollablePane';\r\nimport { DetailsList, DetailsListLayoutMode, SelectionMode, Selection } from 'office-ui-fabric-react/lib/DetailsList';\r\nimport { classNamesFunction, createRef } from 'office-ui-fabric-react/lib/Utilities';\r\nimport { Label } from 'office-ui-fabric-react/lib/Label';\r\nimport { IconButton } from 'office-ui-fabric-react/lib/Button';\r\nimport update from 'immutability-helper';\r\nimport { Title } from '../Title';\r\nimport './MovableOptionsList.css';\r\nvar getClassNames = classNamesFunction();\r\nexport var MoveModeEnum = {\r\n    SELECTED_TO_AVAILABLE: 0,\r\n    AVAILABLE_TO_SELECTED: 1\r\n};\r\nexport var MoveDirectionEnum = {\r\n    UP: -1,\r\n    DOWN: 1\r\n};\r\nvar MovableOptionsListBase = (function (_super) {\r\n    tslib_1.__extends(MovableOptionsListBase, _super);\r\n    function MovableOptionsListBase(props) {\r\n        var _this = _super.call(this, props) || this;\r\n        _this.scrollablePaneAvailable = createRef();\r\n        _this.scrollablePaneSelected = createRef();\r\n        _this.columns = [\r\n            {\r\n                key: 'Property',\r\n                name: 'Property',\r\n                fieldName: 'text',\r\n                minWidth: 70,\r\n                maxWidth: 90\r\n            }\r\n        ];\r\n        _this.swapElements = function (mode) {\r\n            var selection = mode === MoveModeEnum.SELECTED_TO_AVAILABLE ? _this.selectionSelected : _this.selectionAvailable;\r\n            var selectedItems = selection.getSelection();\r\n            var _a = _this.state, availableElems = _a.availableElems, selectedElems = _a.selectedElems;\r\n            var selectedElemsCopy = [];\r\n            var availableElemsCopy = [];\r\n            if (selectedItems.length > 0) {\r\n                var _loop_1 = function (item) {\r\n                    var selectedListOrigin = selectedElemsCopy.length > 0 ? selectedElemsCopy : selectedElems;\r\n                    var availableListOrigin = availableElemsCopy.length > 0 ? availableElemsCopy : availableElems;\r\n                    item.selected = mode === MoveModeEnum.SELECTED_TO_AVAILABLE ? false : true;\r\n                    var listToSearchIndex = mode === MoveModeEnum.SELECTED_TO_AVAILABLE ? selectedListOrigin : availableListOrigin;\r\n                    var indexToRemove = listToSearchIndex.findIndex(function (value) { return value.key === item.key; });\r\n                    if (indexToRemove >= 0) {\r\n                        if (mode === MoveModeEnum.SELECTED_TO_AVAILABLE) {\r\n                            selectedElemsCopy = update(selectedListOrigin, { $splice: [[indexToRemove, 1]] });\r\n                            availableElemsCopy = update(availableListOrigin, { $push: [item] });\r\n                        }\r\n                        else {\r\n                            availableElemsCopy = update(availableListOrigin, { $splice: [[indexToRemove, 1]] });\r\n                            selectedElemsCopy = update(selectedListOrigin, { $push: [item] });\r\n                        }\r\n                    }\r\n                };\r\n                for (var _i = 0, selectedItems_1 = selectedItems; _i < selectedItems_1.length; _i++) {\r\n                    var item = selectedItems_1[_i];\r\n                    _loop_1(item);\r\n                }\r\n                _this.setState({ selectedElems: selectedElemsCopy, availableElems: availableElemsCopy }, function () { return _this.handleSwapChange(); });\r\n            }\r\n        };\r\n        _this.moveSelected = function (pos) {\r\n            var selectedElems = _this.state.selectedElems;\r\n            var selectedItems = _this.selectionSelected.getSelection();\r\n            if (selectedItems.length === 1) {\r\n                var item_1 = selectedItems[0];\r\n                var index = selectedElems.findIndex(function (value) { return value.key === item_1.key; });\r\n                if (index >= 0) {\r\n                    var element = selectedElems[index];\r\n                    var selectedElemsCopy = update(selectedElems, { $splice: [[index, 1]] });\r\n                    selectedElemsCopy = update(selectedElemsCopy, { $splice: [[index + pos, 0, element]] });\r\n                    _this.setState({ selectedElems: selectedElemsCopy }, function () { return _this.handleMoveUpAndDownChange(); });\r\n                }\r\n            }\r\n        };\r\n        _this.handleSwapChange = function () {\r\n            var selectedElems = _this.state.selectedElems;\r\n            var handleSwapChange = _this.props.handleSwapChange;\r\n            if (handleSwapChange) {\r\n                handleSwapChange(selectedElems);\r\n            }\r\n        };\r\n        _this.handleMoveUpAndDownChange = function () {\r\n            var selectedElems = _this.state.selectedElems;\r\n            var handleMoveUpAndDownChange = _this.props.handleMoveUpAndDownChange;\r\n            if (handleMoveUpAndDownChange) {\r\n                handleMoveUpAndDownChange(selectedElems);\r\n            }\r\n        };\r\n        _this.state = {\r\n            availableElems: [],\r\n            selectedElems: [],\r\n            error: undefined,\r\n            isAvailableSelected: false,\r\n            isSelectedSelected: false\r\n        };\r\n        _this.swapElements = _this.swapElements.bind(_this);\r\n        _this.moveSelected = _this.moveSelected.bind(_this);\r\n        _this.checkElements = _this.checkElements.bind(_this);\r\n        _this.handleSwapChange = _this.handleSwapChange.bind(_this);\r\n        _this.handleMoveUpAndDownChange = _this.handleMoveUpAndDownChange.bind(_this);\r\n        _this.selectionAvailable = new Selection({\r\n            onSelectionChanged: function () {\r\n                _this.setState({ isAvailableSelected: _this.selectionAvailable.getSelection().length > 0 });\r\n            }\r\n        });\r\n        _this.selectionSelected = new Selection({\r\n            onSelectionChanged: function () {\r\n                _this.setState({ isSelectedSelected: _this.selectionSelected.getSelection().length > 0 });\r\n            }\r\n        });\r\n        return _this;\r\n    }\r\n    MovableOptionsListBase.prototype.componentDidMount = function () {\r\n        var property = this.props.property;\r\n        if (property) {\r\n            this.columns[0].name = property;\r\n        }\r\n        this.checkElements();\r\n    };\r\n    MovableOptionsListBase.prototype.checkElements = function () {\r\n        var elements = this.props.elements;\r\n        var availableElems = [];\r\n        var selectedElems = [];\r\n        if (elements) {\r\n            for (var _i = 0, elements_1 = elements; _i < elements_1.length; _i++) {\r\n                var elem = elements_1[_i];\r\n                var elementsPointer = elem.selected ? selectedElems : availableElems;\r\n                elementsPointer.push(elem);\r\n            }\r\n        }\r\n        this.setState({ availableElems: availableElems, selectedElems: selectedElems });\r\n    };\r\n    MovableOptionsListBase.prototype.componentDidUpdate = function (prevProps) {\r\n        if (this.props.elements !== prevProps.elements) {\r\n            this.checkElements();\r\n        }\r\n    };\r\n    MovableOptionsListBase.prototype.render = function () {\r\n        var _this = this;\r\n        var _a = this.props, className = _a.className, styles = _a.styles, theme = _a.theme, availableLabel = _a.availableLabel, selectedLabel = _a.selectedLabel, title = _a.title, disableUpAndDown = _a.disableUpAndDown;\r\n        var classNames = getClassNames(styles, { theme: theme, className: className });\r\n        var _b = this.state, availableElems = _b.availableElems, selectedElems = _b.selectedElems;\r\n        return (<Fabric className={\"ms-Grid \" + classNames.root}>\r\n        {title && <Title title={title} icon={true}/>}\r\n\r\n        <div className=\"ms-Grid-row\">\r\n          <div className=\"ms-Grid-col ms-sm5 ms-md5 ms-lg5\">\r\n            <Label className=\"ms-font-l ms-fontWeight-regular\">{availableLabel ? availableLabel : 'Available'}</Label>\r\n          </div>\r\n          <div className=\"ms-Grid-col ms-sm1 ms-md1 ms-lg1\"/>\r\n          <div className=\"ms-Grid-col ms-sm5 ms-md5 ms-lg5\">\r\n            <Label className=\"ms-font-l  ms-fontWeight-regular\">{selectedLabel ? selectedLabel : 'Selected'}</Label>\r\n          </div>\r\n          <div className=\"ms-Grid-col ms-sm1 ms-md1 ms-lg1\"/>\r\n        </div>\r\n\r\n        <div className=\"ms-Grid-row ml-nl-md\">\r\n          <div className=\"ms-Grid-col ms-sm12 ms-md12 ms-lg12\"/>\r\n        </div>\r\n\r\n        <div className=\"ms-Grid-row\">\r\n          <div className=\"ms-Grid-col ms-sm5 ms-md5 ms-lg5\" style={{ position: 'relative' }}>\r\n            <ScrollablePane componentRef={this.scrollablePaneAvailable} style={{ height: this.props.height }}>\r\n              <DetailsList key=\"availableListKey\" columns={this.columns} items={availableElems} selectionMode={SelectionMode.multiple} setKey=\"setAvailable\" layoutMode={DetailsListLayoutMode.justified} isHeaderVisible={true} selectionPreservedOnEmptyClick={true} enterModalSelectionOnTouch={true} selection={this.selectionAvailable}/>\r\n            </ScrollablePane>\r\n          </div>\r\n          <div className=\"ms-Grid-col ms-sm1 ms-md1 ms-lg1\">\r\n            <div className=\"ms-Grid\">\r\n              <div className=\"ms-Grid-row\">\r\n                <div className=\"ms-Grid-col ms-sm12 ms-md12 ms-lg12\" style={{ textAlign: 'center' }}>\r\n                  <IconButton iconProps={{ iconName: 'ChevronLeft' }} disabled={!this.state.isSelectedSelected} onClick={function () { return _this.swapElements(MoveModeEnum.SELECTED_TO_AVAILABLE); }}/>\r\n                </div>\r\n              </div>\r\n              <div className=\"ms-Grid-row\">\r\n                <div className=\"ms-Grid-col ms-sm12 ms-md12 ms-lg12\" style={{ textAlign: 'center' }}>\r\n                  <IconButton iconProps={{ iconName: 'ChevronRight' }} disabled={!this.state.isAvailableSelected} onClick={function () { return _this.swapElements(MoveModeEnum.AVAILABLE_TO_SELECTED); }}/>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"ms-Grid-col ms-sm5 ms-md5 ms-lg5\" style={{ position: 'relative' }}>\r\n            <ScrollablePane componentRef={this.scrollablePaneSelected} style={{ height: this.props.height }}>\r\n              <DetailsList key=\"selectedListKey\" columns={this.columns} items={selectedElems} selectionMode={SelectionMode.multiple} setKey=\"setSelected\" layoutMode={DetailsListLayoutMode.justified} isHeaderVisible={true} selectionPreservedOnEmptyClick={true} enterModalSelectionOnTouch={true} selection={this.selectionSelected}/>\r\n            </ScrollablePane>\r\n          </div>\r\n          <div className=\"ms-Grid-col ms-sm1 ms-md1 ms-lg1\">\r\n            {!disableUpAndDown && (<div className=\"ms-Grid\">\r\n                <div className=\"ms-Grid-row\">\r\n                  <div className=\"ms-Grid-col ms-sm12 ms-md12 ms-lg12\">\r\n                    <IconButton iconProps={{ iconName: 'ChevronUp' }} disabled={!this.state.isSelectedSelected} onClick={function () { return _this.moveSelected(MoveDirectionEnum.UP); }}/>\r\n                  </div>\r\n                </div>\r\n                <div className=\"ms-Grid-row\">\r\n                  <div className=\"ms-Grid-col ms-sm12 ms-md12 ms-lg12\">\r\n                    <IconButton iconProps={{ iconName: 'ChevronDown' }} disabled={!this.state.isSelectedSelected} onClick={function () { return _this.moveSelected(MoveDirectionEnum.DOWN); }}/>\r\n                  </div>\r\n                </div>\r\n              </div>)}\r\n          </div>\r\n        </div>\r\n      </Fabric>);\r\n    };\r\n    return MovableOptionsListBase;\r\n}(React.PureComponent));\r\nexport { MovableOptionsListBase };\r\n//# sourceMappingURL=MovableOptionsList.base.jsx.map","map":"{\"version\":3,\"file\":\"MovableOptionsList.base.jsx\",\"sourceRoot\":\"\",\"sources\":[\"../../../../../src/lib/components/MovableOptionsList/MovableOptionsList.base.tsx\"],\"names\":[],\"mappings\":\"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\"}","dts":{"name":"C:/WORK/ImageTag/GIT/enchoice-fabric-react-lib/lib/components/MovableOptionsList/MovableOptionsList.base.d.ts","writeByteOrderMark":false,"text":"import * as React from 'react';\r\nimport './MovableOptionsList.css';\r\nimport { IMovableOptionsListProps, IMovableOptionsListElement } from './MovableOptionsList.types';\r\nexport declare const MoveModeEnum: {\r\n    SELECTED_TO_AVAILABLE: number;\r\n    AVAILABLE_TO_SELECTED: number;\r\n};\r\nexport declare const MoveDirectionEnum: {\r\n    UP: number;\r\n    DOWN: number;\r\n};\r\nexport interface IMovableOptionsListState {\r\n    isAvailableSelected: boolean;\r\n    isSelectedSelected: boolean;\r\n    availableElems: IMovableOptionsListElement[];\r\n    selectedElems: IMovableOptionsListElement[];\r\n    error: any;\r\n}\r\nexport declare class MovableOptionsListBase extends React.PureComponent<IMovableOptionsListProps, IMovableOptionsListState> {\r\n    private scrollablePaneAvailable;\r\n    private scrollablePaneSelected;\r\n    private selectionAvailable;\r\n    private selectionSelected;\r\n    private columns;\r\n    constructor(props: IMovableOptionsListProps);\r\n    componentDidMount(): void;\r\n    checkElements(): void;\r\n    componentDidUpdate(prevProps: IMovableOptionsListProps): void;\r\n    render(): JSX.Element;\r\n    private swapElements;\r\n    private moveSelected;\r\n    private handleSwapChange;\r\n    private handleMoveUpAndDownChange;\r\n}\r\n"}}