@fattureincloud/fic-design-system 0.4.2-expenses.0 → 0.4.5

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 CHANGED
@@ -1,5 +1,25 @@
1
1
  # Changelog
2
2
 
3
+ ## v0.4.5 - 08/02/2022
4
+
5
+ - Update FontAwesome to v6.0.0
6
+
7
+ ## v0.4.4 - 25/01/2022
8
+
9
+ ### 🐛 Bug Fix
10
+
11
+ - Move SidebarItem Dropdown on the left in Safari
12
+
13
+ ## v0.4.3 - 21/01/2022
14
+
15
+ ### 🐛 Bug Fix
16
+
17
+ - Remove the Checkbox `Label` tag when prop `text` is missing
18
+
19
+ ### 💅 Enhancement
20
+
21
+ - Change Button `text` prop from `string | JSX.Element` to `ReactText | JSX.Element`
22
+
3
23
  ## v0.4.2 - 19/01/2022
4
24
 
5
25
  ### 🐛 Bug Fix
@@ -0,0 +1,3 @@
1
+ import { Badge } from './Badge';
2
+ import { BadgeProps } from './types';
3
+ export { Badge, BadgeProps };
@@ -1,8 +1,8 @@
1
- /// <reference types="react" />
1
+ import { ReactText } from 'react';
2
2
  import { IconProps } from '../../icon';
3
3
  import { WrapperProps } from './types';
4
4
  export interface ButtonProps extends Partial<WrapperProps> {
5
- text?: string | JSX.Element;
5
+ text?: ReactText | JSX.Element;
6
6
  iconLeft?: IconProps;
7
7
  iconRight?: IconProps;
8
8
  isLoading?: boolean;
@@ -5,6 +5,5 @@ export interface BoxedInputWrapperProps extends colorsPalette {
5
5
  borderColor: paletteColor;
6
6
  normalFocused: CommonInputParts;
7
7
  status?: statusType;
8
- isPrefilled?: boolean;
9
8
  }
10
9
  export declare const boxedInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxedInputWrapperProps, import("styled-components").DefaultTheme>>;
@@ -1,6 +1,6 @@
1
1
  import { BoxedInputWrapperProps } from '../../common/styles';
2
2
  import { InputElementProps } from '../types';
3
- declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, isPrefilled, }: InputElementProps) => JSX.Element;
4
- export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled'>;
3
+ declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, }: InputElementProps) => JSX.Element;
4
+ export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status'>;
5
5
  export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
6
6
  export default InputElement;
@@ -0,0 +1,7 @@
1
+ import { DropdownProps } from '../../../dropdown/types';
2
+ import { Unit } from './unitDropdown/UnitDropdownTrigger';
3
+ export interface UnitDropdownProps extends Pick<DropdownProps, 'renderContent' | 'placement' | 'className' | 'triggerStyles' | 'content' | 'maxWidth' | 'minWidthAsTrigger' | 'forceOpen'> {
4
+ currentUnit: Unit;
5
+ }
6
+ declare const UnitDropdown: ({ currentUnit, ...dropdownProps }: UnitDropdownProps) => JSX.Element;
7
+ export default UnitDropdown;
@@ -0,0 +1,5 @@
1
+ interface Props {
2
+ title: string;
3
+ }
4
+ declare const UnitDropdownTrigger: ({ title }: Props) => JSX.Element;
5
+ export default UnitDropdownTrigger;
@@ -0,0 +1,9 @@
1
+ export interface Unit {
2
+ name: string;
3
+ shortName?: string;
4
+ }
5
+ interface Props {
6
+ unit: Unit;
7
+ }
8
+ declare const UnitDropdownTrigger: ({ unit }: Props) => JSX.Element;
9
+ export default UnitDropdownTrigger;
@@ -10,5 +10,4 @@ export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttrib
10
10
  placeholder?: ReactText;
11
11
  value?: number | string | null;
12
12
  setValue?: Dispatch<SetStateAction<string>>;
13
- isPrefilled?: boolean;
14
13
  }
@@ -2,4 +2,4 @@ import { BoxedInputWrapperProps } from '../common/styles';
2
2
  import { SelectProps } from './types';
3
3
  export declare type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize'>;
4
4
  export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
5
- export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "isPrefilled" | "normalFocused">;
5
+ export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "normalFocused">;
@@ -1,2 +1,3 @@
1
1
  import GroupedList from './groupedList';
