@fattureincloud/fic-design-system 0.4.2 → 0.4.6-expenses.1

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # Changelog
 
+## Next release
+
+### 🚀 Added
+
+- Add new FileUploader component
+
+### 🐛 Bug Fix
+
+- Fix appearance of multiline (long) Select Options 
+
+## v0.4.6 - 15/02/2022
+
+### 🚀 Added
+
+- Add `customHeader` and `customFooter` props to Modal
+- Add `isPrefilled` prop to InputText, TextArea and Select components
+- Add `isTransparent` prop to Select and InputText components
+- Add `customStyles` prop to Select component
+- Add UnitDropdown to InputText
+- Add `ref` prop to InputText component
+- Add Select `simpleValue` prop and `useSelectSimpleValue` hook
+
+### 🐛 Bug Fix
+
+- Fix Accordion graphical appearance (CSS)
+
+### 💅 Enhancement
+
+- Add `JSX.Element` to label prop type in form components
+- Remove up and down arrows on `input[type=number]`
+
+## v0.4.5 - 08/02/2022
+
+- Update FontAwesome to v6.0.0
+
+## v0.4.4 - 25/01/2022
+
+### 🐛 Bug Fix
+
+- Move SidebarItem Dropdown on the left in Safari 
+
+## v0.4.3 - 21/01/2022
+
+### 🐛 Bug Fix
+
+- Remove the Checkbox `Label` tag when prop `text` is missing
+
+### 💅 Enhancement
+
+- Change Button `text` prop from `string | JSX.Element` to `ReactText | JSX.Element`
+
 ## v0.4.2 - 19/01/2022
 
 ### 🐛 Bug Fix

package/dist/components/avatar/AvatarImage.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AvatarImageProps } from './typings/avatar';
+export declare const AvatarImage: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarImageProps, never>;

package/dist/components/avatar/AvatarInitials.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AvatarInitialsProps } from './typings/avatar';
+export declare const AvatarInitials: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarInitialsProps, never>;

package/dist/components/avatar/AvatarPlaceholder.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AvatarPlaceholderProps } from './typings/avatar';
+export declare const AvatarPlaceholder: import("styled-components").StyledComponent<(props: import("./typings/avatar").BaseAvatarProps) => JSX.Element, any, AvatarPlaceholderProps, never>;

package/dist/components/avatar/baseAvatar.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BaseAvatarProps } from './typings/avatar';
+export declare const BaseAvatar: import("styled-components").StyledComponent<(props: BaseAvatarProps) => JSX.Element, any, {}, never>;

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

@@ -0,0 +1,30 @@
+export declare type AvatarProps = AvatarInitialsProps | AvatarPlaceholderProps | AvatarImageProps;
+export interface AvatarPlaceholderProps {
+    size: 'xs' | 's' | 'm' | 'l';
+    placeholder?: string;
+}
+export interface AvatarImageProps {
+    image?: string;
+    size: 'xs' | 's' | 'm' | 'l';
+}
+export interface AvatarInitialsProps extends AvatarImageProps {
+    color?: 'blue' | 'red' | 'green' | 'yellow';
+    initials: string;
+}
+export interface BaseAvatarProps {
+    className?: string;
+    initials?: string;
+    size: 'xs' | 's' | 'm' | 'l';
+}
+export declare const avatarSizes: {
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+};
+export declare const textSizes: {
+    xs: number;
+    s: number;
+    m: number;
+    l: number;
+};

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

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

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

@@ -0,0 +1,3 @@
+import { Badge } from './Badge';
+import { BadgeProps } from './types';
+export { Badge, BadgeProps };

package/dist/components/buttons/baseButton.d.ts

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

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { ReactText } from 'react';
 import { IconProps } from '../../icon';
 import { WrapperProps } from './types';
 export interface ButtonProps extends Partial<WrapperProps> {
-    text?: string | JSX.Element;
+    text?: ReactText | JSX.Element;
     iconLeft?: IconProps;
     iconRight?: IconProps;
     isLoading?: boolean;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from './typings/buttons';
+export declare const Button: import("styled-components").StyledComponent<(props: import("./typings/baseButton").BaseButtonProps) => JSX.Element, any, ButtonProps, never>;

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IconButtonProps } from './typings/iconButton';
+export declare const IconButtonWrapper: import("styled-components").StyledComponent<({ onClick, target, className, href, style, children }: IconButtonProps) => JSX.Element, any, IconButtonProps, never>;

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

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

