first commit

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/BaseExtendedPicker.d.ts

@@ -0,0 +1,52 @@
+import * as React from 'react';
+import { Autofill } from '../../Autofill';
+import { BaseFloatingPicker } from '../../FloatingPicker';
+import { BaseSelectedItemsList } from '../../SelectedItemsList';
+import { Selection } from '../../Selection';
+import type { IBaseExtendedPickerProps, IBaseExtendedPicker } from './BaseExtendedPicker.types';
+import type { IBaseFloatingPickerProps } from '../../FloatingPicker';
+import type { IBaseSelectedItemsListProps } from '../../SelectedItemsList';
+import type { JSXElement } from '@fluentui/utilities';
+export interface IBaseExtendedPickerState<T> {
+    queryString: string | null;
+}
+export declare class BaseExtendedPicker<T extends {}, P extends IBaseExtendedPickerProps<T>> extends React.Component<P, IBaseExtendedPickerState<T>> implements IBaseExtendedPicker<T> {
+    floatingPicker: React.RefObject<BaseFloatingPicker<T, IBaseFloatingPickerProps<T>> | null>;
+    selectedItemsList: React.RefObject<BaseSelectedItemsList<T, IBaseSelectedItemsListProps<T>> | null>;
+    protected root: React.RefObject<HTMLDivElement | null>;
+    protected input: React.RefObject<Autofill | null>;
+    protected selection: Selection;
+    constructor(basePickerProps: P);
+    get items(): any;
+    componentDidMount(): void;
+    focus(): void;
+    clearInput(): void;
+    get inputElement(): HTMLInputElement | null;
+    get highlightedItems(): T[];
+    render(): JSXElement;
+    protected get floatingPickerProps(): IBaseFloatingPickerProps<T>;
+    protected get selectedItemsListProps(): IBaseSelectedItemsListProps<T>;
+    protected onSelectionChange: () => void;
+    protected canAddItems(): boolean;
+    protected renderFloatingPicker(): JSXElement;
+    protected renderSelectedItemsList(): JSXElement;
+    protected onInputChange: (value: string, composing?: boolean) => void;
+    protected onInputFocus: (ev: React.FocusEvent<HTMLInputElement | Autofill>) => void;
+    protected onInputClick: (ev: React.MouseEvent<HTMLInputElement | Autofill>) => void;
+    protected onBackspace: (ev: React.KeyboardEvent<HTMLElement>) => void;
+    protected onCopy: (ev: React.ClipboardEvent<HTMLElement>) => void;
+    protected onPaste: (ev: React.ClipboardEvent<Autofill | HTMLInputElement>) => void;
+    protected _onSuggestionSelected: (item: T) => void;
+    protected _onSelectedItemsChanged: () => void;
+    /**
+     * The floating picker is the source of truth for if the menu has been opened or not.
+     *
+     * Because this isn't tracked inside the state of this component, we need to
+     * force an update here to keep the rendered output that depends on the picker being open
+     * in sync with the state
+     *
+     * Called when the suggestions is shown or closed
+     */
+    private _onSuggestionsShownOrHidden;
+    private _addProcessedItem;
+}

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/BaseExtendedPicker.js

