@bitrise/bitkit 10.19.0-alpha-chakra.1 → 10.20.0

package/package.json

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

package/src/Components/Collapse/Collapse.tsx

@@ -0,0 +1,5 @@
+import { Collapse, CollapseProps } from '@chakra-ui/react';
+
+export type { CollapseProps };
+
+export default Collapse;

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

@@ -6,25 +6,47 @@ import {
   FormHelperText,
   FormLabel,
   Textarea as ChakraTextarea,
+  TextareaProps as ChakraTextareaProps,
   forwardRef,
 } from '@chakra-ui/react';
 
-export interface TextareaProps extends Omit<FormControlProps, 'label'> {
+export interface TextareaProps extends Omit<FormControlProps, 'label' | 'onChange'> {
+  dataTestid?: string;
   errorText?: string;
   isLoading?: boolean;
   helpherText?: string;
   label?: ReactNode;
+  onChange?: ChakraTextareaProps['onChange'];
+  value?: ChakraTextareaProps['value'];
 }
 
 /**
  * The Textarea component allows you to easily create multi-line text inputs.
  */
 const Textarea = forwardRef<TextareaProps, 'div'>((props, ref) => {
-  const { errorText, helpherText, isDisabled, isInvalid, isLoading, label, placeholder, ...rest } = props;
+  const {
+    dataTestid,
+    errorText,
+    helpherText,
+    isDisabled,
+    isInvalid,
+    isLoading,
+    label,
+    placeholder,
+    onChange,
+    value,
+    ...rest
+  } = props;
+  const textareaProps = {
+    dataTestid,
+    onChange,
+    placeholder,
+    value,
+  };
   return (
     <FormControl isDisabled={isDisabled || isLoading} isInvalid={isInvalid || !!errorText} {...rest} ref={ref}>
       {label && <FormLabel>{label}</FormLabel>}
-      <ChakraTextarea placeholder={placeholder} />
+      <ChakraTextarea {...textareaProps} />
       {errorText && <FormErrorMessage as="p">{errorText}</FormErrorMessage>}
       {helpherText && <FormHelperText as="p">{helpherText}</FormHelperText>}
     </FormControl>

package/src/index.ts

@@ -196,5 +196,8 @@ export { default as Tr } from './Components/Table/Tr';
 export type { ToggleProps } from './Components/Toggle/Toggle';
 export { default as Toggle } from './Components/Toggle/Toggle';
 
+export type { CollapseProps } from './Components/Collapse/Collapse';
+export { default as Collapse } from './Components/Collapse/Collapse';
+
 export type { TextareaProps } from './Components/Form/Textarea/Textarea';
 export { default as Textarea } from './Components/Form/Textarea/Textarea';

package/src/old.ts

@@ -24,9 +24,6 @@ export { default as DropdownMenuItem } from './Old/Dropdown/DropdownMenuItem';
 export type { Props as DropdownMenuItemGroupProps } from './Old/Dropdown/DropdownMenuItemGroup';
 export { default as DropdownMenuItemGroup } from './Old/Dropdown/DropdownMenuItemGroup';
 
-export type { Props as ExpandProps } from './Old/Expand/Expand';
-export { default as Expand } from './Old/Expand/Expand';
-
 export type { Props as FlexProps } from './Old/Flex/Flex';
 export { default as Flex } from './Old/Flex/Flex';