pcm-shared-components 0.0.46 → 0.0.49

package/README.md

@@ -14,6 +14,9 @@ Manually deploying is faster then committing the code as it doesn't need to crea
 # Must build the Storybook dist folder before manually publishing
 > npm run build
 
+# Edit the package.json file and up he version.
+> npm version patch --force
+
 # Login if not already logged in
 > npm login
 

package/dist/components/Buttons/CustomFab/CustomFab.js

@@ -7,8 +7,6 @@ import clsx from 'clsx';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
 import { ThemeProvider } from '@mui/system';
 import { createTheme } from '@mui/material/styles';
-import { theme } from '../../Theme/theme';
-const defaultTheme = createTheme(theme.pitchCamp);
 const useStyles = makeStyles(() => ({
   rootFabElement: {
     margin: 2,
@@ -59,8 +57,10 @@ const CustomFab = props => {
     Icon,
     buttonText,
     boxShadow,
-    iconLocation
+    iconLocation,
+    theme
   } = props;
+  const defaultTheme = createTheme(theme);
   const classes = useStyles(props);
   console.log('debug boxShadow', boxShadow);
   return /*#__PURE__*/React.createElement(ThemeProvider, {
@@ -106,7 +106,8 @@ CustomFab.defaultProps = {
   textColor: 'textPrimary',
   hoverTextColor: 'textPrimary',
   className: '',
-  color: 'primary'
+  color: 'primary',
+  theme: {}
 };
 CustomFab.propTypes = {
   /** onClick function passed to the button */
@@ -154,5 +155,8 @@ CustomFab.propTypes = {
   className: PropTypes.string,
 
   /** Theme colors if not using backgroundColor ['primary','secondary'] */
-  color: PropTypes.oneOf(['primary', 'secondary'])
+  color: PropTypes.oneOf(['primary', 'secondary']),
+
+  /** Theme object to use on this component*/
+  theme: PropTypes.object
 };

package/dist/components/Buttons/HelpButton/HelpButton.js

@@ -2,6 +2,8 @@ import React from 'react';
 import CustomFab from '../CustomFab/CustomFab';
 import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
 import PropTypes from 'prop-types';
+import { ThemeProvider } from '@mui/system';
+import { createTheme } from '@mui/material/styles';
 export const HelpButton = props => {
   const {
     onClickLink,
@@ -9,9 +11,13 @@ export const HelpButton = props => {
     color,
     tooltipText,
     size,
-    iconSize
+    iconSize,
+    theme
   } = props;
-  return /*#__PURE__*/React.createElement(CustomFab, {
+  const defaultTheme = createTheme(theme);
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
+    theme: defaultTheme
+  }, /*#__PURE__*/React.createElement(CustomFab, {
     className: className,
     Icon: HelpOutlineIcon,
     tooltipText: tooltipText,
@@ -19,10 +25,11 @@ export const HelpButton = props => {
     size: size,
     iconSize: iconSize,
     variant: 'round',
+    theme: theme,
     onClick: () => {
       window.open(onClickLink, "_blank");
     }
-  });
+  }));
 };
 export default HelpButton;
 HelpButton.defaultProps = {
@@ -31,7 +38,8 @@ HelpButton.defaultProps = {
   color: 'primary',
   tooltipText: '',
   size: 'large',
-  iconSize: 24
+  iconSize: 24,
+  theme: {}
 };
 HelpButton.propTypes = {
   /** On click link, it's the URL to navigate too */
@@ -50,5 +58,8 @@ HelpButton.propTypes = {
   iconSize: PropTypes.number,
 
   /** The size of the button ['small','medium','large'] */
-  size: PropTypes.oneOf(['small', 'medium', 'large'])
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+
+  /** Theme object to use on this component*/
+  theme: PropTypes.object
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "0.0.46",
+  "version": "0.0.49",
   "private": false,
   "main": "dist/index.js",
   "babel": {
@@ -17,7 +17,7 @@
     "build-storybook": "build-storybook",
     "clean": "rm -rf dist",
     "build-tailwind": "NODE_ENV=production npx tailwindcss -o ./dist/styles/tailwind.css --minify",
-    "build": "npm version patch --force && npm run clean && NODE_ENV=production babel src/ --out-dir dist --ignore '**/*.stories.js' --ignore '**/*.stories.mdx' --ignore '**/*.docs.js' && npm run build-tailwind && cp ./src/styles/prism.css ./dist/styles/"
+    "build": "npm run clean && NODE_ENV=production babel src/ --out-dir dist --ignore '**/*.stories.js' --ignore '**/*.stories.mdx' --ignore '**/*.docs.js' && npm run build-tailwind && cp ./src/styles/prism.css ./dist/styles/"
   },
   "peerDependencies": {
     "react": "^17.0.2",