@fattureincloud/fic-design-system 0.7.52 → 0.8.0

package/dist/components/select/hooks/useCustomSelectStyle.d.ts

@@ -0,0 +1,4 @@
+import { Styles } from 'react-select/src/styles';
+declare type sizeType = 'medium' | 'large';
+declare const useCustomSelectStyle: (size?: sizeType) => Partial<Styles>;
+export default useCustomSelectStyle;

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

@@ -0,0 +1,4 @@
+import { TSelect, TSelectAsync, TSelectCreatable } from './typings/select';
+export declare const Select: TSelect;
+export declare const SelectCreatable: TSelectCreatable;
+export declare const SelectAsync: TSelectAsync;

package/dist/components/select/select.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/select/typings/select.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { default as Select } from 'react-select';
+import { default as AsyncSelect } from 'react-select/async';
+import CreatableSelect from 'react-select/creatable';
+import { InputActionMeta } from 'react-select/src/types';
+export interface Props {
+    label?: string;
+    size?: 'medium' | 'large' | undefined;
+    inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
+    getRef?: (node: any) => any;
+}
+export declare type TSelectProps = React.ComponentProps<typeof Select & Props>;
+export declare type TAsyncSelectProps = React.ComponentProps<typeof AsyncSelect & Props>;
+export declare type TSelectPropsCreatable = React.ComponentProps<typeof CreatableSelect> & {
+    label?: string;
+    size?: 'medium' | 'large' | undefined;
+    inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
+    createOption?: (inputValue: string) => void;
+};
+export declare type TSelect = React.FunctionComponent<TSelectProps>;
+export declare type TSelectCreatable = React.FunctionComponent<TSelectPropsCreatable>;
+export declare type TSelectAsync = React.FunctionComponent<TAsyncSelectProps>;

package/dist/components/stepBar/components/singleStep.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { StepProps } from '../types';
+export declare const SingleStep: (props: StepProps) => JSX.Element;

package/dist/components/stepBar/components/styledStepBarWrapper.d.ts

@@ -0,0 +1,2 @@
+import { UnstyledStepBarPropsInterface } from '../types';
+export declare const StyledStepBarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledStepBarPropsInterface, never>;

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

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

package/dist/components/stepBar/stepBar.d.ts

@@ -0,0 +1,7 @@
+import { Component } from 'react';
+import { TStepBar, UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface } from './types';
+export declare class UnstyledStepBar extends Component<UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface> {
+    render(): JSX.Element;
+}
+declare const StepBar: TStepBar;
+export default StepBar;

package/dist/components/stepBar/stepBar.stories.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface StepProps {
+    title: string;
+    type: 'standard' | 'current' | 'completed';
+    number: number;
+}
+interface Props {
+    stepList: Array<StepProps>;
+}
+export declare type TStepBar = React.FunctionComponent<Props>;
+export interface UnstyledStepBarPropsInterface extends Props {
+}
+export interface UnstyledStepBarStateInterface {
+}
+export {};

package/dist/components/table/components/actionLink.d.ts

@@ -0,0 +1,3 @@
+export declare const ActionLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;

package/dist/components/table/components/actions/actionsContainer.d.ts

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

package/dist/components/table/components/actions/actionsPopUp.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ActionType } from '../../typings/main';
+export declare const ActionsPopUp: (props: {
+    actions: Array<ActionType>;
+    selectedRows: number[];
+    element: {
+        [key: string]: React.ReactText;
+        id: number;
+    };
+    active: boolean;
+    handlePopUpVisibility: (rowId?: number | undefined) => void;
+}) => JSX.Element;

package/dist/components/table/components/actions/actionsPopUpButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type Props = {
+    rowId: number;
+    handlePopUpVisibility: (rowId: number) => void;
+    active: boolean;
+};
+export declare const ActionsPopUpButton: (props: Props) => JSX.Element;
+export {};

package/dist/components/table/components/actions/actionsPopUpUnderlay.d.ts

@@ -0,0 +1,3 @@
+export declare const ActionsPopUpUnderlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    active: boolean;
+}, never>;

