@popmenu/common-ui 0.90.0 → 0.91.0

package/build/components/Button/ButtonProps.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
 import { ButtonProps as MuiButtonProps } from '@material-ui/core/Button';
+import { RefObject } from 'react';
 export interface ButtonProps extends MuiButtonProps {
+    ButtonRef?: RefObject<HTMLButtonElement>;
     component?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
     /** Sets loading state for Button. */
     loading?: boolean;

package/build/components/Typography/TypographyProps.d.ts

@@ -1,11 +1,12 @@
-/// <reference types="react" />
 import { TypographyProps as MuiTypographyProps } from '@material-ui/core';
 import { Variant } from '@material-ui/core/styles/createTypography';
+import { RefObject } from 'react';
 export declare type ThemeColors = 'primary.light' | 'primary' | 'primary.dark' | 'secondary.light' | 'secondary' | 'secondary.dark' | 'info.light' | 'info' | 'info.dark' | 'success.light' | 'success' | 'success.dark' | 'error.light' | 'error' | 'error.dark' | 'warning.light' | 'warning' | 'warning.dark' | 'white' | 'black' | 'grey.100' | 'grey.200' | 'grey.300' | 'grey.400' | 'grey.500' | 'grey.600' | 'grey.700' | 'grey.800' | 'grey.900' | 'textPrimary' | 'textSecondary';
 export declare const defaultTypographyProps: {
     variant: Variant;
 };
-export interface TypographyProps extends Omit<MuiTypographyProps, 'color'> {
+export interface TypographyProps extends Omit<MuiTypographyProps, 'color' | 'ref'> {
+    TypographyRef?: RefObject<HTMLParagraphElement | HTMLHeadingElement | HTMLSpanElement>;
     color?: ThemeColors;
     component?: keyof JSX.IntrinsicElements | React.ComponentType<any>;
     weight?: 'regular' | 'medium' | 'semi-bold' | 'bold';

package/build/index.es.js

@@ -517,7 +517,7 @@ var useButtonStyles = makeStyles$1(function () { return ({
 }); });
 
 var Button = function (props) {
-    props.textTransform; var loading = props.loading, classesOverride = props.classes, className = props.className, muiProps = __rest(props, ["textTransform", "loading", "classes", "className"]);
+    props.textTransform; var loading = props.loading, classesOverride = props.classes, className = props.className, ButtonRef = props.ButtonRef, muiProps = __rest(props, ["textTransform", "loading", "classes", "className", "ButtonRef"]);
     props.classes; var styleProps = __rest(props, ["classes"]);
     var classes = useButtonStyles(styleProps);
     var typography = useTheme().typography;
@@ -525,7 +525,7 @@ var Button = function (props) {
         startIcon: React__default.createElement(CircularProgress, { color: "inherit", size: typography.button.fontSize }),
         disabled: true,
     };
-    return (React__default.createElement(MuiButton, __assign({ classes: __assign(__assign({}, classes), classesOverride), className: classNames([className, 'pm-button']) }, muiProps, (loading && loadingIndicator))));
+    return (React__default.createElement(MuiButton, __assign({ ref: ButtonRef, classes: __assign(__assign({}, classes), classesOverride), className: classNames([className, 'pm-button']) }, muiProps, (loading && loadingIndicator))));
 };
 Button.displayName = 'Button';
 
@@ -699,10 +699,10 @@ var useTypographyStyles = makeStyles$1(function (theme) {
 });
 
 var Typography = function (props) {
-    props.weight; props.color; var restProps = __rest(props, ["weight", "color"]);
+    props.weight; props.color; var TypographyRef = props.TypographyRef, restProps = __rest(props, ["weight", "color", "TypographyRef"]);
     var classes = useTypographyStyles(__assign({}, props));
     var variantMapping = { subtitle1: 'p' };
-    return React__default.createElement(Typography$1, __assign({ classes: classes, variantMapping: variantMapping }, restProps));
+    return React__default.createElement(Typography$1, __assign({ classes: classes, variantMapping: variantMapping, ref: TypographyRef }, restProps));
 };
 Typography.displayName = 'Typography';
 Typography.defaultProps = defaultTypographyProps;
@@ -752,7 +752,7 @@ var CollapsibleText = function (props) {
     }, []);
     return (React__default.createElement(Box, __assign({ position: "relative", overflow: "hidden" }, restProps),
         React__default.createElement(Collapse, { in: open, collapsedSize: collapsedSizePx + 'px' },
-            React__default.createElement(Typography, { ref: typographyRef, variant: typographyVariant }, text)),
+            React__default.createElement(Typography, { TypographyRef: typographyRef, variant: typographyVariant }, text)),
         collapsible && !open && React__default.createElement(Box, { className: classes.overlay })));
 };
 

