first commit

node_modules/@fluentui/react/lib/components/FloatingPicker/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss.d.ts

@@ -0,0 +1,7 @@
+export declare const personaContainer = "personaContainer_5b3cddaa";
+export declare const removeButton = "removeButton_5b3cddaa";
+export declare const personaContainerIsSelected = "personaContainerIsSelected_5b3cddaa";
+export declare const validationError = "validationError_5b3cddaa";
+export declare const itemContent = "itemContent_5b3cddaa";
+export declare const personaDetails = "personaDetails_5b3cddaa";
+export declare const itemContainer = "itemContainer_5b3cddaa";

node_modules/@fluentui/react/lib/components/FloatingPicker/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss.js

@@ -0,0 +1,11 @@
+/* eslint-disable */
+import { loadStyles } from '@microsoft/load-themed-styles';
+loadStyles([{ "rawString": ".personaContainer_5b3cddaa{border-radius:15px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:" }, { "theme": "neutralLighter", "defaultValue": "#f3f2f1" }, { "rawString": ";margin:4px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:300px;vertical-align:middle}.personaContainer_5b3cddaa::-moz-focus-inner{border:0}.personaContainer_5b3cddaa{outline:transparent}.personaContainer_5b3cddaa{position:relative}.ms-Fabric--isFocusVisible .personaContainer_5b3cddaa:focus:after{-webkit-box-sizing:border-box;box-sizing:border-box;content:\"\";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;pointer-events:none;border:1px solid " }, { "theme": "focusBorder", "defaultValue": "#605e5c" }, { "rawString": ";border-radius:0}.personaContainer_5b3cddaa:hover{background:" }, { "theme": "neutralLight", "defaultValue": "#edebe9" }, { "rawString": "}.personaContainer_5b3cddaa:hover .removeButton_5b3cddaa{color:" }, { "theme": "neutralPrimary", "defaultValue": "#323130" }, { "rawString": "}.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa{background:" }, { "theme": "blue", "defaultValue": "#0078d4" }, { "rawString": "}.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa .ms-Persona-primaryText{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa .ms-Persona-primaryText{color:HighlightText}}.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa .removeButton_5b3cddaa .ms-Button-icon{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa .removeButton_5b3cddaa .ms-Button-icon{color:HighlightText}}.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa .removeButton_5b3cddaa:hover{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";background:" }, { "theme": "themeDark", "defaultValue": "#005a9e" }, { "rawString": "}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.personaContainer_5b3cddaa.personaContainerIsSelected_5b3cddaa{border-color:Highlight;background:Highlight;-ms-high-contrast-adjust:none}}.personaContainer_5b3cddaa.validationError_5b3cddaa .ms-Persona-primaryText{color:" }, { "theme": "redDark", "defaultValue": "#a4262c" }, { "rawString": ";border-bottom:2px dotted " }, { "theme": "redDark", "defaultValue": "#a4262c" }, { "rawString": "}.personaContainer_5b3cddaa.validationError_5b3cddaa .ms-Persona-initials{font-size:20px}.personaContainer_5b3cddaa.validationError_5b3cddaa.personaContainerIsSelected_5b3cddaa{background:" }, { "theme": "redDark", "defaultValue": "#a4262c" }, { "rawString": "}.personaContainer_5b3cddaa.validationError_5b3cddaa.personaContainerIsSelected_5b3cddaa .ms-Persona-primaryText{color:" }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": ";border-bottom:2px dotted " }, { "theme": "white", "defaultValue": "#ffffff" }, { "rawString": "}.personaContainer_5b3cddaa.validationError_5b3cddaa.personaContainerIsSelected_5b3cddaa .removeButton_5b3cddaa:hover{background:" }, { "theme": "red", "defaultValue": "#e81123" }, { "rawString": "}@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){.personaContainer_5b3cddaa{border:1px solid WindowText}}.personaContainer_5b3cddaa .itemContent_5b3cddaa{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:0;max-width:100%;overflow-x:hidden}.personaContainer_5b3cddaa .removeButton_5b3cddaa{border-radius:15px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:28px;height:28px;-ms-flex-preferred-size:28px;flex-basis:28px}.personaContainer_5b3cddaa .removeButton_5b3cddaa:hover{background:" }, { "theme": "neutralTertiaryAlt", "defaultValue": "#c8c6c4" }, { "rawString": ";color:" }, { "theme": "neutralDark", "defaultValue": "#201f1e" }, { "rawString": "}.personaContainer_5b3cddaa .personaDetails_5b3cddaa{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.itemContainer_5b3cddaa{display:inline-block;vertical-align:top}" }]);
+export var personaContainer = "personaContainer_5b3cddaa";
+export var removeButton = "removeButton_5b3cddaa";
+export var personaContainerIsSelected = "personaContainerIsSelected_5b3cddaa";
+export var validationError = "validationError_5b3cddaa";
+export var itemContent = "itemContent_5b3cddaa";
+export var personaDetails = "personaDetails_5b3cddaa";
+export var itemContainer = "itemContainer_5b3cddaa";
+//# sourceMappingURL=PickerItemsDefault.scss.js.map

node_modules/@fluentui/react/lib/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SelectedItemDefault.d.ts

@@ -0,0 +1,3 @@
+import type { IPeoplePickerItemProps } from '../../../../ExtendedPicker';
+import type { JSXElement } from '@fluentui/utilities';
+export declare const SelectedItemDefault: (props: IPeoplePickerItemProps) => JSXElement;

node_modules/@fluentui/react/lib/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SelectedItemDefault.js

@@ -0,0 +1,26 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { css, getId } from '../../../../Utilities';
+import { Persona, PersonaSize, PersonaPresence } from '../../../../Persona';
+import { IconButton } from '../../../../Button';
+import * as stylesImport from './PickerItemsDefault.scss';
+var styles = stylesImport;
+export var SelectedItemDefault = function (peoplePickerItemProps) {
+    var _a, _b;
+    var item = peoplePickerItemProps.item, onRemoveItem = peoplePickerItemProps.onRemoveItem, index = peoplePickerItemProps.index, selected = peoplePickerItemProps.selected, removeButtonAriaLabel = peoplePickerItemProps.removeButtonAriaLabel;
+    var itemId = getId();
+    var onClickIconButton = function (removeItem) {
+        return function () {
+            if (removeItem) {
+                removeItem();
+            }
+        };
+    };
+    return (React.createElement("div", { className: css('ms-PickerPersona-container', styles.personaContainer, (_a = {}, _a['is-selected ' + styles.personaContainerIsSelected] = selected, _a), (_b = {}, _b['is-invalid ' + styles.validationError] = !item.isValid, _b)), "data-is-focusable": true, "data-is-sub-focuszone": true, "data-selection-index": index, role: 'listitem', "aria-labelledby": 'selectedItemPersona-' + itemId },
+        React.createElement("div", { className: css('ms-PickerItem-content', styles.itemContent), id: 'selectedItemPersona-' + itemId },
+            React.createElement(Persona, __assign({}, item, { presence: item.presence !== undefined ? item.presence : PersonaPresence.none, 
+                // eslint-disable-next-line @typescript-eslint/no-deprecated
+                size: PersonaSize.size28 }))),
+        React.createElement(IconButton, { onClick: onClickIconButton(onRemoveItem), iconProps: { iconName: 'Cancel', style: { fontSize: '12px' } }, className: css('ms-PickerItem-removeButton', styles.removeButton), ariaLabel: removeButtonAriaLabel })));
+};
+//# sourceMappingURL=SelectedItemDefault.js.map

node_modules/@fluentui/react/lib/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SelectedItemDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedItemDefault.js","sourceRoot":"../src/","sources":["components/FloatingPicker/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,KAAK,YAAY,MAAM,2BAA2B,CAAC;AAK1D,IAAM,MAAM,GAAQ,YAAY,CAAC;AAEjC,MAAM,CAAC,IAAM,mBAAmB,GAAkD,UAChF,qBAA6C;;IAErC,IAAA,IAAI,GAA2D,qBAAqB,KAAhF,EAAE,YAAY,GAA6C,qBAAqB,aAAlE,EAAE,KAAK,GAAsC,qBAAqB,MAA3D,EAAE,QAAQ,GAA4B,qBAAqB,SAAjD,EAAE,qBAAqB,GAAK,qBAAqB,sBAA1B,CAA2B;IAE7F,IAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,IAAM,iBAAiB,GAAG,UAAC,UAAoC;QAC7D,OAAO;YACL,IAAI,UAAU,EAAE,CAAC;gBACf,UAAU,EAAE,CAAC;YACf,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,GAAG,CACZ,4BAA4B,EAC5B,MAAM,CAAC,gBAAgB,YACrB,GAAC,cAAc,GAAG,MAAM,CAAC,0BAA0B,IAAG,QAAQ,iBAC9D,GAAC,aAAa,GAAG,MAAM,CAAC,eAAe,IAAG,CAAC,IAAI,CAAC,OAAO,MAC1D,uBACkB,IAAI,2BACA,IAAI,0BACL,KAAK,EAC3B,IAAI,EAAE,UAAU,qBACC,sBAAsB,GAAG,MAAM;QAEhD,6BAAK,SAAS,EAAE,GAAG,CAAC,uBAAuB,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,EAAE,EAAE,sBAAsB,GAAG,MAAM;YACnG,oBAAC,OAAO,eACF,IAAI,IACR,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI;gBAC5E,4DAA4D;gBAC5D,IAAI,EAAE,WAAW,CAAC,MAAM,IACxB,CACE;QACN,oBAAC,UAAU,IACT,OAAO,EAAE,iBAAiB,CAAC,YAAY,CAAC,EACxC,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAC9D,SAAS,EAAE,GAAG,CAAC,4BAA4B,EAAE,MAAM,CAAC,YAAY,CAAC,EACjE,SAAS,EAAE,qBAAqB,GAChC,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { css, getId } from '../../../../Utilities';\nimport { Persona, PersonaSize, PersonaPresence } from '../../../../Persona';\nimport { IconButton } from '../../../../Button';\nimport * as stylesImport from './PickerItemsDefault.scss';\nimport type { IPeoplePickerItemProps } from '../../../../ExtendedPicker';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\nconst styles: any = stylesImport;\n\nexport const SelectedItemDefault: (props: IPeoplePickerItemProps) => JSXElement = (\n  peoplePickerItemProps: IPeoplePickerItemProps,\n) => {\n  const { item, onRemoveItem, index, selected, removeButtonAriaLabel } = peoplePickerItemProps;\n\n  const itemId = getId();\n  const onClickIconButton = (removeItem: (() => void) | undefined): (() => void) => {\n    return (): void => {\n      if (removeItem) {\n        removeItem();\n      }\n    };\n  };\n\n  return (\n    <div\n      className={css(\n        'ms-PickerPersona-container',\n        styles.personaContainer,\n        { ['is-selected ' + styles.personaContainerIsSelected]: selected },\n        { ['is-invalid ' + styles.validationError]: !item.isValid },\n      )}\n      data-is-focusable={true}\n      data-is-sub-focuszone={true}\n      data-selection-index={index}\n      role={'listitem'}\n      aria-labelledby={'selectedItemPersona-' + itemId}\n    >\n      <div className={css('ms-PickerItem-content', styles.itemContent)} id={'selectedItemPersona-' + itemId}>\n        <Persona\n          {...item}\n          presence={item.presence !== undefined ? item.presence : PersonaPresence.none}\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\n          size={PersonaSize.size28}\n        />\n      </div>\n      <IconButton\n        onClick={onClickIconButton(onRemoveItem)}\n        iconProps={{ iconName: 'Cancel', style: { fontSize: '12px' } }}\n        className={css('ms-PickerItem-removeButton', styles.removeButton)}\n        ariaLabel={removeButtonAriaLabel}\n      />\n    </div>\n  );\n};\n"]}

node_modules/@fluentui/react/lib/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.d.ts

@@ -0,0 +1,4 @@
+import type { IPersonaProps } from '../../../../Persona';
+import type { IBasePickerSuggestionsProps } from '../../../../Pickers';
+import type { JSXElement } from '@fluentui/utilities';
+export declare const SuggestionItemNormal: (persona: IPersonaProps, suggestionProps?: IBasePickerSuggestionsProps) => JSXElement;

node_modules/@fluentui/react/lib/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.js

@@ -0,0 +1,10 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { css } from '../../../../Utilities';
+import { Persona, PersonaSize, PersonaPresence } from '../../../../Persona';
+import * as stylesImport from '../PeoplePicker.scss';
+export var SuggestionItemNormal = function (personaProps, suggestionItemProps) {
+    return (React.createElement("div", { className: css('ms-PeoplePicker-personaContent', stylesImport.peoplePickerPersonaContent) },
+        React.createElement(Persona, __assign({ presence: personaProps.presence !== undefined ? personaProps.presence : PersonaPresence.none, size: PersonaSize.size40, className: css('ms-PeoplePicker-Persona', stylesImport.peoplePickerPersona), showSecondaryText: true }, personaProps))));
+};
+//# sourceMappingURL=SuggestionItemDefault.js.map

node_modules/@fluentui/react/lib/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionItemDefault.js","sourceRoot":"../src/","sources":["components/FloatingPicker/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,KAAK,YAAY,MAAM,sBAAsB,CAAC;AAMrD,MAAM,CAAC,IAAM,oBAAoB,GAGf,UAAC,YAA2B,EAAE,mBAAyD;IACvG,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,CAAC,gCAAgC,EAAE,YAAY,CAAC,0BAA0B,CAAC;QAC5F,oBAAC,OAAO,aACN,QAAQ,EAAE,YAAY,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,EAC5F,IAAI,EAAE,WAAW,CAAC,MAAM,EACxB,SAAS,EAAE,GAAG,CAAC,yBAAyB,EAAE,YAAY,CAAC,mBAAmB,CAAC,EAC3E,iBAAiB,EAAE,IAAI,IACnB,YAAY,EAChB,CACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { css } from '../../../../Utilities';\nimport { Persona, PersonaSize, PersonaPresence } from '../../../../Persona';\nimport * as stylesImport from '../PeoplePicker.scss';\nimport type { IPersonaProps } from '../../../../Persona';\nimport type { IBasePickerSuggestionsProps, ISuggestionItemProps } from '../../../../Pickers';\n\nimport type { JSXElement } from '@fluentui/utilities';\n\nexport const SuggestionItemNormal: (\n  persona: IPersonaProps,\n  suggestionProps?: IBasePickerSuggestionsProps,\n) => JSXElement = (personaProps: IPersonaProps, suggestionItemProps?: ISuggestionItemProps<IPersonaProps>) => {\n  return (\n    <div className={css('ms-PeoplePicker-personaContent', stylesImport.peoplePickerPersonaContent)}>\n      <Persona\n        presence={personaProps.presence !== undefined ? personaProps.presence : PersonaPresence.none}\n        size={PersonaSize.size40}\n        className={css('ms-PeoplePicker-Persona', stylesImport.peoplePickerPersona)}\n        showSecondaryText={true}\n        {...personaProps}\n      />\n    </div>\n  );\n};\n"]}