freemium-ui 2.0.0-beta.49 → 2.0.0-beta.50

package/index.d.ts

@@ -1,12 +1,13 @@
 /// <reference types="react" />
 import * as react from 'react';
-import react__default, { ReactNode, HTMLAttributes } from 'react';
+import react__default, { ReactNode } from 'react';
+import { AccordionSingleProps } from '@radix-ui/react-accordion';
 import * as Popover$1 from '@radix-ui/react-popover';
 import { PopperContentProps } from '@radix-ui/react-popover';
 import { RadioGroupProps as RadioGroupProps$1, RadioGroupContextValue } from '@radix-ui/react-radio-group';
 import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/react-checkbox';
 import * as Select from '@radix-ui/react-select';
-import { SelectProps, SelectItemProps } from '@radix-ui/react-select';
+import { SelectProps, SelectContentProps, SelectItemProps } from '@radix-ui/react-select';
 export { Item as RadixSelectItem } from '@radix-ui/react-select';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
@@ -23,6 +24,57 @@ import * as Tabs$1 from '@radix-ui/react-tabs';
 import { TabsProps as TabsProps$1 } from '@radix-ui/react-tabs';
 import { TooltipProviderProps, TooltipProps as TooltipProps$1, TooltipArrowProps } from '@radix-ui/react-tooltip';
 
+interface AccordionItemProps {
+    id: string;
+    name: string;
+    hide?: boolean;
+    disabled?: boolean;
+    [key: string]: any;
+}
+interface AccordionProps<T extends AccordionItemProps = AccordionItemProps> extends Omit<React.HtmlHTMLAttributes<HTMLElement>, 'onChange' | 'dir'> {
+    /**
+     * options for Tabs
+     */
+    options?: Array<T>;
+    /**
+     * options for Tabs
+     */
+    renderContent?: (accordianOption: T) => React.ReactNode;
+    /**
+     * options for Tabs
+     */
+    renderTitle?: (accordianOption: T) => React.ReactNode;
+    /**
+     * Id accessor of tabes
+     */
+    idAccessor?: string;
+    /**
+     * Id accessor of tabes
+     */
+    hideIcon?: boolean;
+    /**
+     * Name accessor of tabes
+     */
+    nameAccessor?: string;
+    /**
+     * value for tabs
+     */
+    value?: AccordionSingleProps['value'];
+    /**
+     * default value of tabes
+     */
+    defaultValue?: AccordionSingleProps['defaultValue'];
+    /**
+     * Function to be called when the selected item changes
+     */
+    onChange?: AccordionSingleProps['onValueChange'];
+}
+
+/**
+ * Accordion component from the design system.
+ */
+declare const Accordion: <T extends AccordionItemProps>({ idAccessor, nameAccessor, renderContent, hideIcon, renderTitle, options, value, onChange, defaultValue, ...props }: AccordionProps<T>) => react__default.JSX.Element;
+
 type LevelType = 'warning' | 'success' | 'error' | 'info';
 type AlertData = {
     message: string;
@@ -441,6 +493,10 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
      *
      */
     isMenuLoading?: boolean;
+    /**
+     *
+     */
+    matchButtonWidth?: boolean;
     /**
      *
      */
@@ -473,7 +529,7 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
      */
     useComboboxProps?: UseComboboxProps<T>;
     itemComponent?: (item: T, props?: DropdownItemProps | DropdownInputItemProps) => React.ReactNode | string;
-    contentProps?: Pick<HTMLAttributes<HTMLElement>, 'style' | 'className'>;
+    buttonContentProps?: SelectContentProps;
 }
 interface DropdownButtonProps<T extends DefaultDropdownItem = DefaultDropdownItem> extends DropdownProps<T> {
 }
