@mailstep/design-system 0.7.66 → 0.7.68-beta.0

package/ui/Blocks/CommonGrid/styles.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-export declare const BottomWrapper: import("styled-components").StyledComponent<(props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color">) => import("react").ReactElement<any, "div">, import("@xstyled/system").Theme, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme> & {
+export declare const BottomWrapper: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
     withPagination: boolean;
 }, "color">;
-export declare const ContentContainer: import("styled-components").StyledComponent<(props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color">) => import("react").ReactElement<any, "div">, import("@xstyled/system").Theme, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, "color">;
-export declare const CommonGridWrap: import("styled-components").StyledComponent<(props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color">) => import("react").ReactElement<any, "div">, import("@xstyled/system").Theme, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme> & {
+export declare const ContentContainer: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
+export declare const CommonGridWrap: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme> & {
     withPagination: boolean;
 }, "color">;
-export declare const StyledButtonStrip: import("styled-components").StyledComponent<(props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color">) => import("react").ReactElement<any, "div">, import("@xstyled/system").Theme, import("@xstyled/system").SystemProps<import("@xstyled/system").Theme>, "color">;
-export declare const CommonGridWithStyles: import("styled-components").StyledComponent<({ filters, comparators, handleDragEnd, gridSelectors, gridActions, isLoading, rowsData, hasColouredRows, actionColumnDefinition, allowRowSelect, allowRowSelectOnAction, onRowAction, onRowClick, columnLayout, displayColumnsDefinitions, className, minColumnWidth, errorMessage, floatingButtonProps, hasGroups, hasFilters, isSortTerminated }: import("./types").CommonGridProps & {
-    filters?: import("./types").FiltersConfig | undefined;
-    handleDragEnd: (item: import("@dnd-kit/core").DragEndEvent) => void;
-    displayColumnsDefinitions: import("./types").ColumnDefinition[];
+export declare const StyledButtonStrip: import('styled-components').StyledComponent<(props: Omit<JSX.IntrinsicElements[string], "color">) => import('react').ReactElement<any, string>, import('@xstyled/system').Theme, import('@xstyled/system').SystemProps<import('@xstyled/system').Theme>, "color">;
+export declare const CommonGridWithStyles: import('styled-components').StyledComponent<import('react').FC<import('./types').CommonGridProps & {
+    filters?: import('./types').FiltersConfig;
+    handleDragEnd: (item: import('@dnd-kit/core').DragEndEvent) => void;
+    displayColumnsDefinitions: import('./types').ColumnDefinition[];
     hasGroups: boolean;
     hasFilters: boolean;
-}) => JSX.Element, import("@xstyled/system").Theme, {
+}>, import('@xstyled/system').Theme, {
     withButtonStrip: boolean;
     hasGroupsOrFilters: boolean;
 }, never>;

package/ui/Blocks/CommonGrid/types.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { AppearanceValue, VariantValue } from '../../Elements/Button/types';
+
 export declare const rowClassSymbol: unique symbol;
 type Option = {
     value: string | number;
@@ -17,7 +17,7 @@ type ButtonPublicInterfaceProps = {
 };
 type CheckboxPublicInterfaceProps = {
     name?: string;
-    label?: string | JSX.Element;
+    label?: string | React.ReactNode;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     checked?: boolean;
 };
@@ -44,7 +44,7 @@ export type FilterComponentProps<VT> = {
     OverlayComponent?: React.FunctionComponent;
 } & Record<string, any>;
 export type ColumnTitleComponentType = {
-    title?: string | JSX.Element;
+    title?: string | React.ReactNode;
     isSortable: boolean;
     onSetSort?: (value: SortingValueType) => void;
     sortValue: SortingValueType;
@@ -57,28 +57,20 @@ export type ComponentsProps = {
     Paginator: React.ComponentType<PaginatorProps>;
     ColumnTitle?: React.ComponentType<ColumnTitleComponentType>;
 };
-export type CustomComparators = {
-    [name: string]: Comparator[];
-};
-export type FiltersConfig = {
-    [name: string]: {
-        CellComponent: React.ComponentType<FilterComponentProps<any>>;
-        defaultExtraProps?: {
-            [name: string]: any;
-        };
-    };
-};
-export type Filtering = {
-    [column: string]: {
-        value: any;
-        filterProps: FilterProps;
-        others?: any;
-    };
-};
-export type Sorting = {
+export type CustomComparators = Record<string, Comparator[]>;
+export type FiltersConfig = Record<string, {
+    CellComponent: React.ComponentType<FilterComponentProps<any>>;
+    defaultExtraProps?: Record<string, any>;
+}>;
+export type Filtering = Record<string, {
+    value: any;
+    filterProps: FilterProps;
+    others?: any;
+}>;
+export type Sorting = Array<{
     column: string;
     direction: SortingValueType;
-}[];
+}>;
 export type Settings = {
     filter: Filtering;
     sorting: Sorting;
@@ -98,13 +90,16 @@ export type RowProps = {
 type ColumnBaseProps = {
     flexBasis: number;
 };
-export type RowValueType = string | JSX.Element | number | void;
+export type RowValueType = string | React.ReactNode | number | void;
 export type ColumnDefinition<ColumnName extends string = string> = ColumnBaseProps & {
     name: ColumnName;
     group?: Group['name'];
     systemName?: string;
     systemFilter?: string;
-    title?: string | JSX.Element;
+    title?: string | React.ReactElement<{
+        id?: string;
+        message?: string;
+    }>;
     filtering?: boolean;
     filteringType?: 'number' | 'text' | 'date' | 'flag' | 'options' | 'actions';
     disableRowTouch?: boolean;
@@ -119,9 +114,7 @@ export type ColumnDefinition<ColumnName extends string = string> = ColumnBasePro
         defaultComparator?: string;
         checkAllButton?: boolean;
     };
-    getFilterCriteria?: (value: string) => {
-        [column: string]: any;
-    } | null;
+    getFilterCriteria?: (value: string) => Record<string, any> | null;
     filterOptions?: Option[];
     sorting?: boolean;
     formatRowValue?: (row: any) => RowValueType;
@@ -169,9 +162,7 @@ export type DataCellProps<T> = {
 type SingleColumnConfig = {
     isHidden?: boolean;
 };
-export type ColumnConfig = {
-    [key: string]: SingleColumnConfig;
-};
+export type ColumnConfig = Record<string, SingleColumnConfig>;
 export type SortingValueType = 'asc' | 'desc' | null;
 export type InitProps = {
     defaultSorting?: Settings['sorting'];
@@ -182,9 +173,7 @@ export type FilterProps = {
     computedValue?: any;
 };
 export type UxState = {
-    checkedRows?: {
-        [key: string]: boolean;
-    };
+    checkedRows?: Record<string, boolean>;
     selectedRow?: string | null;
 };
 export type ColumnLayout = 'normal' | 'no-scroll' | 'sticky';
@@ -199,9 +188,7 @@ export type GridState = {
     uxState: UxState;
     columnConfig: ColumnConfig;
     columnsOrder: string[];
-    columnsWidth: {
-        [anyKey: string]: number;
-    };
+    columnsWidth: Record<string, number>;
     columnsWidthVariant?: string;
 };
 export type GridSelectorsType = {
@@ -213,9 +200,7 @@ export type GridSelectorsType = {
     filter?: Settings['filter'];
     sorting?: Settings['sorting'];
     isConfigFormOpen?: boolean;
-    columnsWidth?: {
-        [anyColumn: string]: number;
-    };
+    columnsWidth?: Record<string, number>;
     columnsWidthVariant?: string;
     columnsOrder?: string[];
 };
@@ -242,14 +227,10 @@ export type GridActionsType = {
     closeConfigForm?: () => void;
     clearSettings?: () => void;
     resetGrid?: () => void;
-    setColumnWidth?: (columnsWidth: null | {
-        [anyColumn: string]: number;
-    }, columnLayout: ColumnLayout) => void;
+    setColumnWidth?: (columnsWidth: null | Record<string, number>, columnLayout: ColumnLayout) => void;
     setColumnsOrder?: (columnsOrder: string[]) => void;
 };
-export type AsyncFilters = {
-    [anyColumn: string]: Option[];
-};
+export type AsyncFilters = Record<string, Option[]>;
 export type CommonGridProps<TData extends RowProps = RowProps> = {
     gridSelectors: GridSelectorsType;
     gridActions: GridActionsType;
@@ -295,18 +276,18 @@ export type ExtraControlButton = {
     node?: React.ReactNode;
     onClick?: () => void;
     onSelect?: (value: string) => void;
-    label?: string | JSX.Element;
+    label?: string | React.ReactNode;
     appearance?: AppearanceValue;
     variant?: VariantValue;
-    options?: {
+    options?: Array<{
         label: string;
         value: string;
-    }[];
+    }>;
     position?: ExtraControlButtonPosition;
     hide?: boolean;
     hideChevron?: boolean;
     disabled?: boolean;
-    iconLeft?: string | JSX.Element;
+    iconLeft?: string | React.ReactNode;
 };
 export type Group = {
     name?: string;
@@ -327,7 +308,7 @@ export type GridProps = CommonGridProps & {
     allowSortingOnlyUnderTotalRows?: [number, number];
 };
 export type Item = {
-    title: string | JSX.Element;
+    title: string | React.ReactNode;
     onClick: () => void;
 };
 export type FloatingButtonProps = {

package/ui/Blocks/CommonGrid/utils/getRowsPerPage.d.ts

@@ -1 +1 @@
-export declare const getRowsPerPage: (ref: React.RefObject<HTMLElement> | null, withPagination: boolean, withButtonStrip: boolean, hasGroupsOrFilters: boolean) => number;
+export declare const getRowsPerPage: (ref: React.RefObject<HTMLElement | null>, withPagination: boolean, withButtonStrip: boolean, hasGroupsOrFilters: boolean) => number;

package/ui/Blocks/CommonGrid/utils/index.d.ts

@@ -1,4 +1,5 @@
-import type { ColumnDefinition, ColumnConfig, FilterProps, Group, StickTo, FiltersConfig } from '../types';
+import { ColumnDefinition, ColumnConfig, FilterProps, Group, StickTo, FiltersConfig } from '../types';
+
 export declare const getCellSizeProps: (column: ColumnDefinition, columnWidth: number) => object;
 export declare const getSortName: (column: ColumnDefinition) => string;
 export declare const getFilterName: (column: ColumnDefinition) => string;
@@ -8,9 +9,9 @@ export declare const calculatePaginator: (page: number, rowsPerPage: number) =>
     limit: number;
 };
 export declare const createFilterType: (columnDefinition: {
-    filterOptions?: ColumnDefinition['filterOptions'];
-    filteringType?: ColumnDefinition['filteringType'];
-}) => FilterProps['type'];
+    filterOptions?: ColumnDefinition["filterOptions"];
+    filteringType?: ColumnDefinition["filteringType"];
+}) => FilterProps["type"];
 export declare const getGroups: (columns: ColumnDefinition[]) => Group[];
 export declare const getGroupClassNames: (group?: Group) => string;
 export declare const getStickyCollClassNames: (sticky: boolean, stickTo?: StickTo) => string;

package/ui/Blocks/CornerDialog/CornerDialog.d.ts

@@ -1,2 +1,4 @@
+import { default as React } from 'react';
 import { CornerDialogProps } from './types';
-export declare const CornerDialog: ({ title, children, onClose, statusToTitle, isOpen, intent: _intent, }: CornerDialogProps) => JSX.Element | null;
+
+export declare const CornerDialog: React.FC<CornerDialogProps>;

package/ui/Blocks/CornerDialog/CornerDialog.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { statusToColors, statusToIcon } from './utils';
+import Icon from '../../Elements/Icon/Icon';
 import { Portal } from '../../Elements/Portal';
-import { Icon } from '../../Elements/Icon';
 import { Container, Header, Status, StatusText, Wrapper, CloseBtn } from './styles';
+import { statusToColors, statusToIcon } from './utils';
 export var CornerDialog = function (_a) {
     var title = _a.title, children = _a.children, onClose = _a.onClose, statusToTitle = _a.statusToTitle, _b = _a.isOpen, isOpen = _b === void 0 ? true : _b, _intent = _a.intent;
     var _c = useState(false), isMounted = _c[0], setIsMounted = _c[1];

package/ui/Blocks/CornerDialog/index.d.ts

@@ -1,3 +1,4 @@
 import { CornerDialog } from './CornerDialog';
+
 export type { Intent, CornerDialogProps } from './types';
 export default CornerDialog;

package/ui/Blocks/CornerDialog/stories/CornerDialog.stories.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
 import { StoryObj } from '@storybook/react';
+
 declare const meta: {
     title: string;
-    component: ({ title, children, onClose, statusToTitle, isOpen, intent: _intent, }: import("..").CornerDialogProps) => JSX.Element | null;
+    component: import('react').FC<import('..').CornerDialogProps>;
     tags: string[];
     argTypes: {};
 };

package/ui/Blocks/CornerDialog/styles.d.ts

@@ -1,12 +1,12 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     $mounted: boolean;
 }, never>;
-export declare const Header: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Wrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Status: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const Header: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Wrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Status: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     background: string;
 }, never>;
-export declare const CloseBtn: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const StatusText: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {
+export declare const CloseBtn: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const StatusText: import('styled-components').StyledComponent<"span", import('@xstyled/system').Theme, {
     fontColor: string;
 }, never>;

package/ui/Blocks/CornerDialog/types.d.ts

@@ -1,8 +1,9 @@
-import { ReactChild } from 'react';
+import { ReactNode } from 'react';
+
 export type Intent = 'success' | 'error' | 'warning' | 'info';
 export interface CornerDialogProps {
-    title: JSX.Element | string;
-    children: ReactChild;
+    title: ReactNode | string;
+    children: ReactNode;
     icon?: string;
     onClose: () => void;
     isOpen?: boolean;

package/ui/Blocks/CornerDialog/utils.d.ts

@@ -1,3 +1,4 @@
 import { Intent, ColorProps } from './types';
+
 export declare const statusToColors: Record<Intent, ColorProps>;
 export declare const statusToIcon: Record<Intent, string>;

package/ui/Blocks/Header/components/MenuItems/components/MenuItem/index.d.ts

@@ -1,5 +1,6 @@
-import { type FC } from 'react';
-import type { MenuItemType } from '../../../../../SideMenu/types';
+import { FC } from 'react';
+import { MenuItemType } from '../../../../../SideMenu/types';
+
 type MenuItemProps = {
     item: MenuItemType;
 };

package/ui/Blocks/Header/components/MenuItems/index.d.ts

@@ -1,5 +1,6 @@
-import { type FC } from 'react';
-import type { MenuItemType } from '../../../SideMenu/types';
+import { FC } from 'react';
+import { MenuItemType } from '../../../SideMenu/types';
+
 type MenuItemsProps = {
     items?: MenuItemType[];
 };

package/ui/Blocks/Header/components/MenuItems/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const MenuItemsList: import("styled-components").StyledComponent<"ul", import("@xstyled/system").Theme, {}, never>;
-export declare const MenuItemsListItem: import("styled-components").StyledComponent<"li", import("@xstyled/system").Theme, {
-    pointer?: boolean | undefined;
+export declare const MenuItemsList: import('styled-components').StyledComponent<"ul", import('@xstyled/system').Theme, {}, never>;
+export declare const MenuItemsListItem: import('styled-components').StyledComponent<"li", import('@xstyled/system').Theme, {
+    pointer?: boolean;
 }, never>;

package/ui/Blocks/Header/components/UserMenu/components/UserInfo/index.d.ts

@@ -1,4 +1,5 @@
-import { type FC } from 'react';
+import { FC } from 'react';
+
 type UserInfoProps = {
     userName?: string;
     role?: string;

package/ui/Blocks/Header/components/UserMenu/components/UserInfo/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const UserInfo: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const UserInfo: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const AvatarWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/Header/components/UserMenu/index.d.ts

@@ -1,5 +1,6 @@
-import type { FC } from 'react';
-import type { User } from '../../types';
+import { FC } from 'react';
+import { User } from '../../types';
+
 type Props = {
     user?: User | null;
     onLogout?: () => void;

package/ui/Blocks/Header/components/UserMenu/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const UserWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const DropdownContentWrap: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Line: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const UserWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const DropdownContentWrap: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Line: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/Header/index.d.ts

@@ -1,8 +1,9 @@
-import { type FC } from 'react';
-import type { Brand, Variant } from '../../Elements/Logo';
+import { FC } from 'react';
+import { Brand, Variant } from '../../Elements/Logo';
 import { LanguageItem } from '../LanguageSwitch';
-import type { MenuItemType } from '../SideMenu/types';
-import type { User } from './types';
+import { MenuItemType } from '../SideMenu/types';
+import { User } from './types';
+
 type Props = {
     homeLink: string;
     isMobileMenuOpen?: boolean;
@@ -20,6 +21,7 @@ type Props = {
     onOpenMobileSideMenu?: () => void;
     onChangeLanguage?: (language: string) => void;
     onLogout?: () => void;
+    withLanguageSwitch?: boolean;
 };
 export declare const Header: FC<Props>;
 export {};

package/ui/Blocks/Header/index.js

@@ -9,7 +9,7 @@ import { useChangeLanguage } from './hooks/useChangeLanguage';
 import { languageItems as defaultLanguageItems } from './utils/languageItems';
 import { Container, LeftSide, RightSide, LanguageWrapper } from './styles';
 export var Header = function (_a) {
-    var isMobileMenuOpen = _a.isMobileMenuOpen, homeLink = _a.homeLink, logo = _a.logo, logoVariant = _a.logoVariant, logoSrc = _a.logoSrc, logoSrcWidth = _a.logoSrcWidth, user = _a.user, currentLanguage = _a.currentLanguage, _b = _a.hasUserMenu, hasUserMenu = _b === void 0 ? false : _b, rightMenuItems = _a.rightMenuItems, showLanguageWithTitle = _a.showLanguageWithTitle, languageFlagWrapBackgroundColor = _a.languageFlagWrapBackgroundColor, _c = _a.languageItems, languageItems = _c === void 0 ? defaultLanguageItems : _c, onOpenMobileSideMenu = _a.onOpenMobileSideMenu, onChangeLanguage = _a.onChangeLanguage, onLogout = _a.onLogout;
+    var isMobileMenuOpen = _a.isMobileMenuOpen, homeLink = _a.homeLink, logo = _a.logo, logoVariant = _a.logoVariant, logoSrc = _a.logoSrc, logoSrcWidth = _a.logoSrcWidth, user = _a.user, currentLanguage = _a.currentLanguage, _b = _a.hasUserMenu, hasUserMenu = _b === void 0 ? false : _b, rightMenuItems = _a.rightMenuItems, showLanguageWithTitle = _a.showLanguageWithTitle, languageFlagWrapBackgroundColor = _a.languageFlagWrapBackgroundColor, _c = _a.languageItems, languageItems = _c === void 0 ? defaultLanguageItems : _c, _d = _a.withLanguageSwitch, withLanguageSwitch = _d === void 0 ? true : _d, onOpenMobileSideMenu = _a.onOpenMobileSideMenu, onChangeLanguage = _a.onChangeLanguage, onLogout = _a.onLogout;
     var handleChangeLanguage = useChangeLanguage({ onChangeLanguage: onChangeLanguage }).handleChangeLanguage;
-    return (_jsxs(Container, { children: [_jsxs(LeftSide, { children: [onOpenMobileSideMenu && _jsx(HamburgerMenuButton, { isLeftMenuOpen: isMobileMenuOpen, onClick: onOpenMobileSideMenu }), _jsx(Link, { to: homeLink, children: logoSrc ? (_jsx("img", { src: logoSrc, alt: "logo", width: logoSrcWidth })) : (_jsx(Logo, { brand: logo, variant: logoVariant, width: "145px" })) })] }), _jsxs(RightSide, { children: [Array.isArray(rightMenuItems) && (rightMenuItems === null || rightMenuItems === void 0 ? void 0 : rightMenuItems.length) > 0 && _jsx(MenuItems, { items: rightMenuItems }), _jsx(LanguageWrapper, { children: _jsx(LanguageSwitch, { languageItems: languageItems, withTitle: showLanguageWithTitle, onLanguageChange: handleChangeLanguage, activeLanguage: currentLanguage, languageFlagWrapBackgroundColor: languageFlagWrapBackgroundColor }) }), hasUserMenu && _jsx(UserMenu, { user: user, onLogout: onLogout })] })] }));
+    return (_jsxs(Container, { children: [_jsxs(LeftSide, { children: [onOpenMobileSideMenu && _jsx(HamburgerMenuButton, { isLeftMenuOpen: isMobileMenuOpen, onClick: onOpenMobileSideMenu }), _jsx(Link, { to: homeLink, children: logoSrc ? (_jsx("img", { src: logoSrc, alt: "logo", width: logoSrcWidth })) : (logo && _jsx(Logo, { brand: logo, variant: logoVariant, width: "145px" })) })] }), _jsxs(RightSide, { children: [Array.isArray(rightMenuItems) && (rightMenuItems === null || rightMenuItems === void 0 ? void 0 : rightMenuItems.length) > 0 && _jsx(MenuItems, { items: rightMenuItems }), withLanguageSwitch && (_jsx(LanguageWrapper, { children: _jsx(LanguageSwitch, { languageItems: languageItems, withTitle: showLanguageWithTitle, onLanguageChange: handleChangeLanguage, activeLanguage: currentLanguage, languageFlagWrapBackgroundColor: languageFlagWrapBackgroundColor }) })), hasUserMenu && _jsx(UserMenu, { user: user, onLogout: onLogout })] })] }));
 };

package/ui/Blocks/Header/stories/Header.stories.d.ts

@@ -1,31 +1,33 @@
-/// <reference types="react" />
+import { FC } from 'react';
+
 declare const meta: {
     title: string;
-    component: import("react").FC<{
+    component: FC<{
         homeLink: string;
-        isMobileMenuOpen?: boolean | undefined;
-        logo?: import("../../..").Brand | undefined;
-        logoVariant?: import("../../..").Variant | undefined;
-        logoSrc?: string | undefined;
-        logoSrcWidth?: string | undefined;
-        user?: import("../types").User | null | undefined;
-        currentLanguage?: string | undefined;
-        hasUserMenu?: boolean | undefined;
-        rightMenuItems?: import("../../SideMenu").MenuItemType[] | undefined;
-        languageItems?: import("../../LanguageSwitch").LanguageItem[] | undefined;
-        showLanguageWithTitle?: boolean | undefined;
-        languageFlagWrapBackgroundColor?: string | undefined;
-        onOpenMobileSideMenu?: (() => void) | undefined;
-        onChangeLanguage?: ((language: string) => void) | undefined;
-        onLogout?: (() => void) | undefined;
+        isMobileMenuOpen?: boolean;
+        logo?: import('../../..').Brand;
+        logoVariant?: import('../../..').Variant;
+        logoSrc?: string;
+        logoSrcWidth?: string;
+        user?: import('../types').User | null;
+        currentLanguage?: string;
+        hasUserMenu?: boolean;
+        rightMenuItems?: import('../../SideMenu').MenuItemType[];
+        languageItems?: import('../../LanguageSwitch').LanguageItem[];
+        showLanguageWithTitle?: boolean;
+        languageFlagWrapBackgroundColor?: string;
+        onOpenMobileSideMenu?: () => void;
+        onChangeLanguage?: (language: string) => void;
+        onLogout?: () => void;
+        withLanguageSwitch?: boolean;
     }>;
     tags: string[];
     argTypes: {};
 };
 export default meta;
-export declare const HeaderBasic: () => JSX.Element;
-export declare const HeaderWithUser: () => JSX.Element;
-export declare const HeaderWithRightLinks: () => JSX.Element;
-export declare const HeaderWithLanguageSwitch: () => JSX.Element;
-export declare const HeaderWithCustomLogo: () => JSX.Element;
-export declare const HeaderWithAllItems: () => JSX.Element;
+export declare const HeaderBasic: FC;
+export declare const HeaderWithUser: FC;
+export declare const HeaderWithRightLinks: FC;
+export declare const HeaderWithLanguageSwitch: FC;
+export declare const HeaderWithCustomLogo: FC;
+export declare const HeaderWithAllItems: FC;

package/ui/Blocks/Header/stories/Header.stories.js

@@ -38,5 +38,7 @@ export var HeaderWithLanguageSwitch = function () { return (_jsx(LinguiContainer
 export var HeaderWithCustomLogo = function () { return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "//google.com", logoSrc: "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png", logoSrcWidth: "100px" }) })); };
 export var HeaderWithAllItems = function () {
     var _a = useState(false), isMobileMenuOpen = _a[0], setIsMobileMenuOpen = _a[1];
-    return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "/", logo: "mailstep", logoVariant: "black", currentLanguage: "cs", rightMenuItems: menuItems, hasUserMenu: true, user: user, showLanguageWithTitle: true, isMobileMenuOpen: isMobileMenuOpen, languageFlagWrapBackgroundColor: "pink", onOpenMobileSideMenu: function () { return setIsMobileMenuOpen(function (state) { return !state; }); } }) }));
+    return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "/", logo: "mailstep", logoVariant: "black", currentLanguage: "cs", rightMenuItems: menuItems, hasUserMenu: true, user: user, showLanguageWithTitle: true, isMobileMenuOpen: isMobileMenuOpen, languageFlagWrapBackgroundColor: "pink", onOpenMobileSideMenu: function () {
+                setIsMobileMenuOpen(function (state) { return !state; });
+            } }) }));
 };

package/ui/Blocks/Header/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const Container: import("styled-components").StyledComponent<"header", import("@xstyled/system").Theme, {}, never>;
-export declare const LeftSide: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const LanguageWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const RightSide: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
+export declare const Container: import('styled-components').StyledComponent<"header", import('@xstyled/system').Theme, {}, never>;
+export declare const LeftSide: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const LanguageWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const RightSide: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/Header/utils/languageItems.d.ts

@@ -1,2 +1,3 @@
-import type { LanguageItem } from '../../LanguageSwitch';
+import { LanguageItem } from '../../LanguageSwitch';
+
 export declare const languageItems: LanguageItem[];

package/ui/Blocks/HidePrint/HidePrint.d.ts

@@ -1,6 +1,7 @@
-import React from 'react';
+import { default as React } from 'react';
+
 type Props = {
     children: React.ReactNode;
 };
-declare const HidePrint: ({ children }: Props) => JSX.Element;
+declare const HidePrint: React.FC<Props>;
 export default HidePrint;

package/ui/Blocks/ImageList/ImageList.d.ts

@@ -1,3 +1,4 @@
-import { type FC } from 'react';
-import { type ImageListProps } from './types';
+import { FC } from 'react';
+import { ImageListProps } from './types';
+
 export declare const ImageList: FC<ImageListProps>;

package/ui/Blocks/ImageList/ImageList.js

@@ -22,7 +22,7 @@ import { x } from '@xstyled/styled-components';
 import { ImageListContainer, Control } from './styles';
 export var ImageList = function (_a) {
     var onImageUpload = _a.onImageUpload, onImageRemove = _a.onImageRemove, onImageClick = _a.onImageClick, lightBoxAction = _a.lightBoxAction, lightBoxActionTitle = _a.lightBoxActionTitle, images = _a.images, isDisabled = _a.isDisabled, selectable = _a.selectable, max = _a.max;
-    var ref = useRef();
+    var ref = useRef(null);
     var events = useDraggable(ref, { isMounted: !!(images === null || images === void 0 ? void 0 : images.length) }).events;
     var _b = useLightBox(), isLightBoxOpen = _b.isLightBoxOpen, onCloseLightBox = _b.onCloseLightBox, onOpenLightBox = _b.onOpenLightBox, lightBoxData = _b.lightBoxData;
     var _c = useOnElementClick({ onImageClick: onImageClick, onOpenLightBox: onOpenLightBox, selectable: selectable }), handleOnClick = _c.handleOnClick, selected = _c.selected;

package/ui/Blocks/ImageList/components/AddPhoto/index.d.ts

@@ -1,5 +1,6 @@
-import { type FC } from 'react';
-import { type ImageUploadProps } from '../../types';
+import { FC } from 'react';
+import { ImageUploadProps } from '../../types';
+
 interface AddPhotoProps {
     onImageUpload?: (props: ImageUploadProps) => Promise<void>;
     isDisabled?: boolean;

package/ui/Blocks/ImageList/components/AddPhoto/index.js

@@ -8,8 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/ui/Blocks/ImageList/components/AddPhoto/styles.d.ts

@@ -1,5 +1,5 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    isDisabled?: boolean | undefined;
-    hasRemove?: boolean | undefined;
+export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    isDisabled?: boolean;
+    hasRemove?: boolean;
 }, never>;
-export declare const HiddenInput: import("styled-components").StyledComponent<"input", import("@xstyled/system").Theme, {}, never>;
+export declare const HiddenInput: import('styled-components').StyledComponent<"input", import('@xstyled/system').Theme, {}, never>;

package/ui/Blocks/ImageList/components/CloseButton/index.d.ts

@@ -1,4 +1,5 @@
-import { type FC } from 'react';
+import { FC } from 'react';
+
 interface CloseButtonProps {
     onImageRemove: () => void;
     isDisabled?: boolean;

package/ui/Blocks/ImageList/components/CloseButton/styles.d.ts

@@ -1,3 +1,3 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    isDisabled?: boolean | undefined;
+export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
+    isDisabled?: boolean;
 }, never>;

package/ui/Blocks/ImageList/components/ImageElement/index.d.ts

@@ -1,4 +1,5 @@
-import { type FC } from 'react';
+import { FC } from 'react';
+
 interface ImageElementProps {
     label?: string;
     onImageRemove?: () => void;

package/ui/Blocks/ImageList/components/ImageElement/styles.d.ts

@@ -1,8 +1,8 @@
-export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", import("@xstyled/system").Theme, {
-    selected?: boolean | undefined;
+export declare const Container: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {}, never>;
+export declare const Image: import('styled-components').StyledComponent<"img", import('@xstyled/system').Theme, {
+    selected?: boolean;
 }, never>;
-export declare const ImageWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
+export declare const ImageWrapper: import('styled-components').StyledComponent<"div", import('@xstyled/system').Theme, {
     visible: boolean;
     hasImageRemove: boolean;
 }, never>;