@rocket.chat/fuselage 0.32.0 → 0.32.1

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 (38) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/AutoComplete/AutoComplete.d.ts +3 -3
  3. package/dist/components/AutoComplete/AutoComplete.d.ts.map +1 -1
  4. package/dist/components/Button/ActionButton.d.ts +1 -1
  5. package/dist/components/Button/Button.d.ts +1 -1
  6. package/dist/components/Contextualbar/ContextualbarButton.d.ts +1 -1
  7. package/dist/components/Contextualbar/ContextualbarIcon.d.ts +1 -1
  8. package/dist/components/Message/MessageMetrics/MessageMetricsItem/index.d.ts +1 -1
  9. package/dist/components/Message/MessageMetrics/index.d.ts +2 -2
  10. package/dist/components/Message/MessageToolbox/MessageToolboxItem.d.ts +1 -1
  11. package/dist/components/Message/MessageToolbox/index.d.ts +3 -3
  12. package/dist/components/Message/index.d.ts +5 -5
  13. package/dist/components/MultiSelect/MultiSelect.d.ts +1 -1
  14. package/dist/components/Option/CheckOption.d.ts +1 -1
  15. package/dist/components/Option/Option.d.ts +1 -1
  16. package/dist/components/Option/index.d.ts +3 -3
  17. package/dist/components/Option/index.d.ts.map +1 -1
  18. package/dist/components/OptionsPaginated/OptionsPaginated.d.ts +1 -1
  19. package/dist/components/PaginatedSelect/PaginatedMultiSelect.d.ts +3 -8
  20. package/dist/components/PaginatedSelect/PaginatedMultiSelect.d.ts.map +1 -1
  21. package/dist/components/PaginatedSelect/PaginatedMultiSelectFiltered.d.ts +20 -0
  22. package/dist/components/PaginatedSelect/PaginatedMultiSelectFiltered.d.ts.map +1 -0
  23. package/dist/components/PaginatedSelect/PaginatedSelect.d.ts +2 -2
  24. package/dist/components/PaginatedSelect/PaginatedSelect.d.ts.map +1 -1
  25. package/dist/components/PaginatedSelect/index.d.ts +2 -1
  26. package/dist/components/PaginatedSelect/index.d.ts.map +1 -1
  27. package/dist/components/RadioButton/RadioButton.d.ts +2 -4
  28. package/dist/components/RadioButton/RadioButton.d.ts.map +1 -1
  29. package/dist/components/Select/SelectFiltered.d.ts +2 -2
  30. package/dist/components/Select/SelectLegacy.d.ts +1 -1
  31. package/dist/components/Sidebar/Item.d.ts +1 -1
  32. package/dist/components/Sidebar/SidebarActions.d.ts +1 -1
  33. package/dist/components/Sidebar/TopBar.d.ts +2 -2
  34. package/dist/components/Sidebar/index.d.ts +3 -3
  35. package/dist/fuselage.development.js +123 -68
  36. package/dist/fuselage.development.js.map +1 -1
  37. package/dist/fuselage.production.js +1 -1
  38. package/package.json +14 -14
@@ -35,7 +35,7 @@ export declare const TopBarActions: (props: Omit<{
35
35
  large?: boolean | undefined;
36
36
  }) => JSX.Element;
37
37
  export declare const TopBarAction: React.ForwardRefExoticComponent<Pick<Pick<Pick<{
38
- icon: "sort" | "info" | "warning" | "link" | "bold" | "strike" | "download" | "list" | "clip" | "italic" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "stop" | "key" | "copy" | React.ReactElement<any, string | React.JSXElementConstructor<any>> | "user" | "address-book" | "airplane" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-forward" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-stack-up" | "arrow-up-box" | "at" | "attachment-file" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "bell" | "bell-off" | "book" | "brush" | "burger" | "burger-arrow-left" | "burger-menu" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-double-down" | "chevron-double-up" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "circle-half" | "circle-quarter" | "circle-three-quarters" | "clipboard" | "clock" | "cloud-arrow-down" | "cloud-arrow-up" | "cloud-plus" | "code-block" | "cog" | "compass" | "condensed-view" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "dashboard" | "desktop" | "desktop-text" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "equal" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "flask" | "folder" | "formula" | "globe" | "globe-cross" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "lamp-bulb" | "language" | "leaf" | "lightning" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "mobile-check" | "mobile-exclamation" | "moon" | "musical-note" | "new-window" | "notebook-hashtag" | "notebook-hashtag-crossed" | "pause" | "pause-shape-filled" | "pause-unfilled" | "pencil" | "pencil-box" | "percentage" | "person-arms-spread" | "phone" | "phone-disabled" | "phone-in" | "phone-issue" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "play-shape-filled" | "play-unfilled" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "rocket" | "send" | "send-filled" | "sheet" | "shield" | "shield-blank" | "shield-check" | "signal" | "smart" | "sms" | "sort-az" | "spanner" | "squares" | "stack" | "star" | "star-filled" | "stop-unfilled" | "stopwatch" | "store" | "success-circle" | "sun" | "tag" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-lock" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "contact" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "katex" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "palette" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter";
38
+ icon: "sort" | "info" | "warning" | "link" | "bold" | "strike" | "download" | "list" | "clip" | "italic" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "stop" | "key" | "copy" | React.ReactElement<any, string | React.JSXElementConstructor<any>> | "user" | "address-book" | "airplane" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-forward" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-stack-up" | "arrow-up-box" | "at" | "attachment-file" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "bell" | "bell-off" | "book" | "brush" | "burger" | "burger-arrow-left" | "burger-menu" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-double-down" | "chevron-double-up" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "circle-half" | "circle-quarter" | "circle-three-quarters" | "clipboard" | "clock" | "cloud-arrow-down" | "cloud-arrow-up" | "cloud-plus" | "code-block" | "cog" | "compass" | "condensed-view" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "dashboard" | "desktop" | "desktop-text" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "equal" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "flask" | "folder" | "formula" | "globe" | "globe-cross" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "lamp-bulb" | "language" | "leaf" | "lightning" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "mobile-check" | "mobile-exclamation" | "moon" | "musical-note" | "new-window" | "notebook-hashtag" | "notebook-hashtag-crossed" | "pause" | "pause-shape-filled" | "pause-unfilled" | "pencil" | "pencil-box" | "percentage" | "person-arms-spread" | "phone" | "phone-disabled" | "phone-in" | "phone-issue" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "play-shape-filled" | "play-unfilled" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "rocket" | "send" | "send-filled" | "sheet" | "shield" | "shield-blank" | "shield-check" | "signal" | "smart" | "sms" | "sort-az" | "spanner" | "squares" | "stack" | "star" | "star-filled" | "stop-unfilled" | "stopwatch" | "store" | "success-circle" | "sun" | "tag" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-lock" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "contact" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "katex" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "palette" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "rocketchat" | "twitter";
39
39
  primary?: boolean | undefined;
40
40
  secondary?: boolean | undefined;
41
41
  info?: boolean | undefined;
@@ -100,7 +100,7 @@ declare const _default: (({ className, ...props }: TopBarProps) => JSX.Element)
100
100
  large?: boolean | undefined;
101
101
  }) => JSX.Element;
