@fattureincloud/fic-design-system 0.3.16 → 0.3.17-1845

package/dist/components/badge/types.d.ts

@@ -1,6 +1,7 @@
+import { ReactText } from 'react';
 import { IconProps } from '../icon';
 export interface BadgeProps {
-    text?: string;
+    text?: ReactText;
     color?: 'red' | 'green';
     imageUrl?: string;
     leftIcon?: IconProps;

package/dist/components/form/common/styles.d.ts

@@ -0,0 +1,9 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { CommonInputParts, statusType } from './types';
+export interface BoxedInputWrapperProps extends colorsPalette {
+    borderColor: paletteColor;
+    normalFocused: CommonInputParts;
+    status: statusType;
+}
+export declare const boxedInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxedInputWrapperProps, import("styled-components").DefaultTheme>>;

package/dist/components/form/common/types.d.ts

@@ -0,0 +1,14 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { InputHelperProps } from '../inputHelper';
+export declare type inputSizeType = 'large' | 'medium';
+export declare type statusType = 'normal' | 'success' | 'warning' | 'error';
+export interface CommonFormTypes {
+    inputSize?: inputSizeType;
+    isDisabled?: boolean;
+    helper?: InputHelperProps;
+    status?: statusType;
+}
+export interface CommonInputParts extends colorsPalette {
+    borderColor: paletteColor;
+}

package/dist/components/form/inputHelper/InputHelper.d.ts

@@ -0,0 +1,11 @@
+import { IconProps } from '../../icon';
+import { inputHelperStatus } from './types';
+export interface InputHelperProps extends WrapperProps {
+    message: string;
+    icon?: IconProps;
+}
+declare const InputHelper: ({ status, message, icon }: InputHelperProps) => JSX.Element;
+interface WrapperProps {
+    status: inputHelperStatus;
+}
+export default InputHelper;

package/dist/components/form/inputHelper/index.d.ts

@@ -0,0 +1,3 @@
+import InputHelper, { InputHelperProps } from './InputHelper';
+import inputHelperPalette, { InputHelperPalette } from './inputHelperPalette';
+export { InputHelper, InputHelperProps, inputHelperPalette, InputHelperPalette };

package/dist/components/form/inputHelper/inputHelperPalette.d.ts

@@ -0,0 +1,7 @@
+import { colorsPalette } from 'common/types/colorsPalette';
+import { inputHelperStatus } from './types';
+export declare type InputHelperPalette = {
+    [k in inputHelperStatus]: colorsPalette;
+};
+declare const inputHelperPalette: InputHelperPalette;
+export default inputHelperPalette;

package/dist/components/form/inputHelper/types.d.ts

@@ -0,0 +1 @@
+export declare type inputHelperStatus = 'normal' | 'error' | 'warning' | 'info' | 'success';

package/dist/components/form/inputText/InputText.d.ts

@@ -0,0 +1,5 @@
+import { LabelProps } from '../label';
+import { InputElementProps } from './types';
+export declare type InputTextProps = LabelProps & InputElementProps;
+declare const InputText: (props: InputTextProps) => JSX.Element;
+export default InputText;

package/dist/components/form/inputText/components/InputElement.d.ts

@@ -0,0 +1,6 @@
+import { BoxedInputWrapperProps } from '../../common/styles';
+import { InputElementProps } from '../types';
+declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, isDisabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, }: InputElementProps) => JSX.Element;
+export declare type InputTextWrapperProps = Pick<InputElementProps, 'isDisabled' | 'status'>;
+export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export default InputElement;

package/dist/components/form/inputText/components/StatusIcon.d.ts

@@ -0,0 +1,6 @@
+import { statusType } from 'components/form/common/types';
+interface Props {
+    status: statusType;
+}
+declare const StatusIcon: ({ status }: Props) => JSX.Element | null;
+export default StatusIcon;

package/dist/components/form/inputText/components/styled.d.ts

@@ -0,0 +1,6 @@
+import { InputElementProps } from '../types';
+interface Props {
+    inputSize: InputElementProps['inputSize'];
+}
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, Props, never>;
+export {};