package/dist/components/buttons/typings/baseButton.d.ts

@@ -0,0 +1,15 @@
+import { CSSProperties } from 'react';
+import { IconProps } from '../../icon/Icon';
+export interface BaseButtonProps {
+    text: string | JSX.Element;
+    iconLeft?: IconProps;
+    iconRight?: IconProps;
+    contentMaxWidth?: string;
+    className?: string;
+    href?: string;
+    target?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    style?: CSSProperties;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+}

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

@@ -0,0 +1,9 @@
+import { BaseButtonProps } from './baseButton';
+export interface ButtonProps extends BaseButtonProps {
+    color?: 'blue' | 'red' | 'green' | 'white' | 'yellow';
+    useSecondaryColor?: boolean;
+    size?: 'medium' | 'large';
+    reactRouterLink?: boolean;
+    fullWidth?: boolean;
+    inNavbar?: boolean;
+}

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

@@ -0,0 +1,13 @@
+import { IconProps } from '../../icon/Icon';
+import { ReactElement } from 'react';
+export interface IconButtonProps {
+    className?: string;
+    href?: string;
+    target?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    style?: object;
+    children: ReactElement<IconProps>;
+    color?: 'blue' | 'red' | 'green' | 'white' | 'yellow';
+    useSecondaryColor?: boolean;
+    reactRouterLink?: boolean;
+}

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

@@ -0,0 +1,47 @@
+export declare const getColorRoot: (secondary: boolean | undefined) => {
+    blue: {
+        normal: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        text: string;
+        textHover: string;
+    };
+    red: {
+        normal: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        text: string;
+        textHover: string;
+    };
+    green: {
+        normal: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        text: string;
+        textHover: string;
+    };
+    white: {
+        normal: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        text: string;
+        textHover: string;
+    };
+    yellow: {
+        normal: string;
+        hover: string;
+        active: string;
+        disabled: string;
+        text: string;
+        textHover: string;
+    };
+};
+declare type TgetButtonColor = (secondary: boolean | undefined, color: string | undefined, type: string, theme: any) => string;
+export declare const getButtonColor: TgetButtonColor;
+declare type TgetIconButtonColor = (secondary: boolean | undefined, color: string | undefined, type: string, theme: any) => string;
+export declare const getIconButtonColor: TgetIconButtonColor;
+export {};

package/dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,15 @@
+import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<CheckboxLabelProps, 'hasError'> {
+    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
+    text?: string;
+    error?: string;
+    className?: string;
+    onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
+}
+export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
+    value: CheckboxImplProps['value'] | boolean;
+}
+declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
+export default Checkbox;

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

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

package/dist/components/checkbox/checkboxPalette.d.ts

@@ -0,0 +1,16 @@
+import { paletteColor } from '../../styles/types';
+import { checkboxParts, checkboxState, checkboxStatus } from './types';
+export declare type CheckboxPalette = {
+    input: {
+        [k in checkboxState]: {
+            [k in checkboxStatus]: {
+                [k in checkboxParts]: paletteColor;
+            };
+        };
+    };
+    label: {
+        [k in checkboxState]: paletteColor;
+    };
+};
+declare const checkboxPalette: CheckboxPalette;
+export default checkboxPalette;

package/dist/components/checkbox/components/Input.d.ts

