@box/user-selector 1.21.23

package/dist/i18n/nl-NL.js

@@ -0,0 +1,12 @@
+export default {
+  "groupSharedFeatures.userSelector.emptyMessage": "Geen medebewerkers gevonden",
+  "groupSharedFeatures.userSelector.errorMessage": "We konden gebruikers niet laden",
+  "groupSharedFeatures.userSelector.errorMessageDescription": "Probeer het later opnieuw",
+  "groupSharedFeatures.userSelector.inviteCollaborators": "Medebewerkers uitnodigen",
+  "groupSharedFeatures.userSelector.inviteCollaboratorsTooltip": "Deze persoon heeft geen toegang en wordt niet op de hoogte gesteld, tenzij hij of zij is uitgenodigd.",
+  "groupSharedFeatures.userSelector.loading": "Laden",
+  "groupSharedFeatures.userSelector.noResults": "Geen resultaten",
+  "groupSharedFeatures.userSelector.tryAgain": "Probeer het opnieuw",
+  "groupSharedFeatures.userSelector.userAvatar": "Avatar van de gebruiker",
+  "groupSharedFeatures.userSelector.userName": "{name} {isCurrentUser, select, true { (ik)} other {}}"
+}

package/dist/i18n/nl-NL.properties

@@ -0,0 +1,20 @@
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.emptyMessage = Geen medebewerkers gevonden
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessage = We konden gebruikers niet laden
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessageDescription = Probeer het later opnieuw
+# Text displayed when no results are found and the user can invite collaborators
+groupSharedFeatures.userSelector.inviteCollaborators = Medebewerkers uitnodigen
+# Tooltip text displayed when a user is not a collaborator
+groupSharedFeatures.userSelector.inviteCollaboratorsTooltip = Deze persoon heeft geen toegang en wordt niet op de hoogte gesteld, tenzij hij of zij is uitgenodigd.
+# Aria label for loading indicator
+groupSharedFeatures.userSelector.loading = Laden
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.noResults = Geen resultaten
+# Text for the "Try again" button
+groupSharedFeatures.userSelector.tryAgain = Probeer het opnieuw
+# Alt text for user avatar image
+groupSharedFeatures.userSelector.userAvatar = Avatar van de gebruiker
+# User name with optional "me" marker for current user
+groupSharedFeatures.userSelector.userName = {name} {isCurrentUser, select, true { (ik)} other {}}

package/dist/i18n/pl-PL.js

@@ -0,0 +1,12 @@
+export default {
+  "groupSharedFeatures.userSelector.emptyMessage": "Nie odnaleziono współpracowników",
+  "groupSharedFeatures.userSelector.errorMessage": "Nie można wczytać użytkowników",
+  "groupSharedFeatures.userSelector.errorMessageDescription": "Spróbuj ponownie później",
+  "groupSharedFeatures.userSelector.inviteCollaborators": "Zaproś współpracowników",
+  "groupSharedFeatures.userSelector.inviteCollaboratorsTooltip": "Ta osoba nie ma dostępu i nie otrzyma powiadomienia, chyba że zostanie zaproszona.",
+  "groupSharedFeatures.userSelector.loading": "Wczytywanie",
+  "groupSharedFeatures.userSelector.noResults": "Brak wyników",
+  "groupSharedFeatures.userSelector.tryAgain": "Spróbuj ponownie",
+  "groupSharedFeatures.userSelector.userAvatar": "Awatar użytkownika",
+  "groupSharedFeatures.userSelector.userName": "{name} {isCurrentUser, select, true { (ja)} other {}}"
+}

package/dist/i18n/pl-PL.properties

@@ -0,0 +1,20 @@
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.emptyMessage = Nie odnaleziono współpracowników
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessage = Nie można wczytać użytkowników
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessageDescription = Spróbuj ponownie później
+# Text displayed when no results are found and the user can invite collaborators
+groupSharedFeatures.userSelector.inviteCollaborators = Zaproś współpracowników
+# Tooltip text displayed when a user is not a collaborator
+groupSharedFeatures.userSelector.inviteCollaboratorsTooltip = Ta osoba nie ma dostępu i nie otrzyma powiadomienia, chyba że zostanie zaproszona.
+# Aria label for loading indicator
+groupSharedFeatures.userSelector.loading = Wczytywanie
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.noResults = Brak wyników
+# Text for the "Try again" button
+groupSharedFeatures.userSelector.tryAgain = Spróbuj ponownie
+# Alt text for user avatar image
+groupSharedFeatures.userSelector.userAvatar = Awatar użytkownika
+# User name with optional "me" marker for current user
+groupSharedFeatures.userSelector.userName = {name} {isCurrentUser, select, true { (ja)} other {}}