package/dist/components/table/components/components/headDesktop.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ActionType, PropertyFilterInterface, TControlledProperties } from '../../typings/main';
+interface Props {
+    isLoading?: boolean;
+    allChecked: boolean;
+    handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    controlledProperties: TControlledProperties;
+    setShowModalCustomizeTrue: () => void;
+    propertiesFilter: PropertyFilterInterface[];
+    handleSortOnProperty: (id: string, type: boolean | 'desc' | 'asc') => void;
+    actions?: ActionType[];
+    disableSelection?: boolean;
+}
+export declare const HeadDesktop: ({ actions, allChecked, controlledProperties, disableSelection, handleSelectAll, handleSortOnProperty, isLoading, propertiesFilter, setShowModalCustomizeTrue, }: Props) => JSX.Element;
+export {};

package/dist/components/table/components/components/listMobile.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Props {
+    listSize: number;
+    isLoading?: boolean;
+    data: {
+        [key: string]: React.ReactText;
+        id: number;
+    }[];
+    renderMobileRow?: (o: {
+        [key: string]: React.ReactText;
+        id: number;
+    }) => JSX.Element;
+}
+export declare const ListMobile: ({ data, isLoading, listSize, renderMobileRow }: Props) => JSX.Element;
+export {};

package/dist/components/table/components/components/rowDesktop.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ActionType, TControlledProperties } from '../../typings/main';
+interface Props {
+    index: number;
+    selectedList?: number[];
+    element: {
+        [key: string]: React.ReactText;
+        id: number;
+    };
+    handleSelection: (id: number) => void;
+    controlledProperties: TControlledProperties;
+    actions?: ActionType[];
+    handlePopUpVisibility: (rowId?: number) => void;
+    currentActionsPopUp?: number;
+    disableSelection?: boolean;
+}
+export declare const RowDesktop: ({ actions, controlledProperties, currentActionsPopUp, disableSelection, element, handlePopUpVisibility, handleSelection, index, selectedList, }: Props) => JSX.Element;
+export {};

package/dist/components/table/components/customizationModal/customizationsModal.d.ts

@@ -0,0 +1,10 @@
+import { Component } from 'react';
+import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
+import { CustomizationsModalPropsInterface, CustomizationsModalStateInterface } from '../../typings/main';
+export declare class CustomizationsModal extends Component<CustomizationsModalPropsInterface, CustomizationsModalStateInterface> {
+    constructor(props: CustomizationsModalPropsInterface);
+    propertiesDisplayHandler: (id: string) => void;
+    onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
+    resetProperties: () => void;
+    render(): JSX.Element;
+}

package/dist/components/table/components/customizationModal/index.d.ts

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

package/dist/components/table/components/customizationModal/styledWrapper.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    show?: boolean | undefined;
+}, never>;

package/dist/components/table/components/customizationModal/useDnd.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
+import { TControlledProperties } from '../../typings/main';
+export declare const UseDnd: React.FunctionComponent<{
+    localProperties: TControlledProperties;
+    onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
+    propertiesDisplayHandler: (id: string) => void;
+}>;

package/dist/components/table/components/customizationModal/utils.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+import { DraggableStateSnapshot, DraggingStyle, NotDraggingStyle } from 'react-beautiful-dnd';
+import { TControlledProperties } from '../../typings/main';
+export declare const getItemStyle: (snapshot: DraggableStateSnapshot, draggableStyle?: DraggingStyle | NotDraggingStyle | undefined) => React.CSSProperties;
+export declare const getListStyle: (isDraggingOver: boolean) => CSSProperties;
+export declare const reorder: (list: TControlledProperties, startIndex: number, endIndex: number) => import("../../typings/main").TControlledProperty[];

package/dist/components/table/components/emptySet.d.ts

@@ -0,0 +1,10 @@
+import { Component } from 'react';
+interface Props {
+}
+interface State {
+}
+export declare class EmptySet extends Component<Props, State> {
+    state: {};
+    render(): JSX.Element;
+}
+export {};

package/dist/components/table/components/linearBackground.d.ts

@@ -0,0 +1 @@
+export declare const linearBackground: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

package/dist/components/table/components/loadingContent.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface LoadingContentProps {
+    elmentsNumber: number;
+    propsNumber: number;
+}
+export declare const LoadingContent: (props: LoadingContentProps) => JSX.Element;
+export {};

package/dist/components/table/components/sortIcon.d.ts

@@ -0,0 +1,2 @@
+import { TSortIcon } from '../typings/main';
+export declare const SortIcon: TSortIcon;

