@fattureincloud/fic-design-system 0.4.26 → 0.4.27
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/CHANGELOG.md +22 -0
- package/dist/common/components/Label.d.ts +3 -0
- package/dist/common/types/label.d.ts +12 -0
- package/dist/common/utils/label.d.ts +5 -0
- package/dist/components/form/checkbox/Checkbox.d.ts +12 -14
- package/dist/components/form/checkbox/checkbox.stories.d.ts +1 -1
- package/dist/components/form/checkbox/checkboxPalette.d.ts +1 -14
- package/dist/components/form/checkbox/hooks/useCheckboxValue.d.ts +3 -3
- package/dist/components/form/checkbox/index.d.ts +4 -5
- package/dist/components/form/checkbox/styled.d.ts +3 -0
- package/dist/components/form/checkbox/types.d.ts +45 -8
- package/dist/components/form/checkbox/utils.d.ts +5 -16
- package/dist/components/form/common/components/ClickableWrapper.d.ts +2 -0
- package/dist/components/form/common/components/HiddenInput.d.ts +2 -0
- package/dist/components/form/inputText/InputText.d.ts +2 -2
- package/dist/components/form/radio/Radio.d.ts +14 -0
- package/dist/components/form/radio/hooks/useRadioValue.d.ts +10 -0
- package/dist/components/form/radio/index.d.ts +4 -0
- package/dist/components/form/radio/radio.stories.d.ts +6 -0
- package/dist/components/form/radio/radioPalette.d.ts +3 -0
- package/dist/components/form/radio/styled.d.ts +3 -0
- package/dist/components/form/radio/types.d.ts +53 -0
- package/dist/components/form/radio/utils.d.ts +8 -0
- package/dist/components/form/radioGroup/RadioGroup.d.ts +13 -0
- package/dist/components/form/radioGroup/index.d.ts +2 -0
- package/dist/components/form/radioGroup/radioGroup.stories.d.ts +5 -0
- package/dist/components/form/radioGroup/styled.d.ts +2 -0
- package/dist/components/form/radioGroup/types.d.ts +16 -0
- package/dist/components/inlineMessage/InlineMessage.d.ts +22 -0
- package/dist/components/inlineMessage/index.d.ts +3 -0
- package/dist/components/inlineMessage/inlineMessage.stories.d.ts +5 -0
- package/dist/components/inlineMessage/inlineMessagePalette.d.ts +3 -0
- package/dist/components/inlineMessage/styled.d.ts +11 -0
- package/dist/components/inlineMessage/types.d.ts +45 -0
- package/dist/components/inlineMessage/utils.d.ts +3 -0
- package/dist/components/toast/Toast.d.ts +1 -1
- package/dist/components/toast/components/ToastContent.d.ts +10 -13
- package/dist/components/toast/index.d.ts +2 -1
- package/dist/components/toast/styled.d.ts +9 -0
- package/dist/components/toast/toast.stories.d.ts +3 -4
- package/dist/components/toast/toastPalette.d.ts +3 -0
- package/dist/components/toast/types.d.ts +50 -0
- package/dist/components/toast/utils.d.ts +3 -0
- package/dist/index.d.ts +6 -6
- package/dist/index.esm.js +5 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/styles/theme.d.ts +6 -0
- package/package.json +1 -1
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { paletteColor } from 'index';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
|
+
import { ToastPosition } from 'react-toastify/dist/types';
|
|
4
|
+
import { IconProps } from '../icon';
|
|
5
|
+
export declare type ToastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
|
|
6
|
+
export declare enum ToastType {
|
|
7
|
+
STANDARD = "standard",
|
|
8
|
+
ERROR = "error",
|
|
9
|
+
INFO = "info",
|
|
10
|
+
WARNING = "warning",
|
|
11
|
+
SUCCESS = "success"
|
|
12
|
+
}
|
|
13
|
+
export declare const typeMap: Record<ToastType, ToastLibraryType>;
|
|
14
|
+
export interface ToastProps {
|
|
15
|
+
type?: ToastType;
|
|
16
|
+
content?: ReactNode;
|
|
17
|
+
icon?: IconProps;
|
|
18
|
+
actionLabel?: string;
|
|
19
|
+
onActionClick?: () => void;
|
|
20
|
+
autoClose?: false;
|
|
21
|
+
}
|
|
22
|
+
export interface ToastContentProps {
|
|
23
|
+
title: ReactNode;
|
|
24
|
+
content?: ReactNode;
|
|
25
|
+
icon: IconProps;
|
|
26
|
+
actionLabel?: string;
|
|
27
|
+
onActionClick?: () => void;
|
|
28
|
+
type?: ToastType;
|
|
29
|
+
}
|
|
30
|
+
export interface ToastInterface {
|
|
31
|
+
Container: React.FC<ToastContainerProps>;
|
|
32
|
+
show: (title: ReactNode, options: ToastProps) => string | undefined;
|
|
33
|
+
dismiss: (toastId: string | undefined) => void;
|
|
34
|
+
success: (title: ReactNode, options?: ToastProps) => string | undefined;
|
|
35
|
+
error: (title: ReactNode, options?: ToastProps) => string | undefined;
|
|
36
|
+
info: (title: ReactNode, options?: ToastProps) => string | undefined;
|
|
37
|
+
warning: (title: ReactNode, options?: ToastProps) => string | undefined;
|
|
38
|
+
standard: (title: ReactNode, options?: ToastProps) => string | undefined;
|
|
39
|
+
}
|
|
40
|
+
export interface ToastContainerProps {
|
|
41
|
+
position: ToastPosition;
|
|
42
|
+
}
|
|
43
|
+
export declare type ToastColor = {
|
|
44
|
+
title: paletteColor;
|
|
45
|
+
content: paletteColor;
|
|
46
|
+
background: paletteColor;
|
|
47
|
+
};
|
|
48
|
+
export declare type ToastPalette = {
|
|
49
|
+
[k in ToastType]: ToastColor;
|
|
50
|
+
};
|
package/dist/index.d.ts
CHANGED
|
@@ -8,18 +8,19 @@ import { Chip } from './components/chips';
|
|
|
8
8
|
import { Drawer } from './components/drawer';
|
|
9
9
|
import { closeDropdownType, Dropdown, DropdownItemProps, DropdownPalette, renderContentType } from './components/dropdown';
|
|
10
10
|
import { WithBadge } from './components/floatingBadge';
|
|
11
|
-
import { Checkbox, CheckboxPalette, CheckboxProps,
|
|
11
|
+
import { Checkbox, CheckboxPalette, CheckboxProps, CheckboxStatus, useCheckboxValue } from './components/form/checkbox';
|
|
12
12
|
import { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate } from './components/form/datepicker';
|
|
13
13
|
import { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps } from './components/form/fileUploader';
|
|
14
14
|
import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
|
|
15
15
|
import { InputText, InputTextPalette, InputTextProps, UnitDropdownProps } from './components/form/inputText';
|
|
16
|
+
import { Radio, RadioPalette, RadioProps, RadioStatus, useRadioValue } from './components/form/radio';
|
|
17
|
+
import { RadioGroup, RadioGroupProps } from './components/form/radioGroup';
|
|
16
18
|
import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue } from './components/form/select';
|
|
17
19
|
import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
|
|
18
20
|
import { GroupedList, GroupType, ItemType } from './components/groupedList';
|
|
19
|
-
import { RadioButtonGroup } from './components/groupRadioButton';
|
|
20
21
|
import { Icon, IconPalette, IconProps } from './components/icon';
|
|
21
22
|
import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
|
|
22
|
-
import { InlineMessage } from './components/
|
|
23
|
+
import { InlineMessage, InlineMessagePalette, InlineMessageProps, InlineMessageType } from './components/inlineMessage';
|
|
23
24
|
import { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps } from './components/layout';
|
|
24
25
|
import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag';
|
|
25
26
|
import { Modal, ModalSearchable } from './components/modals';
|
|
@@ -28,16 +29,15 @@ import { ModalBody } from './components/modals/modalStyled';
|
|
|
28
29
|
import { PageEmptySet } from './components/pageEmptySet';
|
|
29
30
|
import { Pagination } from './components/pagination';
|
|
30
31
|
import { Progressbar } from './components/progressbar';
|
|
31
|
-
import { RadioButton } from './components/radioButton';
|
|
32
32
|
import { Stepper, StepperPalette, StepperProps } from './components/stepper';
|
|
33
33
|
import { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
|
|
34
34
|
import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
|
|
35
35
|
import { Tag, TagPalette, TagProps } from './components/tag';
|
|
36
36
|
import { ThemeProvider } from './components/themeProvider';
|
|
37
37
|
import { ShortcutTip, Tip } from './components/tip';
|
|
38
|
-
import { Toast, ToastProps } from './components/toast';
|
|
38
|
+
import { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
|
|
39
39
|
import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
|
|
40
40
|
import { autocompleteYellow } from './styles/defaultPalette/colors/others';
|
|
41
41
|
import { Theme } from './styles/theme';
|
|
42
42
|
import { Palette, paletteColor } from './styles/types';
|
|
43
|
-
export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette,
|
|
43
|
+
export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };
|