package/dist/i18n/pt-BR.js

@@ -0,0 +1,12 @@
+export default {
+  "groupSharedFeatures.userSelector.emptyMessage": "Não foram encontradas colaborações",
+  "groupSharedFeatures.userSelector.errorMessage": "Não foi possível carregar usuários",
+  "groupSharedFeatures.userSelector.errorMessageDescription": "Tente novamente mais tarde",
+  "groupSharedFeatures.userSelector.inviteCollaborators": "Convidar colaboradores",
+  "groupSharedFeatures.userSelector.inviteCollaboratorsTooltip": "Essa pessoa não tem acesso e não será notificada, a menos que seja convidada.",
+  "groupSharedFeatures.userSelector.loading": "Carregando",
+  "groupSharedFeatures.userSelector.noResults": "Sem resultados",
+  "groupSharedFeatures.userSelector.tryAgain": "Tente novamente",
+  "groupSharedFeatures.userSelector.userAvatar": "Avatar do usuário",
+  "groupSharedFeatures.userSelector.userName": "{name} {isCurrentUser, select, true { (eu)} other {}}"
+}

package/dist/i18n/pt-BR.properties

@@ -0,0 +1,20 @@
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.emptyMessage = Não foram encontradas colaborações
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessage = Não foi possível carregar usuários
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessageDescription = Tente novamente mais tarde
+# Text displayed when no results are found and the user can invite collaborators
+groupSharedFeatures.userSelector.inviteCollaborators = Convidar colaboradores
+# Tooltip text displayed when a user is not a collaborator
+groupSharedFeatures.userSelector.inviteCollaboratorsTooltip = Essa pessoa não tem acesso e não será notificada, a menos que seja convidada.
+# Aria label for loading indicator
+groupSharedFeatures.userSelector.loading = Carregando
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.noResults = Sem resultados
+# Text for the "Try again" button
+groupSharedFeatures.userSelector.tryAgain = Tente novamente
+# Alt text for user avatar image
+groupSharedFeatures.userSelector.userAvatar = Avatar do usuário
+# User name with optional "me" marker for current user
+groupSharedFeatures.userSelector.userName = {name} {isCurrentUser, select, true { (eu)} other {}}

package/dist/i18n/ru-RU.js

@@ -0,0 +1,12 @@
+export default {
+  "groupSharedFeatures.userSelector.emptyMessage": "Соавторы не найдены",
+  "groupSharedFeatures.userSelector.errorMessage": "Не удалось загрузить пользователей",
+  "groupSharedFeatures.userSelector.errorMessageDescription": "Повторите попытку позже",
+  "groupSharedFeatures.userSelector.inviteCollaborators": "Пригласить соавторов",
+  "groupSharedFeatures.userSelector.inviteCollaboratorsTooltip": "У этого пользователя нет доступа, и он не получит уведомление, если его не пригласить.",
+  "groupSharedFeatures.userSelector.loading": "Загрузка",
+  "groupSharedFeatures.userSelector.noResults": "Нет результатов",
+  "groupSharedFeatures.userSelector.tryAgain": "Повторите попытку",
+  "groupSharedFeatures.userSelector.userAvatar": "Аватар пользователя",
+  "groupSharedFeatures.userSelector.userName": "{name} {isCurrentUser, select, true { (я)} other {}}"
+}

package/dist/i18n/ru-RU.properties

@@ -0,0 +1,20 @@
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.emptyMessage = Соавторы не найдены
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessage = Не удалось загрузить пользователей
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessageDescription = Повторите попытку позже
+# Text displayed when no results are found and the user can invite collaborators
+groupSharedFeatures.userSelector.inviteCollaborators = Пригласить соавторов
+# Tooltip text displayed when a user is not a collaborator
+groupSharedFeatures.userSelector.inviteCollaboratorsTooltip = У этого пользователя нет доступа, и он не получит уведомление, если его не пригласить.
+# Aria label for loading indicator
+groupSharedFeatures.userSelector.loading = Загрузка
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.noResults = Нет результатов
+# Text for the "Try again" button
+groupSharedFeatures.userSelector.tryAgain = Повторите попытку
+# Alt text for user avatar image
+groupSharedFeatures.userSelector.userAvatar = Аватар пользователя
+# User name with optional "me" marker for current user
+groupSharedFeatures.userSelector.userName = {name} {isCurrentUser, select, true { (я)} other {}}