package/dist/components/table/components/styledWrapper.d.ts

@@ -0,0 +1,3 @@
+import { TablePropsInterface } from '../typings/main';
+import { UnstyledTable } from './unstyledTable';
+export declare const StyledTableWrapper: import("styled-components").StyledComponent<typeof UnstyledTable, import("styled-components").DefaultTheme, TablePropsInterface, never>;

package/dist/components/table/components/unstyledTable.d.ts

@@ -0,0 +1,11 @@
+import React, { Component } from 'react';
+import { TablePropsInterface, TableStateInterface, TControlledProperties } from '../typings/main';
+export declare class UnstyledTable extends Component<TablePropsInterface, TableStateInterface> {
+    constructor(props: TablePropsInterface);
+    handleSelection: (id: number) => void;
+    handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleSortOnProperty: (id: string, type: 'desc' | 'asc' | boolean) => void;
+    modifyControlledPropertiesHandler: (properties: TControlledProperties) => void;
+    handlePopUpVisibility: (rowId?: number | undefined) => void;
+    render(): JSX.Element;
+}

package/dist/components/table/typings/main.d.ts

@@ -0,0 +1,92 @@
+import React from 'react';
+import { checkboxStatus } from '../../form/checkbox/types';
+import { IconProps } from '../../icon';
+export interface PropertyInterface {
+    id: string;
+    label: string;
+    columnStyle?: React.CSSProperties;
+    render?: (val: string | number, id?: string | number) => JSX.Element;
+    deactivateActive?: boolean;
+    sortable?: boolean;
+}
+export declare type TControlledProperty = PropertyInterface & {
+    active: checkboxStatus;
+    position: number;
+};
+export declare type TControlledProperties = TControlledProperty[];
+export declare type ActionType = {
+    label: string;
+    action: (element: {
+        id: number;
+        [key: string]: string | number;
+    }, selectedRows: Array<number>) => void;
+    color?: string;
+};
+export interface TablePropsInterface {
+    className?: string;
+    properties: Array<PropertyInterface>;
+    data: Array<{
+        id: number;
+        [key: string]: string | number;
+    }>;
+    actions?: Array<ActionType>;
+    listSize: number;
+    pageSize: number;
+    changePageAction: (pageNumber: number) => void;
+    nextPageAction?: () => void;
+    prevPageAction?: () => void;
+    currentPage: number;
+    customizeModalTitle: string;
+    isLoading?: boolean;
+    selectionCallback?: (newData: Array<number>) => void;
+    selectedList?: Array<number>;
+    disableSelection?: boolean;
+    emptySetIcon?: IconProps;
+    emptySetTitle?: string;
+    emptySetText?: string;
+    emptySetAction?: {
+        text: string;
+        icon?: IconProps;
+        action: () => void;
+    };
+    renderMobileRow?: (o: {
+        [key: string]: React.ReactText;
+        id: number;
+    }) => JSX.Element;
+    persistencyId?: string;
+    isHeaderFixed?: boolean;
+}
+export interface PropertyFilterInterface {
+    id: string;
+    type: 'asc' | 'desc' | boolean;
+}
+export interface TableStateInterface {
+    propertiesFilter: Array<PropertyFilterInterface>;
+    showModalCustomize: boolean;
+    controlledProperties: TControlledProperties;
+    currentActionsPopUp?: number;
+}
+export declare type TTable = React.FunctionComponent<TablePropsInterface>;
+export declare type TSortIcon = React.FC<{
+    property: string;
+    propertiesFilter: Array<PropertyFilterInterface>;
+    handleSortOnProperty: (id: string, type: 'asc' | 'desc' | boolean) => void;
+}>;
+export declare type TPagination = React.FC<{
+    pageSize: number;
+    listSize: number;
+    changePageAction: (pageNumber: number) => void;
+    nextPageAction?: () => void;
+    prevPageAction?: () => void;
+    currentPage: number;
+}>;
+export interface CustomizationsModalPropsInterface {
+    show?: boolean;
+    close: () => void;
+    title: string;
+    properties: TControlledProperties;
+    modifyControlledPropertiesHandler: (properties: TControlledProperties) => void;
+}
+export interface CustomizationsModalStateInterface {
+    localProperties: TControlledProperties;
+}

