freemium-ui 2.0.20 → 2.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs.js +7121 -6920
- package/lib/index.d.ts +22 -15
- package/lib/index.js +8728 -8521
- package/lib/package.json +1 -1
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -125,12 +125,17 @@ interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
125
125
|
* Alignment of the content in the alert
|
|
126
126
|
*/
|
|
127
127
|
alignContent?: 'flex-start' | 'center' | 'flex-end';
|
|
128
|
+
/**
|
|
129
|
+
* Icon alignment in the alert
|
|
130
|
+
* @default 'center'
|
|
131
|
+
* */
|
|
132
|
+
iconAlignment?: 'flex-start' | 'center' | 'flex-end';
|
|
128
133
|
}
|
|
129
134
|
|
|
130
135
|
/**
|
|
131
136
|
* Alert displays an alert on the user interface and enables displaying additional information to the context of the page.
|
|
132
137
|
*/
|
|
133
|
-
declare const Alert: ({ onClose, children, level, onDisappear, data, icon, overideClassName, timeout, canDismiss, alignContent, ...props }: AlertProps) => react__default.JSX.Element | null;
|
|
138
|
+
declare const Alert: ({ onClose, children, level, onDisappear, data, icon, overideClassName, timeout, canDismiss, alignContent, iconAlignment, ...props }: AlertProps) => react__default.JSX.Element | null;
|
|
134
139
|
|
|
135
140
|
type ButtonSizeKey = 'mini' | 'normal' | 'large';
|
|
136
141
|
type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link';
|
|
@@ -1144,20 +1149,20 @@ type ReorderProps<T extends ReorderItemType = ReorderItemType> = {
|
|
|
1144
1149
|
*/
|
|
1145
1150
|
declare const Reorder: <T extends ReorderItemType = ReorderItemType>(props: ReorderProps<T>) => react__default.JSX.Element;
|
|
1146
1151
|
|
|
1147
|
-
type
|
|
1152
|
+
type RowDataType = {
|
|
1148
1153
|
[key in string]: any;
|
|
1149
1154
|
};
|
|
1150
1155
|
type SortingOptionsType = {
|
|
1151
1156
|
id: string;
|
|
1152
1157
|
name: string;
|
|
1153
1158
|
};
|
|
1154
|
-
interface FuiTableColumnType<T extends
|
|
1159
|
+
interface FuiTableColumnType<T extends RowDataType> {
|
|
1155
1160
|
id: string;
|
|
1156
1161
|
Header: string;
|
|
1157
1162
|
accessorFn: (row: T) => React.ReactNode | string | null;
|
|
1158
1163
|
disableSortBy?: boolean;
|
|
1159
1164
|
}
|
|
1160
|
-
interface TableProps<T extends
|
|
1165
|
+
interface TableProps<T extends RowDataType> {
|
|
1161
1166
|
/**
|
|
1162
1167
|
* How large should the button be?
|
|
1163
1168
|
*/
|
|
@@ -1196,7 +1201,7 @@ interface TableProps<T extends RowData> {
|
|
|
1196
1201
|
onPreviousPageClick?: () => void;
|
|
1197
1202
|
onSelectAllRows?: (checked: boolean) => void;
|
|
1198
1203
|
onRowSelect?: (row: T, checked: boolean) => void;
|
|
1199
|
-
rowMenuOptions?: (
|
|
1204
|
+
rowMenuOptions?: (RowDataType: T) => MenuItemProps[];
|
|
1200
1205
|
onMenuOptionSelect?: (optionId: string, row: T) => void;
|
|
1201
1206
|
onRowClick?: (row: T, column: ColumnDef<T, unknown>) => void;
|
|
1202
1207
|
dataKey?: string;
|
|
@@ -1222,7 +1227,7 @@ interface TableProps<T extends RowData> {
|
|
|
1222
1227
|
/**
|
|
1223
1228
|
* Table component is used to display data in a tabular format. It is used to show data in a structured manner. It can be used to show data in a grid format.
|
|
1224
1229
|
*/
|
|
1225
|
-
declare const Table: <T extends
|
|
1230
|
+
declare const Table: <T extends RowDataType = RowDataType>(props: TableProps<T>) => react__default.JSX.Element;
|
|
1226
1231
|
|
|
1227
1232
|
declare const TabsRoot: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<Tabs$1.TabsProps & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
1228
1233
|
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
@@ -1708,6 +1713,14 @@ type FreshworksPalette = {
|
|
|
1708
1713
|
common: {
|
|
1709
1714
|
black: string;
|
|
1710
1715
|
white: string;
|
|
1716
|
+
neutral: {
|
|
1717
|
+
light_mild: string;
|
|
1718
|
+
light_normal: string;
|
|
1719
|
+
light_bold: string;
|
|
1720
|
+
dark_mild: string;
|
|
1721
|
+
dark_normal: string;
|
|
1722
|
+
dark_bold: string;
|
|
1723
|
+
};
|
|
1711
1724
|
};
|
|
1712
1725
|
};
|
|
1713
1726
|
type FuiContextType = {
|
|
@@ -1741,14 +1754,8 @@ declare const CardText: styled_components.IStyledComponent<"web", styled_compone
|
|
|
1741
1754
|
declare const TriggerButtonWrapper: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<styled_components_dist_types.FastOmit<styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
1742
1755
|
ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
|
|
1743
1756
|
}>, never>, never>>;
|
|
1744
|
-
declare const
|
|
1745
|
-
declare const
|
|
1746
|
-
declare const contentHide: () => styled_components.RuleSet<object>;
|
|
1747
|
-
declare const contentShow: () => styled_components.RuleSet<object>;
|
|
1748
|
-
declare const slideUpAndFade: () => styled_components.RuleSet<object>;
|
|
1749
|
-
declare const slideRightAndFade: () => styled_components.RuleSet<object>;
|
|
1750
|
-
declare const slideDownAndFade: () => styled_components.RuleSet<object>;
|
|
1751
|
-
declare const slideLeftAndFade: () => styled_components.RuleSet<object>;
|
|
1757
|
+
declare const dialogOverlayMixin: styled_components.RuleSet<object>;
|
|
1758
|
+
declare const dialogContentMixin: styled_components.RuleSet<object>;
|
|
1752
1759
|
|
|
1753
1760
|
declare const _default: react.NamedExoticComponent<styled_components.ExecutionProps & object>;
|
|
1754
1761
|
|
|
@@ -1765,4 +1772,4 @@ declare namespace index_d {
|
|
|
1765
1772
|
export { index_d_Z_INDEX as Z_INDEX, index_d_dark as dark, index_d_hextoRGB as hextoRGB, index_d_light as light };
|
|
1766
1773
|
}
|
|
1767
1774
|
|
|
1768
|
-
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, Checkmark, 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, ErrorIcon, _default as FreemiumUIGlobalStyles, type FreemiumUiTheme, FreshLink, type FreshworksPalette, type FuiContextType, IconButton, InfoIcon, 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, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps, Reorder, type ReorderItemType, type ReorderProps, RequiredIndicator, type
|
|
1775
|
+
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, Checkmark, 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, ErrorIcon, _default as FreemiumUIGlobalStyles, type FreemiumUiTheme, FreshLink, type FreshworksPalette, type FuiContextType, IconButton, InfoIcon, 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, PopoverTrigger, Radio, RadioGroup, type RadioGroupProps, type RadioItemProps, type RadioProps, Reorder, type ReorderItemType, type ReorderProps, RequiredIndicator, type RowDataType, 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, dialogContentMixin, dialogOverlayMixin, useToasts };
|