@@ -0,0 +1,9 @@
+import { checkboxStatus, CheckboxStyles } from '../types';
+export interface CheckboxInputProps {
+    value: checkboxStatus;
+    isDisabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, "height" | "width" | "backgroundColor" | "tickColor" | "borderColor" | "cursor" | "opacity">;
+export default Input;

package/dist/components/checkbox/components/checkbox-input.d.ts

@@ -0,0 +1,2 @@
+import { ICheckboxInput } from '../typings/checkbox';
+export declare const CheckboxInput: import("styled-components").StyledComponent<"span", any, ICheckboxInput, never>;

package/dist/components/checkbox/components/container.d.ts

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

package/dist/components/checkbox/components/label.d.ts

@@ -0,0 +1,8 @@
+import { MappedLabelProps } from '../types';
+export interface CheckboxLabelProps {
+    large?: boolean;
+    isDisabled?: boolean;
+    hasError: boolean;
+}
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, "color" | "fontSize" | "cursor" | "opacity">;
+export default Label;

package/dist/components/checkbox/components/styledCheckboxInputWrapper.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxInputInterface } from '../typings/checkbox';
+export declare const CheckboxInput: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxInputInterface, never>;

package/dist/components/checkbox/hooks/useCheckboxValue.d.ts

@@ -0,0 +1,11 @@
+import { checkboxStatus } from '../types';
+interface UseCheckboxValueReturn {
+    status: checkboxStatus;
+    value: boolean;
+    setCheck: () => void;
+    setUncheck: () => void;
+    setIndeterminate: () => void;
+    toggleCheckbox: () => void;
+}
+declare const useCheckboxValue: (initialValue?: boolean | "checked" | "unchecked" | "indeterminate") => UseCheckboxValueReturn;
+export default useCheckboxValue;

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

@@ -0,0 +1,4 @@
+import Checkbox, { CheckboxProps } from './Checkbox';
+import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
+import useCheckboxValue from './hooks/useCheckboxValue';
+export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };

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

@@ -0,0 +1,19 @@
+import { paletteColor } from '../../styles/types';
+export declare type checkboxStatus = 'checked' | 'unchecked' | 'indeterminate';
+export declare type checkboxState = 'normal' | 'error';
+export declare type checkboxParts = 'tickColor' | 'backgroundColor' | 'borderColor';
+export interface CheckboxStyles {
+    height: string;
+    width: string;
+    backgroundColor: paletteColor;
+    tickColor: paletteColor;
+    borderColor: paletteColor;
+    cursor: string;
+    opacity: number;
+}
+export interface MappedLabelProps {
+    fontSize: string;
+    cursor: string;
+    color: paletteColor;
+    opacity: number;
+}

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+declare type TCheckboxPropsSize = 'medium' | 'large' | 'small';
+declare type TCheckboxPropsOnChange = (value: boolean) => void;
+export interface CheckboxInputInterface {
+    size?: TCheckboxPropsSize;
+    isDisabled?: boolean;
+    isChecked: boolean;
+}
+export interface CheckboxContainerInterface {
+    size?: TCheckboxPropsSize;
+}
+export interface LabelInterface {
+    isDisabled?: boolean;
+    size?: TCheckboxPropsSize;
+}
+export declare type TcontentRenderer = (props: {
+    size?: TCheckboxPropsSize;
+    text: string;
+    value: boolean;
+    isIndeterminate?: boolean;
+    isDisabled?: boolean;
+}) => JSX.Element;
+export declare type TWrapper = (props: CheckboxPropsInterface) => JSX.Element;
+export declare type TonChangeHandler = (props: {
+    isDisabled?: boolean;
+    onChange: TCheckboxPropsOnChange;
+    value: boolean;
+}) => void;
+export interface CheckboxPropsInterface {
+    size?: TCheckboxPropsSize;
+    text: string;
+    value: boolean;
+    isDisabled?: boolean;
+    isIndeterminate?: boolean;
+    onChange: TCheckboxPropsOnChange;
+    renderCheckbox?: TcontentRenderer;
+}
+export {};

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

@@ -0,0 +1,24 @@
+import { DefaultTheme } from 'styled-components';
+import { IconProps } from '../icon';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+import { checkboxStatus, CheckboxStyles } from './types';
+interface InputMapParams extends CheckboxInputProps {
+    theme: DefaultTheme;
+}
+export declare const getInputStyle: ({ theme, value, isDisabled, large, hasError }: InputMapParams) => CheckboxStyles;
+interface LabelMapProps extends CheckboxLabelProps {
+    theme: DefaultTheme;
+}
+export declare const getLabelStyle: ({ isDisabled, large, theme, hasError }: LabelMapProps) => {
+    fontSize: string;
+    cursor: string;
+    opacity: number;
+    color: string;
+};
+declare type statusIconType = {
+    [k in checkboxStatus]: IconProps['icon'] | null;
+};
+export declare const statusIcon: statusIconType;
+export declare const convertToStatus: (value: boolean | "checked" | "unchecked" | "indeterminate") => checkboxStatus;
+export {};

