@learningpool/ui 1.1.1 → 1.3.0-beta.1

package/assets/Images.d.ts

@@ -0,0 +1,6 @@
+export declare const StreamSuiteLogo: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export declare const LearningPoolLogo: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};

package/assets/Images.js

@@ -0,0 +1,15 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { createSvgIcon } from '@mui/material/utils';
+export var StreamSuiteLogo = createSvgIcon(_jsxs("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 199 203" }, { children: [_jsx("mask", __assign({ width: "116", height: "118", x: "48", y: "0", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "M89.5 117.5 48 39l73.5-39 42 80.5-74 37Z" }) })), _jsx("g", __assign({ mask: "url(#a)" }, { children: _jsx("path", { fill: "#fff", d: "M108.125 153.152c-6.057 6.725-19.105 5.563-20.557-10.503l-18.801 13.728c7.301 19.439 25.993 25.754 42.301 21.5 14.808-3.863 24.579-23.825 25.061-35.228-16.591-31.39-27.366-51.232-34.352-63.772l-5.209 8 3.308-9.254s-8-14.375-10.856-20.257c-1.644-4.118-.82-12.532 6.845-15.146 13.113-4.472 19.203 10.157 19.203 15.146l19-12.49c-11-25-33-30-52.53-19.53-18.234 11.749-12.771 35.527-12.771 35.527s19.138 34.58 32.109 59.67l6-9.92-4.415 13c6.065 11.836 10.406 20.97 10.071 22.261-1.048 4.042-3.374 6.53-4.407 7.268Z" }) })), _jsx("mask", __assign({ width: "119", height: "78", x: "80", y: "30", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "M102 108 80 89.5 126.5 30 174 46.5l24.5 46L102 108Z" }) })), _jsx("g", __assign({ mask: "url(#b)" }, { children: _jsx("path", { fill: "#fff", d: "M55.14 132.916c-3.87-1.936-8.679-8.555-4.904-19.858a1.084 1.084 0 0 0-.782-1.385c-6.268-1.492-11.555-6.052-13.74-8.163-.52-.503-1.406-.348-1.688.319-7.793 18.441-5.833 35.139 8.307 46.841 11.51 9.525 29.714 7.532 39.765 2.128.156-.084.287-.215.378-.367 48.352-80.76 45.667-80.393 48.357-84.261 2.176-3.129 9.7-6.4 16.5-2 7.602 5.716 4.898 14.401 3.235 19.155-.216.618.21 1.267.859 1.349 8.82 1.106 14.268 5.99 16.39 8.29.498.54 1.415.469 1.727-.198 5.014-10.735 8.838-37.175-13.903-49.35-18.632-9.077-36.631 5.814-38.198 7.158l-.009.008c-.074.064-.099.085-.151.175-1.698 2.962-46.027 80.236-49.95 81.413-5.192 1.558-8.192.746-12.192-1.254Z" }) })), _jsx("mask", __assign({ width: "85", height: "84", x: "97", y: "79", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "M97 163V79h85v84H97Z" }) })), _jsx("g", __assign({ mask: "url(#c)" }, { children: _jsx("path", { fill: "#fff", d: "M151.697 119.826c3.022 8.531-6.836 19.226-21.649 12.841l3.5 23c22.273 4.5 36.999-6.5 41.284-26.637 4.715-28.863-17.592-38.735-23.785-38.863-6.192-.129-92.653.769-92.653.769-3.503-1.042-10.205-7.284-8.846-15.27 2.516-14.792 19.614-10.878 24-8.5-8.693-9.753-2.693-20.753-4.647-21.781-29.546-1.972-44.046 18.028-42.219 36.857 1.673 17.943 21.673 27.171 25.136 28.168 8.037 3.503 90.037-2.997 95.592 2.076 3.054 2.848 4.13 6.08 4.287 7.34Z" }) })), _jsx("mask", __assign({ width: "116", height: "118", x: "43", y: "85", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "M84.5 202.5 43 124l73.5-39 42 80.5-74 37Z" }) })), _jsx("g", __assign({ mask: "url(#d)" }, { children: _jsx("path", { fill: "#fff", d: "M108.125 154.152c-6.057 6.725-19.105 5.563-20.557-10.503l-18.801 13.728c7.301 19.439 25.993 25.754 42.301 21.5 14.808-3.863 24.579-23.825 25.061-35.228-16.591-31.39-27.366-51.232-34.352-63.772l-5.209 8 3.308-9.254s-8-14.375-10.856-20.257c-1.644-4.118-.82-12.532 6.845-15.146 13.113-4.472 19.203 10.157 19.203 15.146l19-12.49c-11-25-33-30-52.53-19.53-18.234 11.749-12.771 35.527-12.771 35.527s19.138 34.58 32.109 59.67l6-9.92-4.415 13c6.065 11.836 10.406 20.97 10.071 22.261-1.048 4.042-3.374 6.53-4.407 7.268Z" }) })), _jsx("mask", __assign({ width: "119", height: "78", x: "0", y: "88", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "m96.5 88 22 18.5L72 166l-47.5-16.5-24.5-46L96.5 88Z" }) })), _jsx("g", __assign({ mask: "url(#e)" }, { children: _jsx("path", { fill: "#fff", d: "M55.14 132.916c-3.87-1.936-8.679-8.555-4.904-19.858a1.084 1.084 0 0 0-.782-1.385c-6.268-1.492-11.555-6.052-13.74-8.163-.52-.503-1.406-.348-1.688.319-7.793 18.441-5.833 35.139 8.307 46.841 11.51 9.525 29.714 7.532 39.765 2.128.156-.084.287-.215.378-.367 48.352-80.76 45.667-80.393 48.357-84.261 2.176-3.129 9.7-6.4 16.5-2 7.602 5.716 4.898 14.401 3.235 19.155-.216.618.21 1.267.859 1.349 8.82 1.106 14.268 5.99 16.39 8.29.498.54 1.415.469 1.727-.198 5.014-10.735 8.838-37.175-13.903-49.35-18.632-9.077-36.631 5.814-38.198 7.158l-.009.008c-.074.064-.099.085-.151.175-1.698 2.962-46.027 80.236-49.95 81.413-5.192 1.558-8.192.746-12.192-1.254Z" }) })), _jsx("mask", __assign({ width: "85", height: "84", x: "16", y: "43", maskUnits: "userSpaceOnUse", style: { maskType: 'alpha' } }, { children: _jsx("path", { fill: "#C4C4C4", d: "M16 127V43h85v84H16Z" }) })), _jsx("g", __assign({ mask: "url(#f)" }, { children: _jsx("path", { fill: "#fff", d: "M151.697 119.826c3.022 8.531-6.836 19.226-21.649 12.841l3.5 23c22.273 4.5 36.999-6.5 41.284-26.637 4.715-28.863-17.592-38.735-23.785-38.863-6.192-.129-92.653.769-92.653.769-3.503-1.042-10.205-7.284-8.846-15.27 2.516-14.792 19.614-10.878 24-8.5-8.693-9.753-2.693-20.753-4.647-21.781-29.546-1.972-44.046 18.028-42.219 36.857 1.673 17.943 21.673 27.171 25.136 28.168 8.037 3.503 90.037-2.997 95.592 2.076 3.054 2.848 4.13 6.08 4.287 7.34Z" }) }))] })), 'StreamSuite');
+export var LearningPoolLogo = createSvgIcon(_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 804 174" }, { children: _jsx("path", { fill: "#0069B4", d: "M155.5 0A44 44 0 0 0 121 16.5l-1 1.2-1.2-1a72.5 72.5 0 1 0-46.4 128.1 72.8 72.8 0 0 0 70.7-56.6l.4-1.5 1.5.4a44.2 44.2 0 0 0 44.8-15 44.2 44.2 0 0 0 5.6-47 44.2 44.2 0 0 0-40-25.1zM113 115.2H72.4a42.9 42.9 0 1 1 29.2-11.5l11.4 11.5zm42.5-47.8h-22l6.1-6.2a23.2 23.2 0 1 1 15.9 6.2zm56.2-8.5h14v84h-14zm76 54.3a31.1 31.1 0 0 0-7.5-21.1 29.2 29.2 0 0 0-40.7.2 31.8 31.8 0 0 0-7.8 22 31.2 31.2 0 0 0 7.9 22.2 27.8 27.8 0 0 0 20.9 8.3c2.8 0 5.6-.3 8.4-1a24 24 0 0 0 7.3-3 28.4 28.4 0 0 0 6.3-5.1c1.7-2 3.3-4 4.7-6.2l-12.7-7a28 28 0 0 1-6 6.9 12.3 12.3 0 0 1-7.4 2.1 13 13 0 0 1-9.6-3.7 15.6 15.6 0 0 1-4-9.1v-.4h40.1v-5.1zm-41.7-5.3.3-1.1a16.8 16.8 0 0 1 2-4.6 14 14 0 0 1 3-3.5 13.3 13.3 0 0 1 4.1-2.2 14.5 14.5 0 0 1 4.8-.8c6.8-.4 12.8 4.4 14 11l.3 1.2H246zm90.4-22.4V91a24.2 24.2 0 0 0-16.9-7.2 24.9 24.9 0 0 0-19.2 8.6 30.7 30.7 0 0 0-7.7 21.2 31.7 31.7 0 0 0 7.7 21.6 25.4 25.4 0 0 0 19.6 8.5 25 25 0 0 0 16.5-6.7v5.1h14.2V85.5h-14.2zm-3.6 41a14.3 14.3 0 0 1-11.1 4.7 13.5 13.5 0 0 1-10.6-4.9 18.9 18.9 0 0 1-4.1-12.6 18 18 0 0 1 4.1-12.2 13.8 13.8 0 0 1 10.9-4.8 14 14 0 0 1 10.8 4.8A18.3 18.3 0 0 1 337 114a18.5 18.5 0 0 1-4.3 12.5zm61.7-38.9-6.3 13-.6-.4a11.3 11.3 0 0 0-6.6-2.5c-6.5 0-9.7 5-9.7 15.4v29.7h-13.7V85.5h13.7v4a23.9 23.9 0 0 1 5.3-4.1 14.6 14.6 0 0 1 6.7-1.5 20.7 20.7 0 0 1 10.7 3.4l.5.3zm53 20.2v35H433v-32a19.7 19.7 0 0 0-2.2-11 8.8 8.8 0 0 0-7.8-3 9.4 9.4 0 0 0-8.7 4 28.9 28.9 0 0 0-2.6 14.3v27.7h-14.3V85.5h14.3v4.4a21.8 21.8 0 0 1 14.9-6 20.3 20.3 0 0 1 15.8 6.4c3.3 3.6 5 9.5 5 17.5m22.9-40a8.7 8.7 0 0 1-2.7 6.4 8.5 8.5 0 0 1-6.3 2.7 9 9 0 0 1-6.4-2.6 9 9 0 0 1-2.6-6.4 8.5 8.5 0 0 1 2.7-6.3 8.6 8.6 0 0 1 6.3-2.7 8.7 8.7 0 0 1 6.3 2.7 8.5 8.5 0 0 1 2.7 6.3m-16 18h14v57h-14zm71 22v35H511v-32a19.7 19.7 0 0 0-2.2-11.1 8.8 8.8 0 0 0-7.8-3 9.4 9.4 0 0 0-8.7 4 28.9 28.9 0 0 0-2.5 14.3v27.7h-14.4V85.5h14.4v4.4a21.8 21.8 0 0 1 14.8-6 20.2 20.2 0 0 1 15.8 6.4c3.3 3.6 5 9.5 5 17.5M574 85.4v5.4a23 23 0 0 0-16.9-6.9 24.4 24.4 0 0 0-19.9 9.3 32.9 32.9 0 0 0-7 21 31.2 31.2 0 0 0 7.6 21.3 25.1 25.1 0 0 0 17.8 8.5 25.2 25.2 0 0 0 18.4-7v6.3c0 11.2-4.4 16.7-13.5 16.7a13.4 13.4 0 0 1-11.2-5 14.2 14.2 0 0 1-2.4-6v-.6h-14.2v.7a25.2 25.2 0 0 0 8.8 17.5 28.4 28.4 0 0 0 19 6.2 26.9 26.9 0 0 0 21.3-9 24.1 24.1 0 0 0 5.4-11 51.2 51.2 0 0 0 .7-5.4c.2-2 .3-4.4.3-7v-55H574zm-3.3 40.6a13.6 13.6 0 0 1-11.2 5 13.6 13.6 0 0 1-11.1-5 18.9 18.9 0 0 1-3.7-12 19.1 19.1 0 0 1 3.7-12.3 13.3 13.3 0 0 1 11-5.1 13.9 13.9 0 0 1 11 4.7 18 18 0 0 1 4.1 12.6 18.6 18.6 0 0 1-3.8 12zm73.7-33.4a24.8 24.8 0 0 0-19.5-8.7 24.4 24.4 0 0 0-16.7 6.8v-5.2h-14v87.3h14V137a24.4 24.4 0 0 0 17 7 24.9 24.9 0 0 0 19.2-8.5 30.9 30.9 0 0 0 7.7-21.3 31.3 31.3 0 0 0-7.7-21.6m-32.5 8.8a14.3 14.3 0 0 1 11-4.7 13.5 13.5 0 0 1 10.7 5 18.6 18.6 0 0 1 4.1 12.5 17.8 17.8 0 0 1-4.3 12.3 13.5 13.5 0 0 1-10.6 4.8 14 14 0 0 1-11-4.8 18.4 18.4 0 0 1-4.2-12.5 18.2 18.2 0 0 1 4.2-12.6m97.4-7.9a31.3 31.3 0 0 0-43.2 0 28.3 28.3 0 0 0-9 21 29.4 29.4 0 0 0 9 21.5 29.3 29.3 0 0 0 21.5 8.8 30.4 30.4 0 0 0 21.9-8.6A28.8 28.8 0 0 0 718 115a29 29 0 0 0-8.8-21.4m-10 34a16.9 16.9 0 0 1-23.3 0 18.1 18.1 0 0 1-4.4-12.8 17.2 17.2 0 0 1 4.5-12.3 15.1 15.1 0 0 1 11.5-4.7c4.4-.1 8.7 1.6 11.7 4.7a17.7 17.7 0 0 1 4.4 12.6 17.7 17.7 0 0 1-4.4 12.5m75-35a31.3 31.3 0 0 0-43.3 0 28.2 28.2 0 0 0-8.9 21 29.4 29.4 0 0 0 8.7 21.5 29.3 29.3 0 0 0 21.5 8.8 30.4 30.4 0 0 0 21.9-8.6 28.8 28.8 0 0 0 8.8-21.4 29 29 0 0 0-8.8-21.3m-10 34a16.8 16.8 0 0 1-23.3 0 18.2 18.2 0 0 1-4.3-12.8 17.2 17.2 0 0 1 4.5-12.3 15.1 15.1 0 0 1 11.6-4.7 15.3 15.3 0 0 1 11.6 4.7 17.7 17.7 0 0 1 4.4 12.6 17.7 17.7 0 0 1-4.4 12.5M790 59h14v84h-14z" }) })), 'LearningPool');

package/components/atoms/Autocomplete/Autocomplete.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { AutocompleteProps } from '@mui/material/Autocomplete';
+interface IAutocompleteProps extends AutocompleteProps<any, true, true, true, 'div'> {
+}
+declare const Autocomplete: (props: IAutocompleteProps) => JSX.Element;
+export default Autocomplete;

package/components/atoms/Autocomplete/Autocomplete.js

@@ -0,0 +1,18 @@
+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 } from "react/jsx-runtime";
+import MUIAutocomplete from '@mui/material/Autocomplete';
+import { AutocompleteStyles } from './AutocompleteStyles';
+var Autocomplete = function (props) {
+    return (_jsx(MUIAutocomplete, __assign({}, props, { classes: AutocompleteStyles().classes })));
+};
+export default Autocomplete;

