@fattureincloud/fic-design-system 0.14.5 → 0.15.0

package/dist/common/hooks/useOutsideClick.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const useOutsideClick: (ref: React.MutableRefObject<HTMLDivElement | null>, showComponent: boolean, closeAction: () => void, additionalRefs?: React.MutableRefObject<HTMLElement | null>[] | undefined) => void;
+declare const useOutsideClick: <T extends HTMLElement>(ref: React.MutableRefObject<T | null>, showComponent: boolean, closeAction: () => void, additionalRefs?: React.MutableRefObject<HTMLElement | null>[] | undefined) => void;
 export default useOutsideClick;

package/dist/common/hooks/useSyncScroll.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+export declare type Selector = {
+    type: 'class';
+    className: string;
+} | {
+    type: 'id';
+    id: string;
+};
+declare const useSyncScroll: <T extends HTMLElement>(ref: RefObject<T>, selector: Selector) => void;
+export default useSyncScroll;

package/dist/common/types/misc.d.ts

@@ -6,3 +6,15 @@ export declare enum ComponentType {
     WARNING = "warning"
 }
 export declare type Nullish<T> = T | null | undefined;
+export declare type RequireAtLeastOne<T> = {
+    [K in keyof T]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<keyof T, K>>>;
+}[keyof T];
+export declare type Coordinates = {
+    x: number;
+    y: number;
+};
+export declare type Dimensions = {
+    height: number;
+    width: number;
+};
+export declare type DSRect = Coordinates & Dimensions;

package/dist/common/utils/stringUtils.d.ts

@@ -0,0 +1,6 @@
+export declare type UnitConfig = {
+    side?: 'left' | 'right';
+    symbol?: string;
+    locale?: Intl.LocalesArgument;
+};
+export declare const withUnit: (number: number | string, { locale, side, symbol }: UnitConfig) => string;

package/dist/components/accordion/Accordion.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AccordionProps } from './types';
+declare const Accordion: ({ defaultOpen, divider, items, leftIcon, multipleOpen, openItem, rightIcon, setOpenItem, style, }: AccordionProps) => JSX.Element;
+export default Accordion;

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

@@ -1,6 +1,7 @@
 import { Meta, Story } from '@storybook/react';
 import { ComponentProps } from 'react';
-import { Accordion, AccordionProps } from '.';
+import Accordion from './Accordion';
+import { AccordionProps } from './types';
 export declare const Template: Story<AccordionProps>;
 declare const AccordionStories: Meta<ComponentProps<typeof Accordion>>;
 export default AccordionStories;

package/dist/components/accordion/const.d.ts

@@ -0,0 +1,4 @@
+import { SizeProp } from '@fortawesome/fontawesome-svg-core';
+export declare const ACCORDION_ICON_SIZE_MAP: {
+    [key in SizeProp]: string;
+};

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

@@ -1,2 +1,2 @@
-export { default as Accordion } from './accordion';
-export { AccordionProps } from './types';
+export { default as Accordion } from './Accordion';
+export { AccordionProps, AccordionItemListProps, AccordionItemProps, AccordionHeaderProps, AccordionIconContainerProps, AccordionMappedProps, AccordionAnimatedIcon, } from './types';

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

