@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.
Files changed (50) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/common/components/Label.d.ts +3 -0
  3. package/dist/common/types/label.d.ts +12 -0
  4. package/dist/common/utils/label.d.ts +5 -0
  5. package/dist/components/form/checkbox/Checkbox.d.ts +12 -14
  6. package/dist/components/form/checkbox/checkbox.stories.d.ts +1 -1
  7. package/dist/components/form/checkbox/checkboxPalette.d.ts +1 -14
  8. package/dist/components/form/checkbox/hooks/useCheckboxValue.d.ts +3 -3
  9. package/dist/components/form/checkbox/index.d.ts +4 -5
  10. package/dist/components/form/checkbox/styled.d.ts +3 -0
  11. package/dist/components/form/checkbox/types.d.ts +45 -8
  12. package/dist/components/form/checkbox/utils.d.ts +5 -16
  13. package/dist/components/form/common/components/ClickableWrapper.d.ts +2 -0
  14. package/dist/components/form/common/components/HiddenInput.d.ts +2 -0
  15. package/dist/components/form/inputText/InputText.d.ts +2 -2
  16. package/dist/components/form/radio/Radio.d.ts +14 -0
  17. package/dist/components/form/radio/hooks/useRadioValue.d.ts +10 -0
  18. package/dist/components/form/radio/index.d.ts +4 -0
  19. package/dist/components/form/radio/radio.stories.d.ts +6 -0
  20. package/dist/components/form/radio/radioPalette.d.ts +3 -0
  21. package/dist/components/form/radio/styled.d.ts +3 -0
  22. package/dist/components/form/radio/types.d.ts +53 -0
  23. package/dist/components/form/radio/utils.d.ts +8 -0
  24. package/dist/components/form/radioGroup/RadioGroup.d.ts +13 -0
  25. package/dist/components/form/radioGroup/index.d.ts +2 -0
  26. package/dist/components/form/radioGroup/radioGroup.stories.d.ts +5 -0
  27. package/dist/components/form/radioGroup/styled.d.ts +2 -0
  28. package/dist/components/form/radioGroup/types.d.ts +16 -0
  29. package/dist/components/inlineMessage/InlineMessage.d.ts +22 -0
  30. package/dist/components/inlineMessage/index.d.ts +3 -0
  31. package/dist/components/inlineMessage/inlineMessage.stories.d.ts +5 -0
  32. package/dist/components/inlineMessage/inlineMessagePalette.d.ts +3 -0
  33. package/dist/components/inlineMessage/styled.d.ts +11 -0
  34. package/dist/components/inlineMessage/types.d.ts +45 -0
  35. package/dist/components/inlineMessage/utils.d.ts +3 -0
  36. package/dist/components/toast/Toast.d.ts +1 -1
  37. package/dist/components/toast/components/ToastContent.d.ts +10 -13
  38. package/dist/components/toast/index.d.ts +2 -1
  39. package/dist/components/toast/styled.d.ts +9 -0
  40. package/dist/components/toast/toast.stories.d.ts +3 -4
  41. package/dist/components/toast/toastPalette.d.ts +3 -0
  42. package/dist/components/toast/types.d.ts +50 -0
  43. package/dist/components/toast/utils.d.ts +3 -0
  44. package/dist/index.d.ts +6 -6
  45. package/dist/index.esm.js +5 -5
  46. package/dist/index.esm.js.map +1 -1
  47. package/dist/index.js +4 -4
  48. package/dist/index.js.map +1 -1
  49. package/dist/styles/theme.d.ts +6 -0
  50. 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
+ };
@@ -0,0 +1,3 @@
1
+ import { buttonColors } from '../buttons/button/types';
2
+ import { ToastType } from './types';
3
+ export declare const typeToButtonColor: (type: ToastType) => buttonColors;
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, checkboxStatus, useCheckboxValue } from './components/form/checkbox';
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/inlineMessages';
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, 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, RadioButton, RadioButtonGroup, InlineMessage, 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, 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, };
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, };