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

Sign up to get free protection for your applications and to get access to all the features.
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, };