package/components/atoms/Autocomplete/AutocompleteStyles.d.ts

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

package/components/atoms/Autocomplete/AutocompleteStyles.js

@@ -0,0 +1,2 @@
+import { makeStyles } from 'tss-react/mui';
+export var AutocompleteStyles = makeStyles()(function (theme) { return ({}); });

package/components/atoms/IconButton/IconButton.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { IconButtonProps } from '@mui/material/IconButton';
-interface IIconButtonProps extends IconButtonProps {
-}
-export default function IconButton({ ...rest }: IIconButtonProps): JSX.Element;
-export {};
+declare const IconButton: {
+    (props: IconButtonProps): JSX.Element;
+    muiName: string;
+};
+export default IconButton;

package/components/atoms/IconButton/IconButton.js

@@ -9,21 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import { jsx as _jsx } from "react/jsx-runtime";
 import MUIIconButton from '@mui/material/IconButton';
 import { IconButtonStyles } from './IconButtonStyles';
-export default function IconButton(_a) {
-    var rest = __rest(_a, []);
-    return (_jsx(MUIIconButton, __assign({ classes: IconButtonStyles().classes }, rest)));
-}
+var IconButton = function (props) { return (_jsx(MUIIconButton, __assign({ classes: IconButtonStyles().classes }, props))); };
+IconButton.muiName = 'MUIIconButton';
+export default IconButton;