@@ -1181,7 +1237,7 @@ type TabsProps<T extends TabsItemProps = TabsItemProps> = {
 /**
  * Tabs component is used to show a set of tabs to the user. It is used to show different sections of content in a single view. It can be used to show different categories of content.
  */
-declare const Tabs: ({ options, idAccessor, nameAccessor, onChange, defaultValue, renderTabsContent, value, }: TabsProps) => react__default.JSX.Element;
+declare const Tabs: <T extends TabsItemProps>({ options, idAccessor, nameAccessor, onChange, defaultValue, renderTabsContent, value, }: TabsProps<T>) => react__default.JSX.Element;
 
 interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     /**
@@ -1192,6 +1248,10 @@ interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
      * Show border around the tag
      */
     showBorder?: boolean;
+    /**
+     * Show border around the tag
+     */
+    hideClose?: boolean;
     /**
      * Image source for the avatar
      */
@@ -1647,4 +1707,4 @@ declare namespace index_d {
   export { index_d_dark as dark, index_d_hextoRGB as hextoRGB, index_d_light as light };
 }
 
-export { Alert, type AlertProps, BoxedRadio, type BoxedRadioItemProps, type BoxedRadioProps, Button, ButtonDropdown, type ButtonDropdownItemProps, type ButtonDropdownProps, type ButtonProps, type ButtonSizeKey, type ButtonVariant, CardActions, CardContent, CardDescription, CardText, CardTitle, Checkbox, type CheckboxProps, ChevronUp, Confirmation, type ConfirmationProps, Cross as CrossIcon, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeRangePicker, type DateTimeRangePickerProps, type DefaultDropdownItem, type DefaultMultiSelectDropdownItem, type DefaultProps, Drawer, type DrawerPlacement, type DrawerProps, type DrawerSizeType, Dropdown, type DropdownButtonProps, ListItem as DropdownInputItem, type DropdownInputItemProps, type DropdownInputProps, Item as DropdownItem, type DropdownItemProps, DropdownMenuItem, type DropdownProps, type DropdownTypes, type FreemiumUiTheme, FreshLink, type FreshworksPalette, type FuiContextType, IconButton, Input, InputLabel, type InputProps, type LevelType, Loader, type LoaderPropTypes, type LoaderSizes, type LoaderSpeeds, Menu, type MenuItemProps, type MenuProps, Minus, Modal, type ModalAlignType, type ModalCssType, type ModalPositionType, type ModalProps, type ModalSizeType, MoreVertical, MultiSelectDropdown, type MultiSelectDropdownProps, type Origin, Popover, PopoverClose, type PopoverProps, Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps, Reorder, type ReorderItemType, type ReorderProps, RequiredIndicator, type RowData, StyledLabel, type StyledListItemType, Table, type TableProps, Tabs, TabsContent, type TabsItemProps, TabsList, type TabsProps, TabsRoot, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, ThemeProvider, type ThemeProviderType, index_d as Themes, TickIcon, TimePicker, type TimePickerProps, type ToastContextType, type ToastItemProps, ToastProvider, type ToastType, type ToastTypes, type ToastWithID, Toggle, type ToggleProps, type ToggleSizes, Tooltip, type TooltipAlign, type TooltipPosition, type TooltipProps, type TooltipSide, TriggerButtonWrapper, Typography, type TypographyProps, type TypographyVariantType, type TypographyWeightType, type UpdateToastsFunction, Warning, basicHide, basicShow, contentHide, contentShow, slideDownAndFade, slideLeftAndFade, slideRightAndFade, slideUpAndFade, useToasts };
+export { Accordion, type AccordionItemProps, type AccordionProps, Alert, type AlertProps, BoxedRadio, type BoxedRadioItemProps, type BoxedRadioProps, Button, ButtonDropdown, type ButtonDropdownItemProps, type ButtonDropdownProps, type ButtonProps, type ButtonSizeKey, type ButtonVariant, CardActions, CardContent, CardDescription, CardText, CardTitle, Checkbox, type CheckboxProps, ChevronUp, Confirmation, type ConfirmationProps, Cross as CrossIcon, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, DateTimeRangePicker, type DateTimeRangePickerProps, type DefaultDropdownItem, type DefaultMultiSelectDropdownItem, type DefaultProps, Drawer, type DrawerPlacement, type DrawerProps, type DrawerSizeType, Dropdown, type DropdownButtonProps, ListItem as DropdownInputItem, type DropdownInputItemProps, type DropdownInputProps, Item as DropdownItem, type DropdownItemProps, DropdownMenuItem, type DropdownProps, type DropdownTypes, type FreemiumUiTheme, FreshLink, type FreshworksPalette, type FuiContextType, IconButton, Input, InputLabel, type InputProps, type LevelType, Loader, type LoaderPropTypes, type LoaderSizes, type LoaderSpeeds, Menu, type MenuItemProps, type MenuProps, Minus, Modal, type ModalAlignType, type ModalCssType, type ModalPositionType, type ModalProps, type ModalSizeType, MoreVertical, MultiSelectDropdown, type MultiSelectDropdownProps, type Origin, Popover, PopoverClose, type PopoverProps, Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps, Reorder, type ReorderItemType, type ReorderProps, RequiredIndicator, type RowData, StyledLabel, type StyledListItemType, Table, type TableProps, Tabs, TabsContent, type TabsItemProps, TabsList, type TabsProps, TabsRoot, TabsTrigger, Tag, type TagProps, TextArea, type TextAreaProps, ThemeProvider, type ThemeProviderType, index_d as Themes, TickIcon, TimePicker, type TimePickerProps, type ToastContextType, type ToastItemProps, ToastProvider, type ToastType, type ToastTypes, type ToastWithID, Toggle, type ToggleProps, type ToggleSizes, Tooltip, type TooltipAlign, type TooltipPosition, type TooltipProps, type TooltipSide, TriggerButtonWrapper, Typography, type TypographyProps, type TypographyVariantType, type TypographyWeightType, type UpdateToastsFunction, Warning, basicHide, basicShow, contentHide, contentShow, slideDownAndFade, slideLeftAndFade, slideRightAndFade, slideUpAndFade, useToasts };