@learningpool/ui 1.6.0-beta.9 → 1.6.1

package/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItem.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export interface IVerticalNavigationItemProps {
-    label: string;
-    icon?: React.ReactElement;
-    onClick?: any;
-    isActive?: boolean;
-    children?: IVerticalNavigationItemProps[];
-    isDrawerOpen?: boolean;
-    index?: number;
-    isSecondary?: boolean;
-    hasFlyout?: boolean;
-    fullHeightFlyout?: boolean;
-    content?: React.ReactElement;
-    style?: any;
-    open?: boolean;
-    hasCustomContent?: boolean;
-}
-declare const VerticalNavigationItem: (props: IVerticalNavigationItemProps) => React.ReactElement;
-export default VerticalNavigationItem;

package/components/navigation/VerticalNavigation/VerticalNavigationItem/VerticalNavigationItem.js

@@ -1,91 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { useTheme } from '@mui/material/styles';
-import { Link, List, Tooltip, Collapse } from '../../../../index';
-import MailIcon from '@mui/icons-material/Mail';
-import { ListItem, ListItemButton, ListItemButtonChild, ListItemIcon, ListItemText } from './VerticalNavigationItemStyles';
-import { tooltipDelay } from '../../../../utils/theme';
-import VerticalNavigationItemFlyoutMenu from './VerticalNavigationItemFlyoutMenu';
-var VerticalNavigationItem = function (props) {
-    var _a, _b, _c;
-    var theme = useTheme();
-    var label = props.label, icon = props.icon, onClick = props.onClick, isActive = props.isActive, children = props.children, isDrawerOpen = props.isDrawerOpen, index = props.index, hasFlyout = props.hasFlyout, fullHeightFlyout = props.fullHeightFlyout, isSecondary = props.isSecondary, content = props.content, style = props.style, hasCustomContent = props.hasCustomContent, rest = __rest(props, ["label", "icon", "onClick", "isActive", "children", "isDrawerOpen", "index", "hasFlyout", "fullHeightFlyout", "isSecondary", "content", "style", "hasCustomContent"]);
-    var _d = React.useState(false), isExpanded = _d[0], setIsExpanded = _d[1];
-    var _e = React.useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
-    var open = Boolean(anchorEl);
-    var handlePopoverOpen = function (event) {
-        if (open) {
-            handlePopoverClose();
-            return;
-        }
-        setAnchorEl(event === null || event === void 0 ? void 0 : event.currentTarget);
-    };
-    var handlePopoverClose = function () {
-        setAnchorEl(null);
-    };
-    var handleClick = function (event) {
-        if (fullHeightFlyout) {
-            handlePopoverOpen(event);
-            return;
-        }
-        if (children && children.length > 0) {
-            setIsExpanded(!isExpanded);
-            return;
-        }
-        if (onClick) {
-            onClick(event);
-        }
-        setAnchorEl(null);
-    };
-    return (_jsxs(ListItem, __assign({ disablePadding: true, style: style }, rest, { isDrawerOpen: isDrawerOpen }, { children: [_jsxs(ListItemButton
-            // @ts-expect-error
-            , __assign({ 
-                // @ts-expect-error
-                component: Link, onClick: handleClick, isActive: isActive, isDrawerOpen: isDrawerOpen, isExpanded: isExpanded, open: open, onMouseEnter: function (event) { return fullHeightFlyout
-                    ? null
-                    : handlePopoverOpen(event); }, onMouseLeave: function () { return fullHeightFlyout
-                    ? null
-                    : handlePopoverClose(); }, onFocus: function (event) { return fullHeightFlyout
-                    ? null
-                    : handlePopoverOpen(event); }, onBlur: function () { return fullHeightFlyout
-                    ? null
-                    : handlePopoverClose(); }, "aria-expanded": (children && children.length > 0) || fullHeightFlyout ? open : null, "aria-current": isActive ? 'page' : null, role: (children && children.length > 0) || fullHeightFlyout ? 'button' : 'link' }, { children: [_jsx(Tooltip, __assign({ disableHoverListener: (_a = (children && children.length > 0)) !== null && _a !== void 0 ? _a : isDrawerOpen, disableFocusListener: (_b = (children && children.length > 0)) !== null && _b !== void 0 ? _b : isDrawerOpen, disableTouchListener: (_c = (children && children.length > 0)) !== null && _c !== void 0 ? _c : isDrawerOpen, title: label, placement: theme.direction === 'rtl' ? 'left' : 'right', enterDelay: tooltipDelay.start, leaveDelay: tooltipDelay.end }, { children: _jsx(ListItemIcon, __assign({ "aria-hidden": true }, { children: icon !== null && icon !== void 0 ? icon : _jsx(MailIcon, {}) })) })), _jsx(ListItemText, { primary: label, isDrawerOpen: isDrawerOpen, index: index, sx: {
-                            '& .MuiTypography-root': {
-                                fontSize: isSecondary ? '14px' : 'inherit'
-                            }
-                        } }), children && children.length > 0 && (_jsx(Collapse, __assign({ component: 'div', in: isDrawerOpen ? isExpanded : false, timeout: "auto" }, { children: _jsx(List, __assign({ "aria-label": label, disablePadding: true }, { children: children.map(function (childItem, index) { return (_jsx(ListItem, __assign({ disablePadding: true, isDrawerOpen: isDrawerOpen }, { children: _jsxs(ListItemButtonChild
-                                // @ts-expect-error
-                                , __assign({ 
-                                    // @ts-expect-error
-                                    component: Link, index: index, isDrawerOpen: isDrawerOpen }, { children: [_jsx(ListItemIcon, { children: childItem.icon }), _jsx(ListItemText, { primary: childItem.label, isDrawerOpen: isDrawerOpen, sx: {
-                                                '& .MuiTypography-root': {
-                                                    fontSize: '14px !important',
-                                                    color: theme.palette.mode === 'dark'
-                                                        ? theme.palette.primary.contrastText
-                                                        : theme.palette.getContrastText(theme.palette.background.paper)
-                                                }
-                                            } })] }), label) }))); }) })) })))] }), label), hasCustomContent && content, !fullHeightFlyout && children && children.length > 0 && (!isExpanded || !isDrawerOpen) && (_jsx(VerticalNavigationItemFlyoutMenu, { isDrawerOpen: isDrawerOpen, anchorEl: anchorEl, open: open, children: children, label: label })), fullHeightFlyout && content && (_jsx(VerticalNavigationItemFlyoutMenu, { isDrawerOpen: isDrawerOpen, fullHeightFlyout: true, anchorEl: anchorEl, open: open, content: content }))] })));
-};
-export default VerticalNavigationItem;

