@learningpool/ui 1.4.0 → 1.6.0-beta.2

package/index.js

@@ -1,18 +1,67 @@
-// Learning Pool intercepted
-export { default as Avatar } from './components/datadisplay/Avatar/Avatar';
-export { default as Button } from './components/atoms/Button/Button';
-export { default as IconButton } from './components/atoms/IconButton/IconButton';
-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 Tooltip } from './components/datadisplay/Tooltip/Tooltip';
-export { default as SideInSide } from './components/pages/SideInSide/SideInSide';
-// Straight through MUI
+// Straight from @mui/material
+export { default as Accordion } from '@mui/material/Accordion';
+export { default as AccordionActions } from '@mui/material/AccordionActions';
+export { default as AccordionDetails } from '@mui/material/AccordionDetails';
+export { default as AccordionSummary } from '@mui/material/AccordionSummary';
+export { default as Alert } from '@mui/material/Alert';
+export { default as AlertTitle } from '@mui/material/AlertTitle';
+export { default as AppBar } from '@mui/material/AppBar';
+export { default as Autocomplete } from '@mui/material/Autocomplete';
+// export { default as Avatar } from '@mui/material/Avatar'
 export { default as AvatarGroup } from '@mui/material/AvatarGroup';
 export { default as Backdrop } from '@mui/material/Backdrop';
+export { default as Badge } from '@mui/material/Badge';
+export { default as BottomNavigation } from '@mui/material/BottomNavigation';
+export { default as BottomNavigationAction } from '@mui/material/BottomNavigationAction';
+export { default as Box } from '@mui/material/Box';
+export { default as Breadcrumbs } from '@mui/material/Breadcrumbs';
+// export { default as Button } from '@mui/material/Button'
+export { default as ButtonBase } from '@mui/material/ButtonBase';
+export { default as ButtonGroup } from '@mui/material/ButtonGroup';
+export { default as Card } from '@mui/material/Card';
+export { default as CardActionArea } from '@mui/material/CardActionArea';
+export { default as CardActions } from '@mui/material/CardActions';
+export { default as CardContent } from '@mui/material/CardContent';
+export { default as CardHeader } from '@mui/material/CardHeader';
+export { default as CardMedia } from '@mui/material/CardMedia';
+// export { default as Checkbox } from '@mui/material/Checkbox'
+export { default as Chip } from '@mui/material/Chip';
 export { default as CircularProgress } from '@mui/material/CircularProgress';
+export { default as ClickAwayListener } from '@mui/material/ClickAwayListener';
+export { default as Collapse } from '@mui/material/Collapse';
+export { default as Container } from '@mui/material/Container';
+export { default as CssBaseline } from '@mui/material/CssBaseline';
+export { default as darkScrollbar } from '@mui/material/darkScrollbar';
+export { default as Dialog } from '@mui/material/Dialog';
+export { default as DialogActions } from '@mui/material/DialogActions';
+export { default as DialogContent } from '@mui/material/DialogContent';
+export { default as DialogContentText } from '@mui/material/DialogContentText';
+export { default as DialogTitle } from '@mui/material/DialogTitle';
+export { default as Divider } from '@mui/material/Divider';
+// export { default as Drawer } from '@mui/material/Drawer'
+export { default as Fab } from '@mui/material/Fab';
+export { default as Fade } from '@mui/material/Fade';
+export { default as FilledInput } from '@mui/material/FilledInput';
+export { default as FormControl } from '@mui/material/FormControl';
+export { default as FormControlLabel } from '@mui/material/FormControlLabel';
+export { default as FormGroup } from '@mui/material/FormGroup';
+export { default as FormHelperText } from '@mui/material/FormHelperText';
+export { default as FormLabel } from '@mui/material/FormLabel';
+export { default as Grid } from '@mui/material/Grid';
+export { default as Grow } from '@mui/material/Grow';
+export { default as Hidden } from '@mui/material/Hidden';
+export { default as Icon } from '@mui/material/Icon';
+// export { default as IconButton } from '@mui/material/IconButton'
+export { default as ImageList } from '@mui/material/ImageList';
+export { default as ImageListItem } from '@mui/material/ImageListItem';
+export { default as ImageListItemBar } from '@mui/material/ImageListItemBar';
+export { default as Input } from '@mui/material/Input';
+export { default as InputAdornment } from '@mui/material/InputAdornment';
+export { default as InputBase } from '@mui/material/InputBase';
+export { default as InputLabel } from '@mui/material/InputLabel';
 export { default as LinearProgress } from '@mui/material/LinearProgress';
+export { default as Link } from '@mui/material/Link';
+// export { default as List } from '@mui/material/List'
 export { default as ListItem } from '@mui/material/ListItem';
 export { default as ListItemAvatar } from '@mui/material/ListItemAvatar';
 export { default as ListItemButton } from '@mui/material/ListItemButton';
