@selfcommunity/react-ui 0.7.0-alpha.70 → 0.7.0-alpha.71

package/lib/cjs/components/AppBar/NavigationToolbar/Skeleton.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+const PREFIX = 'SCNavigationToolbarSkeleton';
+const classes = {
+    root: `${PREFIX}-root`,
+    logo: `${PREFIX}-logo`,
+    navigation: `${PREFIX}-navigation`,
+    avatar: `${PREFIX}-avatar`
+};
+const Root = (0, styles_1.styled)(material_1.Toolbar, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    [`& .${classes.logo}`]: {
+        width: 100,
+        height: 20
+    },
+    [`& .${classes.navigation}`]: {
+        flexGrow: 1,
+        margin: theme.spacing(0, 20)
+    },
+    [`& .${classes.avatar}`]: {
+        width: theme.selfcommunity.user.avatar.sizeMedium,
+        height: theme.selfcommunity.user.avatar.sizeMedium
+    }
+}));
+/**
+ * > API documentation for the Community-JS Navigation Toolbar Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {MobileHeaderSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCNavigationToolbarSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCNavigationToolbarSkeleton-root|Styles applied to the root element.|
+ |logo|.SCNavigationToolbarSkeleton-logo|Styles applied to the logo element.|
+ |navigation|.SCNavigationToolbarSkeleton-navigation|Styles applied to the navigation element.|
+ |avatar|.SCNavigationToolbarSkeleton-avatar|Styles applied to the avatar element.|
+ *
+ */
+function NavigationToolbarSkeleton() {
+    return (react_1.default.createElement(Root, { className: classes.root },
+        react_1.default.createElement(Skeleton_1.default, { className: classes.logo, animation: "wave", variant: "rectangular" }),
+        react_1.default.createElement(Skeleton_1.default, { className: classes.navigation, animation: "wave", variant: "rectangular" }),
+        react_1.default.createElement(Skeleton_1.default, { className: classes.avatar, animation: "wave", variant: "rounded" })));
+}
+exports.default = NavigationToolbarSkeleton;
+//# sourceMappingURL=Skeleton.js.map

package/lib/cjs/components/AppBar/NavigationToolbar/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbar/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAsC;AACtC,iDAA4C;AAC5C,sEAA8C;AAG9C,MAAM,MAAM,GAAG,6BAA6B,CAAC;AAE7C,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,UAAU,EAAE,GAAG,MAAM,aAAa;IAClC,MAAM,EAAE,GAAG,MAAM,SAAS;CAC3B,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,kBAAO,EAAE;IAC3B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAuB,EAAE,EAAE,CAAC,CAAC;IACrC,CAAC,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE;QACtB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;KACX;IACD,CAAC,MAAM,OAAO,CAAC,UAAU,EAAE,CAAC,EAAE;QAC5B,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC;KAC7B;IACD,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE;QACxB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;QACjD,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU;KACnD;CACF,CAAC,CAAC,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,SAAwB,yBAAyB;IAC/C,OAAO,CACL,8BAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAC3B,8BAAC,kBAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,GAAG;QAC5E,8BAAC,kBAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,GAAG;QAClF,8BAAC,kBAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,GAAG,CACrE,CACR,CAAC;AACJ,CAAC;AARD,4CAQC"}

package/lib/cjs/components/AppBar/NavigationToolbar/index.d.ts

