@box/user-selector 1.74.33 → 1.74.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/chunks/buildOptionsWithOverlay.js +21 -22
  2. package/dist/chunks/user-selector-headless.module.js +13 -14
  3. package/dist/chunks/user-selector-list-item.js +84 -0
  4. package/dist/chunks/user-selector.js +89 -0
  5. package/dist/esm/index.js +4 -9
  6. package/dist/esm/lib/messages.js +42 -44
  7. package/dist/esm/lib/shared.js +6 -8
  8. package/dist/esm/lib/user-selector-container.js +29 -42
  9. package/dist/esm/lib/user-selector-headless/components/user-avatar.js +25 -31
  10. package/dist/esm/lib/user-selector-headless/components/user-selector-content.js +27 -50
  11. package/dist/esm/lib/user-selector-headless/components/user-selector-default-empty.js +34 -42
  12. package/dist/esm/lib/user-selector-headless/components/user-selector-default-error.js +13 -19
  13. package/dist/esm/lib/user-selector-headless/components/user-selector-skeleton.js +19 -25
  14. package/dist/esm/lib/user-selector-headless/hooks/use-avatars.js +13 -21
  15. package/dist/esm/lib/user-selector-headless/hooks/use-keyboard-navigation.js +25 -27
  16. package/dist/esm/lib/user-selector-headless/hooks/use-select-options.js +24 -27
  17. package/dist/esm/lib/user-selector-headless/user-selector-context.js +6 -10
  18. package/dist/esm/lib/user-selector-headless/user-selector-headless.js +171 -167
  19. package/dist/esm/lib/user-selector-list-item.js +2 -113
  20. package/dist/esm/lib/user-selector.js +2 -108
  21. package/dist/esm/lib/utils/VariantsAggregator.js +26 -45
  22. package/dist/esm/lib/utils/buildOptionsWithOverlay.js +2 -4
  23. package/dist/esm/lib/utils/defaultRenderCustomOption.js +10 -11
  24. package/dist/esm/lib/utils/getInitials.js +4 -6
  25. package/dist/esm/lib/utils/isUserContactType.js +3 -5
  26. package/dist/styles/user-selector-headless.css +1 -1
  27. package/dist/styles/user-selector-list-item.css +1 -1
  28. package/dist/styles/user-selector.css +1 -1
  29. package/package.json +8 -8
