pcm-shared-components 0.0.31 → 0.0.34

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

@@ -4,8 +4,11 @@ import Fab from '@mui/material/Fab';
 import PropTypes from 'prop-types';
 import Tooltip from '@mui/material/Tooltip';
 import clsx from 'clsx';
-import '../../../styles/tailwind.css';
 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,
@@ -26,6 +29,16 @@ const useStyles = makeStyles(() => ({
     color: ({
       textColor
     }) => textColor
+  },
+  Icon: {
+    width: ({
+      iconSize
+    }) => iconSize,
+    height: ({
+      iconSize
+    }) => iconSize,
+    marginTop: 'auto',
+    marginBottom: 'auto'
   }
 }));
 
@@ -39,11 +52,14 @@ const CustomFab = props => {
     backgroundColor,
     color,
     Icon,
+    iconSize,
     buttonText,
     iconLocation
   } = props;
   const classes = useStyles(props);
-  return /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(ThemeProvider, {
+    theme: defaultTheme
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     title: tooltipText,
     disableHoverListener: tooltipText && tooltipText.length === 0 ? true : false
   }, /*#__PURE__*/React.createElement(Fab, {
@@ -55,15 +71,18 @@ const CustomFab = props => {
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
     className: `flex ${iconLocation === 'left' ? 'flex-row' : 'flex-row-reverse'}`
-  }, Icon && /*#__PURE__*/React.createElement(Icon, null), buttonText && buttonText.length > 0 && /*#__PURE__*/React.createElement("div", {
+  }, Icon && /*#__PURE__*/React.createElement(Icon, {
+    className: classes.Icon
+  }), buttonText && buttonText.length > 0 && /*#__PURE__*/React.createElement("div", {
     className: "mx-6"
-  }, " ", buttonText))));
+  }, " ", buttonText)))));
 };
 
 export default /*#__PURE__*/memo(CustomFab);
 CustomFab.defaultProps = {
   onClick: () => {},
   Icon: MoreVertIcon,
+  iconSize: 24,
   iconLocation: 'left',
   buttonText: '',
   variant: 'circular',
@@ -84,6 +103,9 @@ CustomFab.propTypes = {
   /** Icon to be used in the button */
   Icon: PropTypes.element,
 
+  /** Controls the size of the icon in pixels */
+  iconSize: PropTypes.number,
+
   /** Text inside of the button */
   buttonText: PropTypes.string,
 

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

@@ -1,8 +1,7 @@
 import React from 'react';
 import CustomFab from '../CustomFab/CustomFab';
 import HelpOutlineIcon from '@mui/icons-material/HelpOutline';
-import PropTypes from 'prop-types'; // import '../../../styles/tailwind.css';
-
+import PropTypes from 'prop-types';
 export const HelpButton = props => {
   const {
     onClickLink,

package/dist/components/Buttons/TestButton/index.js

@@ -1,6 +1,5 @@
 import React from "react";
-import PropTypes from 'prop-types'; // import '../../../styles/tailwind.css';
-
+import PropTypes from 'prop-types';
 export const TestButton = props => {
   const {
     text = 'hey'

package/dist/components/Tools/CodeHighlight/CodeHighlight.js

@@ -2,9 +2,8 @@ import React, { useState } from 'react';
 import * as Prism from 'prismjs';
 import { memo, useEffect, useRef } from 'react';
 import './prism-languages';
-import PropTypes from 'prop-types'; // import '../../../styles/tailwind.css';
-// import '../../../styles/prism.css';
-
+import PropTypes from 'prop-types';
+import '../../../styles/prism.css';
 export const CodeHighlight = props => {
   const domNode = useRef(null);
   const source = useRef(trimCode());

package/dist/index.js

@@ -1,3 +1,4 @@
+import './styles/tailwind.css';
 import TestButton from './components/Buttons/TestButton';
 import CodeHighlight from './components/Tools/CodeHighlight/CodeHighlight';
 import CustomFab from './components/Buttons/CustomFab/CustomFab';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pcm-shared-components",
-  "version": "0.0.31",
+  "version": "0.0.34",
   "private": false,
   "main": "dist/index.js",
   "babel": {