package/dist/components/form/inputText/components/utils.d.ts

@@ -0,0 +1,7 @@
+import { DefaultTheme } from 'styled-components';
+import { InputTextWrapperProps } from './InputElement';
+interface GetInputTextParams extends InputTextWrapperProps {
+    theme: DefaultTheme;
+}
+export declare const getInputTextStyles: ({ theme, isDisabled, status }: GetInputTextParams) => Pick<import("../../common/styles").BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background">;
+export {};

package/dist/components/form/inputText/index.d.ts

@@ -0,0 +1,3 @@
+import InputText, { InputTextProps } from './InputText';
+import inputTextPalette, { InputTextPalette } from './inputTextPalette';
+export { InputText, InputTextProps, InputTextPalette, inputTextPalette };

package/dist/components/form/inputText/inputTextPalette.d.ts

@@ -0,0 +1,14 @@
+import { paletteColor } from '../../../styles/types';
+import { CommonInputParts, statusType } from '../common/types';
+export interface InputTextParts extends CommonInputParts {
+    iconColor: paletteColor;
+}
+declare type StatusesPalette = {
+    [key in statusType]: InputTextParts;
+};
+export interface InputTextPalette extends StatusesPalette {
+    normalFocused: CommonInputParts;
+    disabled: InputTextParts;
+}
+declare const inputTextPalette: InputTextPalette;
+export default inputTextPalette;

package/dist/components/form/inputText/types.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react';
+import { IconProps } from '../../icon';
+import { CommonFormTypes } from '../common/types';
+export declare type inputTypes = 'password' | 'text' | 'number';
+export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
+    leadingIcon?: IconProps;
+    actionIcon?: IconProps;
+    inputType?: inputTypes;
+    placeholder?: ReactText;
+    value?: number | string | null;
+    setValue?: Dispatch<SetStateAction<string>>;
+}

package/dist/components/form/label/Label.d.ts

@@ -0,0 +1,9 @@
+export interface LabelProps extends WrapperProps {
+    label?: string;
+}
+declare const Label: ({ label, isDisabled, required }: LabelProps) => JSX.Element | null;
+interface WrapperProps {
+    isDisabled?: boolean;
+    required?: boolean;
+}
+export default Label;

package/dist/components/form/label/index.d.ts

@@ -0,0 +1,2 @@
+import Label, { LabelProps } from './Label';
+export { LabelProps, Label };

package/dist/components/form/textArea/TextArea.d.ts

@@ -0,0 +1,5 @@
+import { LabelProps } from '../label';
+import { TextAreaElementProps } from './types';
+export declare type TextAreaProps = LabelProps & TextAreaElementProps;
+declare const TextArea: (props: TextAreaProps) => JSX.Element;
+export default TextArea;

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -0,0 +1,6 @@
+import { BoxedInputWrapperProps } from '../../common/styles';
+import { TextAreaElementProps } from '../types';
+declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, isDisabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, }: TextAreaElementProps) => JSX.Element;
+export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'isDisabled' | 'status' | 'initialHeight'>;
+export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
+export default TextAreaElement;

package/dist/components/form/textArea/components/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/textArea/components/utils.d.ts

@@ -0,0 +1,7 @@
+import { DefaultTheme } from 'styled-components';
+import { TextAreaWrapperProps } from './TextAreaElement';
+interface GetTextAreaParams extends TextAreaWrapperProps {
+    theme: DefaultTheme;
+}
+export declare const getTextAreaStyles: ({ theme, isDisabled, status }: GetTextAreaParams) => Pick<import("../../common/styles").BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background">;
+export {};

package/dist/components/form/textArea/index.d.ts

@@ -0,0 +1,3 @@
+import TextArea, { TextAreaProps } from './TextArea';
+import textAreaPalette, { TextAreaPalette } from './textAreaPalette';
+export { TextArea, TextAreaProps, TextAreaPalette, textAreaPalette };

package/dist/components/form/textArea/textAreaPalette.d.ts