@@ -0,0 +1,5 @@
+import NavigationToolbar, { NavigationToolbarProps } from './NavigationToolbar';
+import NavigationToolbarSkeleton from './Skeleton';
+export default NavigationToolbar;
+export { NavigationToolbarSkeleton, NavigationToolbarProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/AppBar/NavigationToolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,EAAE,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAC9E,OAAO,yBAAyB,MAAM,YAAY,CAAC;AACnD,eAAe,iBAAiB,CAAC;AACjC,OAAO,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,CAAC"}

package/lib/cjs/components/{Header/MobileHeader → AppBar/NavigationToolbar}/index.js

@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileHeaderSkeleton = void 0;
-const MobileHeader_1 = __importDefault(require("./MobileHeader"));
+exports.NavigationToolbarSkeleton = void 0;
+const NavigationToolbar_1 = __importDefault(require("./NavigationToolbar"));
 const Skeleton_1 = __importDefault(require("./Skeleton"));
-exports.MobileHeaderSkeleton = Skeleton_1.default;
-exports.default = MobileHeader_1.default;
+exports.NavigationToolbarSkeleton = Skeleton_1.default;
+exports.default = NavigationToolbar_1.default;
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/AppBar/NavigationToolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbar/index.tsx"],"names":[],"mappings":";;;;;;AAAA,4EAA8E;AAC9E,0DAAmD;AAE3C,oCAFD,kBAAyB,CAEC;AADjC,kBAAe,2BAAiB,CAAC"}

package/lib/cjs/components/AppBar/NavigationToolbarMobile/NavigationToolbarMobile.d.ts

@@ -0,0 +1,38 @@
+import { ToolbarProps } from '@mui/material';
+import { SearchAutocompleteProps } from '../../SearchAutocomplete';
+export interface NavigationToolbarMobileProps extends ToolbarProps {
+    /**
+     * Props spread to SearchAutocomplete component
+     */
+    SearchAutocompleteProps?: SearchAutocompleteProps;
+}
+/**
+ * > API documentation for the Community-JS NavigationToolbarMobile component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {NavigationToolbarMobile} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCNavigationToolbar` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCNavigationToolbar-root|Styles applied to the root element.|
+ |logo|.SCNavigationToolbar-logo|Styles applied to the logo element.|
+ |grow|.SCNavigationToolbar-grow|Styles applied to the element that can space between left and right.|
+ |search|.SCNavigationToolbar-search|Styles applied to the search button element|
+ |searchDialog|.SCNavigationToolbar-search-dialog|Styles applied to the search dialog element|
+ |settings|.SCNavigationToolbar-settings|Styles applied to the settings button element|
+ |settingsDialog|.SCNavigationToolbar-settingsDialog|Styles applied to the settings dialog elements|
+ *
+ * @param inProps
+ */
+export default function NavigationToolbarMobile(inProps: NavigationToolbarMobileProps): JSX.Element;
+//# sourceMappingURL=NavigationToolbarMobile.d.ts.map

package/lib/cjs/components/AppBar/NavigationToolbarMobile/NavigationToolbarMobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationToolbarMobile.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbarMobile/NavigationToolbarMobile.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2C,YAAY,EAAC,MAAM,eAAe,CAAC;AAmBrF,OAAO,EAAC,uBAAuB,EAAC,MAAM,0BAA0B,CAAC;AA6BjE,MAAM,WAAW,4BAA6B,SAAQ,YAAY;IAChE;;OAEG;IACH,uBAAuB,CAAC,EAAE,uBAAuB,CAAC;CACnD;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,OAAO,EAAE,4BAA4B,eA0FpF"}

package/lib/cjs/components/AppBar/NavigationToolbarMobile/NavigationToolbarMobile.js

@@ -0,0 +1,155 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const react_1 = __importStar(require("react"));
+const react_core_1 = require("@selfcommunity/react-core");
+const Icon_1 = __importDefault(require("@mui/material/Icon"));
+const system_1 = require("@mui/system");
+const classnames_1 = __importDefault(require("classnames"));
+const SettingsDrawer_1 = __importDefault(require("./SettingsDrawer"));
+const Skeleton_1 = __importDefault(require("./Skeleton"));
+const react_intl_1 = require("react-intl");
+const SearchDialog_1 = __importDefault(require("../../SearchDialog"));
+const PREFIX = 'SCNavigationToolbar';
+const classes = {
+    root: `${PREFIX}-root`,
+    logo: `${PREFIX}-logo`,
+    grow: `${PREFIX}-grow`,
+    search: `${PREFIX}-search`,
+    searchDialog: `${PREFIX}-search-dialog`,
+    settings: `${PREFIX}-settings`,
+    settingsDialog: `${PREFIX}-settings-dialog`,
+    login: `${PREFIX}-login`
+};
+const Root = (0, material_1.styled)(material_1.Toolbar, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    [`& .${classes.logo}`]: {
+        maxHeight: theme.mixins.toolbar.minHeight
+    },
+    [`& .${classes.grow}`]: {
+        flexGrow: 1
+    }
+}));
+const PREFERENCES = [react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY, react_core_1.SCPreferences.LOGO_NAVBAR_LOGO_MOBILE];
+/**
+ * > API documentation for the Community-JS NavigationToolbarMobile component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {NavigationToolbarMobile} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCNavigationToolbar` can be used when providing style overrides in the theme.
+
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCNavigationToolbar-root|Styles applied to the root element.|
+ |logo|.SCNavigationToolbar-logo|Styles applied to the logo element.|
+ |grow|.SCNavigationToolbar-grow|Styles applied to the element that can space between left and right.|
+ |search|.SCNavigationToolbar-search|Styles applied to the search button element|
+ |searchDialog|.SCNavigationToolbar-search-dialog|Styles applied to the search dialog element|
+ |settings|.SCNavigationToolbar-settings|Styles applied to the settings button element|
+ |settingsDialog|.SCNavigationToolbar-settingsDialog|Styles applied to the settings dialog elements|
+ *
+ * @param inProps
+ */
+function NavigationToolbarMobile(inProps) {
+    // PROPS
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    const { className, SearchAutocompleteProps = {}, children = null } = props, rest = __rest(props, ["className", "SearchAutocompleteProps", "children"]);
+    // CONTEXT
+    const scUserContext = (0, react_core_1.useSCUser)();
+    const scRoutingContext = (0, react_core_1.useSCRouting)();
+    // PREFERENCES
+    const scPreferences = (0, react_core_1.useSCPreferences)();
+    const preferences = (0, react_1.useMemo)(() => {
+        const _preferences = {};
+        PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
+        return _preferences;
+    }, [scPreferences.preferences]);
+    // STATE
+    const [searchOpen, setSearchOpen] = (0, react_1.useState)(false);
+    const [settingsOpen, setSettingsOpen] = react_1.default.useState(false);
+    // HANDLERS
+    const handleOpenSearch = () => {
+        setSearchOpen(true);
+    };
+    const handleCloseSearch = () => {
+        setSearchOpen(false);
+    };
+    const handleOpenSettings = () => {
+        setSettingsOpen(true);
+    };
+    const handleCloseSettings = () => {
+        setSettingsOpen(false);
+    };
+    // RENDER
+    if (scUserContext.loading && !children) {
+        return react_1.default.createElement(Skeleton_1.default, null);
+    }
+    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root) }, rest), children ? (children) : (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.HOME_ROUTE_NAME, {}) },
+            react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO_MOBILE], alt: "logo", className: classes.logo })),
+        react_1.default.createElement(material_1.Box, { className: classes.grow }),
+        preferences[react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY] && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.IconButton, { className: classes.search, onClick: handleOpenSearch },
+                react_1.default.createElement(Icon_1.default, null, "search")),
+            react_1.default.createElement(SearchDialog_1.default, { className: classes.searchDialog, fullScreen: true, open: searchOpen, SearchAutocompleteProps: Object.assign(Object.assign({}, SearchAutocompleteProps), { onClear: handleCloseSearch }) }))),
+        scUserContext.user && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(material_1.IconButton, { className: classes.settings, onClick: handleOpenSettings },
+                react_1.default.createElement(Icon_1.default, null, "more_vert")),
+            react_1.default.createElement(SettingsDrawer_1.default, { id: "setting-swipe-menu", className: classes.settingsDialog, anchor: "bottom", open: settingsOpen, onClose: handleCloseSettings, onClick: handleCloseSettings, onOpen: handleOpenSettings }))),
+        !scUserContext.user && (react_1.default.createElement(material_1.Button, { className: classes.login, color: "inherit", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.SIGNIN_ROUTE_NAME, {}) },
+            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.login", defaultMessage: "ui.appBar.navigation.login" })))))));
+}
+exports.default = NavigationToolbarMobile;
+//# sourceMappingURL=NavigationToolbarMobile.js.map

