@tap-payments/os-micro-frontend-shared 0.1.203 → 0.1.205

package/build/components/AppServices/ServiceItem.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { DropdownMenu, Icon } from '../index.js';
-import { isInsightService } from '../../utils/index.js';
-import { homeIcon, newWindowIcon } from '../../constants/index.js';
+import { DropdownMenu } from '../index.js';
+import { newWindowIcon } from '../../constants/index.js';
 import { ServiceItemStyled } from './style';
 function ServiceItem({ isDropdown = false, name, code, activeCode, navigateToMenuItem, onClickServiceItem }) {
     const [anchorEl, setAnchorEl] = useState(null);
@@ -12,17 +11,16 @@ function ServiceItem({ isDropdown = false, name, code, activeCode, navigateToMen
     const handleClose = () => {
         setAnchorEl(null);
     };
-    const isHomeService = isInsightService(code);
     return (_jsxs(_Fragment, { children: [_jsx(ServiceItemStyled, Object.assign({ isDropdown: isDropdown, className: activeCode.toLowerCase() === code.toLowerCase() ? 'active' : '', onClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     navigateToMenuItem(code);
-                }, title: isHomeService ? undefined : name, onContextMenu: (event) => {
+                }, title: name, onContextMenu: (event) => {
                     event.preventDefault();
                     event.stopPropagation();
                     handleClose();
                     setAnchorEl(event.currentTarget);
-                } }, { children: isHomeService ? _jsx(Icon, { src: homeIcon }) : name })), _jsx(DropdownMenu, { open: open, anchorEl: anchorEl, onClose: handleClose, menuItems: [
+                } }, { children: name })), _jsx(DropdownMenu, { open: open, anchorEl: anchorEl, onClose: handleClose, menuItems: [
                     {
                         label: t('openNewWindow'),
                         name: 'new',

package/build/components/BetaBanner/BetaBanner.d.ts

@@ -0,0 +1 @@
+export default function BetaBanner(): import("react/jsx-runtime").JSX.Element;

package/build/components/BetaBanner/BetaBanner.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BannerContainer, BoldText, RegularText } from './style';
+export default function BetaBanner() {
+    return (_jsxs(BannerContainer, { children: [_jsx(BoldText, { children: "Insights is in beta -" }), _jsx(RegularText, { children: "improvements are ongoing, thanks for your patience." })] }));
+}

package/build/components/BetaBanner/index.d.ts

@@ -0,0 +1,2 @@
+import BetaBanner from './BetaBanner';
+export default BetaBanner;

package/build/components/BetaBanner/index.js

@@ -0,0 +1,2 @@
+import BetaBanner from './BetaBanner';
+export default BetaBanner;

package/build/components/BetaBanner/style.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const BannerContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const BoldText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const RegularText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/build/components/BetaBanner/style.js

@@ -0,0 +1,18 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const BannerContainer = styled(Box)(() => ({
+    color: '#1F88D0',
+    backgroundColor: '#1F88D00D',
+    padding: '8px 12px',
+    borderRadius: '4px',
+    fontSize: '11px',
+    display: 'flex',
+    alignItems: 'center',
+    gap: '2px',
+}));
+export const BoldText = styled('span')(() => ({
+    fontWeight: 700,
+}));
+export const RegularText = styled('span')(() => ({
+    fontWeight: 500,
+}));

package/build/components/Widget/List.d.ts

@@ -2,7 +2,8 @@ import { type ReactNode } from 'react';
 import { BoxProps } from '@mui/material/Box';
 interface ListI extends BoxProps {
     children: ReactNode;
+    allowShadow?: boolean;
 }
-declare function List({ children, ...props }: ListI): import("react/jsx-runtime").JSX.Element;
+declare function List({ allowShadow, children, ...props }: ListI): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof List>;
 export default _default;

package/build/components/Widget/List.js

@@ -16,8 +16,8 @@ import { listShadowBg } from '../../constants/index.js';
 import { ListStyled } from './style';
 import { useScrollWithShadow } from './useScrollWithShadow';
 function List(_a) {
-    var { children } = _a, props = __rest(_a, ["children"]);
+    var { allowShadow = true, children } = _a, props = __rest(_a, ["allowShadow", "children"]);
     const { onScrollHandler, showShadow } = useScrollWithShadow();
-    return (_jsxs(ListStyled, Object.assign({ component: "ul", "data-testid": "Widget_List", onScroll: onScrollHandler }, props, { children: [children, showShadow && _jsx(Box, { component: "img", src: listShadowBg, sx: { width: '100%', position: 'fixed', bottom: 0, pointerEvents: 'none' } })] })));
+    return (_jsxs(ListStyled, Object.assign({ component: "ul", "data-testid": "Widget_List", onScroll: onScrollHandler }, props, { children: [children, showShadow && allowShadow && (_jsx(Box, { component: "img", src: listShadowBg, sx: { width: '100%', position: 'fixed', bottom: 0, pointerEvents: 'none' } }))] })));
 }
 export default memo(List);

package/build/components/index.d.ts

@@ -120,3 +120,4 @@ export * from './AppServicesBar';
 export { default as ListLayout } from './ListLayout';
 export * from './ListLayout';
 export { default as MFWidgetLoader } from './MFWidgetLoader';
+export { default as BetaBanner } from './BetaBanner';

package/build/components/index.js

@@ -120,3 +120,4 @@ export * from './AppServicesBar';
 export { default as ListLayout } from './ListLayout';
 export * from './ListLayout';
 export { default as MFWidgetLoader } from './MFWidgetLoader';
+export { default as BetaBanner } from './BetaBanner';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.203",
+  "version": "0.1.205",
   "testVersion": 8,
   "type": "module",
   "main": "build/index.js",