@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/controls/listItemPicker/ComboBoxListItemPicker.js

@@ -0,0 +1,194 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboBoxListItemPicker = void 0;
+var tslib_1 = require("tslib");
+var strings = tslib_1.__importStar(require("ControlStrings"));
+var React = tslib_1.__importStar(require("react"));
+var Label_1 = require("@fluentui/react/lib/Label");
+var telemetry = tslib_1.__importStar(require("../../common/telemetry"));
+var ComboBox_1 = require("@fluentui/react/lib/ComboBox");
+var ListItemRepository_1 = require("../../common/dal/ListItemRepository");
+var ComboBoxListItemPicker_module_scss_1 = tslib_1.__importDefault(require("./ComboBoxListItemPicker.module.scss"));
+var Spinner_1 = require("@fluentui/react/lib/Spinner");
+var lodash_1 = require("lodash");
+var sp_core_library_1 = require("@microsoft/sp-core-library");
+var ComboBoxListItemPicker = /** @class */ (function (_super) {
+    tslib_1.__extends(ComboBoxListItemPicker, _super);
+    function ComboBoxListItemPicker(props) {
+        var _this = _super.call(this, props) || this;
+        _this._options = null; // eslint-disable-line @typescript-eslint/no-explicit-any
+        /**
+         * On Selected Item
+         */
+        _this.onChanged = function (option, index, value, submitPendingValueEvent) {
+            var _a, _b;
+            var selectedItems = (0, lodash_1.cloneDeep)(_this.state.selectedItems); // eslint-disable-line @typescript-eslint/no-explicit-any
+            if (_this.props.multiSelect) {
+                if (option && option.selected) {
+                    selectedItems.push((_a = {},
+                        _a[_this.props.keyColumnInternalName || "Id"] = option.key,
+                        _a[_this.props.columnInternalName] = option.text,
+                        _a.selected = option.selected,
+                        _a));
+                }
+                else {
+                    selectedItems = selectedItems.filter(function (o) { return o[_this.props.keyColumnInternalName || "Id"] !== option.key; });
+                }
+            }
+            else {
+                selectedItems.push((_b = {},
+                    _b[_this.props.keyColumnInternalName || "Id"] = option.key,
+                    _b[_this.props.columnInternalName] = option.text,
+                    _b));
+                selectedItems = selectedItems.filter(function (o) { return o[_this.props.keyColumnInternalName || "Id"] === option.key; });
+            }
+            _this.setState({
+                selectedItems: selectedItems,
+            });
+            _this.props.onSelectedItem(selectedItems);
+        };
+        telemetry.track('ComboBoxListItemPicker', {});
+        // States
+        _this.state = {
+            noresultsFoundText: !_this.props.noResultsFoundText ? strings.genericNoResultsFoundText : _this.props.noResultsFoundText,
+            showError: false,
+            errorMessage: "",
+            suggestionsHeaderText: !_this.props.suggestionsHeaderText ? strings.ListItemPickerSelectValue : _this.props.suggestionsHeaderText,
+            selectedItems: _this.props.defaultSelectedItems || [],
+            safeListId: _this.props.listId,
+        };
+        // Get SPService Factory
+        _this._listItemRepo = new ListItemRepository_1.ListItemRepository(_this.props.webUrl, _this.props.spHttpClient);
+        return _this;
+    }
+    ComboBoxListItemPicker.prototype.componentDidMount = function () {
+        var _this = this;
+        if (!sp_core_library_1.Guid.tryParse(this.props.listId)) {
+            this._listItemRepo.getListId(this.props.listId)
+                .then(function (value) {
+                _this.setState(tslib_1.__assign(tslib_1.__assign({}, _this.state), { safeListId: value }));
+                _this.loadOptions(_this.props).then(function () { }).catch(function () { });
+            })
+                .catch(function () { });
+        }
+        else {
+            this.loadOptions(this.props).then(function () { }).catch(function () { });
+        }
+    };
+    ComboBoxListItemPicker.prototype.loadOptions = function (props, isInitialLoad) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var filter, listId, keyColumnInternalName, columnInternalName, webUrl, itemLimit, onInitialized, orderBy, safeListId, query, keyColumnName, listItems, selectedItems;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        filter = props.filter, listId = props.listId, keyColumnInternalName = props.keyColumnInternalName, columnInternalName = props.columnInternalName, webUrl = props.webUrl, itemLimit = props.itemLimit, onInitialized = props.onInitialized, orderBy = props.orderBy;
+                        safeListId = this.state.safeListId;
+                        query = filter || "";
+                        keyColumnName = keyColumnInternalName || "Id";
+                        if (!(!this._options || listId !== this.props.listId || filter !== this.props.filter)) return [3 /*break*/, 2];
+                        return [4 /*yield*/, this._listItemRepo.getListItemsByFilterClause(query, safeListId, columnInternalName, keyColumnInternalName, webUrl, itemLimit || 100, orderBy)];
+                    case 1:
+                        listItems = _a.sent();
+                        this._options = listItems.map(function (option) {
+                            return {
+                                key: option[keyColumnName],
+                                text: option[columnInternalName || "Id"]
+                            };
+                        });
+                        _a.label = 2;
+                    case 2:
+                        selectedItems = this._getSelectedItems(props);
+                        this.setState({
+                            availableOptions: this._options,
+                            selectedItems: selectedItems,
+                        });
+                        if (onInitialized && isInitialLoad !== false) {
+                            onInitialized();
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    ComboBoxListItemPicker.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
+        return tslib_1.__awaiter(this, void 0, void 0, function () {
+            var selectedItems;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(nextProps.listId !== this.props.listId)) return [3 /*break*/, 2];
+                        this.setState({
+                            selectedItems: [],
+                        });
+                        return [4 /*yield*/, this.loadOptions(nextProps, false)];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2:
+                        if (!(nextProps.filter !== this.props.filter)) return [3 /*break*/, 4];
+                        return [4 /*yield*/, this.loadOptions(nextProps, false)];
+                    case 3:
+                        _a.sent();
+                        _a.label = 4;
+                    case 4:
+                        if (!(0, lodash_1.isEqual)(nextProps.defaultSelectedItems, this.props.defaultSelectedItems)) {
+                            selectedItems = this._getSelectedItems(nextProps);
+                            this.setState({
+                                selectedItems: selectedItems,
+                            });
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    ComboBoxListItemPicker.prototype._getSelectedItems = function (props) {
+        var _this = this;
+        var selectedItems = []; // eslint-disable-line @typescript-eslint/no-explicit-any
+        var keyColumnName = props.keyColumnInternalName || "Id";
+        if (props.defaultSelectedItems) {
+            //if passed only ids
+            if (!isNaN(props.defaultSelectedItems[0])) {
+                selectedItems = this._options.filter(function (opt) { return props.defaultSelectedItems.indexOf(opt.key) >= 0; });
+            }
+            else {
+                selectedItems = this._options.filter(function (opt) { return props.defaultSelectedItems.map(function (selected) { return selected[keyColumnName]; }).indexOf(opt.key) >= 0; });
+            }
+        }
+        if ((selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) > 0) {
+            selectedItems = selectedItems.map(function (item) {
+                var _a;
+                return _a = {},
+                    _a[_this.props.keyColumnInternalName || "Id"] = item.key,
+                    _a[_this.props.columnInternalName] = item.text,
+                    _a;
+            });
+        }
+        return selectedItems;
+    };
+    /*public componentDidUpdate(prevProps: IComboBoxListItemPickerProps, prevState: IComboBoxListItemPickerState): void {
+      if (this.props.listId !== prevProps.listId) {
+  
+      }
+    }*/
+    /**
+     * Render the field
+     */
+    ComboBoxListItemPicker.prototype.render = function () {
+        var _this = this;
+        var _a;
+        var _b = this.props, className = _b.className, disabled = _b.disabled;
+        var selectedKeys = ((_a = this.state.selectedItems) === null || _a === void 0 ? void 0 : _a.map(function (item) { return item[_this.props.keyColumnInternalName || "Id"]; })) || [];
+        return (React.createElement("div", { className: ComboBoxListItemPicker_module_scss_1.default.comboBoxListItemPickerWrapper },
+            React.createElement(ComboBox_1.ComboBox, { label: this.props.label, styles: this.props.styles, options: this.state.availableOptions, autoComplete: this.props.autoComplete, comboBoxOptionStyles: this.props.comboBoxOptionStyles, allowFreeform: this.props.allowFreeform, onMenuDismissed: this.props.onMenuDismiss, onMenuOpen: this.props.onMenuOpen, text: this.props.text, onChange: function (e, value) { return _this.onChanged(value); }, multiSelect: this.props.multiSelect, selectedKey: selectedKeys, className: className, disabled: disabled }),
+            !this.state.errorMessage && !this.state.availableOptions && (React.createElement(Spinner_1.Spinner, { className: ComboBoxListItemPicker_module_scss_1.default.loading, size: Spinner_1.SpinnerSize.small })),
+            !!this.state.errorMessage &&
+                (React.createElement(Label_1.Label, { style: { color: '#FF0000' } },
+                    " ",
+                    this.state.errorMessage,
+                    " "))));
+    };
+    return ComboBoxListItemPicker;
+}(React.Component));
+exports.ComboBoxListItemPicker = ComboBoxListItemPicker;
+//# sourceMappingURL=ComboBoxListItemPicker.js.map

package/lib-commonjs/controls/listItemPicker/ComboBoxListItemPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxListItemPicker.js","sourceRoot":"","sources":["../../../src/controls/listItemPicker/ComboBoxListItemPicker.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/listItemPicker/ComboBoxListItemPicker.module.scss.css

@@ -0,0 +1,8 @@
+.comboBoxListItemPickerWrapper {
+  position: relative;
+}
+.comboBoxListItemPickerWrapper .loading {
+  position: absolute;
+  right: 8px;
+  bottom: 9px;
+}

package/lib-commonjs/controls/listItemPicker/IComboBoxListItemPickerProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IComboBoxListItemPickerProps.js.map

package/lib-commonjs/controls/listItemPicker/IComboBoxListItemPickerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IComboBoxListItemPickerProps.js","sourceRoot":"","sources":["../../../src/controls/listItemPicker/IComboBoxListItemPickerProps.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/listItemPicker/IComboBoxListItemPickerState.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IComboBoxListItemPickerState.js.map

package/lib-commonjs/controls/listItemPicker/IComboBoxListItemPickerState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IComboBoxListItemPickerState.js","sourceRoot":"","sources":["../../../src/controls/listItemPicker/IComboBoxListItemPickerState.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/listItemPicker/IListItemPickerProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IListItemPickerProps.js.map

package/lib-commonjs/controls/listItemPicker/IListItemPickerProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IListItemPickerProps.js","sourceRoot":"","sources":["../../../src/controls/listItemPicker/IListItemPickerProps.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/listItemPicker/IListItemPickerState.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IListItemPickerState.js.map

package/lib-commonjs/controls/listItemPicker/IListItemPickerState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IListItemPickerState.js","sourceRoot":"","sources":["../../../src/controls/listItemPicker/IListItemPickerState.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/listItemPicker/ListItemPicker.js

@@ -0,0 +1,213 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemPicker = void 0;
+var tslib_1 = require("tslib");
+var strings = tslib_1.__importStar(require("ControlStrings"));
+var React = tslib_1.__importStar(require("react"));
+var SPService_1 = tslib_1.__importDefault(require("../../services/SPService"));
+var Pickers_1 = require("@fluentui/react/lib/Pickers");
+var Label_1 = require("@fluentui/react/lib/Label");
+var Utilities_1 = require("@fluentui/react/lib/Utilities");
+var telemetry = tslib_1.__importStar(require("../../common/telemetry"));
+var isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
+var SPHelper_1 = require("../../common/utilities/SPHelper");
+var sp_core_library_1 = require("@microsoft/sp-core-library");
+var ListItemPicker = /** @class */ (function (_super) {
+    tslib_1.__extends(ListItemPicker, _super);
+    function ListItemPicker(props) {
+        var _this = _super.call(this, props) || this;
+        _this._tagPickerId = (0, Utilities_1.getId)('tagPicker');
+        /**
+         * On Selected Item
+         */
+        _this.onItemChanged = function (selectedItems) {
+            _this.setState({
+                selectedItems: selectedItems
+            });
+            _this.props.onSelectedItem(selectedItems);
+        };
+        /**
+         * Filter Change
+         */
+        _this.onFilterChanged = function (filterText, tagList) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var resolvedSugestions, selectedItems, filteredSuggestions, _loop_1, _i, resolvedSugestions_1, suggestion;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.loadListItems(filterText)];
+                    case 1:
+                        resolvedSugestions = _a.sent();
+                        selectedItems = this.state.selectedItems;
+                        // Filter out the already retrieved items, so that they cannot be selected again
+                        if (selectedItems && selectedItems.length > 0) {
+                            filteredSuggestions = [];
+                            _loop_1 = function (suggestion) {
+                                var exists = selectedItems.filter(function (sItem) { return sItem.key === suggestion.key; });
+                                if (!exists || exists.length === 0) {
+                                    filteredSuggestions.push(suggestion);
+                                }
+                            };
+                            for (_i = 0, resolvedSugestions_1 = resolvedSugestions; _i < resolvedSugestions_1.length; _i++) {
+                                suggestion = resolvedSugestions_1[_i];
+                                _loop_1(suggestion);
+                            }
+                            resolvedSugestions = filteredSuggestions;
+                        }
+                        if (resolvedSugestions) {
+                            this.setState({
+                                errorMessage: "",
+                                showError: false
+                            });
+                            return [2 /*return*/, resolvedSugestions];
+                        }
+                        else {
+                            return [2 /*return*/, []];
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        /**
+         * Function to load List Items
+         */
+        _this.loadListItems = function (filterText) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var _a, columnInternalName, keyColumnInternalName, webUrl, filter, orderBy, substringSearch, itemsQueryCountLimit, _b, field, safeListId, arrayItems, keyColumn, listItems, _i, listItems_1, item, error_1;
+            return tslib_1.__generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _a = this.props, columnInternalName = _a.columnInternalName, keyColumnInternalName = _a.keyColumnInternalName, webUrl = _a.webUrl, filter = _a.filter, orderBy = _a.orderBy, substringSearch = _a.substringSearch, itemsQueryCountLimit = _a.itemsQueryCountLimit;
+                        _b = this.state, field = _b.field, safeListId = _b.safeListId;
+                        arrayItems = [];
+                        keyColumn = keyColumnInternalName || 'Id';
+                        _c.label = 1;
+                    case 1:
+                        _c.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, this._spservice.getListItems(filterText, safeListId, columnInternalName, field, keyColumn, webUrl, filter, substringSearch, orderBy ? orderBy : '', itemsQueryCountLimit)];
+                    case 2:
+                        listItems = _c.sent();
+                        // Check if the list had items
+                        if (listItems.length > 0) {
+                            for (_i = 0, listItems_1 = listItems; _i < listItems_1.length; _i++) {
+                                item = listItems_1[_i];
+                                arrayItems.push({ key: item[keyColumn], name: SPHelper_1.SPHelper.isTextFieldType(field.TypeAsString === 'Calculated' ? field.ResultType : field.TypeAsString) ? item[columnInternalName] : item.FieldValuesAsText[columnInternalName] });
+                            }
+                        }
+                        return [2 /*return*/, arrayItems];
+                    case 3:
+                        error_1 = _c.sent();
+                        console.log("Error get Items", error_1);
+                        this.setState({
+                            showError: true,
+                            errorMessage: error_1.message,
+                            noresultsFoundText: error_1.message
+                        });
+                        return [2 /*return*/, null];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        _this.loadField = function (props) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var field;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this.setState({
+                            field: undefined
+                        });
+                        return [4 /*yield*/, this._spservice.getField(this.state.safeListId, props.columnInternalName, props.webUrl)];
+                    case 1:
+                        field = _a.sent();
+                        this.setState({
+                            field: field
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        telemetry.track('ListItemPicker', {});
+        // States
+        _this.state = {
+            noresultsFoundText: !_this.props.noResultsFoundText ? strings.genericNoResultsFoundText : _this.props.noResultsFoundText,
+            showError: false,
+            errorMessage: "",
+            suggestionsHeaderText: !_this.props.suggestionsHeaderText ? strings.ListItemPickerSelectValue : _this.props.suggestionsHeaderText,
+            selectedItems: props.defaultSelectedItems || [],
+            safeListId: props.listId,
+        };
+        // Get SPService Factory
+        _this._spservice = new SPService_1.default(_this.props.context);
+        return _this;
+    }
+    ListItemPicker.prototype.ensureLoadField = function () {
+        this.loadField(this.props).then(function () { }).catch(function () { });
+    };
+    ListItemPicker.prototype.componentDidMount = function () {
+        var _this = this;
+        // Ensure list ID if a list name is passed in listId parameter
+        if (!sp_core_library_1.Guid.tryParse(this.props.listId)) {
+            this._spservice.getListId(this.props.listId)
+                .then(function (value) {
+                _this.setState(tslib_1.__assign(tslib_1.__assign({}, _this.state), { safeListId: value }));
+                _this.ensureLoadField();
+            })
+                .catch(function () { });
+        }
+        else {
+            this.ensureLoadField();
+        }
+    };
+    ListItemPicker.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
+        var newSelectedItems; // eslint-disable-line @typescript-eslint/no-explicit-any
+        if (this.props.listId !== nextProps.listId) {
+            newSelectedItems = [];
+        }
+        if (!(0, isEqual_1.default)(this.props.defaultSelectedItems, nextProps.defaultSelectedItems)) {
+            newSelectedItems = nextProps.defaultSelectedItems;
+        }
+        this.setState({
+            selectedItems: newSelectedItems
+        });
+        if (this.props.listId !== nextProps.listId
+            || this.props.columnInternalName !== nextProps.columnInternalName
+            || this.props.webUrl !== nextProps.webUrl) {
+            this.ensureLoadField();
+        }
+    };
+    /**
+     * Render the field
+     */
+    ListItemPicker.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, className = _a.className, disabled = _a.disabled, itemLimit = _a.itemLimit, placeholder = _a.placeholder;
+        var _b = this.state, suggestionsHeaderText = _b.suggestionsHeaderText, noresultsFoundText = _b.noresultsFoundText, errorMessage = _b.errorMessage, selectedItems = _b.selectedItems;
+        return (React.createElement("div", null,
+            !!this.props.label &&
+                React.createElement(Label_1.Label, { htmlFor: this._tagPickerId }, this.props.label),
+            React.createElement("div", { id: this._tagPickerId },
+                React.createElement(Pickers_1.TagPicker, { onResolveSuggestions: this.onFilterChanged, styles: this.props.styles, onEmptyResolveSuggestions: function (selectLists) {
+                        if (_this.props.enableDefaultSuggestions) {
+                            return _this.onFilterChanged("", selectLists);
+                        }
+                    }, 
+                    //   getTextFromItem={(item: any) => { return item.name; }}
+                    getTextFromItem: this.getTextFromItem, pickerSuggestionsProps: {
+                        suggestionsHeaderText: suggestionsHeaderText,
+                        noResultsFoundText: noresultsFoundText
+                    }, selectedItems: selectedItems, onChange: this.onItemChanged, className: className, itemLimit: itemLimit, disabled: disabled, inputProps: {
+                        placeholder: placeholder
+                    } })),
+            !!errorMessage &&
+                (React.createElement(Label_1.Label, { style: { color: '#FF0000' } },
+                    " ",
+                    errorMessage,
+                    " "))));
+    };
+    /**
+     * Get text from Item
+     */
+    ListItemPicker.prototype.getTextFromItem = function (item) {
+        return item.name;
+    };
+    return ListItemPicker;
+}(React.Component));
+exports.ListItemPicker = ListItemPicker;
+//# sourceMappingURL=ListItemPicker.js.map

package/lib-commonjs/controls/listItemPicker/ListItemPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemPicker.js","sourceRoot":"","sources":["../../../src/controls/listItemPicker/ListItemPicker.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/listItemPicker/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+// A file is required to be in the root of the /src directory by the TypeScript compiler
+tslib_1.__exportStar(require("./IListItemPickerProps"), exports);
+tslib_1.__exportStar(require("./IComboBoxListItemPickerProps"), exports);
+tslib_1.__exportStar(require("./IListItemPickerState"), exports);
+tslib_1.__exportStar(require("./IComboBoxListItemPickerState"), exports);
+tslib_1.__exportStar(require("./ListItemPicker"), exports);
+tslib_1.__exportStar(require("./ComboBoxListItemPicker"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/listItemPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/listItemPicker/index.ts"],"names":[],"mappings":";;;AAAA,wFAAwF;AACxF,iEAAuC;AACvC,yEAA+C;AAC/C,iEAAuC;AACvC,yEAA+C;AAC/C,2DAAiC;AACjC,mEAAyC"}

package/lib-commonjs/controls/listPicker/IListPicker.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=IListPicker.js.map

package/lib-commonjs/controls/listPicker/IListPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IListPicker.js","sourceRoot":"","sources":["../../../src/controls/listPicker/IListPicker.ts"],"names":[],"mappings":""}