@rocket.chat/fuselage 0.6.3-dev.36 → 0.6.3-dev.360

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

@@ -0,0 +1,18 @@
+import { ComponentProps } from 'react';
+
+import { Box } from '../Box';
+
+type FieldProps = ComponentProps<typeof Box>;
+type FieldRowProps = ComponentProps<typeof Box>;
+type FieldLabelProps = ComponentProps<typeof Box>;
+type FieldDescriptionProps = ComponentProps<typeof Box>;
+type FieldHintProps = ComponentProps<typeof Box>;
+type FieldErrorProps = ComponentProps<typeof Box>;
+
+export const Field: ForwardRefExoticComponent<FieldProps> & {
+  Row: ForwardRefExoticComponent<FieldRowProps>;
+  Label: ForwardRefExoticComponent<FieldLabelProps>;
+  Description: ForwardRefExoticComponent<FieldDescriptionProps>;
+  Hint: ForwardRefExoticComponent<FieldHintProps>;
+  Error: ForwardRefExoticComponent<FieldErrorProps>;
+};

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

@@ -0,0 +1,6 @@
+import { ComponentProps, ForwardRefExoticComponent } from 'react';
+
+import { Box } from '../Box';
+
+type FieldGroupProps = ComponentProps<typeof Box>;
+export const FieldGroup: ForwardRefExoticComponent<FieldGroupProps>;

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

@@ -0,0 +1,23 @@
+import { ComponentProps, ForwardRefExoticComponent } from 'react';
+
+import { Box } from '../Box';
+
+type GridProps = ComponentProps<typeof Box> & {
+  xs?: boolean;
+  sm?: boolean;
+  md?: boolean;
+  lg?: boolean;
+  xl?: boolean;
+};
+
+type GridItemProps = ComponentProps<typeof Box> & {
+  xs?: 1 | 2 | 3 | 4;
+  sm?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+  md?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+  lg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+  xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+};
+
+export const Grid: ForwardRefExoticComponent<GridProps> & {
+  Item: ForwardRefExoticComponent<GridItemProps>;
+};

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

@@ -0,0 +1,8 @@
+import { ComponentProps, ForwardRefExoticComponent } from 'react';
+
+import { Box } from '../Box';
+
+type IconProps = Omit<ComponentProps<typeof Box>, 'size'> & {
+  size?: ComponentProps<typeof Box>['width'];
+};
+export const Icon: ForwardRefExoticComponent<IconProps>;

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

@@ -0,0 +1,40 @@
+import { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';
+
+import { Box } from '../Box';
+
+type InputBoxProps = ComponentProps<typeof Box> & {
+  addon?: ReactNode;
+  input?: ReactNode;
+  error?: string;
+  type:
+    | 'button'
+    | 'checkbox'
+    | 'color'
+    | 'date'
+    | 'datetime'
+    | 'datetime-local'
+    | 'email'
+    | 'file'
+    | 'hidden'
+    | 'image'
+    | 'month'
+    | 'number'
+    | 'password'
+    | 'radio'
+    | 'range'
+    | 'reset'
+    | 'search'
+    | 'submit'
+    | 'tel'
+    | 'text'
+    | 'time'
+    | 'url'
+    | 'week'
+    | 'textarea'
+    | 'select';
+};
+type InputBoxSkeletonProps = ComponentProps<typeof Box>;
+
+export const InputBox: ForwardRefExoticComponent<InputBoxProps> & {
+  Skeleton: ForwardRefExoticComponent<InputBoxSkeletonProps>;
+};

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

@@ -0,0 +1,9 @@
+import { ComponentProps, ReactElement } from 'react';
+
+import { Box } from '../Box';
+
+type LabelProps = ComponentProps<typeof Box> & {
+  disabled?: boolean;
+  required?: boolean;
+};
+export const Label: (props: LabelProps) => ReactElement;

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

@@ -0,0 +1,20 @@
+import {
+  ComponentProps,
+  ForwardRefExoticComponent,
+  PropsWithChildren,
+} from 'react';
+
+import { Box } from '../Box';
+
+type MarginsProps = PropsWithChildren<{
+  all?: ComponentProps<typeof Box>['margin'];
+  block?: ComponentProps<typeof Box>['marginBlock'];
+  blockStart?: ComponentProps<typeof Box>['marginBlockStart'];
+  blockEnd?: ComponentProps<typeof Box>['marginBlockEnd'];
+  inline?: ComponentProps<typeof Box>['marginInline'];
+  inlineStart?: ComponentProps<typeof Box>['marginInlineStart'];
+  inlineEnd?: ComponentProps<typeof Box>['marginInlineEnd'];
+}>;
+const Margins: ForwardRefExoticComponent<MarginsProps>;
+
+export = Margins;

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

@@ -0,0 +1,20 @@
+import { Placements } from '@rocket.chat/fuselage-hooks';
+import { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';
+
+import { Box } from '../Box';
+import { ActionButton } from '../Button';
+import Option from '../Options/Option';
+
+type MenuProps = Omit<ComponentProps<typeof ActionButton>, 'icon'> & {
+  icon?: string;
+  options: {
+    [id: string]: {
+      label: ReactElement | string;
+      action: () => void;
+    };
+  };
+  optionWidth?: ComponentProps<typeof Box>['width'];
+  placement?: Placements;
+  renderItem?: (props: ComponentProps<typeof Option>) => ReactNode;
+};
+export const Menu: ForwardRefExoticComponent<MenuProps>;