102
102
  Action: React.ForwardRefExoticComponent<Pick<Pick<Pick<{
103
- icon: "sort" | "info" | "warning" | "link" | "bold" | "strike" | "download" | "list" | "clip" | "italic" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "stop" | "key" | "copy" | React.ReactElement<any, string | React.JSXElementConstructor<any>> | "user" | "address-book" | "airplane" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-forward" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-stack-up" | "arrow-up-box" | "at" | "attachment-file" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "bell" | "bell-off" | "book" | "brush" | "burger" | "burger-arrow-left" | "burger-menu" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-double-down" | "chevron-double-up" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "circle-half" | "circle-quarter" | "circle-three-quarters" | "clipboard" | "clock" | "cloud-arrow-down" | "cloud-arrow-up" | "cloud-plus" | "code-block" | "cog" | "compass" | "condensed-view" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "dashboard" | "desktop" | "desktop-text" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "equal" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "flask" | "folder" | "formula" | "globe" | "globe-cross" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "lamp-bulb" | "language" | "leaf" | "lightning" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "mobile-check" | "mobile-exclamation" | "moon" | "musical-note" | "new-window" | "notebook-hashtag" | "notebook-hashtag-crossed" | "pause" | "pause-shape-filled" | "pause-unfilled" | "pencil" | "pencil-box" | "percentage" | "person-arms-spread" | "phone" | "phone-disabled" | "phone-in" | "phone-issue" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "play-shape-filled" | "play-unfilled" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "rocket" | "send" | "send-filled" | "sheet" | "shield" | "shield-blank" | "shield-check" | "signal" | "smart" | "sms" | "sort-az" | "spanner" | "squares" | "stack" | "star" | "star-filled" | "stop-unfilled" | "stopwatch" | "store" | "success-circle" | "sun" | "tag" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-lock" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "contact" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "katex" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "palette" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter";
103
+ icon: "sort" | "info" | "warning" | "link" | "bold" | "strike" | "download" | "list" | "clip" | "italic" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "stop" | "key" | "copy" | React.ReactElement<any, string | React.JSXElementConstructor<any>> | "user" | "address-book" | "airplane" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-forward" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-stack-up" | "arrow-up-box" | "at" | "attachment-file" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "bell" | "bell-off" | "book" | "brush" | "burger" | "burger-arrow-left" | "burger-menu" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-double-down" | "chevron-double-up" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "circle-half" | "circle-quarter" | "circle-three-quarters" | "clipboard" | "clock" | "cloud-arrow-down" | "cloud-arrow-up" | "cloud-plus" | "code-block" | "cog" | "compass" | "condensed-view" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "dashboard" | "desktop" | "desktop-text" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "equal" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "flask" | "folder" | "formula" | "globe" | "globe-cross" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "lamp-bulb" | "language" | "leaf" | "lightning" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "mobile-check" | "mobile-exclamation" | "moon" | "musical-note" | "new-window" | "notebook-hashtag" | "notebook-hashtag-crossed" | "pause" | "pause-shape-filled" | "pause-unfilled" | "pencil" | "pencil-box" | "percentage" | "person-arms-spread" | "phone" | "phone-disabled" | "phone-in" | "phone-issue" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "play-shape-filled" | "play-unfilled" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "rocket" | "send" | "send-filled" | "sheet" | "shield" | "shield-blank" | "shield-check" | "signal" | "smart" | "sms" | "sort-az" | "spanner" | "squares" | "stack" | "star" | "star-filled" | "stop-unfilled" | "stopwatch" | "store" | "success-circle" | "sun" | "tag" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-lock" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "contact" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "katex" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "palette" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "rocketchat" | "twitter";
104
104
  primary?: boolean | undefined;
105
105
  secondary?: boolean | undefined;
106
106
  info?: boolean | undefined;
@@ -44,7 +44,7 @@ declare const _default: ((props: {
44
44
  large?: boolean | undefined;
45
45
  }) => JSX.Element;
46
46
  Action: React.ForwardRefExoticComponent<Pick<Pick<Pick<{
47
- icon: "sort" | "info" | "warning" | "link" | "bold" | "strike" | "download" | "list" | "clip" | "italic" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "stop" | "key" | "copy" | React.ReactElement<any, string | React.JSXElementConstructor<any>> | "user" | "address-book" | "airplane" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-forward" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-stack-up" | "arrow-up-box" | "at" | "attachment-file" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "bell" | "bell-off" | "book" | "brush" | "burger" | "burger-arrow-left" | "burger-menu" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-double-down" | "chevron-double-up" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "circle-half" | "circle-quarter" | "circle-three-quarters" | "clipboard" | "clock" | "cloud-arrow-down" | "cloud-arrow-up" | "cloud-plus" | "code-block" | "cog" | "compass" | "condensed-view" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "dashboard" | "desktop" | "desktop-text" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "equal" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "flask" | "folder" | "formula" | "globe" | "globe-cross" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "lamp-bulb" | "language" | "leaf" | "lightning" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "mobile-check" | "mobile-exclamation" | "moon" | "musical-note" | "new-window" | "notebook-hashtag" | "notebook-hashtag-crossed" | "pause" | "pause-shape-filled" | "pause-unfilled" | "pencil" | "pencil-box" | "percentage" | "person-arms-spread" | "phone" | "phone-disabled" | "phone-in" | "phone-issue" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "play-shape-filled" | "play-unfilled" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "rocket" | "send" | "send-filled" | "sheet" | "shield" | "shield-blank" | "shield-check" | "signal" | "smart" | "sms" | "sort-az" | "spanner" | "squares" | "stack" | "star" | "star-filled" | "stop-unfilled" | "stopwatch" | "store" | "success-circle" | "sun" | "tag" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-lock" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "contact" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "katex" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "palette" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter";
47
+ icon: "sort" | "info" | "warning" | "link" | "bold" | "strike" | "download" | "list" | "clip" | "italic" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "stop" | "key" | "copy" | React.ReactElement<any, string | React.JSXElementConstructor<any>> | "user" | "address-book" | "airplane" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-forward" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-stack-up" | "arrow-up-box" | "at" | "attachment-file" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "bell" | "bell-off" | "book" | "brush" | "burger" | "burger-arrow-left" | "burger-menu" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-double-down" | "chevron-double-up" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "circle-half" | "circle-quarter" | "circle-three-quarters" | "clipboard" | "clock" | "cloud-arrow-down" | "cloud-arrow-up" | "cloud-plus" | "code-block" | "cog" | "compass" | "condensed-view" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "dashboard" | "desktop" | "desktop-text" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "equal" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "flask" | "folder" | "formula" | "globe" | "globe-cross" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "lamp-bulb" | "language" | "leaf" | "lightning" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "mobile-check" | "mobile-exclamation" | "moon" | "musical-note" | "new-window" | "notebook-hashtag" | "notebook-hashtag-crossed" | "pause" | "pause-shape-filled" | "pause-unfilled" | "pencil" | "pencil-box" | "percentage" | "person-arms-spread" | "phone" | "phone-disabled" | "phone-in" | "phone-issue" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "play-shape-filled" | "play-unfilled" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "rocket" | "send" | "send-filled" | "sheet" | "shield" | "shield-blank" | "shield-check" | "signal" | "smart" | "sms" | "sort-az" | "spanner" | "squares" | "stack" | "star" | "star-filled" | "stop-unfilled" | "stopwatch" | "store" | "success-circle" | "sun" | "tag" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-lock" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "contact" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "katex" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "palette" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "rocketchat" | "twitter";
48
48
  primary?: boolean | undefined;
49
49
  secondary?: boolean | undefined;
50
50
  info?: boolean | undefined;
@@ -126,7 +126,7 @@ declare const _default: ((props: {
126
126
  children?: React.ReactNode;
127
127
  className?: string | undefined;
128
128
  highlighted?: boolean | undefined;
129
- icon: "sort" | "info" | "warning" | "link" | "bold" | "strike" | "download" | "list" | "clip" | "italic" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "stop" | "key" | "copy" | "user" | "address-book" | "airplane" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-forward" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-stack-up" | "arrow-up-box" | "at" | "attachment-file" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "bell" | "bell-off" | "book" | "brush" | "burger" | "burger-arrow-left" | "burger-menu" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-double-down" | "chevron-double-up" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "circle-half" | "circle-quarter" | "circle-three-quarters" | "clipboard" | "clock" | "cloud-arrow-down" | "cloud-arrow-up" | "cloud-plus" | "code-block" | "cog" | "compass" | "condensed-view" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "dashboard" | "desktop" | "desktop-text" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "equal" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "flask" | "folder" | "formula" | "globe" | "globe-cross" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "lamp-bulb" | "language" | "leaf" | "lightning" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "mobile-check" | "mobile-exclamation" | "moon" | "musical-note" | "new-window" | "notebook-hashtag" | "notebook-hashtag-crossed" | "pause" | "pause-shape-filled" | "pause-unfilled" | "pencil" | "pencil-box" | "percentage" | "person-arms-spread" | "phone" | "phone-disabled" | "phone-in" | "phone-issue" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "play-shape-filled" | "play-unfilled" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "rocket" | "send" | "send-filled" | "sheet" | "shield" | "shield-blank" | "shield-check" | "signal" | "smart" | "sms" | "sort-az" | "spanner" | "squares" | "stack" | "star" | "star-filled" | "stop-unfilled" | "stopwatch" | "store" | "success-circle" | "sun" | "tag" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-lock" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "contact" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "katex" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "palette" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter";
129
+ icon: "sort" | "info" | "warning" | "link" | "bold" | "strike" | "download" | "list" | "clip" | "italic" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "stop" | "key" | "copy" | "user" | "address-book" | "airplane" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-forward" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-stack-up" | "arrow-up-box" | "at" | "attachment-file" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "bell" | "bell-off" | "book" | "brush" | "burger" | "burger-arrow-left" | "burger-menu" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-double-down" | "chevron-double-up" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "circle-half" | "circle-quarter" | "circle-three-quarters" | "clipboard" | "clock" | "cloud-arrow-down" | "cloud-arrow-up" | "cloud-plus" | "code-block" | "cog" | "compass" | "condensed-view" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "dashboard" | "desktop" | "desktop-text" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "equal" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "flask" | "folder" | "formula" | "globe" | "globe-cross" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "lamp-bulb" | "language" | "leaf" | "lightning" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "mobile-check" | "mobile-exclamation" | "moon" | "musical-note" | "new-window" | "notebook-hashtag" | "notebook-hashtag-crossed" | "pause" | "pause-shape-filled" | "pause-unfilled" | "pencil" | "pencil-box" | "percentage" | "person-arms-spread" | "phone" | "phone-disabled" | "phone-in" | "phone-issue" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "play-shape-filled" | "play-unfilled" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "rocket" | "send" | "send-filled" | "sheet" | "shield" | "shield-blank" | "shield-check" | "signal" | "smart" | "sms" | "sort-az" | "spanner" | "squares" | "stack" | "star" | "star-filled" | "stop-unfilled" | "stopwatch" | "store" | "success-circle" | "sun" | "tag" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-lock" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "contact" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "katex" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "palette" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "rocketchat" | "twitter";
130
130
  } & Omit<React.AllHTMLAttributes<HTMLElement>, "is" | "name">) => JSX.Element;
131
131
  Avatar: ({ ...props }: {
132
132
  children?: React.ReactNode;
@@ -146,7 +146,7 @@ declare const _default: ((props: {
146
146
  large?: boolean | undefined;
147
147
  }) => JSX.Element;
148
148
  Action: (props: Pick<Pick<{
149
- icon: "sort" | "info" | "warning" | "link" | "bold" | "strike" | "download" | "list" | "clip" | "italic" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "stop" | "key" | "copy" | React.ReactElement<any, string | React.JSXElementConstructor<any>> | "user" | "address-book" | "airplane" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-forward" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-stack-up" | "arrow-up-box" | "at" | "attachment-file" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "bell" | "bell-off" | "book" | "brush" | "burger" | "burger-arrow-left" | "burger-menu" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-double-down" | "chevron-double-up" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "circle-half" | "circle-quarter" | "circle-three-quarters" | "clipboard" | "clock" | "cloud-arrow-down" | "cloud-arrow-up" | "cloud-plus" | "code-block" | "cog" | "compass" | "condensed-view" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "dashboard" | "desktop" | "desktop-text" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "equal" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "flask" | "folder" | "formula" | "globe" | "globe-cross" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "lamp-bulb" | "language" | "leaf" | "lightning" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "mobile-check" | "mobile-exclamation" | "moon" | "musical-note" | "new-window" | "notebook-hashtag" | "notebook-hashtag-crossed" | "pause" | "pause-shape-filled" | "pause-unfilled" | "pencil" | "pencil-box" | "percentage" | "person-arms-spread" | "phone" | "phone-disabled" | "phone-in" | "phone-issue" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "play-shape-filled" | "play-unfilled" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "rocket" | "send" | "send-filled" | "sheet" | "shield" | "shield-blank" | "shield-check" | "signal" | "smart" | "sms" | "sort-az" | "spanner" | "squares" | "stack" | "star" | "star-filled" | "stop-unfilled" | "stopwatch" | "store" | "success-circle" | "sun" | "tag" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-lock" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "contact" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "katex" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "palette" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "twitter";
149
+ icon: "sort" | "info" | "warning" | "link" | "bold" | "strike" | "download" | "list" | "clip" | "italic" | "audio" | "code" | "menu" | "video" | "circle" | "image" | "stop" | "key" | "copy" | React.ReactElement<any, string | React.JSXElementConstructor<any>> | "user" | "address-book" | "airplane" | "arrow-back" | "arrow-collapse" | "arrow-down" | "arrow-down-box" | "arrow-expand" | "arrow-fall" | "arrow-forward" | "arrow-jump" | "arrow-loop" | "arrow-return" | "arrow-rise" | "arrow-stack-up" | "arrow-up-box" | "at" | "attachment-file" | "avatar" | "backspace" | "bag" | "ball" | "balloon" | "balloon-arrow-left" | "balloon-arrow-top-right" | "balloon-close-top-right" | "balloon-ellipsis" | "balloon-exclamation" | "balloon-off" | "balloons" | "balloon-text" | "ban" | "bell" | "bell-off" | "book" | "brush" | "burger" | "burger-arrow-left" | "burger-menu" | "business" | "calendar" | "camera" | "card" | "check" | "chevron-double-down" | "chevron-double-up" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-arrow-down" | "circle-check" | "circle-cross" | "circle-exclamation" | "circle-half" | "circle-quarter" | "circle-three-quarters" | "clipboard" | "clock" | "cloud-arrow-down" | "cloud-arrow-up" | "cloud-plus" | "code-block" | "cog" | "compass" | "condensed-view" | "crop" | "cross" | "cross-small" | "cube" | "customize" | "dashboard" | "desktop" | "desktop-text" | "dialpad" | "doc" | "document-eye" | "doner" | "emoji" | "emoji-neutral" | "emoji-plus" | "equal" | "eraser" | "error-circle" | "exit" | "extended-view" | "eye" | "eye-off" | "file" | "fingerprint" | "flag" | "flask" | "folder" | "formula" | "globe" | "globe-cross" | "globe-off" | "group-by-type" | "hash" | "hashtag-lock" | "h-bar" | "headphone" | "headphone-off" | "headset" | "help" | "history" | "home" | "joystick" | "kebab" | "keyboard" | "lamp-bulb" | "language" | "leaf" | "lightning" | "list-bullets" | "list-numbers" | "live" | "lock" | "login" | "magnifier" | "mail" | "mail-arrow-top-right" | "meatballs" | "medium-view" | "members" | "mic" | "mic-off" | "mobile" | "mobile-check" | "mobile-exclamation" | "moon" | "musical-note" | "new-window" | "notebook-hashtag" | "notebook-hashtag-crossed" | "pause" | "pause-shape-filled" | "pause-unfilled" | "pencil" | "pencil-box" | "percentage" | "person-arms-spread" | "phone" | "phone-disabled" | "phone-in" | "phone-issue" | "phone-off" | "phone-out" | "pin" | "pin-map" | "play" | "play-shape-filled" | "play-unfilled" | "plus" | "plus-small" | "podcast" | "quote" | "rec" | "refresh" | "rocket" | "send" | "send-filled" | "sheet" | "shield" | "shield-blank" | "shield-check" | "signal" | "smart" | "sms" | "sort-az" | "spanner" | "squares" | "stack" | "star" | "star-filled" | "stop-unfilled" | "stopwatch" | "store" | "success-circle" | "sun" | "tag" | "team" | "team-arrow-right" | "team-lock" | "text-decrease" | "text-increase" | "trash" | "underline" | "undo" | "user-arrow-right" | "user-lock" | "user-plus" | "video-disabled" | "video-filled" | "video-off" | "volume" | "volume-disabled" | "volume-lock" | "volume-off" | "zip" | "add-reaction" | "add-user" | "attachment" | "back" | "baloon-arrow-left" | "baloon-arrow-top-right" | "baloon-close-top-right" | "baloon-ellipsis" | "baloon-exclamation" | "baloons" | "baloon-text" | "cancel" | "canned-response" | "chat" | "checkmark-circled" | "circled-arrow-down" | "computer" | "contact" | "discover" | "discussion" | "edit" | "edit-rounded" | "file-document" | "file-generic" | "file-google-drive" | "file-pdf" | "files-audio" | "file-sheets" | "files-video" | "files-zip" | "game" | "hashtag" | "import" | "info-circled" | "jump" | "jump-to-message" | "katex" | "map-pin" | "message" | "message-disabled" | "modal-warning" | "multiline" | "omnichannel" | "palette" | "permalink" | "post" | "queue" | "reload" | "reply-directly" | "report" | "send-active" | "share" | "shield-alt" | "sign-out" | "sort-amount-down" | "th-list" | "thread" | "upload" | "user-rounded" | "file-keynote" | "hand-pointer" | "list-alt" | "livechat" | "loading" | "play-solid" | "reply" | "adobe" | "facebook" | "github" | "gitlab" | "google" | "google-drive" | "hubot" | "linkedin" | "rocketchat" | "twitter";
150
150
  primary?: boolean | undefined;
151
151
  secondary?: boolean | undefined;
152
152
  info?: boolean | undefined;
@@ -1161,6 +1161,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
1161
1161
  __setModuleDefault(result, mod);
1162
1162
  return result;
1163
1163
  };
1164
+ var __rest = (this && this.__rest) || function (s, e) {
1165
+ var t = {};
1166
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
1167
+ t[p] = s[p];
1168
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
1169
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
1170
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
1171
+ t[p[i]] = s[p[i]];
1172
+ }
1173
+ return t;
1174
+ };
1164
1175
  var __read = (this && this.__read) || function (o, n) {
1165
1176
  var m = typeof Symbol === "function" && o[Symbol.iterator];
1166
1177
  if (!m) return o;
@@ -1212,7 +1223,7 @@ var getSelected = function (value, options) {
1212
1223
  : options === null || options === void 0 ? void 0 : options.filter(function (option) { return value.includes(option.value); });
1213
1224
  };
1214
1225
  function AutoComplete(_a) {
1215
- var value = _a.value, filter = _a.filter, setFilter = _a.setFilter, _b = _a.options, options = _b === void 0 ? [] : _b, renderItem = _a.renderItem, RenderSelected = _a.renderSelected, onChange = _a.onChange, renderEmpty = _a.renderEmpty, placeholder = _a.placeholder, error = _a.error, disabled = _a.disabled, multiple = _a.multiple;
1226
+ var value = _a.value, filter = _a.filter, setFilter = _a.setFilter, _b = _a.options, options = _b === void 0 ? [] : _b, renderItem = _a.renderItem, RenderSelected = _a.renderSelected, onChange = _a.onChange, renderEmpty = _a.renderEmpty, placeholder = _a.placeholder, error = _a.error, disabled = _a.disabled, multiple = _a.multiple, props = __rest(_a, ["value", "filter", "setFilter", "options", "renderItem", "renderSelected", "onChange", "renderEmpty", "placeholder", "error", "disabled", "multiple"]);
1216
1227
  var ref = (0, react_1.useRef)();
1217
1228
  var _c = (0, fuselage_hooks_1.useResizeObserver)(), containerRef = _c.ref, borderBoxSize = _c.borderBoxSize;
1218
1229
  var _d = __read((0, react_1.useState)(function () { return getSelected(value, options) || []; }), 2), selected = _d[0], setSelected = _d[1];
@@ -1249,16 +1260,16 @@ function AutoComplete(_a) {
1249
1260
  var _e = __read((0, Options_1.useCursor)(value, memoizedOptions, handleSelect), 5), cursor = _e[0], handleKeyDown = _e[1], reset = _e[3], _f = __read(_e[4], 3), optionsAreVisible = _f[0], hide = _f[1], show = _f[2];
1250
1261
  (0, react_1.useEffect)(reset, [filter]);
1251
1262
  return (react_1.default.createElement(Box_1.default, { "rcx-autocomplete": true, ref: containerRef, onClick: (0, fuselage_hooks_1.useMutableCallback)(function () { return ref.current.focus(); }), flexGrow: 1, className: (0, react_1.useMemo)(function () { return [error && 'invalid', disabled && 'disabled']; }, [error, disabled]) },
1252
- react_1.default.createElement(Box_1.default, { display: 'flex', flexGrow: 1, alignItems: 'center', flexWrap: 'wrap', margin: 'neg-x4', role: 'listbox' },
1263
+ react_1.default.createElement(Box_1.default, { display: 'flex', flexGrow: 1, alignItems: 'center', flexWrap: 'wrap', margin: 'neg-x4', role: 'group' },
1253
1264
  react_1.default.createElement(Margins_1.default, { all: 'x4' },
1254
- react_1.default.createElement(InputBox_1.InputBox.Input, { ref: ref, onChange: (0, fuselage_hooks_1.useMutableCallback)(function (e) {
1265
+ react_1.default.createElement(InputBox_1.InputBox.Input, __assign({ ref: ref, onChange: (0, fuselage_hooks_1.useMutableCallback)(function (e) {
1255
1266
  return setFilter(e.currentTarget.value);
1256
1267
  }), onBlur: hide, onFocus: show, onKeyDown: handleKeyDown, placeholder: optionsAreVisible !== AnimatedVisibility_1.default.HIDDEN || !value
1257
1268
  ? placeholder
1258
- : undefined, order: 1, "rcx-input-box--undecorated": true, value: filter }),
1259
- selected &&
1269
+ : undefined, order: 1, "rcx-input-box--undecorated": true, value: filter }, props)),
1270
+ (selected === null || selected === void 0 ? void 0 : selected.length) > 0 &&
1260
1271
  selected.map(function (itemSelected) {
1261
- return RenderSelected ? (react_1.default.createElement(RenderSelected, { key: itemSelected.value, selected: itemSelected, onRemove: handleRemove })) : (react_1.default.createElement(Chip_1.default, { role: 'option', key: itemSelected.value, value: itemSelected.value, label: itemSelected.label, children: itemSelected.label, onClick: handleRemove, selected: selected }));
1272
+ return RenderSelected ? (react_1.default.createElement(RenderSelected, { key: itemSelected.value, selected: itemSelected, onRemove: handleRemove })) : (react_1.default.createElement(Chip_1.default, { key: itemSelected.value, value: itemSelected.value, label: itemSelected.label, children: itemSelected.label, onClick: handleRemove, selected: selected }));
1262
1273
  }))),
1263
1274
  react_1.default.createElement(Addon, { children: react_1.default.createElement(Icon_1.Icon, { name: optionsAreVisible === AnimatedVisibility_1.default.VISIBLE
1264
1275
  ? 'cross'
@@ -11150,7 +11161,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
11150
11161
  return (mod && mod.__esModule) ? mod : { "default": mod };
11151
11162
  };
11152
11163
  Object.defineProperty(exports, "__esModule", ({ value: true }));
11153
- exports.PaginatedMultiSelectFiltered = exports.PaginatedMultiSelect = void 0;
11154
11164
  var fuselage_hooks_1 = __webpack_require__(/*! @rocket.chat/fuselage-hooks */ "@rocket.chat/fuselage-hooks");
11155
11165
  var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
11156
11166
  var prevent_1 = __webpack_require__(/*! ../../helpers/prevent */ "./src/helpers/prevent.ts");
@@ -11159,31 +11169,19 @@ var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/
11159
11169
  var Chip_1 = __importDefault(__webpack_require__(/*! ../Chip */ "./src/components/Chip/index.ts"));
11160
11170
  var Flex_1 = __importDefault(__webpack_require__(/*! ../Flex */ "./src/components/Flex/index.ts"));
11161
11171
  var Icon_1 = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts");
11162
- var InputBox_1 = __webpack_require__(/*! ../InputBox */ "./src/components/InputBox/index.ts");
11163
11172
  var Margins_1 = __importDefault(__webpack_require__(/*! ../Margins */ "./src/components/Margins/index.ts"));
11164
11173
  var useVisible_1 = __webpack_require__(/*! ../Options/useVisible */ "./src/components/Options/useVisible.ts");
11165
11174
  var OptionsPaginated_1 = __webpack_require__(/*! ../OptionsPaginated */ "./src/components/OptionsPaginated/index.ts");
11166
11175
  var Position_1 = __importDefault(__webpack_require__(/*! ../Position */ "./src/components/Position/index.ts"));
11167
11176
  var SelectAddon_1 = __importDefault(__webpack_require__(/*! ../Select/SelectAddon */ "./src/components/Select/SelectAddon.tsx"));
11168
11177
  var SelectFocus_1 = __importDefault(__webpack_require__(/*! ../Select/SelectFocus */ "./src/components/Select/SelectFocus.tsx"));
11169
- var SelectedOptions = (0, react_1.memo)(function (props) { return (react_1.default.createElement(Chip_1.default, __assign({ maxWidth: 'x150', withTruncatedText: true }, props))); });
11170
11178
  var PaginatedMultiSelect = function (_a) {
11171
- var withTitle = _a.withTitle, value = _a.value, filter = _a.filter, _b = _a.options, options = _b === void 0 ? [] : _b, error = _a.error, disabled = _a.disabled, _c = _a.anchor, Anchor = _c === void 0 ? SelectFocus_1.default : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, placeholder = _a.placeholder, _e = _a.renderOptions, _Options = _e === void 0 ? OptionsPaginated_1.OptionsPaginated : _e, endReached = _a.endReached, props = __rest(_a, ["withTitle", "value", "filter", "options", "error", "disabled", "anchor", "onChange", "placeholder", "renderOptions", "endReached"]);
11179
+ var withTitle = _a.withTitle, value = _a.value, filter = _a.filter, _b = _a.options, options = _b === void 0 ? [] : _b, error = _a.error, disabled = _a.disabled, _c = _a.anchor, Anchor = _c === void 0 ? SelectFocus_1.default : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, placeholder = _a.placeholder, _e = _a.renderOptions, OptionsComponent = _e === void 0 ? OptionsPaginated_1.OptionsPaginated : _e, endReached = _a.endReached, props = __rest(_a, ["withTitle", "value", "filter", "options", "error", "disabled", "anchor", "onChange", "placeholder", "renderOptions", "endReached"]);
11172
11180
  var _f = __read((0, react_1.useState)(value || []), 2), internalValue = _f[0], setInternalValue = _f[1];
11173
11181
  var currentValue = value !== undefined ? value : internalValue;
11174
11182
  var selectedOptions = options.filter(function (option) {
11175
11183
  return currentValue.some(function (opt) { return opt.value === option.value; });
11176
11184
  });
11177
- var internalChanged = function (option) {
11178
- if (currentValue.some(function (opt) { return opt.value === option.value; })) {
11179
- var newValue_1 = currentValue.filter(function (opt) { return opt.value !== option.value; });
11180
- setInternalValue(newValue_1);
11181
- return onChange(newValue_1);
11182
- }
11183
- var newValue = __spreadArray(__spreadArray([], __read(currentValue), false), [option], false);
11184
- setInternalValue(newValue);
11185
- return onChange(newValue);
11186
- };
11187
11185
  var _g = __read((0, useVisible_1.useVisible)(), 3), visible = _g[0], hide = _g[1], show = _g[2];
11188
11186
  var ref = (0, react_1.useRef)(null);
11189
11187
  var _h = (0, fuselage_hooks_1.useResizeObserver)(), containerRef = _h.ref, borderBoxSize = _h.borderBoxSize;
@@ -11196,11 +11194,27 @@ var PaginatedMultiSelect = function (_a) {
11196
11194
  return show();
11197
11195
  }
11198
11196
  });
11199
- var handleMouseDown = (0, fuselage_hooks_1.useMutableCallback)(function (option) { return function (e) {
11200
- (0, prevent_1.prevent)(e);
11201
- internalChanged(option);
11202
- return false;
11203
- }; });
11197
+ var addOption = function (value) {
11198
+ var option = options.find(function (opt) { return opt.value === value; });
11199
+ if (!option) {
11200
+ return;
11201
+ }
11202
+ var newValue = __spreadArray(__spreadArray([], __read(currentValue), false), [option], false);
11203
+ setInternalValue(newValue);
11204
+ onChange(newValue);
11205
+ };
11206
+ var removeOption = function (value) {
11207
+ var newValue = currentValue.filter(function (opt) { return opt.value !== value; });
11208
+ setInternalValue(newValue);
11209
+ onChange(newValue);
11210
+ };
11211
+ var toggleOption = function (value) {
11212
+ if (currentValue.some(function (opt) { return opt.value === value; })) {
11213
+ removeOption(value);
11214
+ return;
11215
+ }
11216
+ addOption(value);
11217
+ };
11204
11218
  return (react_1.default.createElement(Box_1.default, __assign({ is: 'div', "rcx-select": true, className: [error && 'invalid', disabled && 'disabled'], ref: containerRef, onClick: handleClick, disabled: disabled }, props),
11205
11219
  react_1.default.createElement(Flex_1.default.Item, { grow: 1 },
11206
11220
  react_1.default.createElement(Margins_1.default, { inline: 'x4' },
@@ -11209,9 +11223,13 @@ var PaginatedMultiSelect = function (_a) {
11209
11223
  react_1.default.createElement(Box_1.default, { is: 'div', display: 'flex', alignItems: 'center', flexWrap: 'wrap', margin: '-x8', role: 'listbox' },
11210
11224
  react_1.default.createElement(Margins_1.default, { all: 'x4' },
11211
11225
  react_1.default.createElement(Anchor, { disabled: disabled, ref: ref, "aria-haspopup": 'listbox', onClick: show, onBlur: hide, order: 1, "rcx-input-box--undecorated": true, children: placeholder !== null && placeholder !== void 0 ? placeholder : null }),
11212
- selectedOptions.map(function (option, index) { return (react_1.default.createElement(SelectedOptions, __assign({}, (withTitle && {
11213
- title: option.label,
11214
- }), { tabIndex: -1, role: 'option', key: index, onMouseDown: handleMouseDown(option), children: option.label }))); }))))))),
11226
+ selectedOptions.map(function (_a, index) {
11227
+ var value = _a.value, label = _a.label;
11228
+ return (react_1.default.createElement(Chip_1.default, { key: value !== null && value !== void 0 ? value : index, maxWidth: 'x150', withTruncatedText: true, title: withTitle ? label : undefined, tabIndex: -1, role: 'option', onClick: function (e) {
11229
+ (0, prevent_1.prevent)(e);
11230
+ removeOption(value);
11231
+ } }, label));
11232
+ }))))))),
11215
11233
  react_1.default.createElement(Flex_1.default.Item, { grow: 0, shrink: 0 },
11216
11234
  react_1.default.createElement(Margins_1.default, { inline: 'x4' },
11217
11235
  react_1.default.createElement(SelectAddon_1.default, { children: react_1.default.createElement(Icon_1.Icon, { name: visible === AnimatedVisibility_1.default.VISIBLE
@@ -11219,12 +11237,77 @@ var PaginatedMultiSelect = function (_a) {
11219
11237
  : 'chevron-down', size: 'x20' }) }))),
11220
11238
  react_1.default.createElement(AnimatedVisibility_1.default, { visibility: visible },
11221
11239
  react_1.default.createElement(Position_1.default, { anchor: containerRef },
11222
- react_1.default.createElement(_Options, { withTitle: withTitle, width: borderBoxSize.inlineSize, onMouseDown: prevent_1.prevent, multiple: true, filter: filter, role: 'listbox', options: options, cursor: -1, endReached: endReached, onSelect: function (_a) {
11223
- var _b = __read(_a, 2), value = _b[0], label = _b[1];
11224
- return internalChanged({ value: value, label: label });
11240
+ react_1.default.createElement(OptionsComponent, { width: borderBoxSize.inlineSize, onMouseDown: prevent_1.prevent, multiple: true, filter: filter, role: 'listbox', options: options, cursor: -1, endReached: endReached, onSelect: function (_a) {
11241
+ var _b = __read(_a, 1), value = _b[0];
11242
+ toggleOption(value);
11225
11243
  } })))));
11226
11244
  };
11227
- exports.PaginatedMultiSelect = PaginatedMultiSelect;
11245
+ exports["default"] = PaginatedMultiSelect;
11246
+
11247
+
11248
+ /***/ }),
11249
+
11250
+ /***/ "./src/components/PaginatedSelect/PaginatedMultiSelectFiltered.tsx":
11251
+ /*!*************************************************************************!*\
11252
+ !*** ./src/components/PaginatedSelect/PaginatedMultiSelectFiltered.tsx ***!
11253
+ \*************************************************************************/
11254
+ /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
11255
+
11256
+
11257
+ var __assign = (this && this.__assign) || function () {
11258
+ __assign = Object.assign || function(t) {
11259
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
11260
+ s = arguments[i];
11261
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11262
+ t[p] = s[p];
11263
+ }
11264
+ return t;
11265
+ };
11266
+ return __assign.apply(this, arguments);
11267
+ };
11268
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
11269
+ if (k2 === undefined) k2 = k;
11270
+ var desc = Object.getOwnPropertyDescriptor(m, k);
11271
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
11272
+ desc = { enumerable: true, get: function() { return m[k]; } };
11273
+ }
11274
+ Object.defineProperty(o, k2, desc);
11275
+ }) : (function(o, m, k, k2) {
11276
+ if (k2 === undefined) k2 = k;
11277
+ o[k2] = m[k];
11278
+ }));
11279
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
11280
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11281
+ }) : function(o, v) {
11282
+ o["default"] = v;
11283
+ });
11284
+ var __importStar = (this && this.__importStar) || function (mod) {
11285
+ if (mod && mod.__esModule) return mod;
11286
+ var result = {};
11287
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
11288
+ __setModuleDefault(result, mod);
11289
+ return result;
11290
+ };
11291
+ var __rest = (this && this.__rest) || function (s, e) {
11292
+ var t = {};
11293
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
11294
+ t[p] = s[p];
11295
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
11296
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
11297
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
11298
+ t[p[i]] = s[p[i]];
11299
+ }
11300
+ return t;
11301
+ };
11302
+ var __importDefault = (this && this.__importDefault) || function (mod) {
11303
+ return (mod && mod.__esModule) ? mod : { "default": mod };
11304
+ };
11305
+ Object.defineProperty(exports, "__esModule", ({ value: true }));
11306
+ exports.PaginatedMultiSelectFiltered = void 0;
11307
+ var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
11308
+ var Flex_1 = __importDefault(__webpack_require__(/*! ../Flex */ "./src/components/Flex/index.ts"));
11309
+ var InputBox_1 = __webpack_require__(/*! ../InputBox */ "./src/components/InputBox/index.ts");
11310
+ var PaginatedMultiSelect_1 = __importDefault(__webpack_require__(/*! ./PaginatedMultiSelect */ "./src/components/PaginatedSelect/PaginatedMultiSelect.tsx"));
11228
11311
  var PaginatedMultiSelectFiltered = function (_a) {
11229
11312
  var filter = _a.filter, setFilter = _a.setFilter, options = _a.options, placeholder = _a.placeholder, props = __rest(_a, ["filter", "setFilter", "options", "placeholder"]);
11230
11313
  // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -11235,7 +11318,7 @@ var PaginatedMultiSelectFiltered = function (_a) {
11235
11318
  return setFilter === null || setFilter === void 0 ? void 0 : setFilter(e.currentTarget.value);
11236
11319
  } }, props, { "rcx-input-box--undecorated": true }))));