@@ -20,5 +69,75 @@ 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';
+export { default as Menu } from '@mui/material/Menu';
+export { default as MenuItem } from '@mui/material/MenuItem';
+export { default as MenuList } from '@mui/material/MenuList';
+export { default as MobileStepper } from '@mui/material/MobileStepper';
+export { default as Modal } from '@mui/material/Modal';
+export { default as NativeSelect } from '@mui/material/NativeSelect';
+export { default as NoSsr } from '@mui/material/NoSsr';
+export { default as OutlinedInput } from '@mui/material/OutlinedInput';
+export { default as Pagination } from '@mui/material/Pagination';
+export { default as PaginationItem } from '@mui/material/PaginationItem';
+export { default as Paper } from '@mui/material/Paper';
+export { default as Popover } from '@mui/material/Popover';
+export { default as Popper } from '@mui/material/Popper';
+export { default as Portal } from '@mui/material/Portal';
+export { default as Radio } from '@mui/material/Radio';
+export { default as RadioGroup } from '@mui/material/RadioGroup';
+export { default as Rating } from '@mui/material/Rating';
+export { default as ScopedCssBaseline } from '@mui/material/ScopedCssBaseline';
+export { default as Select } from '@mui/material/Select';
+export { default as Skeleton } from '@mui/material/Skeleton';
+export { default as Slide } from '@mui/material/Slide';
+export { default as Slider } from '@mui/material/Slider';
+export { default as Snackbar } from '@mui/material/Snackbar';
+export { default as SnackbarContent } from '@mui/material/SnackbarContent';
+export { default as SpeedDial } from '@mui/material/SpeedDial';
+export { default as SpeedDialAction } from '@mui/material/SpeedDialAction';
+export { default as SpeedDialIcon } from '@mui/material/SpeedDialIcon';
+export { default as Stack } from '@mui/material/Stack';
+export { default as Step } from '@mui/material/Step';
+export { default as StepButton } from '@mui/material/StepButton';
+export { default as StepConnector } from '@mui/material/StepConnector';
+export { default as StepContent } from '@mui/material/StepContent';
+export { default as StepIcon } from '@mui/material/StepIcon';
+export { default as StepLabel } from '@mui/material/StepLabel';
+export { default as Stepper } from '@mui/material/Stepper';
+export { default as SvgIcon } from '@mui/material/SvgIcon';
+export { default as SwipeableDrawer } from '@mui/material/SwipeableDrawer';
+export { default as Switch } from '@mui/material/Switch';
+export { default as Tab } from '@mui/material/Tab';
+export { default as Table } from '@mui/material/Table';
+export { default as TableBody } from '@mui/material/TableBody';
+export { default as TableCell } from '@mui/material/TableCell';
+export { default as TableContainer } from '@mui/material/TableContainer';
+export { default as TableFooter } from '@mui/material/TableFooter';
+export { default as TableHead } from '@mui/material/TableHead';
+export { default as TablePagination } from '@mui/material/TablePagination';
+export { default as TableRow } from '@mui/material/TableRow';
+export { default as TableSortLabel } from '@mui/material/TableSortLabel';
+export { default as Tabs } from '@mui/material/Tabs';
+export { default as TabScrollButton } from '@mui/material/TabScrollButton';
+// export { default as TextField } from '@mui/material/TextField'
+export { default as TextareaAutosize } from '@mui/material/TextareaAutosize';
+export { default as ToggleButton } from '@mui/material/ToggleButton';
+export { default as ToggleButtonGroup } from '@mui/material/ToggleButtonGroup';
+export { default as Toolbar } from '@mui/material/Toolbar';
+// export { default as Tooltip } from '@mui/material/Tooltip'
+export { default as Typography } from '@mui/material/Typography';
+// Straight from @mui/x-data-grid
+export * from '@mui/x-data-grid';
+// Learning Pool intercepted
+export { default as Avatar } from './components/datadisplay/Avatar/Avatar';
+export { default as Button } from './components/atoms/Button/Button';
+export { default as IconButton } from './components/atoms/IconButton/IconButton';
+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 Tooltip } from './components/datadisplay/Tooltip/Tooltip';
+export { default as SideInSide } from './components/pages/SideInSide/SideInSide';
+export { default as ErrorPage } from './components/pages/ErrorPage/ErrorPage';
 // Stream Suite components
 export { default as VerticalNavigation } from './components/navigation/VerticalNavigation/VerticalNavigation';

package/package.json

@@ -9,101 +9,29 @@
     "components",
     "ui"
   ],
-  "version": "1.4.0",
+  "version": "1.6.0-beta.2",
   "private": false,
-  "main": "dist/index.js",
-  "module": "dist/index.js",
+  "main": "index.js",
+  "module": "index.js",
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@learningpool/app-switcher": "^1.0.4",
-    "@mui/icons-material": "^5.4.1",
-    "@mui/material": "^5.3.1",
-    "@testing-library/jest-dom": "^5.16.1",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/user-event": "^13.5.0",
+    "@learningpool/app-switcher": "1.1.0-beta.2",
+    "@mui/icons-material": "^5.8.4",
+    "@mui/material": "^5.8.5",
+    "@mui/x-data-grid": "^5.12.3",
     "@types/jest": "^27.4.0",