package/components/datadisplay/Chip/Chip.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ChipProps } from '@mui/material/Chip';
+import type { ChipProps } from '@mui/material/Chip';
 interface IChipProps extends ChipProps {
 }
 export default function Chip({ ...rest }: IChipProps): JSX.Element;

package/components/datadisplay/List/List.d.ts

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

package/components/datadisplay/List/List.js

@@ -0,0 +1,16 @@
+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 } from "react/jsx-runtime";
+import MUIList from '@mui/material/List';
+import { ListStyles } from './ListStyles';
+var List = function (props) { return (_jsx(MUIList, __assign({}, props, { classes: ListStyles().classes }))); };
+export default List;

package/components/datadisplay/List/ListStyles.d.ts

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

package/components/datadisplay/List/ListStyles.js

@@ -0,0 +1,2 @@
+import { makeStyles } from 'tss-react/mui';
+export var ListStyles = makeStyles()(function (theme) { return ({}); });

package/components/datadisplay/Tooltip/Tooltip.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { TooltipProps } from '@mui/material/Tooltip';
-interface ITooltipProps extends TooltipProps {
-}
-declare const Tooltip: (props: ITooltipProps) => JSX.Element;
+declare const Tooltip: {
+    (props: TooltipProps): JSX.Element;
+    muiName: string;
+};
 export default Tooltip;

