pcm-shared-components 0.0.63 → 0.0.64

package/dist/components/Drawing/ImageCanvasDraw/index.js

@@ -8,6 +8,7 @@ import { getStorage, setStorage } from './service/local_storage';
 import PropTypes from 'prop-types';
 import { ThemeProvider } from '@mui/system';
 import { createTheme, useTheme } from '@mui/material/styles';
+import PCMScrollbar from '../../Tools/PCMScrollbar';
 /**
  * Displays an image that can is used to draw on to generate maps with highlighted routes.
  * 
@@ -132,8 +133,11 @@ export const ImageCanvasDraw = props => {
     showDownloadButton: showDownloadButton
   }), /*#__PURE__*/React.createElement(DrawerButtonOpenClose, null, /*#__PURE__*/React.createElement(ChevronLeftIcon, null))) : /*#__PURE__*/React.createElement("div", {
     className: "flex flex-row justify-end"
-  }, /*#__PURE__*/React.createElement(DrawerButtonOpenClose, null, /*#__PURE__*/React.createElement(ChevronRightIcon, null))), state.width !== 0 && /*#__PURE__*/React.createElement("div", {
-    className: "overflow-scroll"
+  }, /*#__PURE__*/React.createElement(DrawerButtonOpenClose, null, /*#__PURE__*/React.createElement(ChevronRightIcon, null))), state.width !== 0 && /*#__PURE__*/React.createElement(PCMScrollbar, {
+    className: "overflow-scroll",
+    style: {
+      maxHeight: '90vh'
+    }
   }, /*#__PURE__*/React.createElement(CanvasDraw, {
     className: "",
     ref: saveableCanvas,

package/dist/components/Sandbox/ScrollingInnerDiv/index.js

@@ -0,0 +1,24 @@
+import { height } from '@mui/system';
+import React from 'react';
+import ImageCanvasDraw from '../../Drawing/ImageCanvasDraw';
+import { cedarShade } from '../../Drawing/ImageCanvasDraw/storybook/testMap.test';
+
+const ScrollingInnerDiv = () => {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      backgroundColor: 'yellow',
+      padding: 24,
+      height: 200
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      backgroundColor: 'blue',
+      height: '100%',
+      overflow: 'scroll'
+    }
+  }, /*#__PURE__*/React.createElement(ImageCanvasDraw, {
+    b64DataUrl: cedarShade
+  }), "CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE CONTENT TO HAVE TAKING UP THE ENTIRE PARENT DIV SPACE"));
+};
+
+export default ScrollingInnerDiv;

package/dist/components/Tools/PCMScrollbar/index.js

@@ -10,23 +10,27 @@ export const PCMScrollbar = props => {
   const {
     children,
     className,
-    enable
+    enable,
+    style
   } = props;
   return /*#__PURE__*/React.createElement(PerfectScrollbar, {
     key: props.id,
     className: clsx(className),
     style: enable && !isMobile ? {
       position: 'relative',
-      overflow: 'hidden'
+      overflow: 'hidden',
+      ...style
     } : {}
   }, children);
 };
 export default PCMScrollbar;
 PCMScrollbar.propTypes = {
   className: PropTypes.any,
+  style: PropTypes.object,
   enable: PropTypes.bool
 };
 PCMScrollbar.defaultProps = {
   className: '',
+  style: {},
   enable: true
 };

package/package.json

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