package/dist/i18n/sv-SE.js

@@ -0,0 +1,12 @@
+export default {
+  "groupSharedFeatures.userSelector.emptyMessage": "Inga samarbeten hittades",
+  "groupSharedFeatures.userSelector.errorMessage": "Vi kunde inte läsa in användare.",
+  "groupSharedFeatures.userSelector.errorMessageDescription": "Försök igen senare",
+  "groupSharedFeatures.userSelector.inviteCollaborators": "Bjud in medarbetare",
+  "groupSharedFeatures.userSelector.inviteCollaboratorsTooltip": "Den här personen har inte åtkomst och kommer inte att meddelas om han inte är inbjuden.",
+  "groupSharedFeatures.userSelector.loading": "Läser in",
+  "groupSharedFeatures.userSelector.noResults": "Inga resultat",
+  "groupSharedFeatures.userSelector.tryAgain": "Försök igen",
+  "groupSharedFeatures.userSelector.userAvatar": "Användaravatar",
+  "groupSharedFeatures.userSelector.userName": "{name} {isCurrentUser, select, true { (jag)} other {}}"
+}

package/dist/i18n/sv-SE.properties

@@ -0,0 +1,20 @@
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.emptyMessage = Inga samarbeten hittades
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessage = Vi kunde inte läsa in användare.
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessageDescription = Försök igen senare
+# Text displayed when no results are found and the user can invite collaborators
+groupSharedFeatures.userSelector.inviteCollaborators = Bjud in medarbetare
+# Tooltip text displayed when a user is not a collaborator
+groupSharedFeatures.userSelector.inviteCollaboratorsTooltip = Den här personen har inte åtkomst och kommer inte att meddelas om han inte är inbjuden.
+# Aria label for loading indicator
+groupSharedFeatures.userSelector.loading = Läser in
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.noResults = Inga resultat
+# Text for the "Try again" button
+groupSharedFeatures.userSelector.tryAgain = Försök igen
+# Alt text for user avatar image
+groupSharedFeatures.userSelector.userAvatar = Användaravatar
+# User name with optional "me" marker for current user
+groupSharedFeatures.userSelector.userName = {name} {isCurrentUser, select, true { (jag)} other {}}

package/dist/i18n/tr-TR.js

@@ -0,0 +1,12 @@
+export default {
+  "groupSharedFeatures.userSelector.emptyMessage": "İşbirlikçi bulunamadı",
+  "groupSharedFeatures.userSelector.errorMessage": "Kullanıcıları yükleyemedik",
+  "groupSharedFeatures.userSelector.errorMessageDescription": "Lütfen daha sonra tekrar deneyin",
+  "groupSharedFeatures.userSelector.inviteCollaborators": "İşbirlikçileri Davet Et",
+  "groupSharedFeatures.userSelector.inviteCollaboratorsTooltip": "Bu kişinin erişimi yok ve davet edilmediği sürece bildirim almayacak.",
+  "groupSharedFeatures.userSelector.loading": "Yükleniyor",
+  "groupSharedFeatures.userSelector.noResults": "Sonuç Yok",
+  "groupSharedFeatures.userSelector.tryAgain": "Yeniden deneyin",
+  "groupSharedFeatures.userSelector.userAvatar": "Kullanıcı avatarı",
+  "groupSharedFeatures.userSelector.userName": "{name} {isCurrentUser, select, true { (ben)} other {}}"
+}

package/dist/i18n/tr-TR.properties