package/components/datadisplay/Tooltip/Tooltip.js

@@ -12,7 +12,6 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx } from "react/jsx-runtime";
 import MUITooltip from '@mui/material/Tooltip';
 import { TooltipStyles } from './TooltipStyles';
-var Tooltip = function (props) {
-    return (_jsx(MUITooltip, __assign({}, props, { classes: TooltipStyles().classes })));
-};
+var Tooltip = function (props) { return (_jsx(MUITooltip, __assign({}, props, { classes: TooltipStyles().classes }))); };
+Tooltip.muiName = 'MUITooltip';
 export default Tooltip;

package/components/navigation/Drawer/Drawer.d.ts

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

package/components/navigation/Drawer/Drawer.js

@@ -0,0 +1,16 @@
+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 } from "react/jsx-runtime";
+import MUIDrawer from '@mui/material/Drawer';
+import { DrawerStyles } from './DrawerStyles';
+var Drawer = function (props) { return (_jsx(MUIDrawer, __assign({}, props, { classes: DrawerStyles().classes }))); };
+export default Drawer;

package/components/navigation/Drawer/DrawerStyles.d.ts

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

package/components/navigation/Drawer/DrawerStyles.js

@@ -0,0 +1,2 @@
+import { makeStyles } from 'tss-react/mui';
+export var DrawerStyles = makeStyles()(function (theme) { return ({}); });

