@learningpool/ui 1.1.1 → 1.2.0

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/index.d.ts

@@ -1,2 +1,11 @@
-import Button from './components/atoms/Button/Button';
-export { Button };
+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 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,13 @@
-import Button from './components/atoms/Button/Button';
-export { Button };
+// Learning Pool intercepted
+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 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.2.0",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -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": [
@@ -101,6 +78,10 @@
     "@storybook/react": "^6.5.0-alpha.34",
     "@storybook/theming": "^6.4.18",
     "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.5.0",

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 })));
-}