11237
11320
  }), []);
11238
- return (react_1.default.createElement(exports.PaginatedMultiSelect, __assign({ filter: filter, options: options }, props, { anchor: anchor })));
11321
+ return (react_1.default.createElement(PaginatedMultiSelect_1.default, __assign({ filter: filter, options: options }, props, { anchor: anchor })));
11239
11322
  };
11240
11323
  exports.PaginatedMultiSelectFiltered = PaginatedMultiSelectFiltered;
11241
11324
 
@@ -11315,9 +11398,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
11315
11398
  };
11316
11399
  Object.defineProperty(exports, "__esModule", ({ value: true }));
11317
11400
  exports.PaginatedSelect = void 0;
11318
- // @ts-nocheck
11319
11401
  var fuselage_hooks_1 = __webpack_require__(/*! @rocket.chat/fuselage-hooks */ "@rocket.chat/fuselage-hooks");
11320
11402
  var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
11403
+ var prevent_1 = __webpack_require__(/*! ../../helpers/prevent */ "./src/helpers/prevent.ts");
11321
11404
  var AnimatedVisibility_1 = __importDefault(__webpack_require__(/*! ../AnimatedVisibility */ "./src/components/AnimatedVisibility/index.ts"));
11322
11405
  var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
11323
11406
  var Icon_1 = __webpack_require__(/*! ../Icon */ "./src/components/Icon/index.ts");