@@ -1,21 +1,57 @@
-/// <reference types="react" />
-export declare type AccordionProps = CommonAccordionProps & (OptionalAccordionProps | OptionalAccordionPropsRef);
-interface CommonAccordionProps {
-    title?: string;
-    renderTitle?: () => JSX.Element;
-    renderBody: () => JSX.Element;
-    renderLateralActions?: JSX.Element;
-    lateralActions?: Array<{
-        icon: JSX.Element;
-        action: () => void;
-    }>;
+import { CSSProperties, Dispatch, ReactNode, SetStateAction } from 'react';
+import { IconProps } from '../icon';
+export declare type Animations = 'rotate180' | 'rotate90' | 'rotate45';
+export interface AccordionAnimatedIcon extends Omit<IconProps, 'rotation'> {
+    animation?: Animations;
+    changeColor?: boolean;
 }
-interface OptionalAccordionProps {
+export interface AccordionProps {
+    defaultOpen?: number;
+    divider?: ReactNode;
+    items: AccordionItemListProps[];
+    leftIcon?: AccordionAnimatedIcon;
+    multipleOpen?: boolean;
+    openItem?: number[];
+    rightIcon?: IconProps;
+    setOpenItem?: Dispatch<SetStateAction<number[]>>;
+    style?: {
+        header?: Record<string, unknown>;
+        content?: Record<string, unknown>;
+    };
+}
+export interface AccordionItemListProps {
+    content: ReactNode;
+    header: ReactNode;
+    leftIcon?: AccordionAnimatedIcon;
+    rightIcon?: AccordionAnimatedIcon;
+    style?: {
+        header?: CSSProperties;
+        content?: CSSProperties;
+    };
+}
+export interface AccordionItemProps {
+    content: ReactNode;
+    header: ReactNode;
+    index: number;
+    leftIcon?: AccordionAnimatedIcon;
+    open: boolean;
+    rightIcon?: AccordionAnimatedIcon;
+    style?: {
+        header?: CSSProperties;
+        content?: CSSProperties;
+    };
+    toggle: (index: number) => void;
+}
+export interface AccordionHeaderProps {
+    leftPadding: string;
+    rightPadding: string;
+}
+export interface AccordionIconContainerProps {
+    animation?: Animations;
+    changeColor?: boolean;
     open: boolean;
-    setOpen: (e: boolean) => void;
 }
-interface OptionalAccordionPropsRef {
-    open?: boolean;
-    setOpen?: never;
+export interface AccordionMappedProps {
+    animation: string;
+    iconColor: string;
 }
-export {};

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

@@ -1,5 +1,5 @@
 import { DefaultTheme } from 'styled-components';
-import { AccordionMappedProps, Animations } from './types';
+import { AccordionAnimatedIcon, AccordionMappedProps, Animations } from './types';
 interface MapParams {
     animation?: Animations;
     changeColor?: boolean;
@@ -7,4 +7,5 @@ interface MapParams {
     theme: DefaultTheme;
 }
 export declare const mapAnimation: ({ animation, changeColor, open, theme }: MapParams) => AccordionMappedProps;
+export declare const calculateIconPadding: (icon?: AccordionAnimatedIcon | undefined) => string;
 export {};

package/dist/components/buttons/button/styled.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ButtonProps } from './Button';
 import { ButtonStyles, WrapperProps } from './types';
-export declare const LeftIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const RightIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const LeftIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const RightIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const ButtonSpinner: import("styled-components").StyledComponent<({ className, color, size }: import("../../../common/components/Spinner").Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

package/dist/components/buttons/iconButton/IconButton.d.ts

@@ -1,15 +1,9 @@
-import { MouseEventHandler } from 'react';
+import React, { CSSProperties } from 'react';
 import { IconProps } from '../../icon';
-import { iconButtonColors, iconButtonTypes } from './types';
-export interface IconButtonProps extends WrapperProps {
+import { IconButtonWrapperProps } from './types';
+export interface IconButtonProps extends IconButtonWrapperProps {
     icon: IconProps;
+    style?: CSSProperties;
 }
-declare const IconButton: ({ className, color, icon, isDisabled, onClick, type }: IconButtonProps) => JSX.Element;
-export interface WrapperProps {
-    className?: string;
-    onClick?: MouseEventHandler;
-    isDisabled?: boolean;
-    color?: iconButtonColors;
-    type?: iconButtonTypes;
-}
-export default IconButton;
+declare const _default: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/components/buttons/iconButton/styled.d.ts

@@ -0,0 +1,3 @@
+import { IconButtonParts } from './iconButtonPalette';
+import { IconButtonWrapperProps } from './types';
+export declare const IconButtonWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IconButtonParts & IconButtonWrapperProps, "normal" | "hover">;

package/dist/components/buttons/iconButton/types.d.ts

@@ -1,8 +1,16 @@
+import { MouseEventHandler } from 'react';
 export declare const iconButtonTypesArray: readonly ["primary", "secondary"];
-export declare type iconButtonTypes = typeof iconButtonTypesArray[number];
+export declare type iconButtonTypes = (typeof iconButtonTypesArray)[number];
 export declare const iconButtonColorsArray: readonly ["blue", "red", "green", "yellow"];
-export declare type iconButtonColors = typeof iconButtonColorsArray[number];
+export declare type iconButtonColors = (typeof iconButtonColorsArray)[number];
 export declare const iconButtonDisableColorArray: readonly ["disabled"];
-export declare type iconButtonDisableColor = typeof iconButtonDisableColorArray[number];
+export declare type iconButtonDisableColor = (typeof iconButtonDisableColorArray)[number];
 export declare const iconButtonPartsArray: readonly ["normal", "hover"];
-export declare type iconButtonParts = typeof iconButtonPartsArray[number];
+export declare type iconButtonParts = (typeof iconButtonPartsArray)[number];
+export declare type IconButtonWrapperProps = {
+    className?: string;
+    onClick?: MouseEventHandler;
+    isDisabled?: boolean;
+    color?: iconButtonColors;
+    type?: iconButtonTypes;
+};

package/dist/components/buttons/iconButton/utils.d.ts

@@ -1,9 +1,8 @@
 import { DefaultTheme } from 'styled-components';
-import { WrapperProps } from './IconButton';
 import { IconButtonParts } from './iconButtonPalette';
-interface GetIconButtonColorsParams extends WrapperProps {
+import { IconButtonWrapperProps } from './types';
+interface GetIconButtonColorsParams extends IconButtonWrapperProps {
     theme: DefaultTheme;
 }
-declare type getIconButtonColorsType = (params: GetIconButtonColorsParams) => IconButtonParts;
-export declare const getIconButtonColors: getIconButtonColorsType;
+export declare const getIconButtonColors: ({ color, isDisabled, theme, type }: GetIconButtonColorsParams) => IconButtonParts;
 export {};

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

@@ -1,3 +1,3 @@
 export { default as cardPalette } from './cardPalette';
-export * from './types';
+export { CardColor, CardPalette, CardProps, CardElevation, CardType } from './types';
 export { default as Card } from './Card';

package/dist/components/carousel/components/carouselMainMedia/styled.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const Image: import("styled-components").StyledComponent<({ src, className, showVideoControls }: import("../common/media/Media").MediaProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const FullScreenButton: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const FullScreenButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../buttons").IconButtonProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     gap?: number | undefined;
 }, never>;

package/dist/components/carousel/components/carouselThumbnails/styled.d.ts

@@ -5,5 +5,5 @@ export declare const Wrapper: import("styled-components").StyledComponent<"div",
 export declare const CarouselThumbnailsWrapper: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
     mediaCount: number;
 }, never>;
-export declare const RightArrowButton: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const LeftArrowButton: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const RightArrowButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../buttons").IconButtonProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const LeftArrowButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../buttons").IconButtonProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/carousel/components/fullscreenMedia/styled.d.ts

@@ -4,6 +4,6 @@ import { Modal } from '../../../modals';
 export declare const ImageModal: import("styled-components").StyledComponent<typeof Modal, import("styled-components").DefaultTheme, ModalPropsInterface & {
     children: React.ReactNode;
 }, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../buttons").IconButtonProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const ImageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Image: import("styled-components").StyledComponent<({ src, className, showVideoControls }: import("../common/media/Media").MediaProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ChartTooltip: import("styled-components").StyledComponent<({ message, placement, className, children, type, onMouseEnter, onMouseLeave, showAlways, showAfterSeconds, hideAfterSeconds, callbackAfterTimeout, onOpen, icon, renderButton, shouldRender, }: import("../tooltip").TooltipProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const ChartTooltip: import("styled-components").StyledComponent<({ callbackAfterTimeout, children, className, hideAfterSeconds, icon, message, onMouseEnter, onMouseLeave, onOpen, placement, positionStrategy, renderButton, shouldRender, showAfterSeconds, showAlways, style, type, }: import("../tooltip").TooltipProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ChipProps } from './types';
-export declare const LeftIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const RightIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const LeftIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const RightIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipProps, never>;

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

@@ -2,4 +2,4 @@
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const Subtitle: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
-export declare const CloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const CloseIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/drawer/components/styledDrawerWrapper.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DrawerProps } from '../drawer';
 export declare const StyledDrawerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DrawerProps, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,7 +1,6 @@
 import { Meta } from '@storybook/react';
 import React, { ComponentProps } from 'react';
 import { Drawer } from '.';
-export declare const DrawerGroup: () => JSX.Element;
 export declare const Editable: () => React.JSX.Element;
 export declare const WithState: () => React.JSX.Element;
 declare const DrawerStories: Meta<ComponentProps<typeof Drawer>>;

package/dist/components/dropdown/DropdownImpl.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DropdownProps } from './types';
-declare const DropdownImpl: ({ className, content, disableArrowNavigation, emptyState, fullWidth, isDisabled, maxHeight, maxWidth, minWidthAsTrigger, offsetY, onClose, onOpen, open, outsideTriggers, placement, renderContent, renderTrigger, setOpen, sideButton, title, triggerStyles, withPadding, }: DropdownProps) => JSX.Element;
+declare const DropdownImpl: ({ className, content, disableArrowNavigation, emptyState, fullWidth, isDisabled, maxHeight, maxWidth, minWidthAsTrigger, offsetY, onClose, onOpen, open, outsideTriggers, placement, renderContent, renderTrigger, setOpen, sideButton, title, triggerStyles, usePortal, withPadding, }: DropdownProps) => JSX.Element;
 export default DropdownImpl;

package/dist/components/dropdown/DropdownPopper.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { DropdownProps } from './types';
+declare const _default: React.ForwardRefExoticComponent<Pick<DropdownProps, "content" | "onClose" | "fullWidth" | "maxWidth" | "emptyState" | "onOpen" | "renderContent"> & {
+    attributes: {
+        [key: string]: {
+            [key: string]: string;
+        } | undefined;
+    };
+    dropdownId: string;
+    internalMaxHeight?: number | undefined;
+    internalState: boolean;
+    setArrowRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
+    styles: Record<string, React.CSSProperties>;
+    withPadding: boolean;
+    closeDropdown: () => void;
+    rowHasFocus: boolean;
+    disableArrowNavigation: boolean;
+    setHighlightedItem: React.Dispatch<React.SetStateAction<number>>;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

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

@@ -26,6 +26,7 @@ declare type BaseProps = {
     sideButton?: Pick<ButtonProps, 'text' | 'iconLeft' | 'iconRight' | 'onClick'>;
     title?: string;
     triggerStyles?: CSSProperties;
+    usePortal?: boolean;
     withPadding?: boolean;
 };
 declare type ControlledStateProps = BaseProps & {

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

@@ -1,3 +1,4 @@
+import { ReactNode, ReactPortal } from 'react';
 import { DefaultTheme } from 'styled-components';
 import { paletteColor } from '../../styles/types';
 import { StyledItemProps } from './types';
@@ -10,5 +11,6 @@ export interface DropdownItemStyles {
     color: paletteColor;
     hoverBackground: paletteColor;
 }
-export declare const getDropdownItemStyles: ({ theme, isDisabled, active, type, }: GetDropdownItemStylesParams) => DropdownItemStyles;
+export declare const getDropdownItemStyles: ({ active, isDisabled, theme, type, }: GetDropdownItemStylesParams) => DropdownItemStyles;
+export declare const portalPopper: (children: ReactNode, container: Element | DocumentFragment, usePortal?: boolean | undefined) => ReactPortal | ReactNode;
 export {};

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

@@ -3,6 +3,6 @@ export declare const InputsWrapper: import("styled-components").StyledComponent<
 export declare const TextAreaWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTextArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../form/label").LabelProps & import("../../form/textArea/types").TextAreaElementProps & import("react").RefAttributes<HTMLTextAreaElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const IconsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {
+export declare const StyledIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {
     confirm?: boolean | undefined;
 }, never>;

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

@@ -4,7 +4,7 @@ import { CheckboxInputProps, CheckboxStatus, CheckboxStyles } from './types';
 interface InputMapParams extends CheckboxInputProps {
     theme: DefaultTheme;
 }
-export declare const getInputStyle: ({ theme, value, disabled, large, hasError }: InputMapParams) => CheckboxStyles;
+export declare const getInputStyle: ({ disabled, hasError, large, theme, value }: InputMapParams) => CheckboxStyles;
 declare type StatusIconType = {
     [k in CheckboxStatus]: IconProps['icon'] | null;
 };

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

@@ -1,6 +1,7 @@
 import React from 'react';
 declare const _default: React.ForwardRefExoticComponent<import("../label").LabelProps & import("../common/types").CommonFormTypes & {
     className?: string | undefined;
+    style?: React.CSSProperties | undefined;
     name?: string | undefined;
     autoFocus?: boolean | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
@@ -12,6 +13,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../label").Label
     required?: boolean | undefined;
 } & {
     actionIcon?: import("../../icon").IconProps | undefined;
+    autoComplete?: string | undefined;
     hideStatusIcon?: boolean | undefined;
     inputType?: "number" | "text" | "password" | undefined;
     isPrefilled?: boolean | undefined;
@@ -23,6 +25,5 @@ declare const _default: React.ForwardRefExoticComponent<import("../label").Label
     tooltip?: import("../../tooltip").TooltipProps | undefined;
     unitDropdownProps?: import(".").UnitDropdownProps | undefined;
     value?: string | number | null | undefined;
-    autoComplete?: string | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export default _default;

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

@@ -6,6 +6,7 @@ export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' |
 export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
 declare const _default: React.ForwardRefExoticComponent<import("../../common/types").CommonFormTypes & {
     className?: string | undefined;
+    style?: React.CSSProperties | undefined;
     name?: string | undefined;
     autoFocus?: boolean | undefined;
     onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
@@ -17,6 +18,7 @@ declare const _default: React.ForwardRefExoticComponent<import("../../common/typ
     required?: boolean | undefined;
 } & {
     actionIcon?: import("../../../icon").IconProps | undefined;
+    autoComplete?: string | undefined;
     hideStatusIcon?: boolean | undefined;
     inputType?: "number" | "text" | "password" | undefined;
     isPrefilled?: boolean | undefined;
@@ -28,6 +30,5 @@ declare const _default: React.ForwardRefExoticComponent<import("../../common/typ
     tooltip?: import("../../../tooltip").TooltipProps | undefined;
     unitDropdownProps?: import("./UnitDropdown").UnitDropdownProps | undefined;
     value?: string | number | null | undefined;
-    autoComplete?: string | undefined;
 } & React.RefAttributes<inputRef>>;
 export default _default;

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

@@ -6,9 +6,10 @@ import { LabelProps } from '../label';
 import { UnitDropdownProps } from './components/UnitDropdown';
 export declare const inputTypesArray: readonly ["password", "text", "number", "code", "telephone"];
 export declare type inputTypes = (typeof inputTypesArray)[number];
-declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required'>;
+declare type HTMLInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'className' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'required' | 'style'>;
 export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     actionIcon?: IconProps;
+    autoComplete?: string;
     hideStatusIcon?: boolean;
     inputType?: 'password' | 'text' | 'number';
     isPrefilled?: boolean;
@@ -20,7 +21,6 @@ export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
     tooltip?: TooltipProps;
     unitDropdownProps?: UnitDropdownProps;
     value?: number | string | null;
-    autoComplete?: string;
 };
 export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
     allowLetters?: boolean;

package/dist/components/form/radioGroup/RadioGroup.d.ts

@@ -10,4 +10,4 @@ import { RadioGroupProps } from './types';
  * @param {Omit<RadioProps, 'value' | 'onClick' | 'helper'>[]} options Radio list
  * @param {keyof typeof spacing} spacing Gap between Radios
  */
-export declare const RadioGroup: ({ onChange, helper, initialSelection, options, ...otherProps }: RadioGroupProps) => JSX.Element;
+export declare const RadioGroup: ({ helper, initialSelection, onChange, options, ...otherProps }: RadioGroupProps) => JSX.Element;

package/dist/components/form/select/components/Control.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ControlProps } from 'react-select';
 import { OptionType } from './Option';
-declare const Control: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ innerProps: { onMouseDown }, innerRef, children, }: ControlProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
-export default Control;
+export declare const Control: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ children, innerProps: { onMouseDown }, innerRef, }: ControlProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+export declare const CreatableControl: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ children, innerProps: { onMouseDown }, innerRef, }: ControlProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;

package/dist/components/form/select/components/GroupHeading.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SingleValueProps } from 'react-select';
+import { OptionType } from './Option';
+declare const GroupHeading: <O extends OptionType = OptionType>({ data: { icon, label }, }: SingleValueProps<O, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+export default GroupHeading;

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

@@ -1,3 +1,3 @@
 import { OptionType } from './components/Option';
 import { SelectProps } from './types';
-export declare const getCustomComponents: <O extends OptionType = OptionType, IsMulti extends boolean = false>() => Partial<import("react-select/src/components").SelectComponents<O, IsMulti, import("react-select").GroupTypeBase<O>>> | undefined;
+export declare const getCustomComponents: <O extends OptionType = OptionType, IsMulti extends boolean = false>(isCreatable?: boolean | undefined) => Partial<import("react-select/src/components").SelectComponents<O, IsMulti, import("react-select").GroupTypeBase<O>>> | undefined;

package/dist/components/form/select/hooks/useSelectGeneric.d.ts

@@ -6,5 +6,5 @@ interface ReturnType<O extends OptionType = OptionType, IsMulti extends boolean
     styles: SelectProps<O, IsMulti>['styles'];
     value: SelectProps<O, IsMulti>['value'];
 }
-declare const useSelectGeneric: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: Props<O, IsMulti>) => ReturnType<O, IsMulti>;
+declare const useSelectGeneric: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: Props<O, IsMulti>, isCreatable?: boolean | undefined) => ReturnType<O, IsMulti>;
 export default useSelectGeneric;

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