package/components/pages/SideInSide/SideInSide.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function SideInSide(props: any): React.ReactElement;

package/components/pages/SideInSide/SideInSide.js

@@ -0,0 +1,39 @@
+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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '../../../index';
+import CssBaseline from '@mui/material/CssBaseline';
+import Paper from '@mui/material/Paper';
+import Box from '@mui/material/Box';
+import Grid from '@mui/material/Grid';
+import Typography from '@mui/material/Typography';
+import Divider from '@mui/material/Divider';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+import { SideInSideStyles } from './SideInSideStyles';
+import { LearningPoolLogo, StreamSuiteLogo } from '../../../assets/Images';
+import { Link } from '@mui/material';
+function Copyright(props) {
+    return (_jsxs(Typography, __assign({ variant: "body2", color: "text.secondary", align: "center" }, props, { children: ['Copyright © ', _jsx(Link, __assign({ color: "inherit", href: "https://mui.com/" }, { children: "Your Website" })), ' ', new Date().getFullYear(), '.'] })));
+}
+var theme = createTheme();
+export default function SideInSide(props) {
+    var classes = SideInSideStyles(props).classes;
+    return (_jsx(ThemeProvider, __assign({ theme: theme }, { children: _jsxs(Grid, __assign({ container: true, component: "main", className: classes.root, style: props === null || props === void 0 ? void 0 : props.style }, { children: [_jsx(CssBaseline, {}), _jsx(Grid, __assign({ item: true, xs: false, sm: false, md: 6, lg: 7, xl: 8, className: classes.pageBackgroundContainer }, { children: _jsx(Box, __assign({ className: classes.pageBackgroundLogoContainer }, { children: (props === null || props === void 0 ? void 0 : props.pageBackgroundLogo)
+                            ? (_jsx("img", { src: "".concat(String(props.pageBackgroundLogo)), alt: "".concat(String(props.pageBackgroundLogoAlt)), className: classes.pageBackgroundLogo }))
+                            : _jsx(StreamSuiteLogo, { style: { height: '200px', width: '200px' } }) })) })), _jsx(Grid, __assign({ item: true, xs: 12, sm: 12, md: 6, lg: 5, xl: 4, component: Paper, elevation: 6, square: true }, { children: _jsxs(Box, __assign({ className: classes.contentPanel }, { children: [_jsx(Box, __assign({ className: classes.contentPanelImageContainer }, { children: (props === null || props === void 0 ? void 0 : props.formLogo)
+                                    ? (_jsx("img", { src: "".concat(String(props.formLogo)), alt: "".concat(String(props.formLogoAlt)), className: classes.contentPanelImage }))
+                                    : _jsx(LearningPoolLogo, { inheritViewBox: true, style: { width: '250px', height: '60px' } }) })), _jsx(Typography, __assign({ component: "h1", variant: "h6" }, { children: props.welcomeMessage })), (props === null || props === void 0 ? void 0 : props.children) ? props.children : null, (props === null || props === void 0 ? void 0 : props.isStreamHomeEnabled)
+                                ? (_jsxs(_Fragment, { children: [_jsx(Divider, __assign({ sx: { mt: 1 } }, { children: "Or" })), _jsx(Button, __assign({ type: "submit", onClick: props === null || props === void 0 ? void 0 : props.handleStreamHomeLogin, fullWidth: true, className: classes.streamHomeButton, startIcon: (props === null || props === void 0 ? void 0 : props.startIcon)
+                                                ? props.startIcon
+                                                : _jsx(StreamSuiteLogo, { style: { height: '25px', width: '25px' } }) }, { children: "Log in with Stream Home" }))] }))
+                                : null, _jsx(Box, __assign({ className: classes.footerContent }, { children: (props === null || props === void 0 ? void 0 : props.footerContent) ? props.footerContent : _jsx(Copyright, {}) }))] })) }))] })) })));
+}

