@bitrise/bitkit 12.6.0 → 12.6.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit",
   "description": "Bitrise React component library",
-  "version": "12.6.0",
+  "version": "12.6.2",
   "repository": "git@github.com:bitrise-io/bitkit.git",
   "main": "src/index.ts",
   "license": "UNLICENSED",

package/src/Components/Dialog/Dialog.tsx

@@ -7,13 +7,13 @@ import {
   useBreakpointValue,
   usePrefersReducedMotion,
   HTMLChakraProps,
+  ComponentWithAs,
 } from '@chakra-ui/react';
 import { BREAKPOINTS } from '../../Foundations/Breakpoints/Breakpoints';
 import Icon from '../Icon/Icon';
 import Text from '../Text/Text';
 
 export interface DialogProps extends Omit<HTMLChakraProps<'section'>, 'scrollBehavior'> {
-  dataTestid?: string;
   isClosable?: boolean;
   isOpen: boolean;
   onClose(): void;
@@ -24,9 +24,8 @@ export interface DialogProps extends Omit<HTMLChakraProps<'section'>, 'scrollBeh
   variant?: 'default' | 'empty';
 }
 
-const Dialog = ({
+const Dialog: ComponentWithAs<'section', DialogProps> = ({
   children,
-  dataTestid,
   isClosable,
   isOpen,
   onClose,
@@ -52,7 +51,7 @@ const Dialog = ({
       trapFocus={trapFocus}
     >
       <ModalOverlay />
-      <ModalContent data-testid={dataTestid} {...rest}>
+      <ModalContent {...rest}>
         {variant !== 'empty' && (
           <>
             <ModalHeader marginRight="48">

package/src/Components/Form/Textarea/Textarea.tsx

@@ -9,8 +9,15 @@ import {
   TextareaProps as ChakraTextareaProps,
   forwardRef,
 } from '@chakra-ui/react';
+import Text from '../../Text/Text';
 
-export interface TextareaProps extends Omit<FormControlProps, 'label' | 'onBlur' | 'onChange'> {
+type UsedFormControlProps = Omit<FormControlProps, 'label' | 'onBlur' | 'onChange'>;
+type UsedChakraTextProps = Pick<
+  ChakraTextareaProps,
+  'onBlur' | 'onChange' | 'role' | 'name' | 'value' | 'autoComplete' | 'autoFocus' | 'maxLength' | 'minLength'
+>;
+
+export interface TextareaProps extends UsedFormControlProps, UsedChakraTextProps {
   'data-testid'?: string;
   errorText?: string;
   isLoading?: boolean;
@@ -27,6 +34,8 @@ export interface TextareaProps extends Omit<FormControlProps, 'label' | 'onBlur'
  */
 const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
   const {
+    autoComplete,
+    autoFocus,
     'data-testid': dataTestid,
     errorText,
     helperText,
@@ -34,10 +43,14 @@ const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
     isInvalid,
     isLoading,
     label,
+    maxLength,
+    minLength,
     placeholder,
     onBlur,
     onChange,
+    resize,
     name,
+    role,
     value,
     ...rest
   } = props;
@@ -48,16 +61,34 @@ const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
     ref,
   };
   const textareaProps = {
+    autoComplete,
+    autoFocus,
     'data-testid': dataTestid,
     onBlur,
     onChange,
+    maxLength,
+    minLength,
     name,
     placeholder,
+    resize,
+    role,
     value,
   };
   return (
     <FormControl {...formControlProps}>
-      {label && <FormLabel>{label}</FormLabel>}
+      {label && (
+        <FormLabel
+          requiredIndicator={null as any}
+          optionalIndicator={
+            <Text as="span" fontSize="2" color="neutral.40" fontWeight="normal" marginLeft="4px">
+              (Optional)
+            </Text>
+          }
+        >
+          {label}
+        </FormLabel>
+      )}
+
       <ChakraTextarea {...textareaProps} />
       {errorText && <FormErrorMessage as="p">{errorText}</FormErrorMessage>}
       {helperText && <FormHelperText as="p">{helperText}</FormHelperText>}