@@ -0,0 +1,15 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { statusType } from '../common/types';
+export interface TextAreaParts extends colorsPalette {
+    borderColor: paletteColor;
+}
+declare type StatusesPalette = {
+    [key in statusType]: TextAreaParts;
+};
+export interface TextAreaPalette extends StatusesPalette {
+    normalFocused: TextAreaParts;
+    disabled: TextAreaParts;
+}
+declare const textAreaPalette: TextAreaPalette;
+export default textAreaPalette;

package/dist/components/form/textArea/types.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction, TextareaHTMLAttributes } from 'react';
+import { CommonFormTypes } from '../common/types';
+export interface TextAreaElementProps extends CommonFormTypes, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoFocus' | 'placeholder' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
+    initialHeight?: string;
+    value?: number | string | null;
+    setValue?: Dispatch<SetStateAction<string>>;
+}

package/dist/components/layout/index.d.ts

@@ -1,2 +1,2 @@
-import { SidebarItem, sidebarItemHeight, SidebarItemPalette } from './sidebarItem';
-export { SidebarItem, sidebarItemHeight, SidebarItemPalette };
+import { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps } from './sidebarItem';
+export { SidebarItem, SidebarItemProps, sidebarItemHeight, SidebarItemPalette, CustomSidebarItemProps };

package/dist/components/layout/sidebarItem/SidebarItem.d.ts

@@ -1,7 +1,9 @@
 import { MouseEventHandler } from 'react';
+import { paletteColor } from '../../../styles/types';
 import { DropdownItemProps } from '../../dropdown';
 import { IconProps } from './../../icon';