@@ -0,0 +1,20 @@
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.emptyMessage = İşbirlikçi bulunamadı
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessage = Kullanıcıları yükleyemedik
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessageDescription = Lütfen daha sonra tekrar deneyin
+# Text displayed when no results are found and the user can invite collaborators
+groupSharedFeatures.userSelector.inviteCollaborators = İşbirlikçileri Davet Et
+# Tooltip text displayed when a user is not a collaborator
+groupSharedFeatures.userSelector.inviteCollaboratorsTooltip = Bu kişinin erişimi yok ve davet edilmediği sürece bildirim almayacak.
+# Aria label for loading indicator
+groupSharedFeatures.userSelector.loading = Yükleniyor
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.noResults = Sonuç Yok
+# Text for the "Try again" button
+groupSharedFeatures.userSelector.tryAgain = Yeniden deneyin
+# Alt text for user avatar image
+groupSharedFeatures.userSelector.userAvatar = Kullanıcı avatarı
+# User name with optional "me" marker for current user
+groupSharedFeatures.userSelector.userName = {name} {isCurrentUser, select, true { (ben)} other {}}

package/dist/i18n/zh-CN.js

@@ -0,0 +1,12 @@
+export default {
+  "groupSharedFeatures.userSelector.emptyMessage": "未找到协作者",
+  "groupSharedFeatures.userSelector.errorMessage": "无法加载用户。",
+  "groupSharedFeatures.userSelector.errorMessageDescription": "请稍后重试",
+  "groupSharedFeatures.userSelector.inviteCollaborators": "邀请协作者",
+  "groupSharedFeatures.userSelector.inviteCollaboratorsTooltip": "此人无权访问，除非受到邀请，否则不会收到通知。",
+  "groupSharedFeatures.userSelector.loading": "正在加载",
+  "groupSharedFeatures.userSelector.noResults": "无结果",
+  "groupSharedFeatures.userSelector.tryAgain": "请重试",
+  "groupSharedFeatures.userSelector.userAvatar": "用户头像",
+  "groupSharedFeatures.userSelector.userName": "{name} {isCurrentUser, select, true { (我)} other {}}"
+}

package/dist/i18n/zh-CN.properties

@@ -0,0 +1,20 @@
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.emptyMessage = 未找到协作者
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessage = 无法加载用户。
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessageDescription = 请稍后重试
+# Text displayed when no results are found and the user can invite collaborators
+groupSharedFeatures.userSelector.inviteCollaborators = 邀请协作者
+# Tooltip text displayed when a user is not a collaborator
+groupSharedFeatures.userSelector.inviteCollaboratorsTooltip = 此人无权访问，除非受到邀请，否则不会收到通知。
+# Aria label for loading indicator
+groupSharedFeatures.userSelector.loading = 正在加载
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.noResults = 无结果
+# Text for the "Try again" button
+groupSharedFeatures.userSelector.tryAgain = 请重试
+# Alt text for user avatar image
+groupSharedFeatures.userSelector.userAvatar = 用户头像
+# User name with optional "me" marker for current user
+groupSharedFeatures.userSelector.userName = {name} {isCurrentUser, select, true { (我)} other {}}

package/dist/i18n/zh-TW.js

@@ -0,0 +1,12 @@
+export default {
+  "groupSharedFeatures.userSelector.emptyMessage": "找不到共同作業者",
+  "groupSharedFeatures.userSelector.errorMessage": "我們無法載入使用者",
+  "groupSharedFeatures.userSelector.errorMessageDescription": "請稍後再試一次",
+  "groupSharedFeatures.userSelector.inviteCollaborators": "邀請共同作業者",
+  "groupSharedFeatures.userSelector.inviteCollaboratorsTooltip": "此人沒有存取權限，除非受邀，否則不會接到通知。",
+  "groupSharedFeatures.userSelector.loading": "載入中",
+  "groupSharedFeatures.userSelector.noResults": "無結果",
+  "groupSharedFeatures.userSelector.tryAgain": "再試一次",
+  "groupSharedFeatures.userSelector.userAvatar": "使用者頭像",
+  "groupSharedFeatures.userSelector.userName": "{name} {isCurrentUser, select, true { (我)} other {}}"
+}

package/dist/i18n/zh-TW.properties

@@ -0,0 +1,20 @@
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.emptyMessage = 找不到共同作業者
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessage = 我們無法載入使用者
+# Text displayed when an error occurs
+groupSharedFeatures.userSelector.errorMessageDescription = 請稍後再試一次
+# Text displayed when no results are found and the user can invite collaborators
+groupSharedFeatures.userSelector.inviteCollaborators = 邀請共同作業者
+# Tooltip text displayed when a user is not a collaborator
+groupSharedFeatures.userSelector.inviteCollaboratorsTooltip = 此人沒有存取權限，除非受邀，否則不會接到通知。
+# Aria label for loading indicator
+groupSharedFeatures.userSelector.loading = 載入中
+# Text displayed when no results are found
+groupSharedFeatures.userSelector.noResults = 無結果
+# Text for the "Try again" button
+groupSharedFeatures.userSelector.tryAgain = 再試一次
+# Alt text for user avatar image
+groupSharedFeatures.userSelector.userAvatar = 使用者頭像
+# User name with optional "me" marker for current user
+groupSharedFeatures.userSelector.userName = {name} {isCurrentUser, select, true { (我)} other {}}

