@mailstep/design-system 0.7.65 → 0.7.66-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.65",
+  "version": "0.7.66-beta.1",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/CommonGrid.js

@@ -51,9 +51,7 @@ var CommonGrid = function (_a) {
     var commonGridRef = React.useCallback(function (node) {
         gridBoxRef.current = node;
     }, []);
-    var isEmpty = !isLoading && !errorMessage && (!rowsData || rowsData.length < 1);
-    var hasFloatingChildren = isLoading || errorMessage || isEmpty;
-    return (_jsxs(_Fragment, { children: [_jsx(x.div, { className: className || '', children: _jsxs(OversizedScroll, { columnLayout: columnLayout, totalColumnsWidth: totalColumnsWidth, floatingChildren: hasFloatingChildren && _jsx(GridStatus, { isLoading: isLoading, isEmpty: isEmpty, errorMessage: errorMessage }), ref: commonGridRef, children: [_jsxs("div", { className: "gridHead", children: [hasGroups && (_jsx(GroupRow, { actionColumn: actionColumnDefinition, columns: displayColumnsDefinitions, displayColumnsWidth: displayColumnsWidth, groups: groups })), _jsx(HeadRow, { columns: displayColumnsDefinitions, onAddSort: addSorting, columnLayout: columnLayout, sortingValues: sorting, displayColumnsWidth: displayColumnsWidth, handleResizeDrag: handleResizeDrag, groups: groups, handleDragEnd: handleDragEnd, isSortTerminated: isSortTerminated }), hasFilters && (_jsx(FilterRow, { filters: filters, comparators: comparators, columns: displayColumnsDefinitions, actionColumn: actionColumnDefinition, onChange: addFilter, filterValues: filter, displayColumnsWidth: displayColumnsWidth, groups: groups, rowsData: rowsData, uxState: uxState, handleUxChange: handleUxChange }))] }), _jsx("div", { className: "body flx_1", style: rowsStyles, tabIndex: -1, onKeyDown: handleRowsKeyDown, children: !isLoading &&
+    return (_jsxs(_Fragment, { children: [_jsx(x.div, { className: className || '', children: _jsxs(OversizedScroll, { columnLayout: columnLayout, totalColumnsWidth: totalColumnsWidth, floatingChildren: _jsx(GridStatus, { isLoading: isLoading, rowsData: rowsData, errorMessage: errorMessage }), ref: commonGridRef, children: [_jsxs("div", { className: "gridHead", children: [hasGroups && (_jsx(GroupRow, { actionColumn: actionColumnDefinition, columns: displayColumnsDefinitions, displayColumnsWidth: displayColumnsWidth, groups: groups })), _jsx(HeadRow, { columns: displayColumnsDefinitions, onAddSort: addSorting, columnLayout: columnLayout, sortingValues: sorting, displayColumnsWidth: displayColumnsWidth, handleResizeDrag: handleResizeDrag, groups: groups, handleDragEnd: handleDragEnd, isSortTerminated: isSortTerminated }), hasFilters && (_jsx(FilterRow, { filters: filters, comparators: comparators, columns: displayColumnsDefinitions, actionColumn: actionColumnDefinition, onChange: addFilter, filterValues: filter, displayColumnsWidth: displayColumnsWidth, groups: groups, rowsData: rowsData, uxState: uxState, handleUxChange: handleUxChange }))] }), _jsx("div", { className: "body flx_1", style: rowsStyles, tabIndex: -1, onKeyDown: handleRowsKeyDown, children: !isLoading &&
                                 rowsData &&
                                 displayColumnsDefinitions &&
                                 rowsData.map(function (row, index) {

package/ui/Blocks/CommonGrid/components/GridStatus/index.d.ts

@@ -1,7 +1,8 @@
 import type { FC } from 'react';
-type Props = {
+import type { RowProps } from '../../types';
+type Props<TData extends RowProps = RowProps> = {
     isLoading?: boolean;
-    isEmpty?: boolean;
+    rowsData: TData[];
     errorMessage?: string;
 };
 export declare const GridStatus: FC<Props>;

package/ui/Blocks/CommonGrid/components/GridStatus/index.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Row, MessageCell, MessageCellBody } from '../Table';
 import { Trans } from '@lingui/react';
 export var GridStatus = function (_a) {
-    var isLoading = _a.isLoading, isEmpty = _a.isEmpty, errorMessage = _a.errorMessage;
+    var isLoading = _a.isLoading, rowsData = _a.rowsData, errorMessage = _a.errorMessage;
     var hasError = !isLoading && errorMessage;
+    var isEmpty = !isLoading && !errorMessage && (!rowsData || rowsData.length < 1);
     var variant = hasError ? 'error' : 'info';
     return (_jsx(Row, { className: "dataRow", align: "center", children: _jsx(MessageCell, { children: _jsxs(MessageCellBody, { variant: variant, children: [isLoading && _jsx(Trans, { id: "dataGrid.status.loadingData", message: "... loading data ..." }), hasError && errorMessage, isEmpty && _jsx(Trans, { id: "dataGrid.status.noDataFound", message: "No data found." })] }) }) }));
 };

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

@@ -1,6 +1,6 @@
 import { type FC } from 'react';
 import type { Brand, Variant } from '../../Elements/Logo';
-import { LanguageItem } from '../LanguageSwitch';
+import { type LanguageItem } from '../LanguageSwitch';
 import type { MenuItemType } from '../SideMenu/types';
 import type { User } from './types';
 type Props = {
@@ -20,6 +20,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

@@ -18,6 +18,7 @@ declare const meta: {
         onOpenMobileSideMenu?: (() => void) | undefined;
         onChangeLanguage?: ((language: string) => void) | undefined;
         onLogout?: (() => void) | undefined;
+        withLanguageSwitch?: boolean | undefined;
     }>;
     tags: string[];
     argTypes: {};

package/ui/Elements/Icon/icons/FlagHU.d.ts

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

package/ui/Elements/Icon/icons/FlagHU.js

@@ -0,0 +1,13 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var FlagHU = function (props) { return (_jsxs("svg", __assign({ width: "1200", height: "600" }, props, { children: [_jsx("path", { d: "M0 0h1200v600H0", fill: "#477050" }), _jsx("path", { d: "M0 0h1200v400H0", fill: "#fff" }), _jsx("path", { d: "M0 0h1200v200H0", fill: "#ce2939" })] }))); };

package/ui/Elements/Icon/icons/FlagNL.d.ts

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

package/ui/Elements/Icon/icons/FlagNL.js

@@ -0,0 +1,13 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var FlagNL = function (props) { return (_jsxs("svg", __assign({ width: "900", height: "600", viewBox: "0 0 9 6" }, props, { children: [_jsx("rect", { fill: "#21468B", width: "9", height: "6" }), _jsx("rect", { fill: "#FFF", width: "9", height: "4" }), _jsx("rect", { fill: "#AE1C28", width: "9", height: "2" })] }))); };

package/ui/Elements/Icon/icons/index.d.ts

@@ -6,6 +6,8 @@ export { FlagESP } from './FlagESP';
 export { FlagITA } from './FlagITA';
 export { FlagRUS } from './FlagRUS';
 export { FlagSVK } from './FlagSVK';
+export { FlagNL } from './FlagNL';
+export { FlagHU } from './FlagHU';
 export { FlagUK } from './FlagUK';
 export { Complaint } from './Complaint';
 export { Expeditions } from './Expeditions';

package/ui/Elements/Icon/icons/index.js

@@ -6,6 +6,8 @@ export { FlagESP } from './FlagESP';
 export { FlagITA } from './FlagITA';
 export { FlagRUS } from './FlagRUS';
 export { FlagSVK } from './FlagSVK';
+export { FlagNL } from './FlagNL';
+export { FlagHU } from './FlagHU';
 export { FlagUK } from './FlagUK';
 export { Complaint } from './Complaint';
 export { Expeditions } from './Expeditions';