2
- export { GroupedList };
2
+ import { GroupType, ItemType } from './types';
3
+ export { GroupedList, ItemType, GroupType };
@@ -1 +1,5 @@
1
- export {};
1
+ import { Meta, Story } from '@storybook/react';
2
+ import { SidebarItemProps } from './SidebarItem';
3
+ export declare const Template: Story<SidebarItemProps>;
4
+ declare const SidebarItemStory: Meta<SidebarItemProps>;
5
+ export default SidebarItemStory;
@@ -1,3 +1,3 @@
1
- import MicroTag from './MicroTag';
1
+ import MicroTag, { MicroTagProps } from './MicroTag';
2
2
  import microTagPalette, { MicroTagPalette } from './microTagPalette';
3
- export { MicroTag, microTagPalette, MicroTagPalette };
3
+ export { MicroTag, MicroTagProps, microTagPalette, MicroTagPalette };
@@ -8,8 +8,6 @@ export declare const StyledModalBox: import("styled-components").StyledComponent
8
8
  export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalPropsInterface, never>;
9
9
  export declare const ModalHeaderClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
10
10
  export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
11
- export declare const ModalSimpleHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
12
- export declare const ModalSimpleFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
13
11
  export declare const ModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
14
12
  export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
15
13
  export declare const TopAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
@@ -8,10 +8,8 @@ export interface ModalPropsInterface {
8
8
  isOpen?: boolean;
9
9
  title?: string;
10
10
  header?: () => JSX.Element;
11
- customHeader?: () => JSX.Element;
12
11
  footer?: () => JSX.Element;
13
12
  footerButtons?: ButtonProps[];
14
- customFooter?: () => JSX.Element;
15
13
  allowClose?: boolean;
16
14
  onActionClose?: () => void;
17
15
  isFullscreen?: boolean;
@@ -1,3 +1,4 @@
1
1
  import { Tag } from './Tag';
2
2
  import tagPalette, { TagPalette } from './tagPalette';
3
- export { Tag, tagPalette, TagPalette };
3
+ import { TagProps } from './types';
4
+ export { Tag, TagProps, tagPalette, TagPalette };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Accordion } from './components/accordions';
2
2
  import { Avatar } from './components/avatar';
3
- import { Badge } from './components/badge/Badge';
3
+ import { Badge, BadgeProps } from './components/badge';
4
4
  import { Banner, BannerProps } from './components/banner';
5
5
  import { Button, ButtonProps, IconButton, IconButtonProps } from './components/buttons';
6
6
  import { Chip } from './components/chips';
@@ -12,13 +12,13 @@ import { InputHelper, InputHelperPalette, InputHelperProps } from './components/
12
12
  import { InputText, InputTextPalette, InputTextProps } from './components/form/inputText';
13
13
  import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, useSelectMultiValues, useSelectValue } from './components/form/select';
14
14
  import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
15
- import { GroupedList } from './components/groupedList';
15
+ import { GroupedList, GroupType, ItemType } from './components/groupedList';
16
16
  import { RadioButtonGroup } from './components/groupRadioButton';
17
17
  import { Icon, IconPalette, IconProps } from './components/icon';
18
18
  import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
19
19
  import { InlineMessage } from './components/inlineMessages';
20
20
  import { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps } from './components/layout';
21
- import { MicroTag } from './components/microTag';
21
+ import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag';
22
22
  import { Modal, ModalSearchable } from './components/modals';
23
23
  import { ConfirmationModal } from './components/modals/confirmationModal';
24
24
  import { ModalBody } from './components/modals/modalStyled';
@@ -29,11 +29,11 @@ import { RadioButton } from './components/radioButton';
29
29
  import { Stepper, StepperPalette, StepperProps } from './components/stepper';
30
30
  import { Table } from './components/table';
31
31
  import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
32
- import { Tag } from './components/tag';
32
+ import { Tag, TagPalette, TagProps } from './components/tag';
33
33
  import { ThemeProvider } from './components/themeProvider';
34
34
  import { ShortcutTip, Tip } from './components/tip';
35
35
  import { Toast, ToastProps } from './components/toast';
36
36
  import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
37
37
  import { Theme } from './styles/theme';
38
38
  import { Palette, paletteColor } from './styles/types';
39
- export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, Tag, InputText, InputTextProps, InputTextPalette, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };
39
+ export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, 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, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };