venice-ui 2.4.12 → 3.0.1

package/dist/types/components/Header/Header.styles.d.ts

@@ -0,0 +1,13 @@
+interface IHeaderRootProps {
+    bottomDivader: any;
+    theme?: any;
+    config?: any;
+}
+export declare const HeaderRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IHeaderRootProps, never>;
+interface IHeaderWrapperProps {
+    theme?: any;
+    config?: any;
+    single: boolean;
+}
+export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IHeaderWrapperProps, never>;
+export {};

package/dist/types/components/Header/index.d.ts

@@ -0,0 +1 @@
+export * from './Header';

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { AppTheme, ThemeName } from '../../config';
+import { THelperMode } from 'types/types';
+interface IHelperTextProps {
+    helperText: string;
+    mode: THelperMode;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+    disabled?: boolean;
+}
+export declare const HelperText: FC<IHelperTextProps>;
+export {};

package/dist/types/components/HelperText/HelperText.styles.d.ts

@@ -0,0 +1,10 @@
+import { AppTheme } from '../../config';
+import { THelperMode } from 'types';
+interface IHelperWrapperProps {
+    mode: THelperMode;
+    theme: AppTheme;
+    helperTextConfig: any;
+    disabled?: boolean;
+}
+export declare const Helper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IHelperWrapperProps, never>;
+export {};

package/dist/types/components/HelperText/index.d.ts

@@ -0,0 +1 @@
+export * from './HelperText';

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

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { type AppTheme, type ThemeName } from '../../config';
+import { TIconSize } from 'types';
+interface IconProps {
+    name: string;
+    size?: TIconSize;
+    isDisabled?: boolean;
+    isActive?: boolean;
+    isError?: boolean;
+    onClick?: (event?: React.MouseEvent<HTMLDivElement>) => void;
+    tooltip?: string;
+    color?: string;
+    background?: string;
+    hoverColor?: string;
+    hoverBackground?: string;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+}
+export declare const Icon: FC<IconProps>;
+export {};

package/dist/types/components/Icon/Icon.styles.d.ts

@@ -0,0 +1,18 @@
+interface IIconElementProps {
+    config: any;
+    resolvedSize: {
+        svg: number;
+        wrapper: number;
+        padding: number;
+    };
+    color?: string;
+    background?: string;
+    hoverColor?: string;
+    hoverBackground?: string;
+    isError?: boolean;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isInteraction: boolean;
+}
+export declare const IconElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IIconElementProps, never>;
+export {};

package/dist/types/components/{Icons → Icon}/IconsPath.d.ts