@@ -1,7 +1,5 @@
1
- const a = (e) => {
2
- const t = e.replace(/[[({<]+.*[\])}>]+/g, "").trim(), s = t.slice(0, 1), n = t.slice(t.lastIndexOf(" ") + 1, t.lastIndexOf(" ") + 2);
3
- return (s + n).toUpperCase();
4
- };
5
- export {
6
- a as getInitials
1
+ var e = (e) => {
2
+ let t = e.replace(/[[({<]+.*[\])}>]+/g, "").trim();
3
+ return (t.slice(0, 1) + t.slice(t.lastIndexOf(" ") + 1, t.lastIndexOf(" ") + 2)).toUpperCase();
7
4
  };
5
+ export { e as getInitials };
@@ -1,6 +1,4 @@
1
- function i(n) {
2
- return "email" in n && "id" in n && "name" in n && "value" in n;
1
+ function e(e) {
2
+ return "email" in e && "id" in e && "name" in e && "value" in e;
3
3
  }
4
- export {
5
- i as isUserContactType
6
- };
4
+ export { e as isUserContactType };
@@ -1 +1 @@
1
- ._userSelectorListItemBase_19h0i_2,._userSelectorInviteRow_19h0i_2{display:flex;align-items:center;border:2px solid transparent}._userSelectorListItemBase_19h0i_2:hover,._userSelectorInviteRow_19h0i_2:hover,._userSelectorListItemBase_19h0i_2:focus,._userSelectorInviteRow_19h0i_2:focus,._userSelectorListItemBase_19h0i_2[aria-selected=true],[aria-selected=true]._userSelectorInviteRow_19h0i_2{background-color:var(--surface-menu-surface-hover);border-radius:var(--radius-3);cursor:pointer}._userSelectorListItemBase_19h0i_2[aria-selected=true],[aria-selected=true]._userSelectorInviteRow_19h0i_2{border-color:var(--outline-focus-on-light)}._userSelectorListItemBase_19h0i_2:focus,._userSelectorInviteRow_19h0i_2:focus{outline-color:var(--outline-focus-on-light)}._popoverContainer_19h0i_19>div{width:294px;max-height:200px;padding:var(--space-3);overflow:auto;overflow-x:hidden}._popoverContent_19h0i_27{display:block;overflow:initial;border:1px solid transparent}._userSelectorListItem_19h0i_2{padding-block:var(--space-2);padding-inline:var(--space-2)}._listItemAvatar_19h0i_38{flex-shrink:0}._userSelectorGhostStateItem_19h0i_42{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2)}._userSelectorGhostStateItem_19h0i_42 ._titleGhost_19h0i_48{flex-shrink:0}._userSelectorEmptyText_19h0i_52{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);padding:var(--space-2);color:var(--text-text-on-light-secondary);text-transform:uppercase}._userSelectorEmptyContainer_19h0i_65{display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch}._userSelectorInviteRow_19h0i_2{gap:var(--space-3);height:var(--size-9);font:inherit;background-color:var(--surface-menu-surface);cursor:pointer}._userSelectorInviteButtonIcon_19h0i_80{display:flex;flex-shrink:0}
1
+ ._userSelectorListItemBase_19h0i_2,._userSelectorInviteRow_19h0i_2{border:2px solid #0000;align-items:center;display:flex}._userSelectorListItemBase_19h0i_2:hover,._userSelectorInviteRow_19h0i_2:hover,._userSelectorListItemBase_19h0i_2:focus,._userSelectorInviteRow_19h0i_2:focus,._userSelectorListItemBase_19h0i_2[aria-selected=true],[aria-selected=true]._userSelectorInviteRow_19h0i_2{background-color:var(--surface-menu-surface-hover);border-radius:var(--radius-3);cursor:pointer}._userSelectorListItemBase_19h0i_2[aria-selected=true],[aria-selected=true]._userSelectorInviteRow_19h0i_2{border-color:var(--outline-focus-on-light)}._userSelectorListItemBase_19h0i_2:focus,._userSelectorInviteRow_19h0i_2:focus{outline-color:var(--outline-focus-on-light)}._popoverContainer_19h0i_19>div{width:294px;max-height:200px;padding:var(--space-3);overflow:hidden auto}._popoverContent_19h0i_27{overflow:initial;border:1px solid #0000;display:block}._userSelectorListItem_19h0i_2{padding-block:var(--space-2);padding-inline:var(--space-2)}._listItemAvatar_19h0i_38{flex-shrink:0}._userSelectorGhostStateItem_19h0i_42{gap:var(--space-2);padding:var(--space-2);align-items:center;display:flex}._userSelectorGhostStateItem_19h0i_42 ._titleGhost_19h0i_48{flex-shrink:0}._userSelectorEmptyText_19h0i_52{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);-webkit-text-decoration:var(--label-default-text-decoration);text-decoration:var(--label-default-text-decoration);padding:var(--space-2);color:var(--text-text-on-light-secondary);text-transform:uppercase}._userSelectorEmptyContainer_19h0i_65{gap:var(--space-2);flex-direction:column;align-items:stretch;display:flex}._userSelectorInviteRow_19h0i_2{gap:var(--space-3);height:var(--size-9);font:inherit;background-color:var(--surface-menu-surface);cursor:pointer}._userSelectorInviteButtonIcon_19h0i_80{flex-shrink:0;display:flex}
@@ -1 +1 @@
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}
1
+ ._userSelectorListItemBase_1m2q6_1,._userSelectorListItem_1m2q6_1{border:2px solid #0000;align-items:center;display:flex}._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{flex-direction:column;flex:1;margin-inline-start:var(--space-3);display:flex;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{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._userSelectorListItem_1m2q6_1 ._userInfo_1m2q6_21 ._userEmail_1m2q6_35{margin-block-start:var(--space-05)}._userSelectorListItem_1m2q6_1 ._userSelectorListItemInviteIcon_1m2q6_43{margin-inline-start:auto;margin-left:var(--space-2);visibility:hidden;flex-shrink:0}._userSelectorListItem_1m2q6_1:hover ._userSelectorListItemInviteIcon_1m2q6_43{visibility:visible}
@@ -1 +1 @@
1
- ._overlayHeader_zdn0a_1._overlayHeader_zdn0a_1{padding-block:var(--bp-space-010, var(--space-1))}._overlayHeader_zdn0a_1._overlayHeader_zdn0a_1[aria-disabled]{opacity:1}._overlaySeparatorOption_zdn0a_8._overlaySeparatorOption_zdn0a_8{padding-block:0}._overlaySeparatorOption_zdn0a_8._overlaySeparatorOption_zdn0a_8[aria-disabled]{opacity:1}._textArea_zdn0a_15._textArea_zdn0a_15._textArea_zdn0a_15 [data-testid=combobox-container]{align-items:flex-start;box-sizing:border-box;min-height:80px;max-height:none}._textArea_zdn0a_15._textArea_zdn0a_15._textArea_zdn0a_15 [data-testid=combobox-container] input{padding:var(--space-1) 0}
1
+ ._overlayHeader_zdn0a_1._overlayHeader_zdn0a_1{padding-block:var(--bp-space-010,var(--space-1))}._overlayHeader_zdn0a_1._overlayHeader_zdn0a_1[aria-disabled]{opacity:1}._overlaySeparatorOption_zdn0a_8._overlaySeparatorOption_zdn0a_8{padding-block:0}._overlaySeparatorOption_zdn0a_8._overlaySeparatorOption_zdn0a_8[aria-disabled]{opacity:1}._textArea_zdn0a_15._textArea_zdn0a_15._textArea_zdn0a_15 [data-testid=combobox-container]{box-sizing:border-box;align-items:flex-start;min-height:80px;max-height:none}._textArea_zdn0a_15._textArea_zdn0a_15._textArea_zdn0a_15 [data-testid=combobox-container] input{padding:var(--space-1) 0}
package/package.json CHANGED
@@ -1,20 +1,20 @@
1
1
  {
2
2
  "name": "@box/user-selector",
3
- "version": "1.74.33",
3
+ "version": "1.74.34",
4
4
  "peerDependencies": {
5
- "@box/blueprint-web": "^14.5.0",
6
- "@box/blueprint-web-assets": "^4.112.1",
7
- "@box/combobox-with-api": "^1.42.33",
5
+ "@box/blueprint-web": "^14.6.0",
6
+ "@box/blueprint-web-assets": "^4.112.2",
7
+ "@box/combobox-with-api": "^1.42.34",
8
8
  "lodash": "^4.17.15",
9
9
  "react": "^17.0.0 || ^18.0.0",
10
10
  "react-dom": "^17.0.0 || ^18.0.0",
11
11
  "react-intl": "6.4.2"
12
12
  },
13
13
  "devDependencies": {
14
- "@box/blueprint-web": "^14.5.0",
15
- "@box/blueprint-web-assets": "^4.112.1",
16
- "@box/combobox-with-api": "^1.42.33",
17
- "@box/storybook-utils": "^0.17.28",
14
+ "@box/blueprint-web": "^14.6.0",
15
+ "@box/blueprint-web-assets": "^4.112.2",
16
+ "@box/combobox-with-api": "^1.42.34",
17
+ "@box/storybook-utils": "^0.17.29",
18
18
  "@types/lodash": "^4.17.14",
19
19
  "react": "^18.3.0",
20
20
  "react-dom": "^18.3.0",