@dtdot/lego 0.19.2 → 0.19.3

package/build/components/MinimalMenu/MinimalMenu.component.d.ts

@@ -4,7 +4,7 @@ export interface MinimalMenuProps {
 }
 declare const MinimalMenu: {
     ({ children }: MinimalMenuProps): JSX.Element;
-    Item: ({ icon, active, onClick }: import("./_MinimalMenuItem.component").MinimalMenuItemProps) => JSX.Element;
+    Item: ({ icon, active, onClick, "data-cy": dataCy }: import("./_MinimalMenuItem.component").MinimalMenuItemProps) => JSX.Element;
     Page: ({ children }: import("./_MinimalMenuPage.component").MinimalMenuPageProps) => JSX.Element;
 };
 export default MinimalMenu;

package/build/components/MinimalMenu/_MinimalMenuItem.component.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 export interface MinimalMenuItemProps {
-    icon?: IconProp;
-    active?: boolean;
-    onClick?: () => void;
+    'icon'?: IconProp;
+    'active'?: boolean;
+    'onClick'?: () => void;
+    'data-cy'?: string;
 }
-declare const MinimalMenuItem: ({ icon, active, onClick }: MinimalMenuItemProps) => JSX.Element;
+declare const MinimalMenuItem: ({ icon, active, onClick, "data-cy": dataCy }: MinimalMenuItemProps) => JSX.Element;
 export default MinimalMenuItem;

package/build/components/MinimalMenu/_MinimalMenuItem.component.js

@@ -2,11 +2,11 @@ import React from 'react';
 import { useIsScreenSize } from '../../responsive/responsive';
 import MobileMinimalMenuItem from './mobile/_MobileMinimalMenuItem.component';
 import DesktopMinimalMenuItem from './desktop/_DesktopMinimalMenuItem.component';
-const MinimalMenuItem = ({ icon, active, onClick }) => {
+const MinimalMenuItem = ({ icon, active, onClick, 'data-cy': dataCy }) => {
     const isMobile = useIsScreenSize('mobile');
     if (isMobile) {
-        return React.createElement(MobileMinimalMenuItem, { icon: icon, active: active, onClick: onClick });
+        return React.createElement(MobileMinimalMenuItem, { icon: icon, active: active, onClick: onClick, "data-cy": dataCy });
     }
-    return React.createElement(DesktopMinimalMenuItem, { icon: icon, active: active, onClick: onClick });
+    return React.createElement(DesktopMinimalMenuItem, { icon: icon, active: active, onClick: onClick, "data-cy": dataCy });
 };
 export default MinimalMenuItem;

package/build/components/MinimalMenu/desktop/_DesktopMinimalMenuItem.component.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 export interface DesktopMinimalMenuItemProps {
-    icon?: IconProp;
-    active?: boolean;
-    onClick?: () => void;
+    'icon'?: IconProp;
+    'active'?: boolean;
+    'onClick'?: () => void;
+    'data-cy'?: string;
 }
-declare const DesktopMinimalMenuItem: ({ icon, active, onClick }: DesktopMinimalMenuItemProps) => JSX.Element;
+declare const DesktopMinimalMenuItem: ({ icon, active, onClick, "data-cy": dataCy }: DesktopMinimalMenuItemProps) => JSX.Element;
 export default DesktopMinimalMenuItem;

package/build/components/MinimalMenu/desktop/_DesktopMinimalMenuItem.component.js

@@ -27,14 +27,14 @@ const iconContainerVariants = {
     active: { x: 2 },
     hoverActive: { x: 2 },
 };
-const DesktopMinimalMenuItem = ({ icon, active, onClick }) => {
+const DesktopMinimalMenuItem = ({ icon, active, onClick, 'data-cy': dataCy }) => {
     const theme = useTheme();
     const barVariants = useMemo(() => ({
         hover: { opacity: 1, backgroundColor: theme.colours.defaultBorder, width: 4 },
         active: { opacity: 1, backgroundColor: theme.colours.primary.main, width: 4 },
         hoverActive: { opacity: 1, backgroundColor: theme.colours.primary.main, width: 4 },
     }), [theme]);
-    return (React.createElement(ItemContainer, { whileHover: active ? 'hoverActive' : 'hover', animate: active ? 'active' : undefined, onClick: onClick, "data-cy": 'menu-item' },
+    return (React.createElement(ItemContainer, { whileHover: active ? 'hoverActive' : 'hover', animate: active ? 'active' : undefined, onClick: onClick, "data-cy": dataCy || 'menu-item' },
         React.createElement(MenuIconBar, { style: { backgroundColor: theme.colours.cardBackground, opacity: 0 }, variants: barVariants, transition: { type: 'spring', duration: 0.3 } }),
         icon && (React.createElement(motion.div, { variants: iconContainerVariants },
             React.createElement(FontAwesomeIcon, { icon: icon })))));

package/build/components/MinimalMenu/mobile/_MobileMinimalMenuItem.component.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
 export interface MobileMinimalMenuItemProps {
-    icon?: IconProp;
-    active?: boolean;
-    onClick?: () => void;
+    'icon'?: IconProp;
+    'active'?: boolean;
+    'onClick'?: () => void;
+    'data-cy'?: string;
 }
-declare const MobileMinimalMenuItem: ({ icon, active, onClick }: MobileMinimalMenuItemProps) => JSX.Element;
+declare const MobileMinimalMenuItem: ({ icon, active, onClick, "data-cy": dataCy }: MobileMinimalMenuItemProps) => JSX.Element;
 export default MobileMinimalMenuItem;

package/build/components/MinimalMenu/mobile/_MobileMinimalMenuItem.component.js

@@ -20,7 +20,7 @@ const ItemContainer = styled.div `
 const iconContainerVariants = {
     active: { fontSize: '28px', y: -8 },
 };
-const MobileMinimalMenuItem = ({ icon, active, onClick }) => {
+const MobileMinimalMenuItem = ({ icon, active, onClick, 'data-cy': dataCy }) => {
     const { width } = useWindowDimensions();
     const { setBumpX } = useContext(MobileMenuBumpContext);
     const itemRef = useRef(null);
@@ -36,7 +36,7 @@ const MobileMinimalMenuItem = ({ icon, active, onClick }) => {
             }
         };
     }, [active, setBumpX, width]);
-    return (React.createElement(ItemContainer, { onClick: onClick, ref: itemRef, "data-cy": 'menu-item' }, icon && (React.createElement(motion.div, { animate: active ? 'active' : undefined, style: { fontSize: '20px' }, variants: iconContainerVariants, transition: mobileMenuDefaultTransition },
+    return (React.createElement(ItemContainer, { onClick: onClick, ref: itemRef, "data-cy": dataCy || 'menu-item' }, icon && (React.createElement(motion.div, { animate: active ? 'active' : undefined, style: { fontSize: '20px' }, variants: iconContainerVariants, transition: mobileMenuDefaultTransition },
         React.createElement(FontAwesomeIcon, { icon: icon })))));
 };
 export default MobileMinimalMenuItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dtdot/lego",
-  "version": "0.19.2",
+  "version": "0.19.3",
   "description": "Some reusable components for building my applications",
   "main": "build/index.js",
   "scripts": {