package/build/index.js

@@ -584,7 +584,7 @@ var useButtonStyles = styles.makeStyles(function () { return ({
 }); });
 
 var Button = function (props) {
-    props.textTransform; var loading = props.loading, classesOverride = props.classes, className = props.className, muiProps = __rest(props, ["textTransform", "loading", "classes", "className"]);
+    props.textTransform; var loading = props.loading, classesOverride = props.classes, className = props.className, ButtonRef = props.ButtonRef, muiProps = __rest(props, ["textTransform", "loading", "classes", "className", "ButtonRef"]);
     props.classes; var styleProps = __rest(props, ["classes"]);
     var classes = useButtonStyles(styleProps);
     var typography = styles.useTheme().typography;
@@ -592,7 +592,7 @@ var Button = function (props) {
         startIcon: React__default['default'].createElement(CircularProgress__default['default'], { color: "inherit", size: typography.button.fontSize }),
         disabled: true,
     };
-    return (React__default['default'].createElement(MuiButton__default['default'], __assign({ classes: __assign(__assign({}, classes), classesOverride), className: classNames([className, 'pm-button']) }, muiProps, (loading && loadingIndicator))));
+    return (React__default['default'].createElement(MuiButton__default['default'], __assign({ ref: ButtonRef, classes: __assign(__assign({}, classes), classesOverride), className: classNames([className, 'pm-button']) }, muiProps, (loading && loadingIndicator))));
 };
 Button.displayName = 'Button';
 
@@ -766,10 +766,10 @@ var useTypographyStyles = styles.makeStyles(function (theme) {
 });
 
 var Typography = function (props) {
-    props.weight; props.color; var restProps = __rest(props, ["weight", "color"]);
+    props.weight; props.color; var TypographyRef = props.TypographyRef, restProps = __rest(props, ["weight", "color", "TypographyRef"]);
     var classes = useTypographyStyles(__assign({}, props));
     var variantMapping = { subtitle1: 'p' };
-    return React__default['default'].createElement(core.Typography, __assign({ classes: classes, variantMapping: variantMapping }, restProps));
+    return React__default['default'].createElement(core.Typography, __assign({ classes: classes, variantMapping: variantMapping, ref: TypographyRef }, restProps));
 };
 Typography.displayName = 'Typography';
 Typography.defaultProps = defaultTypographyProps;
@@ -819,7 +819,7 @@ var CollapsibleText = function (props) {
     }, []);
     return (React__default['default'].createElement(core.Box, __assign({ position: "relative", overflow: "hidden" }, restProps),
         React__default['default'].createElement(Collapse__default['default'], { in: open, collapsedSize: collapsedSizePx + 'px' },
-            React__default['default'].createElement(Typography, { ref: typographyRef, variant: typographyVariant }, text)),
+            React__default['default'].createElement(Typography, { TypographyRef: typographyRef, variant: typographyVariant }, text)),
         collapsible && !open && React__default['default'].createElement(core.Box, { className: classes.overlay })));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popmenu/common-ui",
-  "version": "0.90.0",
+  "version": "0.91.0",
   "license": "MIT",
   "author": "Popmenu Design System Team",
   "description": "React components for all Popmenu apps on the web.",
@@ -30,5 +30,5 @@
     "@types/classnames": "^2.3.1"
   },
   "sideEffects": false,
-  "gitHead": "df4d4b7a2edfa1826e88d054b505947e69fe1cc1"
+  "gitHead": "579080b11487db405ace31dd2f932ad44d69f21e"
 }