package/dist/styles/user-selector-headless.css

@@ -0,0 +1 @@
+._userSelectorListItemBase_qevbl_1,._userSelectorInviteRow_qevbl_1{display:flex;align-items:center;border:2px solid transparent}._userSelectorListItemBase_qevbl_1:hover,._userSelectorInviteRow_qevbl_1:hover,._userSelectorListItemBase_qevbl_1:focus,._userSelectorInviteRow_qevbl_1:focus,._userSelectorListItemBase_qevbl_1[aria-selected=true],[aria-selected=true]._userSelectorInviteRow_qevbl_1{background-color:var(--surface-menu-surface-hover);border-radius:var(--radius-3);cursor:pointer}._userSelectorListItemBase_qevbl_1[aria-selected=true],[aria-selected=true]._userSelectorInviteRow_qevbl_1{border-color:var(--outline-focus-on-light)}._userSelectorListItemBase_qevbl_1:focus,._userSelectorInviteRow_qevbl_1:focus{outline-color:var(--outline-focus-on-light)}._popoverContainer_qevbl_18>div{width:294px;max-height:200px;padding:var(--space-3);overflow:auto;overflow-x:hidden}._popoverContent_qevbl_26{display:block;overflow:initial;border:1px solid transparent}._userSelectorListItem_qevbl_1{padding-block:var(--space-2);padding-inline:var(--space-2)}._listItemAvatar_qevbl_37{flex-shrink:0}._userSelectorGhostStateItem_qevbl_41{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2)}._userSelectorGhostStateItem_qevbl_41 ._titleGhost_qevbl_47{flex-shrink:0}._userSelectorEmptyText_qevbl_51{font-weight:var(--label-default-font-weight);font-size:var(--label-default-font-size);font-family:var(--label-default-font-family);line-height:var(--label-default-line-height);letter-spacing:var(--label-default-letter-spacing);text-transform:var(--label-default-text-case);text-decoration:var(--label-default-text-decoration);width:248px;padding:var(--space-2);color:var(--text-text-on-light-secondary);text-transform:uppercase}._userSelectorEmptyContainer_qevbl_65{display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch}._userSelectorInviteRow_qevbl_1{gap:var(--space-3);height:var(--size-9);font:inherit;background-color:var(--surface-menu-surface);cursor:pointer}._userSelectorInviteButtonIcon_qevbl_80{display:flex;flex-shrink:0}

package/dist/styles/user-selector-list-item.css