package/dist/components/table/utils/configPersistency.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { PropertyInterface, TControlledProperties } from '../typings/main';
+export declare const getConfig: (persistencyId?: string | undefined) => TControlledProperties | undefined;
+export declare const modifyConfig: (properties: TControlledProperties, persistencyId?: string | undefined) => void;
+export declare const mergePropertiesPersistency: (properties: PropertyInterface[], persistency: TControlledProperties) => {
+    id: string;
+    label: string;
+    columnStyle?: import("react").CSSProperties | undefined;
+    render?: ((val: string | number, id?: string | number | undefined) => JSX.Element) | undefined;
+    deactivateActive?: boolean | undefined;
+    sortable?: boolean | undefined;
+    active: import("../../form/checkbox/types").checkboxStatus;
+    position: number;
+}[];

package/dist/components/textButton/TextButton.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface Props extends WrapperProps {
+    text: string;
+}
+declare const TextButton: ({ isDisabled, onClick, text, ...rest }: Props) => JSX.Element;
+interface WrapperProps {
+    color?: 'blue' | 'red' | 'green' | 'yellow' | 'white';
+    isDisabled?: boolean;
+    onClick: () => void;
+    className?: string;
+}
+export default TextButton;

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

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

package/dist/components/textButton/textButton.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/toast/typings/toast.d.ts

@@ -2,8 +2,6 @@ import React, { ReactNode } from 'react';
 import { ToastPosition } from 'react-toastify/dist/types';
 import { IconProps } from '../../icon';
 export declare type toastType = 'standard' | 'error' | 'info' | 'warning' | 'success';
-export declare type toastLibraryType = 'dark' | 'error' | 'info' | 'warning' | 'success';
-export declare const typeMap: Record<toastType, toastLibraryType>;
 export interface ToastProps {
     type?: toastType;
     content?: ReactNode;

package/dist/components/tooltips/components/message.d.ts

@@ -0,0 +1,12 @@
+import { TPlacement } from '../types';
+interface MessageInterface {
+    messageHeight: number;
+    messageWidth: number;
+    placement: TPlacement;
+    triggerDimension: {
+        width: number;
+        height: number;
+    };
+}
+export declare const Message: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MessageInterface, never>;
+export {};

package/dist/components/tooltips/components/styledTooltipWrapper.d.ts

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

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

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

package/dist/components/tooltips/tooltips.d.ts

@@ -0,0 +1,15 @@
+import React, { Component } from 'react';
+import { TTooltip, UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface } from './types';
+export declare class UnstyledTooltip extends Component<UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface> {
+    constructor(props: UnstyledTooltipPropsInterface);
+    messageRef: React.RefObject<HTMLDivElement>;
+    triggerRef: React.RefObject<HTMLDivElement>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: UnstyledTooltipPropsInterface): void;
+    handleMouseLeave: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    handleMouseEnter: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    updateStateDimensions: (width: number, height: number) => void;
+    render(): JSX.Element;
+}
+declare const Tooltip: TTooltip;
+export default Tooltip;

package/dist/components/tooltips/tooltips.stories.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare type TPlacement = 'top' | 'left' | 'right' | 'bottom';
+export declare type TTooltip = React.FunctionComponent<{
+    message?: string;
+    renderMessage?: () => JSX.Element;
+    placement: TPlacement;
+    isMessageVisible?: boolean;
+    isFullWidth?: boolean;
+}>;
+export interface UnstyledTooltipPropsInterface {
+    message?: string;
+    renderMessage?: () => JSX.Element;
+    placement: TPlacement;
+    isMessageVisible?: boolean;
+    isFullWidth?: boolean;
+}
+export interface UnstyledTooltipStateInterface {
+    show: boolean;
+    messageHeight?: number;
+    messageWidth?: number;
+    triggerDimension: {
+        width: number;
+        height: number;
+    };
+}

package/dist/components/verticalTab/components/VerticalTabSelector/types.d.ts

@@ -5,7 +5,7 @@ export declare enum VerticalTabSelectorStatus {
     EDIT = "edit",
     WARNING = "warning"
 }