@@ -11328,21 +11411,6 @@ var PositionAnimated_1 = __importDefault(__webpack_require__(/*! ../PositionAnim
11328
11411
  var SelectAddon_1 = __importDefault(__webpack_require__(/*! ../Select/SelectAddon */ "./src/components/Select/SelectAddon.tsx"));
11329
11412
  var SelectFocus_1 = __importDefault(__webpack_require__(/*! ../Select/SelectFocus */ "./src/components/Select/SelectFocus.tsx"));
11330
11413
  var PaginatedSelectWrapper_1 = __importDefault(__webpack_require__(/*! ./PaginatedSelectWrapper */ "./src/components/PaginatedSelect/PaginatedSelectWrapper.tsx"));
11331
- var prevent = function (e) {
11332
- e.preventDefault();
11333
- e.stopPropagation();
11334
- e.nativeEvent.stopImmediatePropagation();
11335
- };
11336
- var useDidUpdate = function (func) {
11337
- var didMount = (0, react_1.useRef)(false);
11338
- var fn = (0, fuselage_hooks_1.useMutableCallback)(func);
11339
- (0, react_1.useEffect)(function () {
11340
- if (didMount.current) {
11341
- fn();
11342
- }
11343
- didMount.current = true;
11344
- }, [fn]);
11345
- };
11346
11414
  var PaginatedSelect = function (_a) {
11347
11415
  var value = _a.value, withTitle = _a.withTitle, filter = _a.filter, _setFilter = _a.setFilter, error = _a.error, disabled = _a.disabled, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.anchor, Anchor = _c === void 0 ? SelectFocus_1.default : _c, _d = _a.onChange, onChange = _d === void 0 ? function () { } : _d, _e = _a.placeholder, placeholder = _e === void 0 ? '' : _e, _f = _a.renderOptions, _Options = _f === void 0 ? OptionsPaginated_1.OptionsPaginated : _f, endReached = _a.endReached, props = __rest(_a, ["value", "withTitle", "filter", "setFilter", "error", "disabled", "options", "anchor", "onChange", "placeholder", "renderOptions", "endReached"]);
11348
11416
  var _g = __read((0, react_1.useState)(value), 2), internalValue = _g[0], setInternalValue = _g[1];
@@ -11357,7 +11425,6 @@ var PaginatedSelect = function (_a) {
11357
11425
  });