package/dist/components/common/Icon/components/backgroundWrapper.d.ts

@@ -0,0 +1,5 @@
+export declare const BackgroundWrapper: import("styled-components").StyledComponent<"div", any, {
+    background?: boolean | undefined;
+    color?: "blue" | "base" | "black" | "white" | "grey" | "indigo" | "yellow" | "orange" | "red" | "green" | "fucsia" | "pink" | "cyan" | "primary" | undefined;
+    size?: string | number | undefined;
+}, never>;

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

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

package/dist/components/common/Icon/index.d.ts

@@ -0,0 +1,6 @@
+import { IconType, PremadeIconType } from './typings';
+export declare const Icon: IconType;
+export declare const SolidIcon: PremadeIconType;
+export declare const RegularIcon: PremadeIconType;
+export declare const LightIcon: PremadeIconType;
+export declare const BrandIcon: PremadeIconType;

package/dist/components/common/Icon/typings.d.ts

@@ -0,0 +1,43 @@
+import React, { CSSProperties } from 'react';
+import { palette } from '../../../styles/palette';
+import { IconName, IconPrefix } from '@fortawesome/fontawesome-common-types';
+import { RotateProp } from '@fortawesome/fontawesome-svg-core';
+import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
+export declare type TypePropType = 'solid' | 'regular' | 'light' | 'brand' | 'duotone';
+declare type FaPropsType = Partial<FontAwesomeIconProps>;
+export interface IconImplProps {
+    name: IconName;
+    type?: TypePropType;
+    spin?: boolean;
+    pulse?: boolean;
+    fixedWidth?: boolean;
+    rotation?: RotateProp;
+    style?: CSSProperties;
+    className?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    faProps?: FaPropsType;
+    background?: boolean;
+    color?: keyof typeof palette.colors;
+    size?: string | number;
+}
+export interface IconProps extends IconImplProps {
+    color?: keyof typeof palette.colors;
+    marginLeft?: string | number;
+    marginRight?: string | number;
+    primaryOpacity?: number;
+    secondaryOpacity?: number;
+    secondaryColor?: keyof typeof palette.colors;
+    size?: string | number;
+    background?: boolean;
+}
+export declare type PremadeIconProps = Omit<IconProps, 'type'>;
+export declare type PrefixMappingType = {
+    solid: IconPrefix;
+    regular: IconPrefix;
+    light: IconPrefix;
+    brand: IconPrefix;
+    duotone: IconPrefix;
+};
+export declare type IconType = (props: IconProps) => JSX.Element;
+export declare type PremadeIconType = (props: PremadeIconProps) => JSX.Element;
+export { IconName };

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

