@dtdot/lego 2.3.1 → 2.3.3

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

@@ -2,12 +2,13 @@
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { ColourVariant } from '../../theme/theme.types';
 interface FloatingActionButtonProps {
-    icon: IconDefinition;
-    onClick: () => void;
-    variant?: ColourVariant;
+    'icon': IconDefinition;
+    'onClick': () => void;
+    'variant'?: ColourVariant;
+    'data-testid'?: string;
 }
 declare const FloatingActionButton: {
-    ({ icon, onClick, variant }: FloatingActionButtonProps): JSX.Element | null;
+    ({ icon, onClick, variant, "data-testid": dataTestId, }: FloatingActionButtonProps): JSX.Element | null;
     Provider: ({ children }: import("./_FloatingActionButton.provider").FloatingActionButtonProviderProps) => JSX.Element;
 };
 export default FloatingActionButton;

package/build/components/FloatingActionButton/FloatingActionButton.component.js

@@ -3,17 +3,17 @@ import FloatingActionButtonContext from './_FloatingActionButton.context';
 import FloatingActionButtonProvider from './_FloatingActionButton.provider';
 import { v4 } from 'uuid';
 import FloatingActionButtonInternal from './_FloatingActionButton.internal';
-const FloatingActionButton = ({ icon, onClick, variant = 'primary' }) => {
+const FloatingActionButton = ({ icon, onClick, variant = 'primary', 'data-testid': dataTestId, }) => {
     const { contextExists, setButton } = useContext(FloatingActionButtonContext);
     const id = useMemo(() => v4(), []);
     useEffect(() => {
-        setButton({ id, icon, onClick, variant });
+        setButton({ id, icon, onClick, variant, dataTestId });
         return () => {
             setButton(undefined);
         };
-    }, [icon, onClick, variant, setButton]);
+    }, [icon, onClick, variant, dataTestId, setButton]);
     if (!contextExists) {
-        return React.createElement(FloatingActionButtonInternal, { icon: icon, onClick: onClick, variant: variant });
+        return React.createElement(FloatingActionButtonInternal, { icon: icon, onClick: onClick, variant: variant, "data-testid": dataTestId });
     }
     return null;
 };

package/build/components/FloatingActionButton/_FloatingActionButton.context.d.ts

@@ -6,6 +6,7 @@ export interface FabProps {
     icon: IconDefinition | null;
     onClick: () => void;
     variant?: ColourVariant;
+    dataTestId?: string;
 }
 interface FloatingActionButtonContextProps {
     contextExists: boolean;

package/build/components/FloatingActionButton/_FloatingActionButton.internal.d.ts

@@ -2,9 +2,10 @@
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { ColourVariant } from '../../theme/theme.types';
 interface FloatingActionButtonInternalProps {
-    icon: IconDefinition;
-    onClick: () => void;
-    variant?: ColourVariant;
+    'icon': IconDefinition;
+    'onClick': () => void;
+    'variant'?: ColourVariant;
+    'data-testid'?: string;
 }
-declare const FloatingActionButtonInternal: ({ icon, onClick, variant }: FloatingActionButtonInternalProps) => JSX.Element;
+declare const FloatingActionButtonInternal: ({ icon, onClick, variant, "data-testid": dataTestId, }: FloatingActionButtonInternalProps) => JSX.Element;
 export default FloatingActionButtonInternal;

package/build/components/FloatingActionButton/_FloatingActionButton.internal.js

@@ -29,7 +29,7 @@ const FloatingButton = styled(motion.button) `
     background-color: ${(props) => getThemeVariantColours(props.variant, props.theme).darker};
   }
 `;
-const FloatingActionButtonInternal = ({ icon, onClick, variant = 'primary' }) => {
+const FloatingActionButtonInternal = ({ icon, onClick, variant = 'primary', 'data-testid': dataTestId, }) => {
     const { menuExists, isMobile } = useContext(MinimalMenuContext);
     const { contextExists } = useContext(FloatingActionButtonContext);
     const variants = {
@@ -39,7 +39,7 @@ const FloatingActionButtonInternal = ({ icon, onClick, variant = 'primary' }) =>
         hover: { scale: 1.1 },
         tap: { scale: 0.95 },
     };
-    return (React.createElement(FloatingButton, { key: 'floating-button', initial: contextExists ? 'hidden' : 'visible', animate: 'visible', exit: 'exit', whileHover: 'hover', whileTap: 'tap', offsetBottom: menuExists && isMobile, variants: variants, onClick: onClick, variant: variant },
+    return (React.createElement(FloatingButton, { key: 'floating-button', initial: contextExists ? 'hidden' : 'visible', animate: 'visible', exit: 'exit', whileHover: 'hover', whileTap: 'tap', offsetBottom: menuExists && isMobile, variants: variants, onClick: onClick, variant: variant, "data-testid": dataTestId },
         React.createElement(FontAwesomeIcon, { icon: icon })));
 };
 export default FloatingActionButtonInternal;

package/build/components/FloatingActionButton/_FloatingActionButton.provider.js

@@ -10,6 +10,6 @@ const FloatingActionButtonProvider = ({ children }) => {
     }), [setFab]);
     return (React.createElement(FloatingActionButtonContext.Provider, { value: contextVal },
         children,
-        React.createElement(AnimatePresence, null, fab?.icon && (React.createElement(FloatingActionButtonInternal, { key: fab.id, icon: fab.icon, onClick: fab.onClick, variant: fab.variant })))));
+        React.createElement(AnimatePresence, null, fab?.icon && (React.createElement(FloatingActionButtonInternal, { key: fab.id, icon: fab.icon, onClick: fab.onClick, variant: fab.variant, "data-testid": fab.dataTestId })))));
 };
 export default FloatingActionButtonProvider;

package/package.json

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