-interface Props {
+import { CustomSidebarItemProps } from './types';
+export interface SidebarItemProps {
     icon?: IconProps;
     title: string;
     isDisabled?: boolean;
@@ -12,11 +14,14 @@ interface Props {
     dropdownContent?: DropdownItemProps[];
     className?: string;
     isActive?: boolean;
+    forceOpenDropdown?: boolean;
+    customProps?: CustomSidebarItemProps;
 }
 export declare const sidebarItemHeight = 44;
-declare const SidebarItem: ({ caretVisible, className, dropdownContent, icon, isActive, isDisabled, isHidden, isOpen, onClick, title, }: Props) => JSX.Element | null;
+declare const SidebarItem: (props: SidebarItemProps) => JSX.Element | null;
 export interface WrapperProps {
     isActive: boolean;
     isDisabled: boolean;
+    customColor?: paletteColor;
 }
 export default SidebarItem;

package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.d.ts

@@ -3,6 +3,7 @@ import { DropdownItemProps } from '../../../dropdown';
 interface Props {
     content: DropdownItemProps[];
     className?: string;
+    forceOpen?: boolean;
 }
-declare const SidebarItemDropdown: ({ className, content }: Props) => JSX.Element;
+declare const SidebarItemDropdown: ({ className, content, forceOpen }: Props) => JSX.Element;
 export default SidebarItemDropdown;

package/dist/components/layout/sidebarItem/index.d.ts

@@ -1,4 +1,5 @@
 import SidebarItemDropdown from './components/SidebarItemDropdown';
-import SidebarItem, { sidebarItemHeight } from './SidebarItem';
+import SidebarItem, { sidebarItemHeight, SidebarItemProps } from './SidebarItem';
 import sidebarItemPalette, { SidebarItemPalette } from './sidebarItemPalette';
-export { SidebarItem, sidebarItemHeight, sidebarItemPalette, SidebarItemPalette, SidebarItemDropdown };
+import { CustomSidebarItemProps } from './types';
+export { SidebarItem, SidebarItemProps, sidebarItemHeight, sidebarItemPalette, SidebarItemPalette, SidebarItemDropdown, CustomSidebarItemProps, };

package/dist/components/layout/sidebarItem/types.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { paletteColor } from '../../../styles/types';
+import { SidebarItemProps } from './SidebarItem';
+export interface CustomSidebarItemProps {
+    color?: paletteColor;
+    renderContent?: React.FC<SidebarItemProps>;
+}

package/dist/components/stepper/Stepper.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface StepperProps {
+    steps: string[];
+    currentStep: number;
+}
+declare const Stepper: ({ steps, currentStep }: StepperProps) => JSX.Element;
+export default Stepper;

package/dist/components/stepper/components/StepItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { stepStatusType } from '../types';
+interface Props {
+    text?: string;
+    number: number;
+    status: stepStatusType;
+}
+declare const StepItem: ({ text, number, status }: Props) => JSX.Element;
+export declare type StepItemWrapperProps = Pick<Props, 'status'>;
+export default StepItem;

package/dist/components/stepper/components/StepperDivider.d.ts

@@ -0,0 +1,2 @@
+declare const StepperDivider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export default StepperDivider;

package/dist/components/stepper/components/utils.d.ts

@@ -0,0 +1,8 @@
+import { DefaultTheme } from 'styled-components';
+import { ItemStatusStyles } from '../stepperPalette';
+import { StepItemWrapperProps } from './StepItem';
+interface GetStemItemsParams extends StepItemWrapperProps {
+    theme: DefaultTheme;
+}
+export declare const getStepItemStyles: ({ theme, status }: GetStemItemsParams) => ItemStatusStyles;
+export {};

package/dist/components/stepper/index.d.ts

@@ -0,0 +1,4 @@
+import Stepper, { StepperProps } from './Stepper';
+import { StepperPalette } from './stepperPalette';
+import stepperPalette from './stepperPalette';
+export { Stepper, StepperProps, stepperPalette, StepperPalette };

package/dist/components/stepper/stepperPalette.d.ts

@@ -0,0 +1,15 @@
+import { paletteColor } from '../../styles/types';
+import { stepStatusType } from './types';
+export interface ItemStatusStyles {
+    color: paletteColor;
+    circleBackground: paletteColor;
+    circleTextColor: paletteColor;
+}
+declare type ItemPalette = {
+    [k in stepStatusType]: ItemStatusStyles;
+};
+export interface StepperPalette {
+    item: ItemPalette;
+}
+declare const stepperPalette: StepperPalette;
+export default stepperPalette;

package/dist/components/stepper/types.d.ts

@@ -0,0 +1 @@
+export declare type stepStatusType = 'completed' | 'active' | 'normal';

package/dist/components/stepper/utils.d.ts

@@ -0,0 +1,2 @@
+import { stepStatusType } from './types';
+export declare const getItemStatus: (itemStep: number, currentStep: number) => stepStatusType;

package/dist/index.d.ts

@@ -15,7 +15,7 @@ import { IconBackground, IconBackgroundPalette } from './components/icon/compone
 import { InlineMessage } from './components/inlineMessages';
 import { InputText } from './components/inputText';
 import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './components/inputText/typings/enums';
-import { SidebarItem, sidebarItemHeight, SidebarItemPalette } from './components/layout';
+import { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps } from './components/layout';
 import { MicroTag } from './components/microTag';
 import { Modal, ModalSearchable } from './components/modals';
 import { ConfirmationModal } from './components/modals/confirmationModal';
@@ -25,7 +25,7 @@ import { Pagination } from './components/pagination';
 import { Progressbar } from './components/progressbar';
 import { RadioButton } from './components/radioButton';
 import { Select, SelectAsync, SelectCreatable } from './components/select';
-import { StepBar } from './components/stepBar';
+import { Stepper, StepperPalette, StepperProps } from './components/stepper';
 import { Table } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
 import { Tag } from './components/tag';
@@ -36,4 +36,4 @@ import { Toast } from './components/toast';
 import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, SelectCreatable, SelectAsync, InputText, EInputErrorTypes, EInputSize, EInputTypes, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, StepBar, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, TabsItem, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, EInputTags, ConfirmationModal, TextButton, MicroTag, Tag, };
+export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, SelectCreatable, SelectAsync, InputText, EInputErrorTypes, EInputSize, EInputTypes, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, EInputTags, ConfirmationModal, TextButton, MicroTag, Tag, };