package/components/pages/SideInSide/SideInSideStyles.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@mui/material/styles';
+export declare const SideInSideStyles: (params: void) => {
+    classes: Record<"root" | "pageBackgroundContainer" | "pageBackgroundLogoContainer" | "pageBackgroundLogo" | "contentPanel" | "contentPanelImageContainer" | "contentPanelImage" | "submitButton" | "streamHomeButton" | "footerContent", string>;
+    theme: Theme;
+    css: import("tss-react").Css;
+    cx: import("tss-react").Cx;
+};

package/components/pages/SideInSide/SideInSideStyles.js

@@ -0,0 +1,60 @@
+import { makeStyles } from 'tss-react/mui';
+export var SideInSideStyles = makeStyles()(function (theme, props) { return ({
+    root: {
+        height: '100vh',
+        width: '100%'
+    },
+    pageBackgroundContainer: {
+        backgroundImage: (props === null || props === void 0 ? void 0 : props.pageBackgroundImage)
+            ? "url(".concat(String(props.pageBackgroundImage), ")")
+            : 'url(https://source.unsplash.com/YWIOwHvRBvU)',
+        backgroundRepeat: 'no-repeat',
+        backgroundColor: theme.palette.mode === 'light' ? theme.palette.grey[50] : theme.palette.grey[900],
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        flex: 1
+    },
+    pageBackgroundLogoContainer: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        justifyContent: 'center'
+    },
+    pageBackgroundLogo: {
+        maxWidth: '250px'
+    },
+    contentPanel: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        marginLeft: theme.spacing(6),
+        marginRight: theme.spacing(6),
+        paddingBottom: theme.spacing(2),
+        paddingTop: theme.spacing(8)
+    },
+    contentPanelImageContainer: {
+        alignItems: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        marginBottom: theme.spacing(3),
+        marginTop: theme.spacing(1)
+    },
+    contentPanelImage: {
+        maxWidth: '400px',
+        width: '66%'
+    },
+    submitButton: {
+        marginBottom: theme.spacing(2),
+        marginTop: theme.spacing(3)
+    },
+    streamHomeButton: {
+        marginBottom: "".concat(theme.spacing(5), " !important"),
+        marginTop: "".concat(theme.spacing(3), " !important")
+    },
+    footerContent: {
+        marginTop: 'auto',
+        width: '100%'
+    }
+}); });