11358
11426
  var ref = (0, react_1.useRef)(null);
11359
11427
  var _j = (0, fuselage_hooks_1.useResizeObserver)(), containerRef = _j.ref, borderBoxSize = _j.borderBoxSize;
11360
- useDidUpdate([filter, internalValue]);
11361
11428
  var valueLabel = option === null || option === void 0 ? void 0 : option.label;
11362
11429
  var visibleText = (filter === undefined || visible === AnimatedVisibility_1.default.HIDDEN) &&
11363
11430
  (valueLabel || placeholder || typeof placeholder === 'string');
@@ -11380,7 +11447,7 @@ var PaginatedSelect = function (_a) {
11380
11447
  ? 'chevron-up'
11381
11448
  : 'chevron-down', size: 'x20' })))),
11382
11449
  react_1.default.createElement(PositionAnimated_1.default, { visible: visible, anchor: containerRef },
11383
- react_1.default.createElement(_Options, __assign({}, (withTitle && { title: withTitle }), { width: borderBoxSize.inlineSize, role: 'listbox', filter: filter, options: options, onSelect: internalChangedByClick, endReached: endReached, onMouseDown: prevent })))));
11450
+ react_1.default.createElement(_Options, __assign({}, (withTitle && { title: withTitle }), { width: borderBoxSize.inlineSize, role: 'listbox', filter: filter, options: options, onSelect: internalChangedByClick, endReached: endReached, onMouseDown: prevent_1.prevent })))));
11384
11451
  };