-export declare type VerticalTabSelectorPalette = {
+export type VerticalTabSelectorPalette = {
     default: {
         active: {
             color: paletteColor;

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

@@ -1,2 +1,2 @@
-import VerticalTab from './VerticalTab';
-export { VerticalTab };
+export { default as VerticalTab } from './VerticalTab';
+export { VerticalTabSelector, VerticalTabSelectorPalette, VerticalTabSelectorStatus, } from './components/VerticalTabSelector';

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

@@ -1,3 +1,4 @@
 export { default as VerticalTabs } from './VerticalTabs';
 export * from './types';
 export { default as verticalTabsPalette } from './verticalTabsPalette';
+export * from './components/verticalTabsSelector/VerticalTabsSelector';

package/dist/components/verticalTabs/styled.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-export declare const VerticalTabsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../card").StyledCardProps & {
+export declare const VerticalTabsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../card").StyledCardProps & {
     children: import("react").ReactNode | import("react").ReactNode[];
-    className?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const VerticalTabsSelectorsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const VerticalTabsContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/index.d.ts

@@ -1,56 +1,55 @@
-import Spinner from './common/components/Spinner';
-import { EditableInput } from './components/editableInput';
-export { Body, Caption, Headline, Title1, Title2, Title3, Title4, Title5, Title6 } from './common/components/typography';
-import { Accordion } from './components/accordions';
-import { Avatar } from './components/avatar';
-import { Button, ButtonPalette, ButtonProps, IconButton, IconButtonPalette, IconButtonProps } from './components/buttons';
-import { Chart, ChartProps } from './components/chart';
-import { CircularProgressBar, circularProgressBarPalette, CircularProgressBarProps, CircularProgressBarType } from './components/circularProgressBar';
-import { ClosableCard, ClosableCardPalette, ClosableCardProps } from './components/closableCard';
-import { Drawer } from './components/drawer';
-import { closeDropdownType, Dropdown, DropdownItemProps, DropdownItemType, DropdownPalette, renderContentType } from './components/dropdown';
-import { Checkbox, CheckboxPalette, CheckboxProps, CheckboxStatus, useCheckboxValue } from './components/form/checkbox';
-import { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate } from './components/form/datepicker';
-import { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps } from './components/form/fileUploader';
-import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
-import { InputCode, InputCodeProps, InputTelephone, InputTelephoneProps, InputText, InputTextPalette, InputTextProps, UnitDropdownProps } from './components/form/inputText';
-import { Radio, RadioPalette, RadioProps, RadioStatus, useRadioValue } from './components/form/radio';
-import { RadioGroup, RadioGroupOptions, RadioGroupProps } from './components/form/radioGroup';
-import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue } from './components/form/select';
-import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
-import { GroupedList, GroupType, ItemType } from './components/groupedList';
-import { Icon, iconColors, IconPalette, IconProps } from './components/icon';
-import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
-import { InlineMessage, InlineMessagePalette, InlineMessageProps, InlineMessageType } from './components/inlineMessage';
-import { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag';
-import { Modal, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps } from './components/modals';
-import { ConfirmationModal } from './components/modals/confirmationModal';
-import { ModalBody } from './components/modals/modalStyled';
-import { MonthlyTab, MonthlyTabPalette } from './components/monthlyTab';
-import { BulkAction, CellProps, ColumnDefType, ColumnsType, NewTable, RowAction, RowActions as NewRowActions } from './components/newTable';
-import { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/oldTable';
-import { PageEmptySet } from './components/pageEmptySet';
-import { Stepper, StepperPalette, StepperProps } from './components/stepper';
-import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
-import { Tag, TagPalette, TagProps, tagTypes } from './components/tag';
-import { ThemeProvider } from './components/themeProvider';
-import { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
-import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
-import { autocompleteYellow } from './styles/defaultPalette/colors/others';
-import { Theme } from './styles/theme';
-import { Palette, paletteColor } from './styles/types';
+export { default as Spinner } from './common/components/Spinner';
+export { ComponentType } from './common/types';
+export * from './common/components/typography';
+export { isBWColor, isColor, isHexColor, isPaletteColor, parseDimension, pixelToNumber } from './common/utils/dsUtils';
+export { Accordion } from './components/accordions';
+export { Avatar } from './components/avatar';
 export { Badge, BadgeProps, BadgeType, BadgePalette } from './components/badge';
 export { Banner, BannerProps, BannerType, BannerPalette } from './components/banner';
+export { Button, ButtonPalette, ButtonProps, IconButton, IconButtonPalette, IconButtonProps, } from './components/buttons';
+export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
+export { Chart, ChartProps } from './components/chart';
 export { Chip, ChipType, ChipPalette, ChipProps } from './components/chip';
+export { CircularProgressBar, circularProgressBarPalette, CircularProgressBarProps, CircularProgressBarType, } from './components/circularProgressBar';
+export { ClosableCard, ClosableCardPalette, ClosableCardProps } from './components/closableCard';
+export { Drawer } from './components/drawer';
+export { closeDropdownType, Dropdown, DropdownItemProps, DropdownItemType, DropdownPalette, renderContentType, } from './components/dropdown';
+export { EditableInput } from './components/editableInput';
 export { BadgeSize, FloatingBadgePalette, FloatingBadgeType, NotificationBadge, WithBadge, } from './components/floatingBadge';
+export { Checkbox, CheckboxPalette, CheckboxProps, CheckboxStatus, useCheckboxValue } from './components/form/checkbox';
+export { DatePicker, DatePickerPalette, DatePickerProps, timeConversionOptions, useFormattedDate, } from './components/form/datepicker';
+export { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps, } from './components/form/fileUploader';
+export { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
+export { InputCode, InputCodeProps, InputTelephone, InputTelephoneProps, InputText, InputTextPalette, InputTextProps, UnitDropdownProps, } from './components/form/inputText';
 export { LabelPalette } from './components/form/label';
+export { Radio, RadioPalette, RadioProps, RadioStatus, useRadioValue } from './components/form/radio';
+export { RadioGroup, RadioGroupOptions, RadioGroupProps } from './components/form/radioGroup';
+export { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue, } from './components/form/select';
+export { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
+export { GroupedList, GroupType, ItemType } from './components/groupedList';
+export { Icon, iconColors, IconPalette, IconProps, IconBackground, IconBackgroundPalette } from './components/icon';
+export { InlineMessage, InlineMessagePalette, InlineMessageProps, InlineMessageType } from './components/inlineMessage';
 export { CustomSidebarItemProps, SidebarBadgeConfigProps, SidebarBadgeConfigType, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, } from './components/layout';
+export { MicroTag, MicroTagPalette, MicroTagProps } from './components/microTag';
+export { Modal, ModalSearchable, ModalBody } from './components/modals';
+export { ConfirmationModal } from './components/modals/confirmationModal';
+export * from './components/modals/stepModal';
+export { MonthlyTab, MonthlyTabPalette } from './components/monthlyTab';
+export { BulkAction, CellProps, ColumnDefType, ColumnsType, NewTable, RowAction, RowActions as NewRowActions, } from './components/newTable';
+export { Column, ManualPagination, OnSelectionChange, OnSort, Row, RowActions, Table, TableData, TablePalette, TableProps, useTableValues, } from './components/oldTable';
+export { PageEmptySet } from './components/pageEmptySet';
 export { Pagination, PaginationPalette, PaginationType } from './components/pagination';
 export { ProgressBar, ProgressBarPalette, ProgressBarProps, ProgressBarType } from './components/progressbar';
 export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from './components/segmentButton';
+export { Stepper, StepperPalette, StepperProps } from './components/stepper';
+export { Switch } from './components/switch';
+export { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
+export { Tag, TagPalette, TagProps, tagTypes } from './components/tag';
+export { ThemeProvider } from './components/themeProvider';
 export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
-export { bwColor } from './styles/types';
-export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
-export { NewTable, Table, CircularProgressBar, CircularProgressBarProps, circularProgressBarPalette, CircularProgressBarType, ColumnsType, ColumnDefType, CellProps, BulkAction, NewRowActions, RowAction, autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, 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, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, EditableInput, MonthlyTab, MonthlyTabPalette, Chart, ChartProps, ClosableCard, ClosableCardProps, ClosableCardPalette, };
+export { Toast, ToastPalette, toastPalette, ToastProps, ToastType } from './components/toast';
+export { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 export * from './components/verticalTabs';
-export * from './components/verticalTabs/components/verticalTabsSelector/VerticalTabsSelector';
+export { autocompleteYellow } from './styles/defaultPalette/colors/others';
+export { Theme } from './styles/theme';
+export { Palette, paletteColor, BwPalette, ColorsPalette, bwColors, bwColor, color, colors } from './styles/types';