@learningpool/ui 1.2.1 → 1.3.0

package/components/datadisplay/Avatar/Avatar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AvatarProps } from '@mui/material/Avatar';
+declare const Avatar: (props: AvatarProps | any) => React.ReactElement;
+export default Avatar;

package/components/datadisplay/Avatar/Avatar.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import MUIAvatar from '@mui/material/Avatar';
+import { AvatarStyles } from './AvatarStyles';
+import GlobalStyles from '@mui/material/GlobalStyles';
+var Avatar = function (props) { return (_jsxs(_Fragment, { children: [_jsx(GlobalStyles, { styles: {
+                '.MuiAvatarGroup-root .MuiAvatar-root:first-of-type': {
+                    backgroundColor: '#eee',
+                    color: '#333'
+                }
+            } }), _jsx(MUIAvatar, __assign({ classes: AvatarStyles(props).classes }, props))] })); };
+export default Avatar;

package/components/datadisplay/Avatar/AvatarStyles.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@mui/material/styles';
+export declare const AvatarStyles: (params: void) => {
+    classes: Record<"root", string>;
+    theme: Theme;
+    css: import("tss-react").Css;
+    cx: import("tss-react").Cx;
+};

package/components/datadisplay/Avatar/AvatarStyles.js

@@ -0,0 +1,14 @@
+import { makeStyles } from 'tss-react/mui';
+export var AvatarStyles = makeStyles()(function (theme, props) {
+    var _a, _b, _c;
+    return ({
+        root: {
+            backgroundColor: ((_a = props === null || props === void 0 ? void 0 : props.sx) === null || _a === void 0 ? void 0 : _a.bgcolor)
+                ? props.sx.bgcolor
+                : theme.palette.primary.main,
+            color: ((_b = props === null || props === void 0 ? void 0 : props.sx) === null || _b === void 0 ? void 0 : _b.bgcolor)
+                ? (_c = props.sx.color) !== null && _c !== void 0 ? _c : theme.palette.getContrastText(props.sx.bgcolor)
+                : theme.palette.primary.contrastText
+        }
+    });
+});

package/index.d.ts

@@ -1,6 +1,8 @@
+export { default as Avatar } from './components/datadisplay/Avatar/Avatar';
 export { default as Button } from './components/atoms/Button/Button';
 export { default as Drawer } from './components/navigation/Drawer/Drawer';
 export { default as List } from './components/datadisplay/List/List';
+export { default as AvatarGroup } from '@mui/material/AvatarGroup';
 export { default as Backdrop } from '@mui/material/Backdrop';
 export { default as ListItem } from '@mui/material/ListItem';
 export { default as ListItemAvatar } from '@mui/material/ListItemAvatar';

package/index.js

@@ -1,8 +1,10 @@
 // Learning Pool intercepted
+export { default as Avatar } from './components/datadisplay/Avatar/Avatar';
 export { default as Button } from './components/atoms/Button/Button';
 export { default as Drawer } from './components/navigation/Drawer/Drawer';
 export { default as List } from './components/datadisplay/List/List';
 // Straight through MUI
+export { default as AvatarGroup } from '@mui/material/AvatarGroup';
 export { default as Backdrop } from '@mui/material/Backdrop';
 export { default as ListItem } from '@mui/material/ListItem';
 export { default as ListItemAvatar } from '@mui/material/ListItemAvatar';

package/package.json

@@ -8,7 +8,7 @@
     "components",
     "ui"
   ],
-  "version": "1.2.1",
+  "version": "1.3.0",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -27,7 +27,7 @@
     "anysort": "^2.0.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-scripts": "5.0.0",
+    "react-scripts": "5.0.1",
     "tss-react": "^3.3.6",
     "typescript": "^4.6.2",
     "web-vitals": "^2.1.4"
@@ -64,7 +64,7 @@
     "@babel/preset-env": "7.16.11",
     "@babel/preset-react": "7.16.7",
     "@babel/preset-typescript": "7.16.7",
-    "@ht2-labs/semantic-release": "2.0.100",
+    "@ht2-labs/semantic-release": "2.0.105",
     "@storybook/addon-a11y": "6.4.20",
     "@storybook/addon-actions": "6.5.0-alpha.57",
     "@storybook/addon-essentials": "6.5.0-alpha.57",
@@ -74,22 +74,29 @@
     "@storybook/builder-webpack5": "6.5.0-alpha.57",
     "@storybook/manager-webpack5": "6.5.0-alpha.57",
     "@storybook/node-logger": "6.5.0-alpha.57",
-    "@storybook/preset-create-react-app": "4.1.0",
+    "@storybook/preset-create-react-app": "4.1.1",
     "@storybook/react": "6.5.0-alpha.57",
     "@storybook/theming": "6.4.20",
-    "babel-preset-minify": "0.5.1",
+    "babel-preset-minify": "0.5.2",
     "eslint-config-standard": "16.0.3",
     "eslint-config-standard-with-typescript": "21.0.1",
     "eslint-plugin-node": "11.1.0",
     "eslint-plugin-promise": "6.0.0",
     "source-map-explorer": "2.5.2",
     "source-map-loader": "3.0.1",
-    "ts-node": "10.7.0",
+    "ts-node": "10.8.0",
     "webpack": "5.71.0"
   },
   "release": {
     "branches": [
-      "main"
+      {
+        "name": "main"
+      },
+      {
+        "name": "beta",
+        "channel": "beta",
+        "prerelease": true
+      }
     ]
   },
   "publishConfig": {