@@ -1,3 +1,3 @@
 export { default as GridCard } from './GridCard';
-export { GridCardProps, GridCardPalette } from './types';
+export * from './types';
 export { default as gridCardPalette } from './gridCardPalette';

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledGridCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../card").StyledCardProps & {
+export declare const StyledGridCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../card/types").StyledCardProps & {
     children: import("react").ReactNode | import("react").ReactNode[];
 } & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const GridCardContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/icon/Icon.d.ts

@@ -5,5 +5,5 @@ export interface IconProps extends Omit<FontAwesomeIconProps, 'color'> {
     color?: iconColors;
     isDisabled?: boolean;
 }
-declare const Icon: ({ onClick, isDisabled, ...props }: IconProps) => JSX.Element;
+declare const Icon: ({ isDisabled, onClick, ...props }: IconProps) => JSX.Element;
 export default Icon;

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

@@ -7,5 +7,5 @@ export declare const StyledContent: import("styled-components").StyledComponent<
 export declare const StyledInlineMessageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InlineMessageProps, never>;
 export declare const StyledIconContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledContentProps, never>;
 export declare const StyledCloseIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCloseIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const ActionButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../buttons").ButtonProps & import("react").RefAttributes<HTMLDivElement | HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;

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

@@ -11,4 +11,4 @@ export declare const sidebarItemHeight = 44;
 export declare const Dropdown: import("styled-components").StyledComponent<({ className, content }: import("./types").SidebarItemDropdownProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const SidebarItemWrapper: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, SidebarItemStyles & WrapperProps, keyof SidebarItemStyles>;
 export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const NoIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const NoIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/modals/modalStyled.d.ts

@@ -20,4 +20,4 @@ export declare const TopAttachment: import("styled-components").StyledComponent<
     height: number | null;
 }, never>;
 export declare const BottomAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ isDisabled, onClick, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/ColumnItem.d.ts