11385
11452
  exports.PaginatedSelect = PaginatedSelect;
11386
11453
 
@@ -11528,8 +11595,8 @@ Object.defineProperty(exports, "__esModule", ({ value: true }));
11528
11595
  exports.PaginatedMultiSelectFiltered = exports.PaginatedSelectFiltered = void 0;
11529
11596
  var PaginatedSelectFiltered_1 = __webpack_require__(/*! ./PaginatedSelectFiltered */ "./src/components/PaginatedSelect/PaginatedSelectFiltered.tsx");
11530
11597
  Object.defineProperty(exports, "PaginatedSelectFiltered", ({ enumerable: true, get: function () { return PaginatedSelectFiltered_1.PaginatedSelectFiltered; } }));
11531
- var PaginatedMultiSelect_1 = __webpack_require__(/*! ./PaginatedMultiSelect */ "./src/components/PaginatedSelect/PaginatedMultiSelect.tsx");
11532
- Object.defineProperty(exports, "PaginatedMultiSelectFiltered", ({ enumerable: true, get: function () { return PaginatedMultiSelect_1.PaginatedMultiSelectFiltered; } }));
11598
+ var PaginatedMultiSelectFiltered_1 = __webpack_require__(/*! ./PaginatedMultiSelectFiltered */ "./src/components/PaginatedSelect/PaginatedMultiSelectFiltered.tsx");
11599
+ Object.defineProperty(exports, "PaginatedMultiSelectFiltered", ({ enumerable: true, get: function () { return PaginatedMultiSelectFiltered_1.PaginatedMultiSelectFiltered; } }));
11533
11600
 
