freemium-ui 2.0.0-beta.19 → 2.0.0-beta.20

package/index.d.ts

@@ -3,15 +3,20 @@ import * as react from 'react';
 import react__default from 'react';
 import * as Popover$1 from '@radix-ui/react-popover';
 import { PopperContentProps } from '@radix-ui/react-popover';
-import { RadioGroupContextValue, RadioGroupProps as RadioGroupProps$1 } from '@radix-ui/react-radio-group';
+import { RadioGroupProps as RadioGroupProps$1, RadioGroupContextValue } from '@radix-ui/react-radio-group';
 import { CheckboxProps as CheckboxProps$1 } from '@radix-ui/react-checkbox';
-import { SelectProps } from '@radix-ui/react-select';
+import * as _radix_ui_react_select from '@radix-ui/react-select';
+import { SelectProps, SelectItemProps } from '@radix-ui/react-select';
+export { Item as RadixSelectItem } from '@radix-ui/react-select';
 import { UseSelectProps, UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
 import * as _radix_ui_react_label from '@radix-ui/react-label';
 import { LabelProps } from '@radix-ui/react-label';
-import { DateInput3Props, DateRangeInput3Props, TimePrecision } from '@blueprintjs/datetime2';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { MenuItemProps as MenuItemProps$1 } from '@radix-ui/react-dropdown-menu';
+export { Item as RadixMenuItem } from '@radix-ui/react-dropdown-menu';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
+import { DateInput3Props, DateRangeInput3Props, TimePrecision } from '@blueprintjs/datetime2';
 import { DraggableSyntheticListeners } from '@dnd-kit/core';
 import { CoreOptions, ColumnDef, Cell, RowSelectionState } from '@tanstack/react-table';
 import * as Tabs$1 from '@radix-ui/react-tabs';
@@ -26,7 +31,7 @@ type AlertData = {
     linkText?: string;
     href?: string;
 };
-interface AlertProps {
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * data to be displayed in the alert
      */
@@ -44,6 +49,7 @@ interface AlertProps {
      */
     timeout?: number;
     /**
+     * @deprecated
      * Class name to be overriden
      */
     overideClassName?: string;
@@ -51,10 +57,6 @@ interface AlertProps {
      * Children to be displayed in the alert
      */
     children?: React.ReactNode | string;
-    /**
-     * Children to be displayed in the alert
-     */
-    style?: React.CSSProperties;
     /**
      * Function to be called when the alert is closed
      */
@@ -68,7 +70,7 @@ interface AlertProps {
 /**
  * Alert displays an alert on the user interface and enables displaying additional information to the context of the page.
  */
-declare const Alert: ({ canDismiss, onClose, children, level, onDisappear, style, data, timeout, overideClassName, }: AlertProps) => react__default.JSX.Element | null;
+declare const Alert: ({ canDismiss, onClose, children, level, onDisappear, data, timeout, overideClassName, ...props }: AlertProps) => react__default.JSX.Element | null;
 
 type ButtonSizeKey = 'mini' | 'normal' | 'large';
 type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';
@@ -157,7 +159,8 @@ interface BoxedRadioItemProps {
     disabled?: boolean;
     [key: string]: any;
 }
-type BoxedRadioProps<T extends BoxedRadioItemProps = BoxedRadioItemProps> = {
+type BoxedRadioProps<T extends BoxedRadioItemProps = BoxedRadioItemProps> = react__default.HtmlHTMLAttributes<HTMLDivElement> & {
+    dir?: RadioGroupProps$1['dir'];
     /**
      * Select options
      */
@@ -190,6 +193,9 @@ type BoxedRadioProps<T extends BoxedRadioItemProps = BoxedRadioItemProps> = {
      * The description of the content
      */
     label?: string;
+    errorText?: string;
+    isRequired?: boolean;
+    isErrored?: boolean;
     /**
      * The description of the content
      */
@@ -197,21 +203,13 @@ type BoxedRadioProps<T extends BoxedRadioItemProps = BoxedRadioItemProps> = {
     /**
      * The description of the content
      */
-    renderOption?: (item: T) => React.ReactNode | string | null;
-    /**
-     * class Name of Radio button
-     */
-    className?: string;
-    /**
-     * Id of the button
-     */
-    id?: string;
+    itemComponent?: (item: T) => react__default.ReactNode | string;
 };
 
 /**
  * BoxedRadio displays a group of options with radio buttons and enables selection of one option from the list.
  */
-declare const BoxedRadio: <T extends BoxedRadioItemProps>({ options, defaultValue, idAccessor, onChange, disabled, getTextContent, className, id, readOnly, renderOption, label, value, }: BoxedRadioProps<T>) => react__default.JSX.Element;
+declare const BoxedRadio: <T extends BoxedRadioItemProps>({ options, defaultValue, idAccessor, onChange, isErrored, errorText, disabled, getTextContent, className, id, isRequired, readOnly, itemComponent, label, value, ...props }: BoxedRadioProps<T>) => react__default.JSX.Element;
 
 interface CheckboxProps extends CheckboxProps$1 {
     /**
@@ -235,7 +233,7 @@ interface CheckboxProps extends CheckboxProps$1 {
 /**
  * Checkbox displays a check box on the user interface and enables assigning a state (selected or deselected) to it. In the selected state, the check box displayed on the UI is highlighted and contains a check mark.
  */
-declare const Checkbox: ({ isRequired, isErrored, readOnly, label, ...rest }: CheckboxProps) => react__default.JSX.Element;
+declare const Checkbox: ({ isRequired, isErrored, className, readOnly, label, ...rest }: CheckboxProps) => react__default.JSX.Element;
 
 interface ConfirmationProps {
     /**
@@ -350,8 +348,9 @@ declare const Drawer: ({ isOpen, children, hideDismissIcon, customClass, size, i
 type DropdownTypes = 'button' | 'input';
 type DefaultDropdownItem = {
     [key: string]: any;
+    group?: string;
 };
-type PickedSelectProps = Pick<SelectProps, 'defaultOpen' | 'open' | 'name' | 'disabled' | 'value'>;
+type PickedSelectProps = Pick<SelectProps, 'name' | 'disabled' | 'value'>;
 interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> extends PickedSelectProps {
     /**
      * The items to be displayed in the dropdown
@@ -361,6 +360,8 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
      * The identifier for the items
      */
     itemIdentifier?: string;
+    isOpen?: SelectProps['open'];
+    defaultIsOpen?: SelectProps['defaultOpen'];
     /**
      * The selected item
      */
@@ -376,7 +377,7 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
     /**
      * Fuction to give the string representation of the item
      */
-    itemComponent?: (item: T) => React.ReactNode | string;
+    itemComponent?: (item: T, props?: DropdownItemProps) => React.ReactNode | string;
     /**
      * The type of the dropdown
      */
@@ -465,11 +466,17 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
      */
     useComboboxProps?: UseComboboxProps<T>;
 }
+type DropdownItemProps = SelectItemProps & {
+    showTick: boolean;
+};
 
 /**
  * Dropdown displays a list or drop-down box that enables selection of an option or multiple options from an available list of values.
  */
 declare const Dropdown: <T extends DefaultDropdownItem>({ type, ...props }: DropdownProps<T>) => react__default.JSX.Element;
+declare const Item: react__default.ForwardRefExoticComponent<_radix_ui_react_select.SelectItemProps & {
+    showTick: boolean;
+} & react__default.RefAttributes<HTMLDivElement>>;
 
 declare const ChevronUp: (props: react__default.SVGProps<SVGSVGElement>) => react__default.JSX.Element;
 
@@ -559,13 +566,11 @@ type LoaderPropTypes = {
  */
 declare const Loader: (props: LoaderPropTypes) => react__default.JSX.Element;
 
-interface MenuItemProps {
-    id: string;
-    name: string;
+interface DefaultMenuItemProps {
     disabled?: boolean;
     [key: string]: any;
 }
-type MenuProps<T extends MenuItemProps = MenuItemProps> = {
+type MenuProps<T extends DefaultMenuItemProps = DefaultMenuItemProps> = {
     side?: PopperContentProps['side'];
     sideOffset?: PopperContentProps['sideOffset'];
     align?: PopperContentProps['align'];
@@ -581,6 +586,7 @@ type MenuProps<T extends MenuItemProps = MenuItemProps> = {
      */
     onSelect?: (option: T) => void;
     closeMenuCallback?: () => void;
+    itemComponent?: (item: T, props?: MenuItemProps) => React.ReactNode | string;
     /**
      * options for menu button
      */
@@ -611,12 +617,22 @@ type MenuProps<T extends MenuItemProps = MenuItemProps> = {
      */
     showArrow?: boolean;
 };
+type MenuItemProps = MenuItemProps$1 & {
+    isSelected: boolean;
+};
 
 /**
  * Menu is a container for Menu Item components.
  * Menu item is a component to define each row of a menu components. It takes in prefix, suffix and default slot to place content either at beginning or end or middle of the row respectively.
  */
-declare const Menu: <T extends MenuItemProps>(props: MenuProps<T>) => react__default.JSX.Element;
+declare const Menu: <T extends DefaultMenuItemProps>(props: MenuProps<T>) => react__default.JSX.Element;
+
+declare const DropdownMenuItem: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<Omit<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
+}, {
+    isSelected?: boolean | undefined;
+    disabled?: boolean | undefined;
+}>> & Omit<react.ForwardRefExoticComponent<DropdownMenu.DropdownMenuItemProps & react.RefAttributes<HTMLDivElement>>, keyof react.Component<any, {}, any>>;
 
 type ModalAlignType = 'top' | 'center' | 'bottom';
 type ModalPositionType = 'left' | 'center' | 'right';
@@ -980,6 +996,8 @@ type RadioGroupProps<T extends RadioItemProps = RadioItemProps> = Pick<RadioGrou
      * The description of the content
      */
     label?: string;
+    errorText?: string;
+    isErrored?: boolean;
 };
 
 /**
@@ -990,7 +1008,7 @@ declare const Radio: ({ checked, className, disabled, id, isRequired, label, nam
 /**
  * RadioGroup displays a group of options with radio buttons and enables selection of one option from the list.
  */
-declare const RadioGroup: ({ options, defaultValue, idAccessor, nameAccessor, onChange, className, id, name, disabled, isRequired, label, readOnly, value, }: RadioGroupProps) => react__default.JSX.Element;
+declare const RadioGroup: ({ options, defaultValue, idAccessor, nameAccessor, onChange, className, id, isErrored, errorText, disabled, isRequired, label, readOnly, value, ...props }: RadioGroupProps) => react__default.JSX.Element;
 
 type ReorderItemType = {
     id: string | number;
@@ -1602,7 +1620,6 @@ type InputLabelProps = {
 };
 declare const InputLabel: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, InputLabelProps>>;
 declare const RequiredIndicator: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-declare const ErrorText: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
 declare const IconButton: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
 declare const FreshLink: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>;
 declare const CardContent: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -1629,4 +1646,4 @@ declare namespace index_d {
   export { index_d_dark as dark, index_d_light as light };
 }
 
-export { Alert, type AlertProps, type BaseProps, 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 DropdownProps, type DropdownTypes, ErrorText, Fade, type FadeProps, 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, Slide, SlideFade, type SlideFadeProps, type SlidePlacement, type SlideProps, StyledLabel, 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, Transition, type TransitionProps, type TransitionStyleState, type TransitionStyles, TriggerButtonWrapper, Typography, type TypographyProps, type TypographyVariantType, type TypographyWeightType, type UpdateToastsFunction, Warning, basicHide, basicShow, contentHide, contentShow, slideDownAndFade, slideLeftAndFade, slideRightAndFade, slideUpAndFade, useToasts };
+export { Alert, type AlertProps, type BaseProps, 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, Item as DropdownItem, DropdownMenuItem, type DropdownProps, type DropdownTypes, Fade, type FadeProps, 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, Slide, SlideFade, type SlideFadeProps, type SlidePlacement, type SlideProps, StyledLabel, 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, Transition, type TransitionProps, type TransitionStyleState, type TransitionStyles, TriggerButtonWrapper, Typography, type TypographyProps, type TypographyVariantType, type TypographyWeightType, type UpdateToastsFunction, Warning, basicHide, basicShow, contentHide, contentShow, slideDownAndFade, slideLeftAndFade, slideRightAndFade, slideUpAndFade, useToasts };