@rocket.chat/fuselage 0.6.3-dev.400 → 0.6.3-dev.406

package/README.md

@@ -110,17 +110,3 @@ yarn storybook
 ```
 
 <!--/yarn(storybook)-->
-
-### Visually testing stories
-
-We perform visual regression testing in our component stories using [Loki](https://loki.js.org/).
-Everytime you add, modify, or remove components, you should update the set of reference images used to match
-how the components render in a real browser by running the following:
-
-<!--yarn(update-storybook)-->
-
-```sh
-yarn update-storybook
-```
-
-<!--/yarn(update-storybook)-->

package/dist/components/AutoComplete/index.d.ts

@@ -1,11 +1,13 @@
 import { ElementType, FC } from 'react';
 
-type AutoCompleteProps = {
+import { Options } from '..';
+
+type AutoCompleteProps = Omit<ComponentProps<typeof Options>> & {
   value: unknown[];
   filter: string;
   setFilter?: (filter: string) => void;
   options?: { label: string; value: unknown }[];
-  renderItem: ElementType;
+  renderItem?: ElementType;
   renderSelected?: ElementType;
   onChange: (value: unknown, action: 'remove' | undefined) => void;
   getLabel?: (option: { label: string; value: unknown }) => string;

package/dist/components/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, FC } from 'react';
+import { ComponentPropsWithoutRef, FC, DetailedHTMLProps, HTMLAttributes } from 'react';
 import { Box } from '..';
 declare type AvatarProps = Omit<ComponentPropsWithoutRef<typeof Box>, 'title' | 'size' | 'className'> & {
     title?: string;
@@ -11,6 +11,6 @@ declare type AvatarProps = Omit<ComponentPropsWithoutRef<typeof Box>, 'title' |
 export declare const Avatar: FC<AvatarProps> & {
     Stack: typeof AvatarStack;
 };
-declare const AvatarStack: FC<AvatarProps>;
+declare const AvatarStack: FC<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export {};
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,wBAAwB,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,CAAC;AAGzB,aAAK,WAAW,GAAG,IAAI,CACrB,wBAAwB,CAAC,OAAO,GAAG,CAAC,EACpC,OAAO,GAAG,MAAM,GAAG,WAAW,CAC/B,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EACD,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG;IACrC,KAAK,EAAE,OAAO,WAAW,CAAC;CA6B3B,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,WAAW,CAGhC,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,wBAAwB,EACxB,EAAE,EACF,iBAAiB,EACjB,cAAc,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,CAAC;AAGzB,aAAK,WAAW,GAAG,IAAI,CACrB,wBAAwB,CAAC,OAAO,GAAG,CAAC,EACpC,OAAO,GAAG,MAAM,GAAG,WAAW,CAC/B,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EACD,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAAC,GAAG;IACrC,KAAK,EAAE,OAAO,WAAW,CAAC;CA6B3B,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CACnB,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAIlE,CAAC"}

package/dist/components/Box/Scrollable/index.d.ts

@@ -4,6 +4,7 @@ type ScrollableProps = PropsWithChildren<{
   horizontal?: boolean;
   vertical?: boolean;
   onScrollContent?: (touching: { top: boolean }) => void;
+  smooth?: boolean;
 }>;
 const Scrollable: ForwardRefExoticComponent<ScrollableProps>;
 export default Scrollable;

package/dist/components/Button/index.d.ts

@@ -12,7 +12,10 @@ type ButtonProps = ComponentProps<typeof Box> & {
   nude?: boolean;
   ghostish?: boolean;
   small?: boolean;
+  mini?: boolean;
+  tiny?: boolean;
   square?: boolean;
+  external?: boolean;
 };
 export const Button: ForwardRefExoticComponent<ButtonProps>;
 

package/dist/components/ButtonGroup/index.d.ts

@@ -2,12 +2,13 @@ import { ComponentProps, ForwardRefExoticComponent } from 'react';
 
 import { Box } from '../Box';
 
-type ButtonGroupProps = ComponentProps<typeof Box> & {
-  align?: 'start' | 'center' | 'end';
-  stretch?: boolean;
-  wrap?: boolean;
-  vertical?: boolean;
-  small?: boolean;
-  medium?: boolean;
-};
+type ButtonGroupProps = ComponentProps<typeof Box> &
+  Omit<'wrap'> & {
+    align?: 'start' | 'center' | 'end';
+    stretch?: boolean;
+    wrap?: boolean;
+    vertical?: boolean;
+    small?: boolean;
+    medium?: boolean;
+  };
 export const ButtonGroup: ForwardRefExoticComponent<ButtonGroupProps>;

package/dist/components/Chip/index.d.ts

@@ -2,7 +2,9 @@ import { ComponentProps, ForwardRefExoticComponent } from 'react';
 
 import { Box } from '../Box';
 
-type ChipProps = ComponentProps<typeof Box>;
+type ChipProps = ComponentProps<typeof Box> & {
+  thumbUrl: string;
+};
 const Chip: ForwardRefExoticComponent<ChipProps>;
 
 export = Chip;

package/dist/components/Icon/IconsList.d.ts

@@ -0,0 +1,2 @@
+export declare const iconsList: readonly ["arrow-back", "arrow-collapse", "arrow-down", "arrow-down-box", "arrow-expand", "arrow-fall", "arrow-jump", "arrow-loop", "arrow-return", "arrow-rise", "arrow-up-box", "at", "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", "bold", "book", "brush", "burger", "burger-arrow-left", "business", "calendar", "camera", "card", "check", "chevron-down", "chevron-expand", "chevron-left", "chevron-right", "chevron-up", "circle-arrow-down", "circle-check", "circle-cross", "circle-exclamation", "clip", "clipboard", "clock", "cloud-arrow-up", "cloud-plus", "code", "cog", "condensed-view", "contact", "copy", "crop", "cross", "cross-small", "cube", "customize", "desktop", "dialpad", "doc", "document-eye", "doner", "emoji", "emoji-neutral", "emoji-plus", "eraser", "error-circle", "exit", "extended-view", "eye", "eye-off", "file", "fingerprint", "flag", "folder", "globe", "globe-off", "group-by-type", "hash", "hashtag-lock", "h-bar", "headphone", "headphone-off", "headset", "help", "history", "home", "image", "info", "italic", "joystick", "kebab", "key", "keyboard", "language", "link", "list-bullets", "list-numbers", "live", "lock", "login", "magnifier", "mail", "mail-arrow-top-right", "meatballs", "medium-view", "members", "mic", "mic-off", "mobile", "moon", "musical-note", "new-window", "pause", "pause-unfilled", "pencil", "pencil-box", "phone", "phone-disabled", "phone-in", "phone-off", "phone-out", "pin", "pin-map", "play", "plus", "plus-small", "podcast", "quote", "rec", "refresh", "send", "send-filled", "sheet", "shield", "shield-check", "shredder", "signal", "sms", "sort", "sort-az", "squares", "stack", "star", "star-filled", "strike", "success-circle", "sun", "team", "team-arrow-right", "team-lock", "text-decrease", "text-increase", "trash", "underline", "undo", "user", "user-arrow-right", "user-plus", "video", "video-disabled", "video-filled", "video-off", "volume", "volume-disabled", "volume-lock", "volume-off", "warning", "zip", "add-reaction", "add-user", "attachment", "audio", "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", "discover", "discussion", "download", "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", "map-pin", "menu", "message", "message-disabled", "modal-warning", "multiline", "omnichannel", "permalink", "post", "queue", "reload", "reply-directly", "report", "send-active", "share", "shield-alt", "sign-out", "sort-amount-down", "th-list", "thread", "upload", "user-rounded", "circle", "file-keynote", "hand-pointer", "list", "list-alt", "livechat", "loading", "play-solid", "reply", "sort-down", "sort-up", "adobe", "facebook", "github", "gitlab", "google", "google-drive", "hubot", "linkedin", "twitter"];
+//# sourceMappingURL=IconsList.d.ts.map

package/dist/components/Icon/IconsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconsList.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/IconsList.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,+oGA8PZ,CAAC"}

package/dist/components/InputBox/index.d.ts

@@ -5,6 +5,7 @@ import { Box } from '../Box';
 type InputBoxProps = ComponentProps<typeof Box> & {
   addon?: ReactNode;
   input?: ReactNode;
+  multiple?: boolean;
   error?: string;
   type:
     | 'button'

package/dist/components/Message/MessageToolbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/MessageToolbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,8BAA8B,CAAC;;;;;;AAEtC,wBAIG;AAEH,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Message/MessageToolbox/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,8BAA8B,CAAC;;;;;;AAEtC,wBAIG;AAEH,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/MultiSelect/index.d.ts

@@ -2,7 +2,7 @@ import { ComponentProps, ForwardRefExoticComponent } from 'react';
 
 import { Box } from '../Box';
 
-type MultiSelectOptions = readonly (readonly [string, string])[];
+type MultiSelectOptions = readonly (readonly [string, string, boolean?])[];
 
 type MultiSelectProps = Omit<ComponentProps<typeof Box>, 'onChange'> & {
   error?: string;

package/dist/components/OptionsPaginated/index.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps, ElementType, ForwardRefExoticComponent } from 'react';
+
+import { Avatar } from '../Avatar';
+import { Box } from '../Box';
+
+type OptionsPaginatedProps = Omit<ComponentProps<typeof Box>, 'onSelect'> & {
+  multiple?: boolean;
+  options: { value: unknown; label: string }[];
+  cursor: number;
+  renderItem?: ElementType;
+  renderEmpty?: ElementType;
+  onSelect: (option: [unknown, string]) => void;
+};
+export const OptionsPaginated: ForwardRefExoticComponent<OptionsPaginatedProps> & {
+  AvatarSize: ComponentProps<typeof Avatar>['size'];
+};
+
+export const CheckOption: ForwardRefExoticComponent<OptionsPaginatedProps>;

package/dist/components/SelectInput/index.d.ts

@@ -0,0 +1,17 @@
+import { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';
+
+import { InputBox } from '..';
+import { Box } from '../Box';
+
+type SelectInputOptions = readonly (readonly [string, string])[];
+
+type SelectInputProps = Omit<ComponentProps<typeof Box>, 'onChange'> & {
+  error?: string;
+  options: SelectInputOptions;
+  onChange: (value: SelectInputOptions[number][0]) => void;
+  htmlSize?: number;
+  addon: ReactNode;
+};
+
+export const SelectInput: ForwardRefExoticComponent<SelectInputProps>;
+export const SelectInputOption: typeof InputBox.Option;

package/dist/components/Sidebar/Item.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentProps, FC } from 'react';
+import { ComponentProps, FC } from 'react';
 import { Box } from '..';
 import { Icon as FuselageIcon } from '../Icon';
-import { SidebarAction } from './SidebarActions';
+import { SidebarAction, SidebarActions } from './SidebarActions';
 export declare const SidebarItem: FC<{
     selected?: boolean;
     highlighted?: boolean;
@@ -23,18 +23,18 @@ export declare const SidebarItemBadge: FC<{
     className: string;
 }>;
 export declare const SidebarItemSubtitle: FC<{
-    className: string;
+    className?: string;
 }>;
 export declare const SidebarItemWrapper: FC<{
     className?: string;
 }>;
 export declare const SidebarItemIcon: FC<{
-    className: string;
+    className?: string;
     highlighted?: boolean;
     icon: ComponentProps<typeof FuselageIcon>['name'];
 }>;
 export declare const SidebarItemAvatar: FC;
-export declare const SidebarItemActions: React.FC<any>;
+export declare const SidebarItemActions: FC<ComponentProps<typeof SidebarActions>>;
 export declare const SidebarItemAction: FC<ComponentProps<typeof SidebarAction>>;
 export default SidebarItem;
 //# sourceMappingURL=Item.d.ts.map

package/dist/components/Sidebar/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AAEjE,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;CACvC,CAwBA,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAKlC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAK7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAQzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAQvD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAQrD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAQtD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAQzD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAQzD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;CACnD,CAYA,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAI/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,eAAiB,CAAC;AAEjD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAEtC,CAAC;AAiBlC,eAAe,WAAW,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,GAAG,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEjE,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,EAAE,CAAC,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;CACvC,CAwBA,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAKlC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAK7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAQzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAQvD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAQrD,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAQtD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAQ1D,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAQzD,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;CACnD,CAYA,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAI/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CACzD,CAAC;AAEjB,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAEtC,CAAC;AAiBlC,eAAe,WAAW,CAAC"}

package/dist/components/Sidebar/TopBar.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentProps, FC } from 'react';
-import { SidebarAction } from './SidebarActions';
+import { ComponentProps, FC } from 'react';
+import { SidebarAction, SidebarActions } from './SidebarActions';
 declare const TopBar: FC<{
     className: string;
 }> & {
@@ -20,9 +20,9 @@ export declare const TopBarSection: FC<{
     className: string;
 }>;
 export declare const TopBarAvatar: {
-    size: string;
+    size: 'x24';
 };
-export declare const TopBarActions: React.FC<any>;
+export declare const TopBarActions: FC<ComponentProps<typeof SidebarActions>>;
 export declare const TopBarAction: FC<ComponentProps<typeof SidebarAction>>;
 export declare const TopBarDivider: FC;
 export declare const TopBarTitle: FC;

package/dist/components/Sidebar/TopBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/TopBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AAIjE,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG;IACxC,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;CAQ/B,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAKpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAcpD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAcnD,CAAC;AAEF,eAAO,MAAM,YAAY;;CAAS,CAAC;AACnC,eAAO,MAAM,aAAa,eAAiB,CAAC;AAC5C,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAE3B,CAAC;AAExC,eAAO,MAAM,aAAa,EAAE,EAA2C,CAAC;AAExE,eAAO,MAAM,WAAW,EAAE,EAEzB,CAAC;AAYF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/TopBar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIjE,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG;IACxC,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;CAQ/B,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,EAKpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAcpD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAcnD,CAAC;AAEF,eAAO,MAAM,YAAY;UA3DH,KAAK;CA2DO,CAAC;AACnC,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CACpD,CAAC;AACjB,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAE3B,CAAC;AAExC,eAAO,MAAM,aAAa,EAAE,EAA2C,CAAC;AAExE,eAAO,MAAM,WAAW,EAAE,EAEzB,CAAC;AAYF,eAAe,MAAM,CAAC"}

package/dist/components/Table/index.d.ts

@@ -1,4 +1,8 @@
-import { ComponentProps, ForwardRefExoticComponent } from 'react';
+import {
+  ComponentProps,
+  ForwardRefExoticComponent,
+  JSXElementConstructor,
+} from 'react';
 
 import { Box } from '../Box';
 
@@ -12,15 +16,31 @@ type TableBodyProps = ComponentProps<typeof Box>;
 type TableFootProps = ComponentProps<typeof Box>;
 type TableRowProps = Omit<ComponentProps<typeof Box>, 'action'> & {
   action?: boolean;
+  hasAction?: boolean;
 };
 type TableCellProps = ComponentProps<typeof Box> & {
   align?: 'start' | 'center' | 'end';
   clickable?: boolean;
 };
-export const Table: ForwardRefExoticComponent<TableProps> & {
-  Head: ForwardRefExoticComponent<TableHeadProps>;
-  Body: ForwardRefExoticComponent<TableBodyProps>;
-  Foot: ForwardRefExoticComponent<TableFootProps>;
-  Row: ForwardRefExoticComponent<TableRowProps>;
-  Cell: ForwardRefExoticComponent<TableCellProps>;
+type TableSelectionProps = ComponentProps<typeof Box> & {
+  children?: JSXElementConstructor;
+  text?: string;
 };
+
+type TableSelectionButtonProps = ComponentProps<typeof Box>;
+
+export const Table: ForwardRefExoticComponent<TableProps>;
+export const TableHead: ForwardRefExoticComponent<TableProps> &
+  ForwardRefExoticComponent<TableHeadProps>;
+export const TableBody: ForwardRefExoticComponent<TableProps> &
+  ForwardRefExoticComponent<TableBodyProps>;
+export const TableFoot: ForwardRefExoticComponent<TableProps> &
+  ForwardRefExoticComponent<TableFootProps>;
+export const TableSelection: ForwardRefExoticComponent<TableProps> &
+  ForwardRefExoticComponent<TableSelectionProps>;
+export const TableSelectionButton: ForwardRefExoticComponent<TableProps> &
+  ForwardRefExoticComponent<TableSelectionButtonProps>;
+export const TableRow: ForwardRefExoticComponent<TableProps> &
+  ForwardRefExoticComponent<TableRowProps>;
+export const TableCell: ForwardRefExoticComponent<TableProps> &
+  ForwardRefExoticComponent<TableCellProps>;

package/dist/fuselage.development.js

@@ -6584,7 +6584,7 @@ var Empty = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().memo(funct
     }
   });
 });
-var CheckOption = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().memo(function (_ref) {
+var CheckOption = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().memo(function CheckOption(_ref) {
   var selected = _ref.selected,
       label = _ref.children,
       options = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1___default()(_ref, _excluded);
@@ -6593,18 +6593,18 @@ var CheckOption = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().memo
     label: label,
     selected: selected
   }, options, {
-    __self: _this,
+    __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
+      lineNumber: 26,
       columnNumber: 5
     }
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_CheckBox__WEBPACK_IMPORTED_MODULE_5__.CheckBox, {
     checked: selected,
-    __self: _this,
+    __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 27,
       columnNumber: 7
     }
   }));
@@ -6645,7 +6645,7 @@ var OptionsPaginated = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default()
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 46,
+        lineNumber: 50,
         columnNumber: 9
       }
     }));
@@ -6658,7 +6658,7 @@ var OptionsPaginated = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default()
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 68,
       columnNumber: 7
     }
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(_Tile__WEBPACK_IMPORTED_MODULE_7__.default, {
@@ -6669,14 +6669,14 @@ var OptionsPaginated = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default()
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 69,
       columnNumber: 9
     }
   }, !options.length ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(EmptyComponent, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 71,
       columnNumber: 13
     }
   }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default().createElement(react_virtuoso__WEBPACK_IMPORTED_MODULE_8__.Virtuoso, {
@@ -6695,7 +6695,7 @@ var OptionsPaginated = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default()
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 77,
+          lineNumber: 81,
           columnNumber: 17
         }
       });
@@ -6703,7 +6703,7 @@ var OptionsPaginated = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_3___default()
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 73,
       columnNumber: 13
     }
   })));
@@ -7507,7 +7507,8 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "SelectInput": function() { return /* binding */ SelectInput; }
+/* harmony export */   "SelectInput": function() { return /* binding */ SelectInput; },
+/* harmony export */   "SelectInputOption": function() { return /* binding */ SelectInputOption; }
 /* harmony export */ });
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../../node_modules/@babel/runtime/helpers/slicedToArray.js");
 /* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_0__);
@@ -7594,7 +7595,7 @@ var SelectInput = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)
     }
   }, placeholder), children);
 });
-SelectInput.Option = _InputBox__WEBPACK_IMPORTED_MODULE_4__.InputBox.Option;
+var SelectInputOption = _InputBox__WEBPACK_IMPORTED_MODULE_4__.InputBox.Option;
 
 /***/ }),
 
@@ -7809,7 +7810,7 @@ var PaginatedMultiSelect = function PaginatedMultiSelect(_ref) {
       lineNumber: 88,
       columnNumber: 19
     }
-  }), currentValue.map(function (value) {
+  }), currentValue.map(function (value, index) {
     var _options$find, _options$find2;
 
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4___default().createElement(SelectedOptions, Object.assign({}, withTitle && {
@@ -7819,7 +7820,7 @@ var PaginatedMultiSelect = function PaginatedMultiSelect(_ref) {
     }, {
       tabIndex: -1,
       role: "option",
-      key: value && value.value,
+      key: index,
       onMouseDown: function onMouseDown(e) {
         prevent(e);
         internalChanged([value]);
@@ -8292,8 +8293,8 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Selection": function() { return /* binding */ Selection; },
-/* harmony export */   "SelectionButton": function() { return /* binding */ SelectionButton; },
+/* harmony export */   "TableSelection": function() { return /* binding */ TableSelection; },
+/* harmony export */   "TableSelectionButton": function() { return /* binding */ TableSelectionButton; },
 /* harmony export */   "Table": function() { return /* binding */ Table; },
 /* harmony export */   "TableHead": function() { return /* binding */ TableHead; },
 /* harmony export */   "TableBody": function() { return /* binding */ TableBody; },
@@ -8326,7 +8327,7 @@ var style = {
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap'
 };
-function Selection(_ref) {
+function TableSelection(_ref) {
   var children = _ref.children,
       text = _ref.text,
       props = _babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_0___default()(_ref, _excluded);
@@ -8376,7 +8377,7 @@ function Selection(_ref) {
     }
   }, children)));
 }
-function SelectionButton(props) {
+function TableSelectionButton(props) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_Button__WEBPACK_IMPORTED_MODULE_4__.Button, Object.assign({
     small: true,
     primary: true,
@@ -8390,7 +8391,7 @@ function SelectionButton(props) {
     }
   }));
 }
-Selection.Button = SelectionButton;
+Selection.Button = TableSelectionButton;
 function Table(_ref2) {
   var striped = _ref2.striped,
       sticky = _ref2.sticky,
@@ -18176,6 +18177,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "PaginatedSelect": function() { return /* reexport safe */ _SelectPaginated__WEBPACK_IMPORTED_MODULE_36__.PaginatedSelect; },
 /* harmony export */   "PaginatedSelectFiltered": function() { return /* reexport safe */ _SelectPaginated__WEBPACK_IMPORTED_MODULE_36__.PaginatedSelectFiltered; },
 /* harmony export */   "SelectInput": function() { return /* reexport safe */ _SelectInput__WEBPACK_IMPORTED_MODULE_37__.SelectInput; },
+/* harmony export */   "SelectInputOption": function() { return /* reexport safe */ _SelectInput__WEBPACK_IMPORTED_MODULE_37__.SelectInputOption; },
 /* harmony export */   "Sidebar": function() { return /* reexport safe */ _Sidebar__WEBPACK_IMPORTED_MODULE_38__.Sidebar; },
 /* harmony export */   "SidebarFooter": function() { return /* reexport safe */ _Sidebar__WEBPACK_IMPORTED_MODULE_38__.SidebarFooter; },
 /* harmony export */   "SidebarFooterHighlight": function() { return /* reexport safe */ _Sidebar__WEBPACK_IMPORTED_MODULE_38__.SidebarFooterHighlight; },
@@ -18213,14 +18215,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "StatesSuggestionListItem": function() { return /* reexport safe */ _States__WEBPACK_IMPORTED_MODULE_40__.StatesSuggestionListItem; },
 /* harmony export */   "StatesSuggestionText": function() { return /* reexport safe */ _States__WEBPACK_IMPORTED_MODULE_40__.StatesSuggestionText; },
 /* harmony export */   "StatesTitle": function() { return /* reexport safe */ _States__WEBPACK_IMPORTED_MODULE_40__.StatesTitle; },
-/* harmony export */   "Selection": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_41__.Selection; },
-/* harmony export */   "SelectionButton": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_41__.SelectionButton; },
 /* harmony export */   "Table": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_41__.Table; },
 /* harmony export */   "TableBody": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_41__.TableBody; },
 /* harmony export */   "TableCell": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_41__.TableCell; },
 /* harmony export */   "TableFoot": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_41__.TableFoot; },
 /* harmony export */   "TableHead": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_41__.TableHead; },
 /* harmony export */   "TableRow": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_41__.TableRow; },
+/* harmony export */   "TableSelection": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_41__.TableSelection; },
+/* harmony export */   "TableSelectionButton": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_41__.TableSelectionButton; },
 /* harmony export */   "Tabs": function() { return /* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_42__.Tabs; },
 /* harmony export */   "TabsItem": function() { return /* reexport safe */ _Tabs__WEBPACK_IMPORTED_MODULE_42__.TabsItem; },
 /* harmony export */   "Tag": function() { return /* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_43__.Tag; },
@@ -18825,8 +18827,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "Select": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Select; },
 /* harmony export */   "SelectFiltered": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SelectFiltered; },
 /* harmony export */   "SelectInput": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SelectInput; },
-/* harmony export */   "Selection": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Selection; },
-/* harmony export */   "SelectionButton": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SelectionButton; },
+/* harmony export */   "SelectInputOption": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SelectInputOption; },
 /* harmony export */   "Sidebar": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Sidebar; },
 /* harmony export */   "SidebarFooter": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SidebarFooter; },
 /* harmony export */   "SidebarFooterHighlight": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.SidebarFooterHighlight; },
@@ -18864,6 +18865,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "TableFoot": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableFoot; },
 /* harmony export */   "TableHead": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableHead; },
 /* harmony export */   "TableRow": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableRow; },
+/* harmony export */   "TableSelection": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableSelection; },
+/* harmony export */   "TableSelectionButton": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TableSelectionButton; },
 /* harmony export */   "Tabs": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tabs; },
 /* harmony export */   "TabsItem": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TabsItem; },
 /* harmony export */   "Tag": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Tag; },