-    "@types/node": "^16.11.36",
-    "@types/react": "^17.0.38",
+    "@types/node": "^16.11.45",
+    "@types/react": "^17.0.48",
     "@types/react-dom": "^17.0.11",
+    "@typescript-eslint/parser": "^5.31.0",
     "anysort": "^2.0.0",
+    "eslint-plugin-n": "^15.2.4",
     "focus-trap-react": "^8.11.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-scripts": "5.0.1",
     "tss-react": "^3.3.6",
     "typescript": "^4.6.2",
     "web-vitals": "^2.1.4"
   },
-  "scripts": {
-    "analyze:build": "source-map-explorer 'build/static/js/*.js'",
-    "analyze:module": "source-map-explorer 'dist/*.js'",
-    "build": "build-storybook",
-    "build:module": "rm -rf dist && yarn run tsc && yarn run generate:package",
-    "generate:package": "node ./merge.js",
-    "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:u": "jest --updateSnapshot && yarn run lint:fix",
-    "test:update-snapshot": "test:u",
-    "test:generate-output": "jest --json --outputFile=.jest-test-results.json"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "devDependencies": {
-    "@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": "3.0.0",
-    "@storybook/addon-a11y": "6.5.6",
-    "@storybook/addon-actions": "6.5.6",
-    "@storybook/addon-essentials": "6.5.6",
-    "@storybook/addon-jest": "6.5.6",
-    "@storybook/addon-links": "6.5.6",
-    "@storybook/addons": "6.5.6",
-    "@storybook/builder-webpack5": "6.5.6",
-    "@storybook/manager-webpack5": "6.5.6",
-    "@storybook/node-logger": "6.5.6",
-    "@storybook/preset-create-react-app": "4.1.1",
-    "@storybook/react": "6.5.6",
-    "@storybook/theming": "6.5.6",
-    "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.8.0",
-    "webpack": "5.72.1"
-  },
-  "release": {
-    "branches": [
-      {
-        "name": "main"
-      },
-      {
-        "name": "beta",
-        "channel": "beta",
-        "prerelease": true
-      }
-    ]
-  },
   "publishConfig": {
     "access": "public"
   }

package/utils/theme.d.ts

@@ -81,3 +81,9 @@ export declare const darkTheme: {
         };
     };
 };
+export declare const motion: {
+    ease: string;
+    easeOut: string;
+    easeIn: string;
+    easeInOut: string;
+};

package/utils/theme.js

@@ -11,10 +11,10 @@ var __assign = (this && this.__assign) || function () {
 };
 import { amber, blue, common } from '@mui/material/colors';
 var DEFAULT_HEADER_TYPOGRAPHY = {
-    fontFamily: '"Montserrat", "Roboto", "Helvetica", "Arial", sans-serif'
+    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
 };
 var DEFAULT_BODY_TYPOGRAPHY = {
-    fontFamily: '"Source Sans Pro", "Roboto", "Helvetica", "Arial", sans-serif'
+    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
 };
 // @TODO: Discuss this with the experience design team, according to the UUI Figma
 export var defaultTheme = {
@@ -53,3 +53,9 @@ export var darkTheme = {
         }
     }
 };
+export var motion = {
+    ease: 'cubic-bezier(0.4, 0.0, 0.2, 1)',
+    easeOut: 'cubic-bezier(0.0, 0.0, 0.2, 1)',
+    easeIn: 'cubic-bezier(0.4, 0.0, 1, 1)',
+    easeInOut: 'cubic-bezier(0.4, 0.0, 0.6, 1)'
+};

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

@@ -1,7 +0,0 @@
-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

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

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

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

package/components/atoms/Button/ButtonStyles.js

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

package/components/atoms/Checkbox/CheckboxStyles.d.ts

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

package/components/atoms/Checkbox/CheckboxStyles.js

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

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

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

package/components/atoms/IconButton/IconButtonStyles.js

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

package/components/atoms/Radio/RadioStyles.d.ts

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

package/components/atoms/Radio/RadioStyles.js

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

package/components/atoms/Select/SelectStyles.d.ts

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

package/components/atoms/Select/SelectStyles.js

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

package/components/atoms/Slider/SliderStyles.d.ts

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

package/components/atoms/Slider/SliderStyles.js

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

package/components/atoms/Switch/SwitchStyles.d.ts

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

package/components/atoms/Switch/SwitchStyles.js

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

package/components/atoms/TextField/TextFieldStyles.d.ts

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

package/components/atoms/TextField/TextFieldStyles.js

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

package/components/atoms/ToggleButton/ToggleButtonStyles.d.ts

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

package/components/atoms/ToggleButton/ToggleButtonStyles.js

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

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

@@ -1,7 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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/components/datadisplay/Chip/ChipStyles.d.ts

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

package/components/datadisplay/Chip/ChipStyles.js

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

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

@@ -1,7 +0,0 @@
-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

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

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

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

package/components/datadisplay/Tooltip/TooltipStyles.js

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

package/components/feedback/Alert/AlertStyles.d.ts

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

package/components/feedback/Alert/AlertStyles.js

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