@@ -0,0 +1 @@
+._userSelectorListItemBase_1m2q6_1,._userSelectorListItem_1m2q6_1{display:flex;align-items:center;border:2px solid transparent}._userSelectorListItemBase_1m2q6_1:hover,._userSelectorListItem_1m2q6_1:hover,._userSelectorListItemBase_1m2q6_1:focus,._userSelectorListItem_1m2q6_1:focus,._userSelectorListItemBase_1m2q6_1[aria-selected=true],[aria-selected=true]._userSelectorListItem_1m2q6_1{background-color:var(--surface-menu-surface-hover);border-radius:var(--radius-3);cursor:pointer}._userSelectorListItemBase_1m2q6_1[aria-selected=true],[aria-selected=true]._userSelectorListItem_1m2q6_1{border-color:var(--outline-focus-on-light)}._userSelectorListItemBase_1m2q6_1:focus,._userSelectorListItem_1m2q6_1:focus{outline-color:var(--outline-focus-on-light)}._userSelectorListItem_1m2q6_1 ._listItemAvatar_1m2q6_18{flex-shrink:0}._userSelectorListItem_1m2q6_1 ._userInfo_1m2q6_21{display:flex;flex:1;flex-direction:column;margin-inline-start:var(--space-3);overflow:auto}._userSelectorListItem_1m2q6_1 ._userInfo_1m2q6_21 ._title_1m2q6_28{display:flex}._userSelectorListItem_1m2q6_1 ._userInfo_1m2q6_21 ._title_1m2q6_28 :not(:last-child){margin-inline-end:var(--space-1)}._userSelectorListItem_1m2q6_1 ._userInfo_1m2q6_21 ._userName_1m2q6_34,._userSelectorListItem_1m2q6_1 ._userInfo_1m2q6_21 ._userEmail_1m2q6_35{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._userSelectorListItem_1m2q6_1 ._userInfo_1m2q6_21 ._userEmail_1m2q6_35{margin-block-start:var(--space-05)}._userSelectorListItem_1m2q6_1 ._userSelectorListItemInviteIcon_1m2q6_43{flex-shrink:0;margin-inline-start:auto;margin-left:var(--space-2);visibility:hidden}._userSelectorListItem_1m2q6_1:hover ._userSelectorListItemInviteIcon_1m2q6_43{visibility:visible}

package/dist/styles/user-selector.css

@@ -0,0 +1 @@
+._textArea_shf88_1._textArea_shf88_1._textArea_shf88_1 [data-testid=combobox-container]{align-items:flex-start;box-sizing:border-box;min-height:80px;max-height:none}._textArea_shf88_1._textArea_shf88_1._textArea_shf88_1 [data-testid=combobox-container] input{padding:var(--space-1) 0}

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/types';
+export * from './lib/user-selector-container';
+export * from './lib/user-selector-headless/user-selector-headless';

package/dist/types/lib/messages.d.ts

@@ -0,0 +1,53 @@
+declare const messages: {
+    loading: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    noResults: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    tryAgain: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    userAvatar: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    userName: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    errorMessage: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    errorMessageDescription: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    emptyMessage: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    inviteCollaborators: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    inviteCollaboratorsTooltip: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+};
+export default messages;

package/dist/types/lib/shared.d.ts

@@ -0,0 +1,2 @@
+import { UserContactType } from './types';
+export declare const placeholderUser: UserContactType;

package/dist/types/lib/stories/shared-headless.d.ts

@@ -0,0 +1,4 @@
+import { HeadlessUserSelectorProps } from '../user-selector-headless/user-selector-headless';
+import { ComponentRecord } from '../utils/VariantsAggregator';
+export declare const ComponentTemplate: (props: HeadlessUserSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UserSelectorHeadlessMap: ComponentRecord<HeadlessUserSelectorProps>;

package/dist/types/lib/stories/shared.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'react';
+import { UserContactType, UserSelectorOption } from '../types';
+import { UserSelectorProps } from '../user-selector';
+import { UserSelectorContainerProps } from '../user-selector-container';
+import { ComponentRecord } from '../utils/VariantsAggregator';
+export type ContainerTemplateProps<T extends UserSelectorOption = UserContactType> = Omit<UserSelectorContainerProps<T>, 'onSelectedUsersChange' | 'selectedUsers'> & {
+    initialSelectedUsers?: T[];
+};
+export declare const defaultContainerTemplateArgs: ContainerTemplateProps;
+export declare function ContainerTemplate<T extends UserSelectorOption = UserContactType>(props: ContainerTemplateProps<T>): import("react/jsx-runtime").JSX.Element;
+export type ComponentTemplateProps<T extends UserSelectorOption = UserContactType> = Omit<UserSelectorProps<T>, 'inputValue' | 'onInputValueChange' | 'onSelectedUsersChange' | 'selectedUsers'> & {
+    divStyle?: HTMLAttributes<HTMLDivElement>['style'];
+    initialInputValue?: string;
+    initialSelectedUsers?: T[];
+};
+export declare const defaultComponentTemplateArgs: ComponentTemplateProps;
+export declare const ComponentTemplate: (props: ComponentTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UserSelectorMap: ComponentRecord<Partial<ComponentTemplateProps<UserSelectorOption>>>;

package/dist/types/lib/stories/utils/getCaretCoordinates.d.ts

@@ -0,0 +1,5 @@
+export declare const getCaretCoordinates: (textarea: HTMLTextAreaElement, position: number) => {
+    top: number;
+    left: number;
+    height: number;
+};

package/dist/types/lib/stories/utils/testUsers.d.ts

@@ -0,0 +1,13 @@
+import { CustomUserContactType, UserContactType } from '../../types';
+export declare const testUser1: UserContactType;
+export declare const testUser2: UserContactType;
+export declare const testUser3: UserContactType;
+export declare const testUser4: UserContactType;
+export declare const testUser5: UserContactType;
+export declare const testUser6: UserContactType;
+export declare const testUser5WithIdAsValue: UserContactType;
+export declare const testUser6WithIdAsValue: UserContactType;
+export declare const customOption1WithImageAvatar: CustomUserContactType;
+export declare const customOption2WithTextAvatar: CustomUserContactType;
+export declare const customOptionWithIconAvatar: CustomUserContactType;
+export declare const customOptionWithVariableChipVariant: CustomUserContactType;

package/dist/types/lib/types.d.ts

@@ -0,0 +1,33 @@
+import { ReactElement, SVGProps } from 'react';
+export type UserContactType = {
+    email: string;
+    id: number;
+    isCollaborator?: boolean;
+    isCurrentUser?: boolean;
+    isExternalUser?: boolean;
+    name: string;
+    value: string;
+    type?: string;
+};
+export type CustomUserContactType = {
+    name: string;
+    subtitle: string;
+    value: string;
+    avatar: {
+        color: string;
+        text?: string;
+        icon?: ReactElement<SVGProps<SVGSVGElement>>;
+    } & ({
+        src: string;
+        alt: string;
+    } | {
+        src?: never;
+        alt?: never;
+    });
+    hideOnClick?: boolean;
+    chipVariant?: 'default' | 'error' | 'variable';
+};
+export type UserSelectorOption = UserContactType | CustomUserContactType;
+export type FetchedAvatarUrls = {
+    [userId: string]: string;
+};

package/dist/types/lib/user-selector-container.d.ts

@@ -0,0 +1,13 @@
+import { FetchedAvatarUrls, UserContactType, UserSelectorOption } from './types';
+import { UserSelectorProps } from './user-selector';
+export type UserSelectorContainerProps<T extends UserSelectorOption = UserContactType> = Omit<UserSelectorProps<T>, 'as' | 'fetcher' | 'fetchedAvatarUrls' | 'freeInput' | 'multiselect' | 'options' | 'onValueChange' | 'renderOption' | 'value'> & {
+    /**
+     * Input validation error message
+     */
+    error?: string;
+    /**
+        Given an array of UserContactTypes, returns a Promise of a dictionary with user ids mapped to avatar URLs
+     */
+    fetchAvatarUrls: (userContacts: UserContactType[]) => Promise<FetchedAvatarUrls>;
+};
+export declare const UserSelectorContainer: <T extends UserSelectorOption = UserContactType>({ fetchAvatarUrls, fetchUsers, onSelectedUsersChange, selectedUsers, renderCustomOption, ...rest }: UserSelectorContainerProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/user-selector-headless/components/user-avatar.d.ts

@@ -0,0 +1,6 @@
+import { UserContactType } from '../../types';
+type UserAvatarProps = {
+    userContact: UserContactType;
+};
+export declare const UserAvatar: ({ userContact }: UserAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/user-selector-headless/components/user-selector-content.d.ts

@@ -0,0 +1,15 @@
+import { UserContactType } from '../../types';
+type UserSelectorContentProps = {
+    renderError?: (error?: unknown) => React.ReactElement;
+    renderEmpty?: (value: string) => React.ReactElement;
+    loadingAriaLabel: string;
+    optionRefs: React.MutableRefObject<Map<string, HTMLElement>>;
+    handleOptionClick: (userContact: UserContactType, id: string) => void;
+    options: UserContactType[];
+    isEmpty: boolean;
+    isLoading: boolean;
+    error: unknown;
+    handleInvite?: (value: string) => void;
+};
+export declare const UserSelectorContent: ({ renderError, renderEmpty, loadingAriaLabel, optionRefs, handleOptionClick, options, isEmpty, isLoading, error, handleInvite, }: UserSelectorContentProps) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+export {};

package/dist/types/lib/user-selector-headless/components/user-selector-default-empty.d.ts

@@ -0,0 +1,4 @@
+export type UserSelectorDefaultEmptyProps = {
+    handleInvite?: (value: string) => void;
+};
+export declare const UserSelectorDefaultEmpty: ({ handleInvite }: UserSelectorDefaultEmptyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/user-selector-headless/components/user-selector-default-error.d.ts

@@ -0,0 +1 @@
+export declare const UserSelectorDefaultError: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/user-selector-headless/components/user-selector-skeleton.d.ts

@@ -0,0 +1,5 @@
+type UserSelectorSkeletonProps = {
+    loadingAriaLabel: string;
+};
+export declare const UserSelectorSkeleton: ({ loadingAriaLabel }: UserSelectorSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/lib/user-selector-headless/hooks/use-avatars.d.ts

@@ -0,0 +1,7 @@
+import { FetchedAvatarUrls } from '../../types';
+export declare const useAvatars: ({ fetchAvatarUrls, options }: {
+    fetchAvatarUrls: any;
+    options: any;
+}) => {
+    avatars: FetchedAvatarUrls;
+};

package/dist/types/lib/user-selector-headless/hooks/use-keyboard-navigation.d.ts

@@ -0,0 +1,11 @@
+type UseKeyboardNavigationProps = {
+    isLoading: boolean;
+    error: unknown;
+    isEmpty: boolean;
+    open: boolean;
+    selectNext: () => void;
+    selectPrevious: () => void;
+    selectItem: () => void;
+};
+export declare const useKeyboardNavigation: ({ isLoading, error, isEmpty, open, selectNext, selectPrevious, selectItem, }: UseKeyboardNavigationProps) => (event: React.KeyboardEvent<HTMLDivElement>) => void;
+export {};

package/dist/types/lib/user-selector-headless/hooks/use-select-options.d.ts

@@ -0,0 +1,14 @@
+import { UserContactType } from '../../types';
+type UseOptionsProps = {
+    fetcher: (inputValue: string) => Promise<UserContactType[]>;
+    debounceTime?: number;
+    value: string;
+    allowEmptyQuery?: boolean;
+};
+export declare const useSelectOptions: ({ fetcher, value, debounceTime, allowEmptyQuery }: UseOptionsProps) => {
+    isLoading: boolean;
+    isEmpty: boolean;
+    error: any;
+    options: UserContactType[];
+};
+export {};

package/dist/types/lib/user-selector-headless/user-selector-context.d.ts

@@ -0,0 +1,15 @@
+import { FetchedAvatarUrls, UserContactType } from '../types';
+type UserSelectorContextType = {
+    fetchUsers: (inputValue: string) => Promise<UserContactType[]>;
+    fetchAvatarUrls: (userContacts: UserContactType[]) => Promise<FetchedAvatarUrls>;
+    onSelectedUserChange: (userContact: UserContactType) => void;
+    value: string;
+    avatars: Record<string, string>;
+    activeId: string | null;
+    setActiveId: (id: string | null) => void;
+    listboxId: string;
+    getOptionId: (option: UserContactType) => string;
+};
+export declare const UserSelectorContext: import('react').Context<UserSelectorContextType>;
+export declare const useUserSelector: () => UserSelectorContextType;
+export {};

package/dist/types/lib/user-selector-headless/user-selector-headless.d.ts

@@ -0,0 +1,28 @@
+import { PopoverContentContainerProps } from '@box/blueprint-web';
+import { FetchedAvatarUrls, UserContactType } from '../types';
+export type HeadlessUserSelectorHandle = {
+    focusFirstOption: () => void;
+    focusLastOption: () => void;
+    selectNext: () => void;
+    selectPrevious: () => void;
+    selectItem: () => void;
+};
+export type HeadlessUserSelectorProps = {
+    fetchUsers: (inputValue: string) => Promise<UserContactType[]>;
+    fetchAvatarUrls: (userContacts: UserContactType[]) => Promise<FetchedAvatarUrls>;
+    open: boolean;
+    value: string;
+    rootElement: React.ReactElement;
+    onSelectedUserChange: (userContact: UserContactType) => void;
+    focusOnOpen?: boolean;
+    inputElementRef: React.RefObject<HTMLElement>;
+    renderError?: (error?: unknown) => React.ReactElement;
+    renderEmpty?: (value: string) => React.ReactElement;
+    loadingAriaLabel: string;
+    ariaRoleDescription: string;
+    nativeFocusEnabled?: boolean;
+    allowEmptyQuery?: boolean;
+    onInvite?: (value: string) => void;
+    popoverContentContainerProps?: PopoverContentContainerProps;
+};
+export declare const UserSelectorHeadless: import('react').ForwardRefExoticComponent<HeadlessUserSelectorProps & import('react').RefAttributes<HeadlessUserSelectorHandle>>;