@learningpool/ui 1.1.0 → 1.2.1

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

@@ -1,6 +1,35 @@
 import React from 'react';
-import { ButtonProps } from '@mui/material/Button';
-interface IButtonProps extends ButtonProps {
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<IButtonProps, "className" | "style" | "classes" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value"> & React.RefAttributes<HTMLButtonElement>>;
-export default _default;
+declare const Button: React.ForwardRefExoticComponent<Pick<{
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material/Button").ButtonClasses> | undefined;
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
+    disabled?: boolean | undefined;
+    disableElevation?: boolean | undefined;
+    disableFocusRipple?: boolean | undefined;
+    endIcon?: React.ReactNode;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    startIcon?: React.ReactNode;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "text" | "outlined" | "contained" | undefined;
+} & Omit<{
+    action?: React.Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: React.ElementType<any> | undefined;
+    onFocusVisible?: React.FocusEventHandler<any> | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+    touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant">, keyof import("@mui/material/OverridableComponent").CommonProps | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "size" | "startIcon" | "variant" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value"> & React.RefAttributes<HTMLButtonElement>>;
+export default Button;

package/components/atoms/Button/Button.js

@@ -10,10 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import React from 'react';
 import MUIButton from '@mui/material/Button';
 import { ButtonStyles } from './ButtonStyles';
-var Button = function (props, ref) {
-    return (_jsx(MUIButton, __assign({ disableElevation: true, variant: 'contained' }, props, { classes: ButtonStyles().classes, ref: ref })));
-};
-export default forwardRef(Button);
+var Button = React.forwardRef(function (props, ref) { return (_jsx(MUIButton, __assign({ disableElevation: true, variant: 'contained' }, props, { classes: ButtonStyles().classes, ref: ref }))); });
+export default Button;

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.0",
+  "version": "1.2.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,29 +59,33 @@
     ]
   },
   "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": [

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