{"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 (React.createElement(Fabric, { className: \"ms-Grid \" + classNames.root },\r\n            title && React.createElement(Title, { title: title, icon: true }),\r\n            React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm5 ms-md5 ms-lg5\" },\r\n                    React.createElement(Label, { className: \"ms-font-l ms-fontWeight-regular\" }, availableLabel ? availableLabel : 'Available')),\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm1 ms-md1 ms-lg1\" }),\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm5 ms-md5 ms-lg5\" },\r\n                    React.createElement(Label, { className: \"ms-font-l  ms-fontWeight-regular\" }, selectedLabel ? selectedLabel : 'Selected')),\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm1 ms-md1 ms-lg1\" })),\r\n            React.createElement(\"div\", { className: \"ms-Grid-row ml-nl-md\" },\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm12 ms-md12 ms-lg12\" })),\r\n            React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm5 ms-md5 ms-lg5\", style: { position: 'relative' } },\r\n                    React.createElement(ScrollablePane, { componentRef: this.scrollablePaneAvailable, style: { height: this.props.height } },\r\n                        React.createElement(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                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm1 ms-md1 ms-lg1\" },\r\n                    React.createElement(\"div\", { className: \"ms-Grid\" },\r\n                        React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                            React.createElement(\"div\", { className: \"ms-Grid-col ms-sm12 ms-md12 ms-lg12\", style: { textAlign: 'center' } },\r\n                                React.createElement(IconButton, { iconProps: { iconName: 'ChevronLeft' }, disabled: !this.state.isSelectedSelected, onClick: function () { return _this.swapElements(MoveModeEnum.SELECTED_TO_AVAILABLE); } }))),\r\n                        React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                            React.createElement(\"div\", { className: \"ms-Grid-col ms-sm12 ms-md12 ms-lg12\", style: { textAlign: 'center' } },\r\n                                React.createElement(IconButton, { iconProps: { iconName: 'ChevronRight' }, disabled: !this.state.isAvailableSelected, onClick: function () { return _this.swapElements(MoveModeEnum.AVAILABLE_TO_SELECTED); } }))))),\r\n                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm5 ms-md5 ms-lg5\", style: { position: 'relative' } },\r\n                    React.createElement(ScrollablePane, { componentRef: this.scrollablePaneSelected, style: { height: this.props.height } },\r\n                        React.createElement(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                React.createElement(\"div\", { className: \"ms-Grid-col ms-sm1 ms-md1 ms-lg1\" }, !disableUpAndDown && (React.createElement(\"div\", { className: \"ms-Grid\" },\r\n                    React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                        React.createElement(\"div\", { className: \"ms-Grid-col ms-sm12 ms-md12 ms-lg12\" },\r\n                            React.createElement(IconButton, { iconProps: { iconName: 'ChevronUp' }, disabled: !this.state.isSelectedSelected, onClick: function () { return _this.moveSelected(MoveDirectionEnum.UP); } }))),\r\n                    React.createElement(\"div\", { className: \"ms-Grid-row\" },\r\n                        React.createElement(\"div\", { className: \"ms-Grid-col ms-sm12 ms-md12 ms-lg12\" },\r\n                            React.createElement(IconButton, { iconProps: { iconName: 'ChevronDown' }, disabled: !this.state.isSelectedSelected, onClick: function () { return _this.moveSelected(MoveDirectionEnum.DOWN); } })))))))));\r\n    };\r\n    return MovableOptionsListBase;\r\n}(React.PureComponent));\r\nexport { MovableOptionsListBase };\r\n//# sourceMappingURL=MovableOptionsList.base.js.map","map":"{\"version\":3,\"file\":\"MovableOptionsList.base.js\",\"sourceRoot\":\"\",\"sources\":[\"../../../../../src/lib/components/MovableOptionsList/MovableOptionsList.base.tsx\"],\"names\":[],\"mappings\":\"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\"}","dts":{"name":"C:/WORK/ImageTag/Tests/react-ktx-3530/dist/types/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"}}