@@ -1,5 +1,5 @@
-interface Props {
+export interface DropdownTriggerProps {
     title: string;
 }
-declare const DefaultTrigger: ({ title }: Props) => JSX.Element;
+declare const DefaultTrigger: ({ title }: DropdownTriggerProps) => JSX.Element;
 export default DefaultTrigger;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/// <reference types="@emotion/core" />
+import { UnstyledDropdownProps } from '../types';
+export declare const StyledDropdown: import("styled-components").StyledComponent<"div", any, UnstyledDropdownProps, never>;
+export declare const StyledDropdownTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TriggerButtonStyled: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../buttons/typings/buttons").ButtonProps>, any, {}, never>;
+export declare const ShortcutText: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { UnstyledDropdownProps } from '../types';
+export declare const StyledDropdownWrapper: import("styled-components").StyledComponent<"div", any, UnstyledDropdownProps & {
+    children: React.ReactNode;
+}, never>;
+export declare const UserWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledDropdownTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TriggerButtonStyled: import("styled-components").StyledComponent<React.FunctionComponent<import("../../buttons/typings/buttons").ButtonProps>, any, {}, never>;
+export declare const ShortcutText: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+import { UnstyledDropdownProps, UnstyledDropdownState } from '../types';
+declare class UnstyledDropdown extends Component<UnstyledDropdownProps, UnstyledDropdownState> {
+    constructor(props: UnstyledDropdownProps);
+    handleTriggerClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    showDropdown: () => void;
+    hideDropdown: () => void;
+    renderDefaultTrigger: (title: string) => JSX.Element;
+    onSelectedItem: (id: React.ReactText) => void;
+    renderDropDown: () => JSX.Element | undefined;
+    render(): JSX.Element;
+}
+export default UnstyledDropdown;

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

@@ -0,0 +1,12 @@
+import React, { Component } from 'react';
+import { DropdownImplProps, UnstyledDropdownState } from './types';
+export default class DropdownImpl extends Component<DropdownImplProps, UnstyledDropdownState> {
+    constructor(props: DropdownImplProps);
+    handleTriggerClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    showDropdown: () => void;
+    hideDropdown: () => void;
+    renderDefaultTrigger: (title: string) => JSX.Element;
+    onSelectedItem: (id: React.ReactText) => void;
+    renderDropDown: () => JSX.Element | undefined;
+    render(): JSX.Element;
+}

package/dist/components/dropdownLegacy/components/Item.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ItemProps } from '../types';
+declare const Item: (props: ItemProps) => JSX.Element;
+export declare const StyledItem: import("styled-components").StyledComponent<"div", any, {
+    active?: boolean | undefined;
+    isLabel?: boolean | undefined;
+}, never>;
+export default Item;

package/dist/components/dropdownLegacy/components/Separator.d.ts

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

package/dist/components/dropdownLegacy/components/ShortcutText.d.ts

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

package/dist/components/dropdownLegacy/components/Title.d.ts

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

package/dist/components/dropdownLegacy/components/UserListItem.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { UserListItemProps } from '../types';
+export declare const UserListItem: (props: UserListItemProps) => JSX.Element;
+export declare const UserListWrapper: import("styled-components").StyledComponent<"div", any, {
+    clickable: boolean;
+}, never>;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { DropdownImplProps } from './types';
+import { UserListItem } from './components/UserListItem';
+import DropdownItem from './components/Item';
+import DropdownSeparator from './components/Separator';
+import DropdownTitle from './components/Title';
+export declare class DropdownLegacy extends React.Component<DropdownImplProps, {}> {
+    static Item: typeof DropdownItem;
+    static Title: typeof DropdownTitle;
+    static Separator: typeof DropdownSeparator;
+    static UserListItem: typeof UserListItem;
+    render(): JSX.Element;
+}

package/dist/components/dropdownLegacy/dropdown.stories.d.ts

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

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import { IconName, TypePropType } from '../common/Icon/typings';
+import { AvatarAllowedSizes } from '../avatar/types';
+export declare type contentOption = {
+    id: number;
+    text: string;
+    icon?: IconName;
+};
+export declare type DropdownImplProps = {
+    className?: string;
+    title?: string;
+    renderTrigger?: () => void;
+    content?: contentOption[];
+    onSelectOption?: (id: number | string) => void;
+    renderContent?: React.ReactNode;
+    alignRight?: boolean;
+    fullWidth?: boolean;
+};
+export declare type TitleProps = {
+    text: string;
+};
+export declare type UnstyledDropdownState = {
+    isOpen: boolean;
+};
+export interface ItemProps {
+    text: string;
+    id?: number;
+    className?: string;
+    iconName?: IconName;
+    iconType?: TypePropType;
+    iconSwapOpacity?: boolean;
+    active?: boolean;
+    shortcut?: string;
+    onSelected?: (id: number | undefined) => void;
+    children?: React.ReactChild;
+}
+export interface UserListItemProps {
+    img?: string;
+    placeholder?: string;
+    avatarSize?: AvatarAllowedSizes;
+    noText?: string;
+    text?: string;
+    renderText?: JSX.Element;
+    onClick?: () => void;
+}

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

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