@@ -10,5 +10,5 @@ declare type ColumnItemProps<T> = {
     isRemovable: boolean;
     onChangeTableSettings?: (key: string, state: boolean) => void;
 } & Omit<React.HTMLProps<HTMLDivElement>, 'onDragStart'>;
-declare const ColumnItem: <T>({ column, draggable, onDragStart, onDragOver, onDragEnd, isRemovable, onChangeTableSettings, }: ColumnItemProps<T>) => JSX.Element;
+declare const ColumnItem: <T>({ column, draggable, isRemovable, onChangeTableSettings, onDragEnd, onDragOver, onDragStart, }: ColumnItemProps<T>) => JSX.Element;
 export default ColumnItem;

package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../../buttons").IconButtonProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/ColumnsSettings/styled.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-export declare const CustomAccordion: import("styled-components").StyledComponent<({ open, setOpen, renderLateralActions, renderTitle, renderBody, title, lateralActions, }: import("../../../../../accordion").AccordionProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<"h6", import("styled-components").DefaultTheme, {}, never>;
 export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Divider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/RowHeightSettings/styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const Radio: import("styled-components").StyledComponent<({ onChange, helper, initialSelection, options, ...otherProps }: import("../../../../../form/radioGroup").RadioGroupProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Radio: import("styled-components").StyledComponent<({ helper, initialSelection, onChange, options, ...otherProps }: import("../../../../../form/radioGroup").RadioGroupProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/action/settings/styled.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const Icon: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../buttons").IconButtonProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/cell/customActionCell/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const ActionCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TextBtn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../buttons").ButtonProps & import("react").RefAttributes<HTMLDivElement | HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const IconBtn: import("styled-components").StyledComponent<({ className, color, icon, isDisabled, onClick, type }: import("../../../../buttons").IconButtonProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const IconBtn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../buttons").IconButtonProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;