@bitrise/bitkit 13.343.0 → 13.345.0

package/src/Components/Text/Text.tsx

@@ -1,4 +1,5 @@
 import { forwardRef, ResponsiveValue, Text as ChakraText, TextProps as ChakraTextProps } from 'chakra-ui-2--react';
+
 import { TextSizes } from '../../types/bitkit';
 
 export interface TextProps extends ChakraTextProps {

package/src/Components/Toast/Toast.tsx

@@ -1,8 +1,9 @@
 import { AlertDescription, AlertTitle, useToast as useChakraToast, UseToastOptions } from 'chakra-ui-2--react';
 import { DateTime } from 'luxon';
+
+import { DataAttributes } from '../../types/bitkit';
 import Box from '../Box/Box';
 import Notification, { ActionProps, NotificationAction, NotificationProps } from '../Notification/Notification';
-import { DataAttributes } from '../../types/bitkit';
 
 export interface ToastOptions extends DataAttributes {
   title?: string;

package/src/Components/Toggle/Toggle.tsx

@@ -1,4 +1,3 @@
-import { ReactNode } from 'react';
 import {
   FormControl,
   FormControlProps,
@@ -8,11 +7,13 @@ import {
   SwitchProps,
   useMultiStyleConfig,
 } from 'chakra-ui-2--react';
+import { ReactNode } from 'react';
+
 import Box from '../Box/Box';
-import Tooltip, { TooltipProps } from '../Tooltip/Tooltip';
-import Text from '../Text/Text';
 import Skeleton from '../Skeleton/Skeleton';
 import SkeletonBox from '../Skeleton/SkeletonBox';
+import Text from '../Text/Text';
+import Tooltip, { TooltipProps } from '../Tooltip/Tooltip';
 import ToggleComponent from './ToggleComponent';
 
 type VariantLabel =

package/src/Components/Toggle/ToggleComponent.tsx

@@ -1,7 +1,8 @@
 import { forwardRef, Switch, SwitchProps, useMultiStyleConfig } from 'chakra-ui-2--react';
+
+import Badge from '../Badge/Badge';
 import Skeleton from '../Skeleton/Skeleton';
 import SkeletonBox from '../Skeleton/SkeletonBox';
-import Badge from '../Badge/Badge';
 
 export interface ToggleComponentProps extends SwitchProps {
   size?: 'md' | 'sm';

package/src/Components/ToggleButton/ToggleButton.tsx

@@ -1,4 +1,5 @@
 import { forwardRef } from 'chakra-ui-2--react';
+
 import IconButton, { IconButtonProps } from '../IconButton/IconButton';
 
 export interface ToggleButtonProps extends Omit<IconButtonProps, 'iconSize' | 'variant'> {

package/src/Components/Toggletip/Toggletip.theme.ts

@@ -1,4 +1,5 @@
 import { createMultiStyleConfigHelpers } from 'chakra-ui-2--styled-system';
+
 import { rem } from '../../utils/utils';
 
 const { defineMultiStyleConfig } = createMultiStyleConfigHelpers(['content', 'trigger']);

package/src/Components/Toggletip/Toggletip.tsx

@@ -1,13 +1,14 @@
-import { ReactNode } from 'react';
 import { BoxProps, FlexboxProps, useMultiStyleConfig } from 'chakra-ui-2--react';
+import { ReactNode } from 'react';
+
+import Box from '../Box/Box';
+import { ButtonProps } from '../Button/Button';
+import ColorButton, { ColorButtonProps } from '../ColorButton/ColorButton';
+import Link from '../Link/Link';
 import Popover, { PopoverProps } from '../Popover/Popover';
 import PopoverContent from '../Popover/PopoverContent';
 import PopoverTrigger from '../Popover/PopoverTrigger';
-import Box from '../Box/Box';
 import Text, { TextProps } from '../Text/Text';
-import Link from '../Link/Link';
-import { ButtonProps } from '../Button/Button';
-import ColorButton, { ColorButtonProps } from '../ColorButton/ColorButton';
 
 export type ToggletipProps = Omit<PopoverProps, 'children'> & {
   children: ReactNode;

package/src/Components/TreeView/TreeView.context.tsx

@@ -1,5 +1,6 @@
-import { createContext, PropsWithChildren, useCallback, useContext, useMemo } from 'react';
 import { useControllableState } from 'chakra-ui-2--react';
+import { createContext, PropsWithChildren, useCallback, useContext, useMemo } from 'react';
+
 import { NodeCallback, TreeViewAction, TreeViewState } from './TreeView.types';
 
 const TreeViewContext = createContext<TreeViewState & TreeViewAction>({

package/src/Components/TreeView/TreeView.theme.ts

@@ -1,4 +1,5 @@
 import { createMultiStyleConfigHelpers } from 'chakra-ui-2--styled-system';
+
 import { rem } from '../../utils/utils';
 
 const { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers([

package/src/Components/TreeView/TreeView.tsx

@@ -1,8 +1,9 @@
 import { PropsWithChildren } from 'react';
-import { TreeViewContextProviderProps, TreeViewContextProvider } from './TreeView.context';
+
+import { TreeViewContextProvider, TreeViewContextProviderProps } from './TreeView.context';
+import { BranchNodeData, LeafNodeData, NodeData, TreeViewVariant } from './TreeView.types';
 import TreeViewGroup from './TreeViewGroup';
 import TreeViewNode from './TreeViewNode';
-import { NodeData, TreeViewVariant, BranchNodeData, LeafNodeData } from './TreeView.types';
 
 const TreeViewLeaf = (props: Omit<LeafNodeData, 'type' | 'children'>) => (
   <TreeViewNode type="leaf" level={-1} indexPath={[]} titlePath={[]} {...props} />

package/src/Components/TreeView/TreeView.types.ts

@@ -1,7 +1,8 @@
-import { PropsWithChildren } from 'react';
 import { UseFloatingProps } from '@floating-ui/react-dom-interactions';
-import { TypeIconName } from '../Icon/Icon';
+import { PropsWithChildren } from 'react';
+
 import { BadgeColorScheme, BadgeProps } from '../Badge/Badge';
+import { TypeIconName } from '../Icon/Icon';
 
 export type NodeType = 'branch' | 'leaf';
 
@@ -61,7 +62,7 @@ type BranchNodeData = NodeBase & {
 };
 
 export type NodeData = LeafNodeData | BranchNodeData;
-export type { LeafNodeData, BranchNodeData };
+export type { BranchNodeData, LeafNodeData };
 
 type AllNodeProps = NodeBase & {
   type: NodeType;

package/src/Components/TreeView/TreeViewGroup.tsx

@@ -1,4 +1,5 @@
 import { Children, cloneElement, isValidElement, memo, PropsWithChildren } from 'react';
+
 import Box from '../Box/Box';
 
 type TreeViewGroupProps = PropsWithChildren<{

package/src/Components/TreeView/TreeViewNode.tsx

@@ -1,15 +1,16 @@
-import { memo, useCallback, useMemo, MouseEvent } from 'react';
 import { useMultiStyleConfig } from 'chakra-ui-2--react';
-import Icon from '../Icon/Icon';
+import { memo, MouseEvent, useCallback, useMemo } from 'react';
+
 import Badge from '../Badge/Badge';
 import Box from '../Box/Box';
-import Text from '../Text/Text';
 import Collapse from '../Collapse/Collapse';
 import ControlButton from '../ControlButton/ControlButton';
+import Icon from '../Icon/Icon';
+import Text from '../Text/Text';
 import Tooltip from '../Tooltip/Tooltip';
-import TreeViewGroup from './TreeViewGroup';
 import { useTreeViewContext } from './TreeView.context';
 import { HoverControlButton, TreeViewNodeProps } from './TreeView.types';
+import TreeViewGroup from './TreeViewGroup';
 
 type TreeViewNodeContentProps = TreeViewNodeProps & {
   isBranch: boolean;
@@ -205,6 +206,8 @@ const TreeViewNodeContent = memo(
   },
 );
 
+TreeViewNodeContent.displayName = 'TreeViewNodeContent';
+
 const TreeViewNode = ({
   // NodeData
   id,
@@ -288,11 +291,14 @@ const TreeViewNode = ({
     isSelected,
     isBranch,
     isExpanded,
+    isSelectable,
+    hasChildren,
     level,
     indexPath,
     titlePath,
     onSelectionChange,
     onExpandedChange,
+    onClick,
   ]);
 
   return (

package/src/Components/components.theme.ts

@@ -1,59 +1,59 @@
 import NoteCard from '../Patterns/NoteCard/NoteCard.theme';
 import SettingsCard from '../Patterns/SettingsCard/SettingsCard.theme';
-import Alert from './Alert/Alert.theme';
 import Accordion from './Accordion/Accordion.theme';
+import Alert from './Alert/Alert.theme';
 import Avatar from './Avatar/Avatar.theme';
 import Badge from './Badge/Badge.theme';
 import Breadcrumb from './Breadcrumb/Breadcrumb.theme';
 import Button from './Button/Button.theme';
 import Card from './Card/Card.theme';
-import Checkbox from './Form/Checkbox/Checkbox.theme';
+import CloseButton from './CloseButton/CloseButton.theme';
+import CodeSnippet from './CodeSnippet/CodeSnippet.theme';
 import ColorButton from './ColorButton/ColorButton.theme';
+import DataWidget from './DataWidget/DataWidget.theme';
+import DatePickerDay from './DatePicker/DatePickerDay.theme';
+import DefinitionTooltip from './DefinitionTooltip/DefinitionTooltip.theme';
 import Dialog from './Dialog/Dialog.theme';
 import Divider from './Divider/Divider.theme';
+import DraggableCard from './DraggableCard/DraggableCard.theme';
 import Drawer from './Drawer/Drawer.theme';
+import Dropdown from './Dropdown/Dropdown.theme';
 import EmptyState from './EmptyState/EmptyState.theme';
+import ExpandableCard from './ExpandableCard/ExpandableCard.theme';
+import FilterSwitch from './Filter/Desktop/FilterSwitch/FilterSwitch.theme';
+import Filter from './Filter/Filter.theme';
+import Checkbox from './Form/Checkbox/Checkbox.theme';
+import FileInput from './Form/FileInput/FileInput.theme';
+import Form from './Form/Form.theme';
+import Input from './Form/Input/Input.theme';
+import Radio from './Form/Radio/Radio.theme';
+import TagsInput from './Form/TagsInput/TagsInput.theme';
+import Textarea from './Form/Textarea/Textarea.theme';
 import Link from './Link/Link.theme';
 import LinkButton from './LinkButton/LinkButton.theme';
 import List from './List/List.theme';
 import Menu from './Menu/Menu.theme';
-import Radio from './Form/Radio/Radio.theme';
-import Select from './Select/Select.theme';
-import Input from './Form/Input/Input.theme';
-import Dropdown from './Dropdown/Dropdown.theme';
-import Tabs from './Tabs/Tabs.theme';
-import Text from './Text/Text.theme';
-import Table from './Table/Table.theme';
-import Tooltip from './Tooltip/Tooltip.theme';
-import CloseButton from './CloseButton/CloseButton.theme';
-import Popover from './Popover/Popover.theme';
-import Toggle from './Toggle/Toggle.theme';
-import Textarea from './Form/Textarea/Textarea.theme';
-import Form from './Form/Form.theme';
-import DatePickerDay from './DatePicker/DatePickerDay.theme';
+import Note from './Note/Note.theme';
 import NumberInput from './NumberInput/NumberInput.theme';
-import Skeleton from './Skeleton/Skeleton.theme';
+import PaginationLoadMore from './PaginationLoadMore/PaginationLoadMore.theme';
+import Popover from './Popover/Popover.theme';
 import ProgressBar from './ProgressBar/ProgressBar.theme';
 import ProgressIndicator from './ProgressIndicator/ProgressIndicator.theme';
-import Slider from './Slider/Slider.theme';
+import SegmentedControl from './SegmentedControl/SegmentedControl.theme';
+import Select from './Select/Select.theme';
+import SelectableTag from './SelectableTag/SelectableTag.theme';
 import Sidebar from './Sidebar/Sidebar.theme';
 import SidebarItem from './Sidebar/SidebarItem.theme';
-import SegmentedControl from './SegmentedControl/SegmentedControl.theme';
+import Skeleton from './Skeleton/Skeleton.theme';
+import Slider from './Slider/Slider.theme';
+import Table from './Table/Table.theme';
+import Tabs from './Tabs/Tabs.theme';
 import Tag from './Tag/Tag.theme';
-import Note from './Note/Note.theme';
-import CodeSnippet from './CodeSnippet/CodeSnippet.theme';
-import DefinitionTooltip from './DefinitionTooltip/DefinitionTooltip.theme';
-import ExpandableCard from './ExpandableCard/ExpandableCard.theme';
-import FileInput from './Form/FileInput/FileInput.theme';
-import Filter from './Filter/Filter.theme';
+import Text from './Text/Text.theme';
+import Toggle from './Toggle/Toggle.theme';
 import Toggletip from './Toggletip/Toggletip.theme';
-import FilterSwitch from './Filter/Desktop/FilterSwitch/FilterSwitch.theme';
-import TagsInput from './Form/TagsInput/TagsInput.theme';
-import DraggableCard from './DraggableCard/DraggableCard.theme';
-import SelectableTag from './SelectableTag/SelectableTag.theme';
-import DataWidget from './DataWidget/DataWidget.theme';
+import Tooltip from './Tooltip/Tooltip.theme';
 import TreeView from './TreeView/TreeView.theme';
-import PaginationLoadMore from './PaginationLoadMore/PaginationLoadMore.theme';
 
 const components = {
   Accordion,

package/src/Patterns/GroupHeader/GroupHeader.tsx

@@ -1,6 +1,7 @@
 import { BoxProps } from 'chakra-ui-2--react';
-import Divider from '../../Components/Divider/Divider';
+
 import Box from '../../Components/Box/Box';
+import Divider from '../../Components/Divider/Divider';
 import Text from '../../Components/Text/Text';
 
 export type GroupHeaderProps = {

package/src/Patterns/NoteCard/NoteCard.theme.ts

@@ -1,4 +1,5 @@
 import { createMultiStyleConfigHelpers } from 'chakra-ui-2--styled-system';
+
 import { ColorScheme } from '../../types/bitkit';
 
 const { defineMultiStyleConfig } = createMultiStyleConfigHelpers(['card', 'icon']);

package/src/Patterns/NoteCard/NoteCard.tsx

@@ -1,13 +1,14 @@
-import { isValidElement, ReactNode, useState } from 'react';
 import { useMultiStyleConfig, useStyleConfig } from 'chakra-ui-2--react';
-import Icon, { TypeIconName } from '../../Components/Icon/Icon';
-import { NOTIFICATION_STATUSES, NotificationProps } from '../../Components/Notification/Notification';
-import Card, { CardProps } from '../../Components/Card/Card';
+import { isValidElement, ReactNode, useState } from 'react';
+
 import Box, { BoxProps } from '../../Components/Box/Box';
-import Text, { TextProps } from '../../Components/Text/Text';
 import Button, { ButtonProps } from '../../Components/Button/Button';
+import Card, { CardProps } from '../../Components/Card/Card';
 import Collapse from '../../Components/Collapse/Collapse';
+import Icon, { TypeIconName } from '../../Components/Icon/Icon';
 import Link from '../../Components/Link/Link';
+import { NOTIFICATION_STATUSES, NotificationProps } from '../../Components/Notification/Notification';
+import Text, { TextProps } from '../../Components/Text/Text';
 
 export type ActionProps = {
   href?: string;
@@ -94,7 +95,7 @@ const NoteCard = ({ action, details, status, statusIconName, message, title, ...
                 <Collapse in={isDetailsOpen}>
                   <Box marginTop="8">{details}</Box>
                 </Collapse>
-                {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
+                {}
                 <Link
                   as="button"
                   colorScheme="purple"

package/src/Patterns/SettingsCard/SettingsCard.tsx

@@ -1,13 +1,14 @@
-import { ReactNode } from 'react';
 import { CardProps, createStylesContext, useMultiStyleConfig } from 'chakra-ui-2--react';
-import Card from '../../Components/Card/Card';
-import LabeledData, { LabeledDataProps } from '../../Components/LabeledData/LabeledData';
+import { ReactNode } from 'react';
+
 import Box, { BoxProps } from '../../Components/Box/Box';
-import Toggle, { ToggleProps } from '../../Components/Toggle/Toggle';
+import Card from '../../Components/Card/Card';
 import Icon, { IconProps } from '../../Components/Icon/Icon';
-import Text from '../../Components/Text/Text';
+import LabeledData, { LabeledDataProps } from '../../Components/LabeledData/LabeledData';
 import Skeleton from '../../Components/Skeleton/Skeleton';
 import SkeletonBox from '../../Components/Skeleton/SkeletonBox';
+import Text from '../../Components/Text/Text';
+import Toggle, { ToggleProps } from '../../Components/Toggle/Toggle';
 import ToggleComponent, { ToggleComponentProps } from '../../Components/Toggle/ToggleComponent';
 
 const [SettingsCardStyleProvider, useSettingsCardStyle] = createStylesContext('SettingsCard');

package/src/hooks/useResponsive.tsx

@@ -1,5 +1,6 @@
-import { createContext, ReactNode, useContext, useMemo } from 'react';
 import { useMediaQuery } from 'chakra-ui-2--react';
+import { createContext, ReactNode, useContext, useMemo } from 'react';
+
 import { breakpoints } from '../theme';
 import { BREAKPOINTS } from '../types/bitkit';