@@ -0,0 +1,235 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseExtendedPicker = void 0;
+var tslib_1 = require("tslib");
+var React = require("react");
+var Utilities_1 = require("../../Utilities");
+var Autofill_1 = require("../../Autofill");
+var stylesImport = require("./BaseExtendedPicker.scss");
+var FocusZone_1 = require("../../FocusZone");
+var Selection_1 = require("../../Selection");
+var styles = stylesImport;
+var BaseExtendedPicker = /** @class */ (function (_super) {
+    tslib_1.__extends(BaseExtendedPicker, _super);
+    function BaseExtendedPicker(basePickerProps) {
+        var _this = _super.call(this, basePickerProps) || this;
+        _this.floatingPicker = React.createRef();
+        _this.selectedItemsList = React.createRef();
+        _this.root = React.createRef();
+        _this.input = React.createRef();
+        _this.onSelectionChange = function () {
+            _this.forceUpdate();
+        };
+        _this.onInputChange = function (value, composing) {
+            // We don't want to update the picker's suggestions when the input is still being composed
+            if (!composing) {
+                _this.setState({ queryString: value });
+                if (_this.floatingPicker.current) {
+                    _this.floatingPicker.current.onQueryStringChanged(value);
+                }
+            }
+        };
+        _this.onInputFocus = function (ev) {
+            if (_this.selectedItemsList.current) {
+                _this.selectedItemsList.current.unselectAll();
+            }
+            if (_this.props.inputProps && _this.props.inputProps.onFocus) {
+                _this.props.inputProps.onFocus(ev);
+            }
+        };
+        _this.onInputClick = function (ev) {
+            if (_this.selectedItemsList.current) {
+                _this.selectedItemsList.current.unselectAll();
+            }
+            if (_this.floatingPicker.current && _this.inputElement) {
+                // Update the value if the input value is empty or is different than the current inputText from the floatingPicker
+                var shoudUpdateValue = _this.inputElement.value === '' || _this.inputElement.value !== _this.floatingPicker.current.inputText;
+                _this.floatingPicker.current.showPicker(shoudUpdateValue);
+            }
+        };
+        // This is protected because we may expect the backspace key to work differently in a different kind of picker.
+        // This lets the subclass override it and provide it's own onBackspace. For an example see the BasePickerListBelow
+        _this.onBackspace = function (ev) {
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
+            if (ev.which !== Utilities_1.KeyCodes.backspace) {
+                return;
+            }
+            if (_this.selectedItemsList.current && _this.items.length) {
+                if (_this.input.current &&
+                    !_this.input.current.isValueSelected &&
+                    _this.input.current.inputElement === ev.currentTarget.ownerDocument.activeElement &&
+                    _this.input.current.cursorLocation === 0) {
+                    if (_this.floatingPicker.current) {
+                        _this.floatingPicker.current.hidePicker();
+                    }
+                    ev.preventDefault();
+                    _this.selectedItemsList.current.removeItemAt(_this.items.length - 1);
+                    _this._onSelectedItemsChanged();
+                }
+                else if (_this.selectedItemsList.current.hasSelectedItems()) {
+                    if (_this.floatingPicker.current) {
+                        _this.floatingPicker.current.hidePicker();
+                    }
+                    ev.preventDefault();
+                    _this.selectedItemsList.current.removeSelectedItems();
+                    _this._onSelectedItemsChanged();
+                }
+            }
+        };
+        _this.onCopy = function (ev) {
+            if (_this.selectedItemsList.current) {
+                // Pass it down into the selected items list
+                _this.selectedItemsList.current.onCopy(ev);
+            }
+        };
+        _this.onPaste = function (ev) {
+            if (_this.props.onPaste) {
+                var inputText = ev.clipboardData.getData('Text');
+                ev.preventDefault();
+                _this.props.onPaste(inputText);
+            }
+        };
+        _this._onSuggestionSelected = function (item) {
+            var currentRenderedQueryString = _this.props.currentRenderedQueryString;
+            var queryString = _this.state.queryString;
+            if (currentRenderedQueryString === undefined || currentRenderedQueryString === queryString) {
+                var processedItem = _this.props.onItemSelected
+                    ? _this.props.onItemSelected(item)
+                    : item;
+                if (processedItem === null) {
+                    return;
+                }
+                var processedItemObject = processedItem;
+                var processedItemPromiseLike = processedItem;
+                var newItem_1;
+                if (processedItemPromiseLike && processedItemPromiseLike.then) {
+                    processedItemPromiseLike.then(function (resolvedProcessedItem) {
+                        newItem_1 = resolvedProcessedItem;
+                        _this._addProcessedItem(newItem_1);
+                    });
+                }
+                else {
+                    newItem_1 = processedItemObject;
+                    _this._addProcessedItem(newItem_1);
+                }
+            }
+        };
+        _this._onSelectedItemsChanged = function () {
+            _this.focus();
+        };
+        /**
+         * The floating picker is the source of truth for if the menu has been opened or not.
+         *
+         * Because this isn't tracked inside the state of this component, we need to
+         * force an update here to keep the rendered output that depends on the picker being open
+         * in sync with the state
+         *
+         * Called when the suggestions is shown or closed
+         */
+        _this._onSuggestionsShownOrHidden = function () {
+            _this.forceUpdate();
+        };
+        (0, Utilities_1.initializeComponentRef)(_this);
+        _this.selection = new Selection_1.Selection({ onSelectionChanged: function () { return _this.onSelectionChange(); } });
+        _this.state = {
+            queryString: '',
+        };
+        return _this;
+    }
+    Object.defineProperty(BaseExtendedPicker.prototype, "items", {
+        get: function () {
+            var _a, _b, _c, _d;
+            return (_d = (_c = (_a = this.props.selectedItems) !== null && _a !== void 0 ? _a : (_b = this.selectedItemsList.current) === null || _b === void 0 ? void 0 : _b.items) !== null && _c !== void 0 ? _c : this.props.defaultSelectedItems) !== null && _d !== void 0 ? _d : null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BaseExtendedPicker.prototype.componentDidMount = function () {
+        this.forceUpdate();
+    };
+    BaseExtendedPicker.prototype.focus = function () {
+        if (this.input.current) {
+            this.input.current.focus();
+        }
+    };
+    BaseExtendedPicker.prototype.clearInput = function () {
+        if (this.input.current) {
+            this.input.current.clear();
+        }
+    };
+    Object.defineProperty(BaseExtendedPicker.prototype, "inputElement", {
+        get: function () {
+            return this.input.current && this.input.current.inputElement;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseExtendedPicker.prototype, "highlightedItems", {
+        get: function () {
+            return this.selectedItemsList.current ? this.selectedItemsList.current.highlightedItems() : [];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BaseExtendedPicker.prototype.render = function () {
+        var _a = this.props, className = _a.className, inputProps = _a.inputProps, disabled = _a.disabled, focusZoneProps = _a.focusZoneProps;
+        var activeDescendant = this.floatingPicker.current && this.floatingPicker.current.currentSelectedSuggestionIndex !== -1
+            ? 'sug-' + this.floatingPicker.current.currentSelectedSuggestionIndex
+            : undefined;
+        var isExpanded = this.floatingPicker.current ? this.floatingPicker.current.isSuggestionsShown : false;
+        return (React.createElement("div", { ref: this.root, className: (0, Utilities_1.css)('ms-BasePicker ms-BaseExtendedPicker', className ? className : ''), onKeyDown: this.onBackspace, onCopy: this.onCopy },
+            React.createElement(FocusZone_1.FocusZone, tslib_1.__assign({ direction: FocusZone_1.FocusZoneDirection.bidirectional }, focusZoneProps),
+                React.createElement(Selection_1.SelectionZone, { selection: this.selection, selectionMode: Selection_1.SelectionMode.multiple },
+                    React.createElement("div", { className: (0, Utilities_1.css)('ms-BasePicker-text', styles.pickerText), role: 'list' },
+                        this.props.headerComponent,
+                        this.renderSelectedItemsList(),
+                        this.canAddItems() && (React.createElement(Autofill_1.Autofill, tslib_1.__assign({}, inputProps, { className: (0, Utilities_1.css)('ms-BasePicker-input', styles.pickerInput), ref: this.input, onFocus: this.onInputFocus, onClick: this.onInputClick, onInputValueChange: this.onInputChange, "aria-activedescendant": activeDescendant, "aria-owns": isExpanded ? 'suggestion-list' : undefined, "aria-expanded": isExpanded, "aria-haspopup": "true", role: "combobox", disabled: disabled, onPaste: this.onPaste })))))),
+            this.renderFloatingPicker()));
+    };
+    Object.defineProperty(BaseExtendedPicker.prototype, "floatingPickerProps", {
+        get: function () {
+            return this.props.floatingPickerProps;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseExtendedPicker.prototype, "selectedItemsListProps", {
+        get: function () {
+            return this.props.selectedItemsListProps;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    BaseExtendedPicker.prototype.canAddItems = function () {
+        var itemLimit = this.props.itemLimit;
+        return itemLimit === undefined || this.items.length < itemLimit;
+    };
+    BaseExtendedPicker.prototype.renderFloatingPicker = function () {
+        var FloatingPicker = this.props.onRenderFloatingPicker;
+        return (React.createElement(FloatingPicker, tslib_1.__assign({ componentRef: this.floatingPicker, onChange: this._onSuggestionSelected, onSuggestionsHidden: this._onSuggestionsShownOrHidden, onSuggestionsShown: this._onSuggestionsShownOrHidden, inputElement: this.input.current ? this.input.current.inputElement : undefined, selectedItems: this.items, suggestionItems: this.props.suggestionItems ? this.props.suggestionItems : undefined }, this.floatingPickerProps)));
+    };
+    BaseExtendedPicker.prototype.renderSelectedItemsList = function () {
+        var SelectedItems = this.props.onRenderSelectedItems;
+        return (React.createElement(SelectedItems, tslib_1.__assign({ componentRef: this.selectedItemsList, selection: this.selection, selectedItems: this.props.selectedItems ? this.props.selectedItems : undefined, onItemsDeleted: this.props.selectedItems ? this.props.onItemsRemoved : undefined }, this.selectedItemsListProps)));
+    };
+    BaseExtendedPicker.prototype._addProcessedItem = function (newItem) {
+        // If this is a controlled component, call the on item selected callback
+        // Otherwise add it to the selectedItemsList
+        if (this.props.onItemAdded) {
+            this.props.onItemAdded(newItem);
+        }
+        if (this.selectedItemsList.current) {
+            this.selectedItemsList.current.addItems([newItem]);
+        }
+        if (this.input.current) {
+            this.input.current.clear();
+        }
+        if (this.floatingPicker.current) {
+            this.floatingPicker.current.hidePicker();
+        }
+        this.focus();
+    };
+    return BaseExtendedPicker;
+}(React.Component));
+exports.BaseExtendedPicker = BaseExtendedPicker;
+//# sourceMappingURL=BaseExtendedPicker.js.map

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/BaseExtendedPicker.scss.d.ts

@@ -0,0 +1,2 @@
+export declare const pickerText = "pickerText_9f838726";
+export declare const pickerInput = "pickerInput_9f838726";

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/BaseExtendedPicker.scss.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pickerInput = exports.pickerText = void 0;
+/* eslint-disable */
+var load_themed_styles_1 = require("@microsoft/load-themed-styles");
+(0, load_themed_styles_1.loadStyles)([{ "rawString": ".pickerText_9f838726{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid " }, { "theme": "neutralTertiary", "defaultValue": "#a19f9d" }, { "rawString": ";min-width:180px;padding:1px;min-height:32px}.pickerText_9f838726:hover{border-color:" }, { "theme": "themeLight", "defaultValue": "#c7e0f4" }, { "rawString": "}.pickerInput_9f838726{height:34px;border:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;outline:0;padding:0 6px 0;margin:1px}.pickerInput_9f838726::-ms-clear{display:none}" }]);
+exports.pickerText = "pickerText_9f838726";
+exports.pickerInput = "pickerInput_9f838726";
+//# sourceMappingURL=BaseExtendedPicker.scss.js.map

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/BaseExtendedPicker.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseExtendedPicker.scss.js","sourceRoot":"../src/","sources":["components/ExtendedPicker/BaseExtendedPicker.scss.ts"],"names":[],"mappings":";;;AAAA,oBAAoB;AACpB,oEAA2D;AAC3D,IAAA,+BAAU,EAAC,CAAC,EAAC,WAAW,EAAC,qPAAqP,EAAC,EAAC,EAAC,OAAO,EAAC,iBAAiB,EAAC,cAAc,EAAC,SAAS,EAAC,EAAC,EAAC,WAAW,EAAC,uFAAuF,EAAC,EAAC,EAAC,OAAO,EAAC,YAAY,EAAC,cAAc,EAAC,SAAS,EAAC,EAAC,EAAC,WAAW,EAAC,uLAAuL,EAAC,CAAC,CAAC,CAAC;AACtpB,QAAA,UAAU,GAAG,qBAAqB,CAAC;AACnC,QAAA,WAAW,GAAG,sBAAsB,CAAC","sourcesContent":["/* eslint-disable */\nimport { loadStyles } from '@microsoft/load-themed-styles';\nloadStyles([{\"rawString\":\".pickerText_9f838726{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid \"},{\"theme\":\"neutralTertiary\",\"defaultValue\":\"#a19f9d\"},{\"rawString\":\";min-width:180px;padding:1px;min-height:32px}.pickerText_9f838726:hover{border-color:\"},{\"theme\":\"themeLight\",\"defaultValue\":\"#c7e0f4\"},{\"rawString\":\"}.pickerInput_9f838726{height:34px;border:none;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;outline:0;padding:0 6px 0;margin:1px}.pickerInput_9f838726::-ms-clear{display:none}\"}]);\nexport const pickerText = \"pickerText_9f838726\";\nexport const pickerInput = \"pickerInput_9f838726\";"]}

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/BaseExtendedPicker.types.d.ts

@@ -0,0 +1,110 @@
+import * as React from 'react';
+import { Autofill } from '../../Autofill';
+import type { IInputProps } from '../../Pickers';
+import type { IBaseFloatingPickerProps } from '../../FloatingPicker';
+import type { IBaseSelectedItemsListProps } from '../../SelectedItemsList';
+import type { IRefObject } from '../../Utilities';
+import type { IFocusZoneProps } from '../../FocusZone';
+import type { JSXElement } from '@fluentui/utilities';
+export interface IBaseExtendedPicker<T> {
+    /** Forces the picker to resolve */
+    forceResolve?: () => void;
+    /** Gets the current value of the input. */
+    items: T[] | undefined;
+    /** Sets focus to the input. */
+    focus: () => void;
+}
+export interface IBaseExtendedPickerProps<T> {
+    /**
+     * Ref of the component
+     */
+    componentRef?: IRefObject<IBaseExtendedPicker<T>>;
+    /**
+     * Header/title element for the picker
+     */
+    headerComponent?: JSXElement;
+    /**
+     * Initial items that have already been selected and should appear in the people picker.
+     */
+    defaultSelectedItems?: T[];
+    /**
+     * A callback for when the selected list of items changes.
+     */
+    onChange?: (items?: T[]) => void;
+    /**
+     * A callback for when text is pasted into the input
+     */
+    onPaste?: (pastedText: string) => T[];
+    /**
+     * A callback for when the user put focus on the picker
+     */
+    onFocus?: React.FocusEventHandler<HTMLInputElement | Autofill>;
+    /**
+     * A callback for when the user moves the focus away from the picker
+     */
+    onBlur?: React.FocusEventHandler<HTMLInputElement | Autofill>;
+    /**
+     * ClassName for the picker.
+     */
+    className?: string;
+    /**
+     * Function that specifies how the floating picker will appear.
+     */
+    onRenderFloatingPicker: React.ComponentType<IBaseFloatingPickerProps<T>>;
+    /**
+     * Function that specifies how the floating picker will appear.
+     */
+    onRenderSelectedItems: React.ComponentType<IBaseSelectedItemsListProps<T>>;
+    /**
+     * Floating picker properties
+     */
+    floatingPickerProps: IBaseFloatingPickerProps<T>;
+    /**
+     * Selected items list properties
+     */
+    selectedItemsListProps: IBaseSelectedItemsListProps<T>;
+    /**
+     * Autofill input native props
+     * @defaultvalue undefined
+     */
+    inputProps?: IInputProps;
+    /**
+     * Flag for disabling the picker.
+     * @defaultvalue false
+     */
+    disabled?: boolean;
+    /**
+     * Restrict the amount of selectable items.
+     * @defaultvalue undefined
+     */
+    itemLimit?: number;
+    /**
+     * A callback to process a selection after the user selects a suggestion from the picker.
+     * The returned item will be added to the selected items list
+     */
+    onItemSelected?: (selectedItem?: T) => T | PromiseLike<T>;
+    /**
+     * A callback on when an item was added to the selected item list
+     */
+    onItemAdded?: (addedItem: T) => void;
+    /**
+     * A callback on when an item or items were removed from the selected item list
+     */
+    onItemsRemoved?: (removedItems: T[]) => void;
+    /**
+     * If using as a controlled component use selectedItems here instead of the SelectedItemsList
+     */
+    selectedItems?: T[];
+    /**
+     * If using as a controlled component use suggestionItems here instead of FloatingPicker
+     */
+    suggestionItems?: T[];
+    /**
+     * Focus zone props
+     */
+    focusZoneProps?: IFocusZoneProps;
+    /**
+     * Current rendered query string that correlates to the rendered result
+     **/
+    currentRenderedQueryString?: string;
+}

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/BaseExtendedPicker.types.js

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

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/BaseExtendedPicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseExtendedPicker.types.js","sourceRoot":"../src/","sources":["components/ExtendedPicker/BaseExtendedPicker.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { Autofill } from '../../Autofill';\nimport type { IInputProps } from '../../Pickers';\nimport type { IBaseFloatingPickerProps } from '../../FloatingPicker';\nimport type { IBaseSelectedItemsListProps } from '../../SelectedItemsList';\nimport type { IRefObject } from '../../Utilities';\nimport type { IFocusZoneProps } from '../../FocusZone';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\nexport interface IBaseExtendedPicker<T> {\n  /** Forces the picker to resolve */\n  forceResolve?: () => void;\n  /** Gets the current value of the input. */\n  items: T[] | undefined;\n  /** Sets focus to the input. */\n  focus: () => void;\n}\n\n// Type T is the type of the item that is displayed\n// and searched for by the people picker. For example, if the picker is\n// displaying persona's than type T could either be of Persona or Ipersona props\nexport interface IBaseExtendedPickerProps<T> {\n  /**\n   * Ref of the component\n   */\n  componentRef?: IRefObject<IBaseExtendedPicker<T>>;\n\n  /**\n   * Header/title element for the picker\n   */\n\n  headerComponent?: JSXElement;\n\n  /**\n   * Initial items that have already been selected and should appear in the people picker.\n   */\n  defaultSelectedItems?: T[];\n\n  /**\n   * A callback for when the selected list of items changes.\n   */\n  onChange?: (items?: T[]) => void;\n\n  /**\n   * A callback for when text is pasted into the input\n   */\n  onPaste?: (pastedText: string) => T[];\n\n  /**\n   * A callback for when the user put focus on the picker\n   */\n  onFocus?: React.FocusEventHandler<HTMLInputElement | Autofill>;\n\n  /**\n   * A callback for when the user moves the focus away from the picker\n   */\n  onBlur?: React.FocusEventHandler<HTMLInputElement | Autofill>;\n\n  /**\n   * ClassName for the picker.\n   */\n  className?: string;\n\n  /**\n   * Function that specifies how the floating picker will appear.\n   */\n  onRenderFloatingPicker: React.ComponentType<IBaseFloatingPickerProps<T>>;\n\n  /**\n   * Function that specifies how the floating picker will appear.\n   */\n  onRenderSelectedItems: React.ComponentType<IBaseSelectedItemsListProps<T>>;\n\n  /**\n   * Floating picker properties\n   */\n  floatingPickerProps: IBaseFloatingPickerProps<T>;\n\n  /**\n   * Selected items list properties\n   */\n  selectedItemsListProps: IBaseSelectedItemsListProps<T>;\n\n  /**\n   * Autofill input native props\n   * @defaultvalue undefined\n   */\n  inputProps?: IInputProps;\n\n  /**\n   * Flag for disabling the picker.\n   * @defaultvalue false\n   */\n  disabled?: boolean;\n\n  /**\n   * Restrict the amount of selectable items.\n   * @defaultvalue undefined\n   */\n  itemLimit?: number;\n\n  /**\n   * A callback to process a selection after the user selects a suggestion from the picker.\n   * The returned item will be added to the selected items list\n   */\n  onItemSelected?: (selectedItem?: T) => T | PromiseLike<T>;\n\n  /**\n   * A callback on when an item was added to the selected item list\n   */\n  onItemAdded?: (addedItem: T) => void;\n\n  /**\n   * A callback on when an item or items were removed from the selected item list\n   */\n  onItemsRemoved?: (removedItems: T[]) => void;\n\n  /**\n   * If using as a controlled component use selectedItems here instead of the SelectedItemsList\n   */\n  selectedItems?: T[];\n\n  /**\n   * If using as a controlled component use suggestionItems here instead of FloatingPicker\n   */\n  suggestionItems?: T[];\n\n  /**\n   * Focus zone props\n   */\n  focusZoneProps?: IFocusZoneProps;\n\n  /**\n   * Current rendered query string that correlates to the rendered result\n   **/\n  currentRenderedQueryString?: string;\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.d.ts

@@ -0,0 +1,26 @@
+import './ExtendedPeoplePicker.scss';
+import { BaseExtendedPicker } from '../BaseExtendedPicker';
+import type { IPickerItemProps } from '../../../Pickers';
+import type { IExtendedPersonaProps } from '../../../SelectedItemsList';
+import type { IPersonaProps } from '../../../Persona';
+import type { IBaseExtendedPickerProps } from '../BaseExtendedPicker.types';
+/**
+ * {@docCategory ExtendedPeoplePicker}
+ */
+export interface IPeoplePickerItemProps extends IPickerItemProps<IExtendedPersonaProps> {
+}
+/**
+ * {@docCategory ExtendedPeoplePicker}
+ */
+export interface IExtendedPeoplePickerProps extends IBaseExtendedPickerProps<IPersonaProps> {
+}
+/**
+ * {@docCategory ExtendedPeoplePicker}
+ */
+export declare class BaseExtendedPeoplePicker extends BaseExtendedPicker<IPersonaProps, IExtendedPeoplePickerProps> {
+}
+/**
+ * {@docCategory ExtendedPeoplePicker}
+ */
+export declare class ExtendedPeoplePicker extends BaseExtendedPeoplePicker {
+}

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExtendedPeoplePicker = exports.BaseExtendedPeoplePicker = void 0;
+var tslib_1 = require("tslib");
+require("./ExtendedPeoplePicker.scss");
+var BaseExtendedPicker_1 = require("../BaseExtendedPicker");
+/**
+ * {@docCategory ExtendedPeoplePicker}
+ */
+var BaseExtendedPeoplePicker = /** @class */ (function (_super) {
+    tslib_1.__extends(BaseExtendedPeoplePicker, _super);
+    function BaseExtendedPeoplePicker() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return BaseExtendedPeoplePicker;
+}(BaseExtendedPicker_1.BaseExtendedPicker));
+exports.BaseExtendedPeoplePicker = BaseExtendedPeoplePicker;
+/**
+ * {@docCategory ExtendedPeoplePicker}
+ */
+var ExtendedPeoplePicker = /** @class */ (function (_super) {
+    tslib_1.__extends(ExtendedPeoplePicker, _super);
+    function ExtendedPeoplePicker() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    return ExtendedPeoplePicker;
+}(BaseExtendedPeoplePicker));
+exports.ExtendedPeoplePicker = ExtendedPeoplePicker;
+//# sourceMappingURL=ExtendedPeoplePicker.js.map

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendedPeoplePicker.js","sourceRoot":"../src/","sources":["components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.tsx"],"names":[],"mappings":";;;;AAAA,uCAAqC;AACrC,4DAA2D;AAgB3D;;GAEG;AACH;IAA8C,oDAA6D;IAA3G;;IAA6G,CAAC;IAAD,+BAAC;AAAD,CAAC,AAA9G,CAA8C,uCAAkB,GAA8C;AAAjG,4DAAwB;AAErC;;GAEG;AACH;IAA0C,gDAAwB;IAAlE;;IAAoE,CAAC;IAAD,2BAAC;AAAD,CAAC,AAArE,CAA0C,wBAAwB,GAAG;AAAxD,oDAAoB","sourcesContent":["import './ExtendedPeoplePicker.scss';\nimport { BaseExtendedPicker } from '../BaseExtendedPicker';\nimport type { IPickerItemProps } from '../../../Pickers';\nimport type { IExtendedPersonaProps } from '../../../SelectedItemsList';\nimport type { IPersonaProps } from '../../../Persona';\nimport type { IBaseExtendedPickerProps } from '../BaseExtendedPicker.types';\n\n/**\n * {@docCategory ExtendedPeoplePicker}\n */\nexport interface IPeoplePickerItemProps extends IPickerItemProps<IExtendedPersonaProps> {}\n\n/**\n * {@docCategory ExtendedPeoplePicker}\n */\nexport interface IExtendedPeoplePickerProps extends IBaseExtendedPickerProps<IPersonaProps> {}\n\n/**\n * {@docCategory ExtendedPeoplePicker}\n */\nexport class BaseExtendedPeoplePicker extends BaseExtendedPicker<IPersonaProps, IExtendedPeoplePickerProps> {}\n\n/**\n * {@docCategory ExtendedPeoplePicker}\n */\nexport class ExtendedPeoplePicker extends BaseExtendedPeoplePicker {}\n"]}

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss.d.ts

@@ -0,0 +1,5 @@
+export declare const resultContent = "resultContent_4cc31f3f";
+export declare const resultItem = "resultItem_4cc31f3f";
+export declare const peoplePickerPersona = "peoplePickerPersona_4cc31f3f";
+export declare const peoplePicker = "peoplePicker_4cc31f3f";
+export declare const peoplePickerPersonaContent = "peoplePickerPersonaContent_4cc31f3f";

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.peoplePickerPersonaContent = exports.peoplePicker = exports.peoplePickerPersona = exports.resultItem = exports.resultContent = void 0;
+/* eslint-disable */
+var load_themed_styles_1 = require("@microsoft/load-themed-styles");
+(0, load_themed_styles_1.loadStyles)([{ "rawString": ".resultContent_4cc31f3f{display:table-row}.resultContent_4cc31f3f .resultItem_4cc31f3f{display:table-cell;vertical-align:bottom}.peoplePickerPersona_4cc31f3f{width:180px}.peoplePickerPersona_4cc31f3f .ms-Persona-details{width:100%}.peoplePicker_4cc31f3f .ms-BasePicker-text{min-height:40px}.peoplePickerPersonaContent_4cc31f3f{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}" }]);
+exports.resultContent = "resultContent_4cc31f3f";
+exports.resultItem = "resultItem_4cc31f3f";
+exports.peoplePickerPersona = "peoplePickerPersona_4cc31f3f";
+exports.peoplePicker = "peoplePicker_4cc31f3f";
+exports.peoplePickerPersonaContent = "peoplePickerPersonaContent_4cc31f3f";
+//# sourceMappingURL=ExtendedPeoplePicker.scss.js.map

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExtendedPeoplePicker.scss.js","sourceRoot":"../src/","sources":["components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss.ts"],"names":[],"mappings":";;;AAAA,oBAAoB;AACpB,oEAA2D;AAC3D,IAAA,+BAAU,EAAC,CAAC,EAAC,WAAW,EAAC,whBAAwhB,EAAC,CAAC,CAAC,CAAC;AACxiB,QAAA,aAAa,GAAG,wBAAwB,CAAC;AACzC,QAAA,UAAU,GAAG,qBAAqB,CAAC;AACnC,QAAA,mBAAmB,GAAG,8BAA8B,CAAC;AACrD,QAAA,YAAY,GAAG,uBAAuB,CAAC;AACvC,QAAA,0BAA0B,GAAG,qCAAqC,CAAC","sourcesContent":["/* eslint-disable */\nimport { loadStyles } from '@microsoft/load-themed-styles';\nloadStyles([{\"rawString\":\".resultContent_4cc31f3f{display:table-row}.resultContent_4cc31f3f .resultItem_4cc31f3f{display:table-cell;vertical-align:bottom}.peoplePickerPersona_4cc31f3f{width:180px}.peoplePickerPersona_4cc31f3f .ms-Persona-details{width:100%}.peoplePicker_4cc31f3f .ms-BasePicker-text{min-height:40px}.peoplePickerPersonaContent_4cc31f3f{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}\"}]);\nexport const resultContent = \"resultContent_4cc31f3f\";\nexport const resultItem = \"resultItem_4cc31f3f\";\nexport const peoplePickerPersona = \"peoplePickerPersona_4cc31f3f\";\nexport const peoplePicker = \"peoplePicker_4cc31f3f\";\nexport const peoplePickerPersonaContent = \"peoplePickerPersonaContent_4cc31f3f\";"]}

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BaseExtendedPicker';
+export * from './BaseExtendedPicker.types';
+export * from './PeoplePicker/ExtendedPeoplePicker';

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BaseExtendedPicker"), exports);
+tslib_1.__exportStar(require("./BaseExtendedPicker.types"), exports);
+tslib_1.__exportStar(require("./PeoplePicker/ExtendedPeoplePicker"), exports);
+//# sourceMappingURL=index.js.map

node_modules/@fluentui/react/lib-commonjs/components/ExtendedPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/ExtendedPicker/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,qEAA2C;AAC3C,8EAAoD","sourcesContent":["export * from './BaseExtendedPicker';\nexport * from './BaseExtendedPicker.types';\nexport * from './PeoplePicker/ExtendedPeoplePicker';\n"]}