11534
11601
 
11535
11602
  /***/ }),
@@ -12091,17 +12158,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
12091
12158
  __setModuleDefault(result, mod);
12092
12159
  return result;
12093
12160
  };
12094
- var __rest = (this && this.__rest) || function (s, e) {
12095
- var t = {};
12096
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
12097
- t[p] = s[p];
12098
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
12099
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
12100
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
12101
- t[p[i]] = s[p[i]];
12102
- }
12103
- return t;
12104
- };
12105
12161
  var __importDefault = (this && this.__importDefault) || function (mod) {
12106
12162
  return (mod && mod.__esModule) ? mod : { "default": mod };
12107
12163
  };
@@ -12110,10 +12166,9 @@ exports.RadioButton = void 0;
12110
12166
  var react_1 = __importStar(__webpack_require__(/*! react */ "react"));
12111
12167
  var Box_1 = __importDefault(__webpack_require__(/*! ../Box */ "./src/components/Box/index.tsx"));
12112
12168
  var Label_1 = __webpack_require__(/*! ../Label */ "./src/components/Label/index.tsx");
12113
- exports.RadioButton = (0, react_1.forwardRef)(function RadioButton(_a, ref) {
12114
- var autoComplete = _a.autoComplete, checked = _a.checked, defaultChecked = _a.defaultChecked, disabled = _a.disabled, form = _a.form, id = _a.id, name = _a.name, required = _a.required, tabIndex = _a.tabIndex, value = _a.value, qa = _a.qa, dataQa = _a["data-qa"], onChange = _a.onChange, onInput = _a.onInput, onInvalid = _a.onInvalid, props = __rest(_a, ["autoComplete", "checked", "defaultChecked", "disabled", "form", "id", "name", "required", "tabIndex", "value", "qa", 'data-qa', "onChange", "onInput", "onInvalid"]);
12115
- return (react_1.default.createElement(Box_1.default, __assign({ is: Label_1.Label, "rcx-radio-button": true }, props),
12116
- react_1.default.createElement(Box_1.default, { is: 'input', "rcx-radio-button__input": true, autoComplete: autoComplete, checked: checked, defaultChecked: defaultChecked, disabled: disabled, form: form, id: id, name: name, required: required, tabIndex: tabIndex, type: 'radio', value: value, "data-qa": dataQa || qa, ref: ref, onChange: onChange, onInput: onInput, onInvalid: onInvalid }),
12169
+ exports.RadioButton = (0, react_1.forwardRef)(function RadioButton(props, ref) {
12170
+ return (react_1.default.createElement(Box_1.default, { is: Label_1.Label, "rcx-radio-button": true },
12171
+ react_1.default.createElement(Box_1.default, __assign({ is: 'input', "rcx-radio-button__input": true, type: 'radio', ref: ref }, props)),
12117
12172
  react_1.default.createElement(Box_1.default, { is: 'i', "rcx-radio-button__fake": true, "aria-hidden": 'true' })));
12118
12173
  });
12119
12174