@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.
- package/CHANGELOG.md +12 -0
- package/dist/components/AutoComplete/AutoComplete.d.ts +3 -3
- package/dist/components/AutoComplete/AutoComplete.d.ts.map +1 -1
- package/dist/components/Button/ActionButton.d.ts +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Contextualbar/ContextualbarButton.d.ts +1 -1
- package/dist/components/Contextualbar/ContextualbarIcon.d.ts +1 -1
- package/dist/components/Message/MessageMetrics/MessageMetricsItem/index.d.ts +1 -1
- package/dist/components/Message/MessageMetrics/index.d.ts +2 -2
- package/dist/components/Message/MessageToolbox/MessageToolboxItem.d.ts +1 -1
- package/dist/components/Message/MessageToolbox/index.d.ts +3 -3
- package/dist/components/Message/index.d.ts +5 -5
- package/dist/components/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/components/Option/CheckOption.d.ts +1 -1
- package/dist/components/Option/Option.d.ts +1 -1
- package/dist/components/Option/index.d.ts +3 -3
- package/dist/components/Option/index.d.ts.map +1 -1
- package/dist/components/OptionsPaginated/OptionsPaginated.d.ts +1 -1
- package/dist/components/PaginatedSelect/PaginatedMultiSelect.d.ts +3 -8
- package/dist/components/PaginatedSelect/PaginatedMultiSelect.d.ts.map +1 -1
- package/dist/components/PaginatedSelect/PaginatedMultiSelectFiltered.d.ts +20 -0
- package/dist/components/PaginatedSelect/PaginatedMultiSelectFiltered.d.ts.map +1 -0
- package/dist/components/PaginatedSelect/PaginatedSelect.d.ts +2 -2
- package/dist/components/PaginatedSelect/PaginatedSelect.d.ts.map +1 -1
- package/dist/components/PaginatedSelect/index.d.ts +2 -1
- package/dist/components/PaginatedSelect/index.d.ts.map +1 -1
- package/dist/components/RadioButton/RadioButton.d.ts +2 -4
- package/dist/components/RadioButton/RadioButton.d.ts.map +1 -1
- package/dist/components/Select/SelectFiltered.d.ts +2 -2
- package/dist/components/Select/SelectLegacy.d.ts +1 -1
- package/dist/components/Sidebar/Item.d.ts +1 -1
- package/dist/components/Sidebar/SidebarActions.d.ts +1 -1
- package/dist/components/Sidebar/TopBar.d.ts +2 -2
- package/dist/components/Sidebar/index.d.ts +3 -3
- package/dist/fuselage.development.js +123 -68
- package/dist/fuselage.development.js.map +1 -1
- package/dist/fuselage.production.js +1 -1
- 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: '
|
|
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, {
|
|
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,
|
|
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
|
|
11200
|
-
|
|
11201
|
-
|
|
11202
|
-
|
|
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 (
|
|
11213
|
-
|
|
11214
|
-
|
|
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(
|
|
11223
|
-
var _b = __read(_a,
|
|
11224
|
-
|
|
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
|
|
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(
|
|
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
|
|
11532
|
-
Object.defineProperty(exports, "PaginatedMultiSelectFiltered", ({ enumerable: true, get: function () { return
|
|
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(
|
|
12114
|
-
|
|
12115
|
-
|
|
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
|
|