@@ -11,6 +11,8 @@ export declare const iconsPath: {
     back_arrow: string;
     bookmark: string;
     calendar: string;
+    chevron_down: string;
+    chevron_up: string;
     check_circle: string;
     check_box: string;
     check: string;
@@ -25,6 +27,7 @@ export declare const iconsPath: {
     edit: string;
     error: string;
     filters: string;
+    file: string;
     fit_to_screen: string;
     forward: string;
     info: string;

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

@@ -0,0 +1 @@
+export * from './Icon';

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

@@ -1,17 +1,36 @@
 import { FC } from 'react';
-import { InputType, IFormElement } from '../../types';
-export interface IInputProps extends IFormElement {
-    type?: InputType | 'date';
-    handleChange: (name: string, value: string | number) => void;
+import { type AppTheme, type ThemeName } from '../../config';
+import { InputSize, InputType, LabelPosition } from 'types/types';
+export interface IInputProps {
+    name: string;
+    value?: string;
+    label?: string;
+    labelPosition?: LabelPosition;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     placeholder?: string;
-    min?: number;
-    max?: number;
-    step?: number;
+    size?: InputSize;
+    width?: string;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    readOnly?: boolean;
+    type?: InputType;
     autoFocus?: boolean;
-    theme?: any;
-    handleSubmit?: () => void;
     prefix?: string;
+    suffix?: string;
+    prefixIcon?: string;
+    suffixIcon?: string;
+    handleChange: (name: string, value: string | number) => void;
+    handleSubmit?: () => void;
     handleFieldFocus?: (name: string) => void;
     handleFieldBlur?: () => void;
+    suffixIconAction?: (name: string) => void;
+    prefixIconAction?: (name: string) => void;
+    withClear?: boolean;
+    required?: boolean;
+    optional?: boolean;
+    optionalLabel?: string;
+    componentWidth?: string;
 }
 export declare const Input: FC<IInputProps>;

package/dist/types/components/Input/Input.styles.d.ts

@@ -1,35 +1,15 @@
-import { InputHTMLAttributes } from 'react';
-import { InputSize, InputType } from '../../types';
-interface IInputTextElementProps extends InputHTMLAttributes<HTMLInputElement> {
+import { IComponentWrapperProps } from '../ComponentRoot';
+import { AppTheme } from '../../config';
+import { InputSize } from 'types';
+export declare const PrefixWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IComponentWrapperProps, never>;
+interface IInputElementProps extends React.InputHTMLAttributes<HTMLInputElement> {
     inputSize: InputSize;
-    disabled: boolean;
-    error?: boolean;
-    width?: string;
-    type: InputType;
-    theme: any;
-    onKeyDown: any;
-    inputmode?: any;
-}
-export declare const InputTextElement: import("styled-components").StyledComponent<"input", any, IInputTextElementProps, never>;
-interface IInputReadOnlyElementProps {
-    inputSize: InputSize;
-    width?: string;
-    theme: any;
-}
-export declare const InputReadOnlyElement: import("styled-components").StyledComponent<"div", any, IInputReadOnlyElementProps, never>;
-export declare const InputLabelElement: import("styled-components").StyledComponent<"div", any, import("../Typography").ITextLabelProps, never>;
-interface IInputWrapperProps {
+    theme: AppTheme;
     width?: string;
+    inputConfig: any;
+    error?: boolean;
+    isDisabled?: boolean;
+    readOnly?: boolean;
 }
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, IInputWrapperProps, never>;
-export declare const InputErrorMsg: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface IEyeIconWrapperProps {
-    size: InputSize;
-}
-export declare const EyeIconWrapper: import("styled-components").StyledComponent<"div", any, IEyeIconWrapperProps, never>;
-export declare const IconsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface IPrefixProps {
-    inputSize: InputSize;
-}
-export declare const Prefix: import("styled-components").StyledComponent<"div", any, IPrefixProps, never>;
+export declare const InputElement: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, IInputElementProps, never>;
 export {};

package/dist/types/components/Input/index.d.ts

@@ -1,2 +1 @@
-export * from "./Input";
-export * from './Input.styles';
+export * from './Input';

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

@@ -0,0 +1,16 @@
+import { AppTheme, ThemeName } from '../../config';
+import { FC } from 'react';
+import { InputSize, LabelPosition } from 'types';
+export interface ILabelProps {
+    text: string;
+    position?: LabelPosition;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+    size: InputSize;
+    required?: boolean;
+    optional?: boolean;
+    optionalLabel?: string;
+    smallSize?: boolean;
+    noBreakLabel?: boolean;
+}
+export declare const Label: FC<ILabelProps>;

package/dist/types/components/Label/Label.styles.d.ts

@@ -0,0 +1,18 @@
+import { AppTheme } from '../../config';
+import { InputSize } from 'types/types';
+interface ILabelWrapperProps {
+    position?: string;
+    labelConfig: any;
+    size: InputSize;
+    theme: AppTheme;
+    smallSize: boolean;
+    noBreakLabel: boolean;
+}
+export declare const LabelElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ILabelWrapperProps, never>;
+interface IRequiredIndicatorProps {
+    theme: AppTheme;
+    labelConfig: any;
+}
+export declare const RequiredIndicator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IRequiredIndicatorProps, never>;
+export declare const OptionalIndicator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IRequiredIndicatorProps, never>;
+export {};

package/dist/types/components/Label/index.d.ts

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

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

@@ -1,30 +1,33 @@
 import { FC } from 'react';
-import { IAction } from 'types/';
+import { AppTheme, ThemeName } from '../../config';
+import { IAction } from '../../types';
+export interface IListItem {
+    id: string;
+    value: string | number;
+    children: IListItem[];
+    selected?: boolean;
+    extend?: boolean;
+    statusDone?: boolean;
+    statusError?: boolean;
+    statusWarnning?: boolean;
+}
 export interface ILevelAction {
     level: number;
     moreActions: IAction[];
 }
-export interface IListProps {
+interface IListProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     items: IListItem[];
     handleChange: (items: IListItem[]) => void;
     handleSelect?: (id: string) => void;
     selected?: string;
     isCheckbox?: boolean;
     isCollapsable?: boolean;
-    isStatus?: boolean;
+    isStatusable?: boolean;
     isSelectable?: boolean;
     haveMoreOptions?: boolean;
-    theme?: any;
     levelActions?: ILevelAction[];
 }
-export interface IListItem {
-    id: string;
-    value: string | number;
-    children: IListItem[];
-    selected?: boolean;
-    extend?: boolean;
-    statusDone?: boolean;
-    statusError?: boolean;
-    statusWarnning?: boolean;
-}
 export declare const List: FC<IListProps>;
+export {};

package/dist/types/components/List/iLst.styles.d.ts

@@ -0,0 +1,29 @@
+interface IListRoot {
+    theme: any;
+    config: any;
+}
+export declare const ListRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IListRoot, never>;
+interface IListRowRoot {
+    theme: any;
+    config: any;
+    level: number;
+}
+export declare const ListRowRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IListRowRoot, never>;
+interface IListRow {
+    theme: any;
+    config: any;
+    isSelected: boolean;
+}
+export declare const ListRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IListRow, never>;
+interface IListIconWrapper {
+    theme: any;
+    isExtended: boolean;
+    config: any;
+}
+export declare const ListIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IListIconWrapper, never>;
+interface IListRowExtend {
+    isExtended: boolean;
+}
+export declare const ListRowExtend: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IListRowExtend, never>;
+export declare const ListRowOptionsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};

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

@@ -1,8 +1,10 @@
+import { ThemeName } from '../../config';
 import { FC } from 'react';
-import { InputSize } from '../../types';
-export interface ILoaderProps {
-    color?: string;
+import { InputSize } from 'types/types';
+interface ILoaderProps {
     size?: InputSize;
     theme?: any;
+    themeVariant?: ThemeName;
 }
 export declare const Loader: FC<ILoaderProps>;
+export {};

package/dist/types/components/Loader/Loader.styles.d.ts

@@ -1,14 +1,9 @@
-import { InputSize } from '../../types';
-export declare const Action1: import("styled-components").Keyframes;
-export declare const Action2: (move: string) => import("styled-components").Keyframes;
-export declare const Action3: import("styled-components").Keyframes;
-interface ILoaderElementStyle {
+import { AppTheme } from '../../config';
+import { InputSize } from 'types';
+interface ILoaderWrapperProps {
+    theme: AppTheme;
+    config: any;
     size: InputSize;
 }
-export declare const LoaderElement: import("styled-components").StyledComponent<"div", any, ILoaderElementStyle, never>;
-interface ILoaderITem {
-    size: InputSize;
-    color: string;
-}
-export declare const LoaderItem: import("styled-components").StyledComponent<"div", any, ILoaderITem, never>;
+export declare const LoaderRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ILoaderWrapperProps, never>;
 export {};

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

@@ -1,7 +1,11 @@
-import React, { FC } from 'react';
-export interface IModalProps {
+import { AppTheme, ThemeName } from '../../config';
+import { FC } from 'react';
+import React from 'react';
+import { AdditionalType, IComponentLabels, InputSize } from 'types';
+interface IModalProps {
     isOpen: boolean;
-    theme?: any;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     children: React.ReactNode;
     title?: string;
     handleConfirm?: () => void;
@@ -10,15 +14,16 @@ export interface IModalProps {
     labelConfirm?: string;
     labelClose: string;
     labelAdditional?: string;
-    size?: string;
+    size?: InputSize;
     submitDisabled?: boolean;
     submitLoader?: boolean;
-    additionalType?: string;
+    additionalType?: AdditionalType;
     additionalValue?: boolean;
     headerDivader?: boolean;
     additionaNormalMode?: boolean;
     exitOnEsc?: boolean;
     additionDisabled?: boolean;
-    decorativeEdge?: boolean;
+    labels?: IComponentLabels;
 }
 export declare const Modal: FC<IModalProps>;
+export {};

package/dist/types/components/Modal/Modal.styles.d.ts

@@ -1,8 +1,18 @@
-export declare const ModalOverlayer: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface IModalElementProp {
-    size: string;
-    decorativeEdge: boolean;
+import { InputSize } from 'types';
+interface IModalOverlayerProps {
     theme: any;
+    config: any;
 }
-export declare const ModalElement: import("styled-components").StyledComponent<"div", any, IModalElementProp, never>;
+export declare const ModalOverlayer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IModalOverlayerProps, never>;
+interface IModalRootProps {
+    theme: any;
+    config: any;
+    size: InputSize;
+}
+export declare const ModalRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IModalRootProps, never>;
+interface IModalContentProps {
+    theme: any;
+    config: any;
+}
+export declare const ModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IModalContentProps, never>;
 export {};

package/dist/types/components/Modal/index.d.ts

@@ -1 +1 @@
-export { Modal } from './Modal';
+export * from './Modal';

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

@@ -0,0 +1,39 @@
+import { FC } from 'react';
+import { type AppTheme, type ThemeName } from '../../config';
+import { InputSize, LabelPosition, NumberType } from 'types/types';
+export interface INumericalProps {
+    name: string;
+    label?: string;
+    value?: string | number;
+    labelPosition?: LabelPosition;
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+    placeholder?: string;
+    size?: InputSize;
+    width?: string;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    readOnly?: boolean;
+    type?: NumberType;
+    min?: number;
+    max?: number;
+    step?: number;
+    autoFocus?: boolean;
+    prefix?: string;
+    suffix?: string;
+    prefixIcon?: string;
+    suffixIcon?: string;
+    handleChange: (name: string, value: number | string) => void;
+    handleSubmit?: () => void;
+    handleFieldFocus?: (name: string) => void;
+    handleFieldBlur?: () => void;
+    suffixIconAction?: (name: string) => void;
+    prefixIconAction?: (name: string) => void;
+    withClear?: boolean;
+    required?: boolean;
+    optional?: boolean;
+    optionalLabel?: string;
+    componentWidth?: string;
+}
+export declare const Numerical: FC<INumericalProps>;

package/dist/types/components/Numerical/index.d.ts

@@ -0,0 +1 @@
+export { Numerical } from './Numerical';

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

@@ -0,0 +1,22 @@
+import { AppTheme, ThemeName } from '../../config';
+import React, { FC } from 'react';
+import { IOption } from 'types';
+import { InputSize } from 'types';
+interface IOptionsPanelProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+    options: IOption[];
+    size?: InputSize;
+    handleSelect?: (value: string | number) => void;
+    value?: string | number;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    placeholder?: string;
+    emptyStateText?: string;
+    searchable?: boolean;
+    handleAdd?: (value: string | number) => void;
+    maxRows?: number;
+    zIndex?: number;
+}
+export declare const OptionsPanel: FC<IOptionsPanelProps>;
+export {};

package/dist/types/components/OptionsPanel/OptionsPanel.styles.d.ts

@@ -0,0 +1,37 @@
+import { AppTheme } from '../../config';
+import { InputSize } from 'types';
+interface PanelRoot {
+    theme: AppTheme;
+    config: any;
+}
+export declare const PanelRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, PanelRoot, never>;
+interface IPanelItemProps {
+    theme: AppTheme;
+    config: any;
+    size: InputSize;
+    isDisabled?: boolean;
+}
+export declare const PanelItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPanelItemProps, never>;
+interface IPanelHeaderFooterProps {
+    config: any;
+    size: InputSize;
+}
+export declare const PanelHeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPanelHeaderFooterProps, never>;
+export declare const PanelFooterWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPanelHeaderFooterProps, never>;
+interface IPanelSearchWrapper {
+    config: any;
+    size: InputSize;
+}
+export declare const PanelSearchWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPanelSearchWrapper, never>;
+interface IPanelEmptyStateProps {
+    config: any;
+    size: InputSize;
+}
+export declare const PanelEmptyState: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPanelEmptyStateProps, never>;
+interface IPanelOptionsWrapperProps {
+    config: any;
+    size: InputSize;
+    maxRows: number;
+}
+export declare const PanelOptionsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPanelOptionsWrapperProps, never>;
+export {};

package/dist/types/components/OptionsPanel/index.d.ts

@@ -0,0 +1 @@
+export * from './OptionsPanel';

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

@@ -1,11 +1,15 @@
-import React from 'react';
+import { AppTheme, ThemeName } from '../../config';
+import { FC } from 'react';
 interface IPaginationProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     currentPage: number;
     totalPages: number;
     pageSize: number;
     onPageChange: (page: number) => void;
     onPageSizeChange: (size: number) => void;
     availableValues?: number[];
+    dropdownLabel?: string;
 }
-export declare const Pagination: React.FC<IPaginationProps>;
+export declare const Pagination: FC<IPaginationProps>;
 export {};

package/dist/types/components/Pagination/Pagination.styles.d.ts

@@ -1,2 +1,20 @@
-export declare const PaginationElement: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const PaginationButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+import { AppTheme } from '../../config';
+interface IPaginationRootProps {
+    theme: AppTheme;
+    config: any;
+}
+export declare const PaginationRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPaginationRootProps, never>;
+export declare const PaginationItemWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPaginationRootProps, never>;
+interface IPaginationItemProps {
+    theme: AppTheme;
+    config: any;
+    disabled?: boolean;
+    isActive?: boolean;
+}
+export declare const PaginationItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, IPaginationItemProps, never>;
+interface IPaginationDropdownWrapperProps {
+    theme: AppTheme;
+    config: any;
+}
+export declare const PaginationDropdownWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPaginationDropdownWrapperProps, never>;
+export {};

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

@@ -0,0 +1,11 @@
+import { AppTheme, ThemeName } from '../../config';
+import { FC } from 'react';
+interface ISearchInputProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
+    placeholder?: string;
+    handleSearch?: (value: string) => void;
+    handleAdd?: (value: string | number) => void;
+}
+export declare const SearchInput: FC<ISearchInputProps>;
+export {};

package/dist/types/components/SearchInput/SearchInput.styles.d.ts

@@ -0,0 +1,13 @@
+import { AppTheme } from '../../config';
+interface ISearchWrapperRootProps {
+    theme: AppTheme;
+    config: any;
+    isActive?: boolean;
+}
+export declare const SearchWrapperRoot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ISearchWrapperRootProps, never>;
+interface ISearchInputElementProps {
+    config: any;
+    theme: AppTheme;
+}
+export declare const SearchInputElement: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, ISearchInputElementProps, never>;
+export {};

package/dist/types/components/SearchInput/index.d.ts

@@ -0,0 +1 @@
+export * from './SearchInput';

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

@@ -1,14 +1,16 @@
+import { AppTheme, ThemeName } from '../../config';
+import { TitlePosition } from 'types';
 import React, { FC } from 'react';
-import { TitlePosition } from '../../types';
-export interface ISectionProps {
+interface ISectionProps {
+    theme?: AppTheme;
+    themeVariant?: ThemeName;
     title?: string;
     titlePosition?: TitlePosition;
-    noHorizontalPadding?: boolean;
-    noTopPadding?: boolean;
+    withoutPadding?: boolean;
     backgroundColor?: string;
     children: React.ReactNode;
-    theme?: any;
     action?: () => void;
     actionLabel?: string;
 }
 export declare const Section: FC<ISectionProps>;
+export {};