@uniformdev/design-system 16.1.0 → 16.1.1-alpha.169

package/dist/index.d.ts

@@ -128,22 +128,26 @@ declare function IconsProvider({ children }: {
 declare type CaptionProps = {
     /** allows users to add child elements */
     children: React$1.ReactNode;
+    /** sets data-test-id attribute for test automation*/
+    testId?: string;
 };
 /**
  * Component that provides caption text to input fields
  * @example <Caption>some help text here</Caption>
  */
-declare const Caption: ({ children }: CaptionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Caption: ({ children, testId }: CaptionProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type ErrorMessageProps = {
     /** sets the error message value */
     message?: string;
+    /** sets the test id for test automation (optional) */
+    testId?: string;
 };
 /**
  * Component that provides error messaging to input fields
  * @example <ErrorMessage>something went wrong, please try again</ErrorMessage>
  */
-declare const ErrorMessage: ({ message }: ErrorMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const ErrorMessage: ({ message, testId }: ErrorMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
 declare type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
@@ -156,6 +160,14 @@ declare type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     showLabel?: boolean;
     /** (optional) sets and shows the the error message value */
     errorMessage?: string;
+    /** (optional) sets the test id for input field container for test automation*/
+    containerTestId?: string;
+    /** (optional) sets label test id */
+    labelTestId?: string;
+    /** (option)  sets validation message test id for test automation */
+    errorTestId?: string;
+    /** (option)  sets caption message test id for test automation */
+    captionTestId?: string;
     capture?: boolean | 'user' | 'environment';
     /**
      * (optional) sets an overriding classname on the container element
@@ -174,7 +186,7 @@ declare type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
  * Input Component
  * @example - <Input label="my label" id="some-id" name="some-name" caption="some help text" errorMessage={hasError ? 'something went wrong' : undefined} />
  */
-declare const Input: ({ label, icon, id, caption, showLabel, errorMessage, classNameContainer, classNameControl, classNameLabel, ...props }: InputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Input: ({ label, icon, id, caption, showLabel, errorMessage, containerTestId, labelTestId, errorTestId, captionTestId, classNameContainer, classNameControl, classNameLabel, ...props }: InputProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 declare type InputComboBoxOption = {
     /** sets the label value */
@@ -328,8 +340,10 @@ declare type LabelProps = React$1.LabelHTMLAttributes<HTMLLabelElement> & {
     children: React$1.ReactNode;
     /** (optional) sets additional css properties */
     className?: SerializedStyles | string;
+    /** (optional) test id for test automation*/
+    testId?: string;
 };
-declare const Label: ({ children, className, ...props }: LabelProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const Label: ({ children, className, testId, ...props }: LabelProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 interface MenuProps extends MenuHTMLProps {
     /** sets aria-label attribute */
@@ -586,4 +600,64 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
     children?: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
-export { ActionButtonsProps, AddButton, AddButtonProps, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, ChildFunction, ComboBoxGroupBase, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, Icon, IconColor, IconProps, IconType, IconsProvider, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, Label, LabelProps, LevelProps, Link, LinkColorProps, LinkProps, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuProps, Paragraph, ParagraphProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, Switch, SwitchProps, Textarea, TextareaProps, Theme, ThemeProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, input, inputError, inputSelect, labelText, mq, scrollbarStyles, useIconContext, useMenuContext };
+declare type TableProps = React$1.ComponentPropsWithoutRef<'table'>;
+declare type TableHeadProps = React$1.ComponentPropsWithoutRef<'thead'>;
+declare type TableBodyProps = React$1.ComponentPropsWithoutRef<'tbody'>;
+declare type TableFootProps = React$1.ComponentPropsWithoutRef<'tfoot'>;
+declare type TableRowProps = React$1.ComponentPropsWithoutRef<'tr'>;
+declare type TableCellHeadProps = React$1.ComponentPropsWithoutRef<'th'>;
+declare type TableCellDataProps = React$1.ComponentPropsWithoutRef<'td'>;
+/**
+ * Uniform's Table component
+ * @example
+ * <Table>
+    <TableHead>
+      <TableRow>
+        <TableCellHead>head 1</TableCellHead>
+        <TableCellHead>head 2</TableCellHead>
+      </TableRow>
+    </TableHead>
+    <TableBody>
+      <TableRow>
+        <TableCellData>value 1</TableCellData>
+        <TableCellData>value 2</TableCellData>
+      </TableRow>
+    </TableBody>
+    <TableFoot>
+      <TableRow>
+        <TableCellData>footer</TableCellData>
+      </TableRow>
+    </TableFoot>
+  </Table>
+ */
+declare const Table: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "key" | keyof React$1.TableHTMLAttributes<HTMLTableElement>> & React$1.RefAttributes<HTMLTableElement>>;
+declare const TableHead: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableSectionElement>> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableSectionElement>> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFoot: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableSectionElement>> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "key" | keyof React$1.HTMLAttributes<HTMLTableRowElement>> & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const TableCellHead: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "key" | keyof React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCellData: React$1.ForwardRefExoticComponent<Pick<React$1.DetailedHTMLProps<React$1.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "key" | keyof React$1.TdHTMLAttributes<HTMLTableDataCellElement>> & React$1.RefAttributes<HTMLTableCellElement>>;
+
+declare type AddListButtonProps = React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
+    /** (optional) - sets the button text and title value
+     * @default 'Add Item'
+     */
+    buttonText?: string;
+    /** sets the function action of the button */
+    onButtonClick: () => void;
+    /** (optional) - sets whether the button is disabled or not
+     * @default undefined
+     */
+    disabled?: boolean;
+    /** (optional) - sets the icon within the button, requires the icon provider to work
+     * @default 'add'
+     */
+    icon?: 'math-plus' | 'add' | 'add-r';
+};
+/**
+ * Uniform Add List Button Component
+ * @example <AddListButton buttonText="my text" onButtonClick={() => console.log('button clicked')} icon="add" />
+ */
+declare const AddListButton: ({ buttonText, onButtonClick, disabled, icon, ...buttonProps }: AddListButtonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, ChildFunction, ComboBoxGroupBase, ErrorMessage, ErrorMessageProps, Heading, HeadingProps, Icon, IconColor, IconProps, IconType, IconsProvider, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, Label, LabelProps, LevelProps, Link, LinkColorProps, LinkProps, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuItem, MenuItemProps, MenuProps, Paragraph, ParagraphProps, ScrollableList, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, ShortcutContext, ShortcutRevealer, Switch, SwitchProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Textarea, TextareaProps, Theme, ThemeProps, UniformBadge, UniformLogo, UniformLogoProps, breakpointSizeProps, breakpoints, breakpointsProps, input, inputError, inputSelect, labelText, mq, scrollbarStyles, useIconContext, useMenuContext };