package/utils/constants.js

@@ -1,6 +0,0 @@
-export var DEFAULT_REACT_APP_ID = 'root';
-export var MOBILE_NAV_PANEL_TYPES = {
-    DRAWER: 'drawer',
-    SEARCH: 'search',
-    AVATAR: 'avatar'
-};

package/utils/helpers.d.ts

@@ -1,6 +0,0 @@
-/**
- * Accepts a string and returns 2 characters (max) as initials e.g. AN from Avatar Name
- * @param avatarName string - Expected full name but accepts any string
- * @returns string
- */
-export declare const handleAvatarInitials: (avatarName: string) => string;

package/utils/helpers.js

@@ -1,17 +0,0 @@
-/**
- * Accepts a string and returns 2 characters (max) as initials e.g. AN from Avatar Name
- * @param avatarName string - Expected full name but accepts any string
- * @returns string
- */
-export var handleAvatarInitials = function (avatarName) {
-    var _a, _b;
-    var firstInitial = avatarName.split('')[0] || '';
-    var secondInitial = '';
-    if (((_a = avatarName.split(' ')) === null || _a === void 0 ? void 0 : _a.length) > 1) {
-        firstInitial = avatarName.split(' ')[0][0];
-        if (((_b = avatarName.split(' ')[1]) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-            secondInitial = avatarName === null || avatarName === void 0 ? void 0 : avatarName.split(' ')[1][0];
-        }
-    }
-    return "".concat(firstInitial).concat(secondInitial);
-};