package/lib/cjs/components/AppBar/NavigationToolbarMobile/NavigationToolbarMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationToolbarMobile.js","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbarMobile/NavigationToolbarMobile.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/AppBar/NavigationToolbarMobile/SettingsDrawer.d.ts

@@ -0,0 +1,4 @@
+import { SwipeableDrawerProps } from '@mui/material';
+export declare type SettingsDrawerProps = SwipeableDrawerProps;
+export default function SettingsDrawer(inProps: SettingsDrawerProps): JSX.Element;
+//# sourceMappingURL=SettingsDrawer.d.ts.map

package/lib/cjs/components/AppBar/NavigationToolbarMobile/SettingsDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsDrawer.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbarMobile/SettingsDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmE,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAsCrH,oBAAY,mBAAmB,GAAG,oBAAoB,CAAC;AAQvD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,OAAO,EAAE,mBAAmB,eAkKlE"}

package/lib/cjs/components/AppBar/NavigationToolbarMobile/SettingsDrawer.js

@@ -0,0 +1,148 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const material_1 = require("@mui/material");
+const react_core_1 = require("@selfcommunity/react-core");
+const react_intl_1 = require("react-intl");
+const react_1 = __importStar(require("react"));
+const system_1 = require("@mui/system");
+const api_services_1 = require("@selfcommunity/api-services");
+const PREFIX = 'SCSettingDrawer';
+const classes = {
+    root: `${PREFIX}-root`,
+    paper: `${PREFIX}-paper`,
+    item: `${PREFIX}-item`
+};
+const Root = (0, material_1.styled)(material_1.SwipeableDrawer, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(({ theme }) => ({
+    [`& .${classes.paper}`]: {
+        borderTopLeftRadius: theme.shape.borderRadius,
+        borderTopRightRadius: theme.shape.borderRadius
+    },
+    [`& .${classes.item}`]: {}
+}));
+const PREFERENCES = [
+    react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED,
+    react_core_1.SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED,
+    react_core_1.SCPreferences.CONFIGURATIONS_DISCUSSION_TYPE_ENABLED
+];
+function SettingsDrawer(inProps) {
+    // PROPS
+    const props = (0, system_1.useThemeProps)({
+        props: inProps,
+        name: PREFIX
+    });
+    const { PaperProps = { className: classes.paper } } = props, rest = __rest(props, ["PaperProps"]);
+    // CONTEXT
+    const scUserContext = (0, react_core_1.useSCUser)();
+    const roles = scUserContext.user && scUserContext.user.role;
+    const isAdmin = roles && roles.includes('admin');
+    const isModerator = roles && roles.includes('moderator');
+    // HOOKS
+    const scRoutingContext = (0, react_core_1.useSCRouting)();
+    // PREFERENCES
+    const scPreferences = (0, react_core_1.useSCPreferences)();
+    const preferences = (0, react_1.useMemo)(() => {
+        const _preferences = {};
+        PREFERENCES.map((p) => (_preferences[p] = p in scPreferences.preferences ? scPreferences.preferences[p].value : null));
+        return _preferences;
+    }, [scPreferences.preferences]);
+    console.log(scPreferences.features);
+    /**
+     * Fetches paltform url
+     * @param query
+     */
+    const fetchPlatform = (query) => {
+        api_services_1.UserService.getCurrentUserPlatform(query).then((res) => {
+            const platformUrl = res.platform_url;
+            window.open(platformUrl, '_blank').focus();
+        });
+    };
+    const handleLogout = () => {
+        scUserContext.logout();
+    };
+    return (react_1.default.createElement(Root, Object.assign({ className: classes.root, PaperProps: PaperProps }, rest),
+        react_1.default.createElement(material_1.List, null,
+            react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "profile" },
+                react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, scUserContext.user) },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.profile", defaultMessage: "ui.appBar.navigation.settings.menuItem.profile" }))),
+            preferences[react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED] && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "followings" },
+                react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWINGS_ROUTE_NAME, scUserContext.user) },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.followings", defaultMessage: "ui.appBar.navigation.settings.menuItem.followings" })))),
+            preferences[react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED] && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "followers" },
+                react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWERS_ROUTE_NAME, scUserContext.user) },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.followers", defaultMessage: "ui.appBar.navigation.settings.menuItem.followers" })))),
+            !preferences[react_core_1.SCPreferences.CONFIGURATIONS_FOLLOW_ENABLED] && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "connections" },
+                react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_CONNECTIONS_ROUTE_NAME, scUserContext.user) },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.connections", defaultMessage: "ui.appBar.navigation.settings.menuItem.connections" })))),
+            scPreferences.features.includes(react_core_1.SCFeatures.LOYALTY) && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "loyaltyProgram" },
+                react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.LOYALTY_ROUTE_NAME, {}) },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.loyalty", defaultMessage: "ui.appBar.navigation.settings.menuItem.loyalty" })))),
+            react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "suggestedPeople" },
+                react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.PEOPLE_SUGGESTION_ROUTE_NAME, {}) },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.interestingPeople", defaultMessage: "ui.appBar.navigation.settings.menuItem.interestingPeople" }))),
+            preferences[react_core_1.SCPreferences.CONFIGURATIONS_POST_TYPE_ENABLED] && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "followedPosts" },
+                react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWED_POSTS_ROUTE_NAME, scUserContext.user) },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.postsFollowed", defaultMessage: "ui.appBar.navigation.settings.menuItem.postsFollowed" })))),
+            preferences[react_core_1.SCPreferences.CONFIGURATIONS_DISCUSSION_TYPE_ENABLED] && (react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "followedDiscussions" },
+                react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_FOLLOWED_DISCUSSIONS_ROUTE_NAME, scUserContext.user) },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.discussionsFollowed", defaultMessage: "ui.appBar.navigation.settings.menuItem.discussionsFollowed" })))),
+            react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "privateMessages" },
+                react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PRIVATE_MESSAGES_ROUTE_NAME, {}) },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.privateMessages", defaultMessage: "ui.appBar.navigation.settings.menuItem.privateMessages" }))),
+            isAdmin && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(material_1.Divider, null),
+                react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "platform" },
+                    react_1.default.createElement(material_1.ListItemButton, { onClick: () => fetchPlatform('') },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.platform", defaultMessage: "ui.appBar.navigation.settings.menuItem.platform" }))))),
+            (isModerator || isAdmin) && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(material_1.Divider, null),
+                react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "moderation" },
+                    react_1.default.createElement(material_1.ListItemButton, { onClick: () => fetchPlatform('/moderation') },
+                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.moderation", defaultMessage: "ui.appBar.navigation.settings.menuItem.moderation" }))))),
+            react_1.default.createElement(material_1.ListItem, { className: classes.item, key: "settings" },
+                react_1.default.createElement(material_1.ListItemButton, { component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_SETTINGS_ROUTE_NAME, scUserContext.user) },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.settings", defaultMessage: "ui.appBar.navigation.settings.menuItem.settings" }))),
+            react_1.default.createElement(material_1.Divider, null),
+            react_1.default.createElement(material_1.ListItem, { className: classes.item },
+                react_1.default.createElement(material_1.ListItemButton, { onClick: handleLogout },
+                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.settings.menuItem.logout", defaultMessage: "ui.appBar.navigation.settings.menuItem.logout" }))))));
+}
+exports.default = SettingsDrawer;
+//# sourceMappingURL=SettingsDrawer.js.map

package/lib/cjs/components/AppBar/NavigationToolbarMobile/SettingsDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsDrawer.js","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbarMobile/SettingsDrawer.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/AppBar/NavigationToolbarMobile/Skeleton.d.ts

@@ -0,0 +1,23 @@
+/**
+ * > API documentation for the Community-JS Navigation Toolbar Mobile Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {NavigationToolbarMobileSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCNavigationToolbarMobileSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCNavigationToolbarMobileSkeleton-root|Styles applied to the root element.|
+ |logo|.SCNavigationToolbarMobileSkeleton-logo|Styles applied to the logo element.|
+ *
+ */
+export default function NavigationToolbarMobileSkeleton(): JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/lib/cjs/components/AppBar/NavigationToolbarMobile/Skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbarMobile/Skeleton.tsx"],"names":[],"mappings":"AAsBA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,+BAA+B,IAAI,GAAG,CAAC,OAAO,CAMrE"}

package/lib/cjs/components/AppBar/NavigationToolbarMobile/Skeleton.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+const PREFIX = 'SCNavigationToolbarMobileSkeleton';
+const classes = {
+    root: `${PREFIX}-root`,
+    logo: `${PREFIX}-logo`
+};
+const Root = (0, styles_1.styled)(material_1.Toolbar, {
+    name: PREFIX,
+    slot: 'Root',
+    overridesResolver: (props, styles) => styles.root
+})(() => ({
+    [`& .${classes.logo}`]: {
+        width: 100,
+        height: 20
+    }
+}));
+/**
+ * > API documentation for the Community-JS Navigation Toolbar Mobile Skeleton component. Learn about the available props and the CSS API.
+
+ #### Import
+
+ ```jsx
+ import {NavigationToolbarMobileSkeleton} from '@selfcommunity/react-ui';
+ ```
+
+ #### Component Name
+
+ The name `SCNavigationToolbarMobileSkeleton` can be used when providing style overrides in the theme.
+
+ #### CSS
+
+ |Rule Name|Global class|Description|
+ |---|---|---|
+ |root|.SCNavigationToolbarMobileSkeleton-root|Styles applied to the root element.|
+ |logo|.SCNavigationToolbarMobileSkeleton-logo|Styles applied to the logo element.|
+ *
+ */
+function NavigationToolbarMobileSkeleton() {
+    return (react_1.default.createElement(Root, { className: classes.root },
+        react_1.default.createElement(Skeleton_1.default, { className: classes.logo, animation: "wave", variant: "rectangular" })));
+}
+exports.default = NavigationToolbarMobileSkeleton;
+//# sourceMappingURL=Skeleton.js.map

package/lib/cjs/components/AppBar/NavigationToolbarMobile/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbarMobile/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAsC;AACtC,iDAA4C;AAC5C,sEAA8C;AAE9C,MAAM,MAAM,GAAG,mCAAmC,CAAC;AAEnD,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,kBAAO,EAAE;IAC3B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACR,CAAC,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE;QACtB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAC,CAAC;AACJ;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,SAAwB,+BAA+B;IACrD,OAAO,CACL,8BAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAC3B,8BAAC,kBAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,GAAG,CACvE,CACR,CAAC;AACJ,CAAC;AAND,kDAMC"}

package/lib/cjs/components/AppBar/NavigationToolbarMobile/index.d.ts

@@ -0,0 +1,5 @@
+import NavigationToolbarMobile, { NavigationToolbarMobileProps } from './NavigationToolbarMobile';
+import NavigationToolbarMobileSkeleton from './Skeleton';
+export default NavigationToolbarMobile;
+export { NavigationToolbarMobileSkeleton, NavigationToolbarMobileProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/AppBar/NavigationToolbarMobile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbarMobile/index.tsx"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,EAAE,EAAC,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,+BAA+B,MAAM,YAAY,CAAC;AACzD,eAAe,uBAAuB,CAAC;AACvC,OAAO,EAAC,+BAA+B,EAAE,4BAA4B,EAAC,CAAC"}

package/lib/cjs/components/AppBar/NavigationToolbarMobile/index.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationToolbarMobileSkeleton = void 0;
+const NavigationToolbarMobile_1 = __importDefault(require("./NavigationToolbarMobile"));
+const Skeleton_1 = __importDefault(require("./Skeleton"));
+exports.NavigationToolbarMobileSkeleton = Skeleton_1.default;
+exports.default = NavigationToolbarMobile_1.default;
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/AppBar/NavigationToolbarMobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/AppBar/NavigationToolbarMobile/index.tsx"],"names":[],"mappings":";;;;;;AAAA,wFAAgG;AAChG,0DAAyD;AAEjD,0CAFD,kBAA+B,CAEC;AADvC,kBAAe,iCAAuB,CAAC"}

package/lib/cjs/components/AppBar/index.d.ts

@@ -0,0 +1,6 @@
+import NavigationToolbar, { NavigationToolbarProps, NavigationToolbarSkeleton } from './NavigationToolbar';
+import NavigationToolbarMobile, { NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton } from './NavigationToolbarMobile';
+import AppBar, { AppBarProps } from './AppBar';
+export default AppBar;
+export { NavigationToolbarMobile, NavigationToolbarMobileProps, NavigationToolbarMobileSkeleton, NavigationToolbar, NavigationToolbarProps, NavigationToolbarSkeleton, AppBarProps };
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/components/AppBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AppBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,EAAE,EAAC,sBAAsB,EAAE,yBAAyB,EAAC,MAAM,qBAAqB,CAAC;AACzG,OAAO,uBAAuB,EAAE,EAAC,4BAA4B,EAAE,+BAA+B,EAAC,MAAM,2BAA2B,CAAC;AACjI,OAAO,MAAM,EAAE,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAE7C,eAAe,MAAM,CAAC;AACtB,OAAO,EACL,uBAAuB,EACvB,4BAA4B,EAC5B,+BAA+B,EAC/B,iBAAiB,EACjB,sBAAsB,EACtB,yBAAyB,EACzB,WAAW,EACZ,CAAC"}