package/index.d.ts

@@ -1,2 +1,14 @@
-import Button from './components/atoms/Button/Button';
-export { Button };
+export { default as Button } from './components/atoms/Button/Button';
+export { default as Checkbox } from './components/atoms/Checkbox/Checkbox';
+export { default as TextField } from './components/atoms/TextField/TextField';
+export { default as Drawer } from './components/navigation/Drawer/Drawer';
+export { default as List } from './components/datadisplay/List/List';
+export { default as SideInSide } from './components/pages/SideInSide/SideInSide';
+export { default as Backdrop } from '@mui/material/Backdrop';
+export { default as ListItem } from '@mui/material/ListItem';
+export { default as ListItemAvatar } from '@mui/material/ListItemAvatar';
+export { default as ListItemButton } from '@mui/material/ListItemButton';
+export { default as ListItemIcon } from '@mui/material/ListItemIcon';
+export { default as ListItemSecondaryAction } from '@mui/material/ListItemSecondaryAction';
+export { default as ListItemText } from '@mui/material/ListItemText';
+export { default as ListSubheader } from '@mui/material/ListSubheader';

package/index.js

@@ -1,2 +1,16 @@
-import Button from './components/atoms/Button/Button';
-export { Button };
+// Learning Pool intercepted
+export { default as Button } from './components/atoms/Button/Button';
+export { default as Checkbox } from './components/atoms/Checkbox/Checkbox';
+export { default as TextField } from './components/atoms/TextField/TextField';
+export { default as Drawer } from './components/navigation/Drawer/Drawer';
+export { default as List } from './components/datadisplay/List/List';
+export { default as SideInSide } from './components/pages/SideInSide/SideInSide';
+// Straight through MUI
+export { default as Backdrop } from '@mui/material/Backdrop';
+export { default as ListItem } from '@mui/material/ListItem';
+export { default as ListItemAvatar } from '@mui/material/ListItemAvatar';
+export { default as ListItemButton } from '@mui/material/ListItemButton';
+export { default as ListItemIcon } from '@mui/material/ListItemIcon';
+export { default as ListItemSecondaryAction } from '@mui/material/ListItemSecondaryAction';
+export { default as ListItemText } from '@mui/material/ListItemText';
+export { default as ListSubheader } from '@mui/material/ListSubheader';

package/package.json

@@ -8,7 +8,7 @@
     "components",
     "ui"
   ],
-  "version": "1.1.1",
+  "version": "1.3.0-beta.1",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -21,7 +21,7 @@
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.4.0",
-    "@types/node": "^16.11.21",
+    "@types/node": "^16.11.36",
     "@types/react": "^17.0.38",
     "@types/react-dom": "^17.0.11",
     "anysort": "^2.0.0",
@@ -35,39 +35,16 @@
   "scripts": {
     "analyze:build": "source-map-explorer 'build/static/js/*.js'",
     "analyze:module": "source-map-explorer 'dist/*.js'",
-    "start": "start-storybook -p 6006",
-    "start:run-tests": "yarn test:generate-output && yarn start",
     "build": "build-storybook",
     "build:module": "rm -rf dist && yarn run tsc",
+    "lint": "eslint --ext .tsx ./src",
+    "lint:fix": "eslint --ext .tsx ./src --fix",
+    "semantic-release": "ht2-release-public-circleci-lib-dist",
+    "start": "start-storybook -p 6006",
+    "start:run-tests": "yarn test:generate-output && yarn start",
     "test": "jest",
     "test:update-snapshot": "jest --updateSnapshot",
-    "test:generate-output": "jest --json --outputFile=.jest-test-results.json",
-    "semantic-release": "ht2-release-public-circleci-lib-dist"
-  },
-  "jest": {
-    "setupFilesAfterEnv": [
-      "./jest.setup.ts"
-    ],
-    "collectCoverageFrom": [
-      "./src/lib/**/*.{ts,tsx}"
-    ],
-    "collectCoverage": true
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ],
-    "overrides": [
-      {
-        "files": [
-          "**/*.stories.*"
-        ],
-        "rules": {
-          "import/no-anonymous-default-export": "off"
-        }
-      }
-    ]
+    "test:generate-output": "jest --json --outputFile=.jest-test-results.json"
   },
   "browserslist": {
     "production": [
@@ -82,33 +59,44 @@
     ]
   },
   "devDependencies": {
-    "@babel/cli": "^7.13.16",
-    "@babel/core": "^7.14.0",
-    "@babel/preset-env": "^7.14.1",
-    "@babel/preset-react": "^7.13.13",
-    "@babel/preset-typescript": "^7.16.7",
-    "@ht2-labs/semantic-release": "^2.0.99",
-    "@storybook/addon-a11y": "^6.4.18",
-    "@storybook/addon-actions": "^6.5.0-alpha.34",
-    "@storybook/addon-essentials": "^6.5.0-alpha.34",
-    "@storybook/addon-jest": "^6.4.18",
-    "@storybook/addon-links": "^6.5.0-alpha.34",
-    "@storybook/addons": "^6.4.18",
-    "@storybook/builder-webpack5": "^6.5.0-alpha.34",
-    "@storybook/manager-webpack5": "^6.5.0-alpha.34",
-    "@storybook/node-logger": "^6.5.0-alpha.34",
-    "@storybook/preset-create-react-app": "^4.0.0",
-    "@storybook/react": "^6.5.0-alpha.34",
-    "@storybook/theming": "^6.4.18",
-    "babel-preset-minify": "^0.5.1",
-    "source-map-explorer": "^2.5.2",
-    "source-map-loader": "^3.0.1",
-    "ts-node": "^10.5.0",
-    "webpack": "^5.68.0"
+    "@babel/cli": "7.17.6",
+    "@babel/core": "7.17.8",
+    "@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",
+    "@storybook/addon-a11y": "6.4.20",
+    "@storybook/addon-actions": "6.5.0-alpha.57",
+    "@storybook/addon-essentials": "6.5.0-alpha.57",
+    "@storybook/addon-jest": "6.4.20",
+    "@storybook/addon-links": "6.5.0-alpha.57",
+    "@storybook/addons": "6.4.20",
+    "@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/react": "6.5.0-alpha.57",
+    "@storybook/theming": "6.4.20",
+    "babel-preset-minify": "0.5.1",
+    "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",
+    "webpack": "5.71.0"
   },
   "release": {
     "branches": [
-      "main"
+      {
+        "name": "main"
+      },
+      {
+        "name": "beta",
+        "channel": "beta",
+        "prerelease": true
+      }
     ]
   },
   "publishConfig": {

package/readme.md

@@ -1,10 +1,13 @@
-# Learningpool UI (Component library)
+# @learningpool/ui
 
-Learningpool UI is the Component library for use on Learningpool projects. There is a long-term vision, for now though, there are only a handful of components to utilize.
+![npm (scoped)](https://img.shields.io/npm/v/@learningpool/ui)
+![Libraries.io dependency status for latest release, scoped npm package](https://img.shields.io/librariesio/release/npm/@learningpool/ui)
+![NPM](https://img.shields.io/npm/l/@learningpool/ui)
+![Website](https://img.shields.io/website?label=documentation&url=https%3A%2F%2Fmain.d5creizgamf62.amplifyapp.com)
 
-It is built on top of [MUI](https://mui.com) and bootstrapped with [Create React App](https://github.com/facebook/create-react-app). Our documentation is provided via [Storybook](https://storybook.js.org) and our tests are written using [Jest](https://jestjs.io).
+@learningpool/ui is the Component library for use on modern Learning Pool projects, built on top of [MUI](https://mui.com) and bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
 
-Our module uses [semantic versionsing](https://semver.org) and publishes to [NPM](https://www.npmjs.com).
+Our documentation is provided via [Storybook](https://storybook.js.org) and our tests are written using [Jest](https://jestjs.io).
 
 ## Installation
 

package/components/atoms/Button/PrimaryButton.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import MUIButton from '@mui/material/Button';
-export default function PrimaryButton({ ...rest }: {} & React.ComponentPropsWithoutRef<typeof MUIButton>): JSX.Element;

package/components/atoms/Button/PrimaryButton.js

@@ -1,29 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import MUIButton from '@mui/material/Button';
-import { ButtonStyles } from './ButtonStyles';
-export default function PrimaryButton(_a) {
-    var rest = __rest(_a, []);
-    return (_jsx(MUIButton, __assign({ disableElevation: true, variant: 'contained', color: 'primary' }, rest, { classes: ButtonStyles().classes })));
-}