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

package/lib/cjs/components/Header/MobileHeader/MobileHeader.js

@@ -1,215 +0,0 @@
-"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 Icon_1 = __importDefault(require("@mui/material/Icon"));
-const react_1 = __importStar(require("react"));
-const react_core_1 = require("@selfcommunity/react-core");
-const system_1 = require("@mui/system");
-const SearchBar_1 = __importDefault(require("../SearchBar"));
-const classnames_1 = __importDefault(require("classnames"));
-const HeaderMenu_1 = __importDefault(require("../HeaderMenu"));
-const Skeleton_1 = __importDefault(require("./Skeleton"));
-const types_1 = require("@selfcommunity/types");
-const SnippetNotifications_1 = __importDefault(require("../../SnippetNotifications"));
-const react_intl_1 = require("react-intl");
-const PREFIX = 'SCMobileHeader';
-const classes = {
-    root: `${PREFIX}-root`,
-    logo: `${PREFIX}-logo`,
-    tabs: `${PREFIX}-tabs`,
-    iconButton: `${PREFIX}-icon-button`,
-    topToolbar: `${PREFIX}-top-toolbar`,
-    bottomToolbar: `${PREFIX}-bottom-toolbar`,
-    gridContainer: `${PREFIX}-grid-container`
-};
-const Root = (0, material_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`& .${classes.logo}`]: {
-        height: theme.spacing(4)
-    },
-    [`& .${classes.tabs}`]: {
-        '& .MuiTabs-indicator': {
-            top: '0px'
-        }
-    },
-    [`& .${classes.topToolbar}`]: {
-        paddingLeft: theme.spacing(1),
-        paddingRight: theme.spacing(1)
-    },
-    [`& .${classes.bottomToolbar}`]: {
-        display: 'flex',
-        justifyContent: 'space-between'
-    },
-    [`& .${classes.gridContainer}`]: {
-        direction: 'row',
-        justifyContent: 'flex-start'
-    },
-    [`& .${classes.gridContainer}-width`]: {
-        width: '30%'
-    },
-    ' & .MuiTab-root': {
-        minWidth: '70px',
-        maxWidth: '280px',
-        [theme.breakpoints.up('sm')]: {
-            minWidth: '150px',
-            maxWidth: '600px'
-        }
-    }
-}));
-const BottomBar = (0, material_1.styled)(material_1.AppBar)({
-    position: 'fixed',
-    top: 'auto',
-    bottom: 0,
-    color: 'default'
-});
-function MobileHeader(inProps) {
-    // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
-    const { url, className, searchBarProps, showNavigation, onNavigationBack } = props, rest = __rest(props, ["url", "className", "searchBarProps", "showNavigation", "onNavigationBack"]);
-    // CONTEXT
-    const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
-    const setInitialTitle = (title, path) => {
-        let p = path.replace(/^\/([^/]*).*$/, '$1');
-        if (p.startsWith(types_1.SCFeedObjectTypologyType.POST) ||
-            p.startsWith(types_1.SCFeedObjectTypologyType.DISCUSSION) ||
-            p.startsWith(types_1.SCFeedObjectTypologyType.STATUS)) {
-            return '';
-        }
-        return title;
-    };
-    // STATE
-    const path = typeof window !== 'undefined' ? window.location.pathname : null;
-    const [value, setValue] = (0, react_1.useState)(path);
-    const t = typeof document !== 'undefined' ? document.title.split('|')[0] : '';
-    const [title, setTitle] = (0, react_1.useState)(() => setInitialTitle(t, path));
-    const [clicked, setClicked] = (0, react_1.useState)(false);
-    // PREFERENCES
-    const scPreferences = (0, react_core_1.useSCPreferences)();
-    const logo = (0, react_1.useMemo)(() => {
-        return scPreferences.preferences && react_core_1.SCPreferences.LOGO_NAVBAR_LOGO in scPreferences.preferences
-            ? scPreferences.preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO].value
-            : null;
-    }, [scPreferences.preferences]);
-    const [openSettings, setOpenSettings] = (0, react_1.useState)(false);
-    const [openNotifications, setOpenNotifications] = (0, react_1.useState)(false);
-    // HANDLERS
-    const handleOpenSettingsMenu = () => {
-        setOpenSettings(true);
-    };
-    const toggleDrawer = (anchor, open) => (event) => {
-        if (event && event.type === 'keydown' && (event.key === 'Tab' || event.key === 'Shift')) {
-            return;
-        }
-    };
-    const handleChange = (e, v) => {
-        setValue(v);
-    };
-    const checkValue = () => {
-        if (url) {
-            if ((url.home && value === url.home) ||
-                (url.explore && value === url.explore) ||
-                (url.notifications && value === url.notifications) ||
-                (url.messages && value === url.messages)) {
-                return value;
-            }
-            return false;
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        setValue(path);
-        if (showNavigation && typeof document !== 'undefined') {
-            setTitle(() => setInitialTitle(document.title.split('|')[0], path));
-        }
-    }, [path]);
-    if (scUserContext.loading) {
-        return react_1.default.createElement(Skeleton_1.default, null);
-    }
-    return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
-        react_1.default.createElement(material_1.AppBar, { position: "fixed", color: 'default' },
-            react_1.default.createElement(material_1.Toolbar, { className: classes.topToolbar },
-                react_1.default.createElement(material_1.Grid, { container: true, className: clicked ? `${classes.gridContainer}-width` : classes.gridContainer },
-                    !showNavigation && url && url.home && (react_1.default.createElement(react_core_1.Link, { to: url.home },
-                        react_1.default.createElement("img", { src: logo, alt: 'logo', className: classes.logo }))),
-                    scUserContext.user && showNavigation && onNavigationBack && !clicked && (react_1.default.createElement(material_1.Typography, { component: "div" },
-                        react_1.default.createElement(material_1.IconButton, { onClick: onNavigationBack, size: "large", "aria-label": "back", color: "inherit" },
-                            react_1.default.createElement(Icon_1.default, null, "arrow_back")),
-                        title))),
-                react_1.default.createElement(SearchBar_1.default, Object.assign({}, searchBarProps, { showNavigation: showNavigation, onClick: () => setClicked(!clicked) })))),
-        react_1.default.createElement(BottomBar, null, scUserContext.user ? (react_1.default.createElement(material_1.Toolbar, { className: classes.bottomToolbar },
-            react_1.default.createElement(material_1.Tabs, { className: classes.tabs, onChange: handleChange, value: checkValue(), textColor: "primary", indicatorColor: "primary", "aria-label": "Navigation Tabs", variant: "scrollable" },
-                url && url.home && react_1.default.createElement(material_1.Tab, { value: url.home, icon: react_1.default.createElement(Icon_1.default, null, "home"), "aria-label": "HomePage", to: url.home, component: react_core_1.Link }),
-                url && url.explore && (react_1.default.createElement(material_1.Tab, { value: url.explore, icon: react_1.default.createElement(Icon_1.default, null, "explore"), "aria-label": "Explore", to: url.explore, component: react_core_1.Link })),
-                url && url.notifications && (react_1.default.createElement(material_1.Box, null,
-                    react_1.default.createElement(material_1.Tab, { value: url.notifications, icon: react_1.default.createElement(material_1.Badge, { badgeContent: scUserContext.user.unseen_interactions_counter, color: "error" },
-                            react_1.default.createElement(Icon_1.default, null, "notifications_active"),
-                            ' '), "aria-label": "Notifications", onClick: () => setOpenNotifications(true) }),
-                    react_1.default.createElement(material_1.SwipeableDrawer, { PaperProps: {
-                            sx: {
-                                width: '85%',
-                                '& .SCSnippetNotifications-root': { height: 'inherit' },
-                                '& .SCSnippetNotifications-root .SCSnippetNotifications-notifications-wrap': { height: 'inherit' }
-                            }
-                        }, anchor: 'right', open: openNotifications, onClick: () => setOpenNotifications(false), onClose: () => setOpenNotifications(false), onOpen: toggleDrawer('right', true) },
-                        react_1.default.createElement(react_1.default.Fragment, null,
-                            react_1.default.createElement(SnippetNotifications_1.default, null),
-                            react_1.default.createElement(material_1.Button, { component: react_core_1.Link, to: url.notifications, sx: { display: 'flex' } },
-                                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.notifications.button.seeMore", defaultMessage: "ui.header.notifications.button.seeMore" })))))),
-                url && url.messages && (react_1.default.createElement(material_1.Tab, { value: url.messages, icon: react_1.default.createElement(Icon_1.default, null, "email"), "aria-label": "Messages", to: url.messages, component: react_core_1.Link }))),
-            react_1.default.createElement(material_1.IconButton, { className: classes.iconButton, onClick: handleOpenSettingsMenu },
-                react_1.default.createElement(Icon_1.default, null, "more_vert")),
-            react_1.default.createElement(material_1.SwipeableDrawer, { PaperProps: {
-                    sx: { width: '85%' }
-                }, anchor: 'right', open: openSettings, onClick: () => setOpenSettings(false), onClose: () => setOpenSettings(false), onOpen: toggleDrawer('right', true) },
-                react_1.default.createElement(HeaderMenu_1.default, { url: url })))) : (react_1.default.createElement(material_1.Toolbar, { sx: { justifyContent: 'space-between' } },
-            url && url.explore && (react_1.default.createElement(material_1.Button, { component: react_core_1.Link, to: url.explore, size: "medium", color: "inherit" },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.button.explore", defaultMessage: "ui.header.button.explore" }))),
-            url && url.login && (react_1.default.createElement(material_1.Button, { color: "inherit", onClick: url.login },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.button.login", defaultMessage: "ui.header.button.login" }))),
-            url && url.register && (react_1.default.createElement(material_1.Button, { color: "inherit", component: react_core_1.Link, to: url.register },
-                react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.button.register", defaultMessage: "ui.header.button.register" }))))))));
-}
-exports.default = MobileHeader;
-//# sourceMappingURL=MobileHeader.js.map

package/lib/cjs/components/Header/MobileHeader/MobileHeader.js.map

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

package/lib/cjs/components/Header/MobileHeader/Skeleton.d.ts

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

package/lib/cjs/components/Header/MobileHeader/Skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/Skeleton.tsx"],"names":[],"mappings":"AAgBA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,IAAI,GAAG,CAAC,OAAO,CAO1D"}

package/lib/cjs/components/Header/MobileHeader/Skeleton.js

@@ -1,47 +0,0 @@
-"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 = 'SCMobileHeaderSkeleton';
-const classes = {
-    root: `${PREFIX}-root`
-};
-const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(() => ({}));
-/**
- * > API documentation for the Community-JS Mobile Header Skeleton component. Learn about the available props and the CSS API.
-
- #### Import
-
- ```jsx
- import {MobileHeaderSkeleton} from '@selfcommunity/react-ui';
- ```
-
- #### Component Name
-
- The name `SCMobileHeaderSkeleton` can be used when providing style overrides in the theme.
-
- #### CSS
-
- |Rule Name|Global class|Description|
- |---|---|---|
- |root|.SCMobileHeaderSkeleton-root|Styles applied to the root element.|
- *
- */
-function MobileHeaderSkeleton() {
-    return (react_1.default.createElement(Root, { className: classes.root },
-        react_1.default.createElement(material_1.AppBar, { sx: { position: 'fixed', backgroundColor: '#fff' } },
-            react_1.default.createElement(Skeleton_1.default, { sx: { height: 60 }, animation: "wave", variant: "rectangular" })),
-        react_1.default.createElement(material_1.AppBar, { sx: { position: 'fixed', top: 'auto', bottom: 0, backgroundColor: '#fff' } },
-            react_1.default.createElement(Skeleton_1.default, { sx: { height: 60 }, animation: "wave", variant: "rectangular" }))));
-}
-exports.default = MobileHeaderSkeleton;
-//# sourceMappingURL=Skeleton.js.map

package/lib/cjs/components/Header/MobileHeader/Skeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAA0C;AAC1C,iDAA4C;AAC5C,sEAA8C;AAE9C,MAAM,MAAM,GAAG,wBAAwB,CAAC;AAExC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IACvB,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,EAAE,CAAC,CAAC,CAAC;AACf;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAwB,oBAAoB;IAC1C,OAAO,CACL,8BAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAC3B,8BAAC,iBAAM,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAC;YAAE,8BAAC,kBAAQ,IAAC,EAAE,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,GAAG,CAAS;QACxI,8BAAC,iBAAM,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,eAAe,EAAE,MAAM,EAAC;YAAE,8BAAC,kBAAQ,IAAC,EAAE,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,GAAG,CAAS,CAC3J,CACR,CAAC;AACJ,CAAC;AAPD,uCAOC"}

package/lib/cjs/components/Header/MobileHeader/index.d.ts

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

package/lib/cjs/components/Header/MobileHeader/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,EAAE,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAC/D,OAAO,oBAAoB,MAAM,YAAY,CAAC;AAC9C,eAAe,YAAY,CAAC;AAC5B,OAAO,EAAC,iBAAiB,EAAE,oBAAoB,EAAC,CAAC"}

package/lib/cjs/components/Header/MobileHeader/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Header/MobileHeader/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kEAA+D;AAC/D,0DAA8C;AAEnB,+BAFpB,kBAAoB,CAEoB;AAD/C,kBAAe,sBAAY,CAAC"}

package/lib/cjs/components/Header/SearchBar.d.ts

@@ -1,25 +0,0 @@
-export interface HeaderSearchBarProps {
-    /**
-     * Overrides or extends the styles applied to the component.
-     * @default null
-     */
-    className?: string;
-    /**
-     * onSearch callback
-     */
-    onSearch?: (query: any) => void;
-    /**
-     * onClick callback
-     */
-    onClick?: (clicked: any) => void;
-    /**
-     * Props to show navigation icon on mobile view
-     */
-    showNavigation?: boolean;
-    /**
-     * Other props
-     */
-    [p: string]: any;
-}
-export default function HeaderSearchBar(inProps: HeaderSearchBarProps): JSX.Element;
-//# sourceMappingURL=SearchBar.d.ts.map

package/lib/cjs/components/Header/SearchBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/SearchBar.tsx"],"names":[],"mappings":"AA8DA,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,OAAO,KAAA,KAAK,IAAI,CAAC;IAE5B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAO,EAAE,oBAAoB,eA+KpE"}

package/lib/cjs/components/Header/SearchBar.js

@@ -1,186 +0,0 @@
-"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 Icon_1 = __importDefault(require("@mui/material/Icon"));
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const system_1 = require("@mui/system");
-const react_intl_1 = require("react-intl");
-const types_1 = require("@selfcommunity/types");
-const api_services_1 = require("@selfcommunity/api-services");
-const react_core_1 = require("@selfcommunity/react-core");
-const messages = (0, react_intl_1.defineMessages)({
-    placeholder: {
-        id: 'ui.header.searchBar.search',
-        defaultMessage: 'ui.header.searchBar.search'
-    }
-});
-const PREFIX = 'SCHeaderSearchBar';
-const classes = {
-    root: `${PREFIX}-root`,
-    autocomplete: `${PREFIX}-autocomplete`,
-    searchInput: `${PREFIX}-search-input`
-};
-const Root = (0, material_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root'
-})(({ theme }) => ({
-    // width: '100%',
-    width: '100%',
-    marginLeft: theme.spacing(1),
-    [`& .${classes.searchInput}`]: {
-        paddingRight: '2px !important',
-        borderRadius: theme.shape.borderRadius,
-        height: theme.spacing(4)
-    }
-}));
-const MobileRoot = (0, material_1.styled)(material_1.Box, {
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    width: '100%',
-    [`& .${classes.searchInput}`]: {
-        [theme.breakpoints.down('sm')]: {
-            width: '100%',
-            borderRadius: theme.shape.borderRadius,
-            height: theme.spacing(4)
-        },
-        paddingRight: '2px !important'
-    }
-}));
-function HeaderSearchBar(inProps) {
-    // PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: PREFIX
-    });
-    const { className, onSearch, onClick, showNavigation } = props, rest = __rest(props, ["className", "onSearch", "onClick", "showNavigation"]);
-    // CONTEXT
-    const scRoutingContext = (0, react_core_1.useSCRouting)();
-    const scPreferences = (0, react_core_1.useSCPreferences)();
-    // STATE
-    const [query, setQuery] = (0, react_1.useState)('');
-    const [clicked, setClicked] = (0, react_1.useState)(false);
-    const theme = (0, material_1.useTheme)();
-    const isDesktop = (0, material_1.useMediaQuery)(theme.breakpoints.up('sm'));
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const [results, setResults] = (0, react_1.useState)([]);
-    const [isSearching, setIsSearching] = (0, react_1.useState)(false);
-    const [focused, setFocused] = (0, react_1.useState)(false);
-    // INTL
-    const intl = (0, react_intl_1.useIntl)();
-    const handleChange = (event, value) => {
-        setQuery(value);
-        setIsSearching(true);
-    };
-    const handleClear = () => {
-        if (!isDesktop) {
-            handleClick();
-        }
-        setQuery('');
-        setIsSearching(false);
-        setFocused(false);
-    };
-    const handleSearch = (option) => {
-        setIsSearching(false);
-        if (typeof window !== 'undefined') {
-            switch (option.type) {
-                case types_1.SuggestionType.USER:
-                    window.location.href = scRoutingContext.url(react_core_1.SCRoutes.USER_PROFILE_ROUTE_NAME, option[types_1.SuggestionType.USER]);
-                    break;
-                case types_1.SuggestionType.CATEGORY:
-                    window.location.href = scRoutingContext.url(react_core_1.SCRoutes.CATEGORY_ROUTE_NAME, option[types_1.SuggestionType.CATEGORY]);
-                    break;
-            }
-        }
-    };
-    const handleFormSearch = (event) => {
-        setIsSearching(false);
-        event.preventDefault();
-        event.stopPropagation();
-        onSearch && onSearch(query);
-    };
-    const handleClick = () => {
-        setClicked(!clicked);
-        onClick(clicked);
-    };
-    function fetchResults() {
-        setIsLoading(true);
-        api_services_1.SuggestionService.getSearchSuggestion(query)
-            .then((data) => {
-            setIsLoading(false);
-            const r = data.results;
-            setResults(r);
-        })
-            .catch((error) => {
-            setIsLoading(false);
-            console.log(error);
-        });
-    }
-    (0, react_1.useEffect)(() => {
-        if (query) {
-            fetchResults();
-        }
-    }, [query]);
-    const renderAutocomplete = () => {
-        return (react_1.default.createElement("form", { onSubmit: handleFormSearch },
-            react_1.default.createElement(material_1.Autocomplete, { autoComplete: true, className: classes.autocomplete, id: `${PREFIX}-autocomplete`, size: "small", inputValue: query, loading: isLoading, forcePopupIcon: false, clearOnEscape: true, clearOnBlur: true, open: query !== '' && isSearching, onOpen: (event) => {
-                    if (event.type === 'mousedown') {
-                        setFocused(true);
-                    }
-                }, loadingText: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.searchBar.loading", defaultMessage: "ui.header.searchBar.loading" }), noOptionsText: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.header.searchBar.noOptions", defaultMessage: "ui.header.searchBar.noOptions" }), options: results, getOptionLabel: (option) => { var _a; return (_a = option[option.type]['username']) !== null && _a !== void 0 ? _a : option[option.type]['name']; }, onInputChange: handleChange, renderOption: (props, option) => (react_1.default.createElement(material_1.Box, Object.assign({ component: "li" }, props, { onClick: () => handleSearch(option) }), option.type === types_1.SuggestionType.USER ? (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(material_1.Avatar, { alt: option[types_1.SuggestionType.USER]['username'], src: option[types_1.SuggestionType.USER]['avatar'] }),
-                    react_1.default.createElement(material_1.Typography, { ml: 1 }, option[types_1.SuggestionType.USER]['username']))) : (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(material_1.Avatar, { alt: option[types_1.SuggestionType.CATEGORY]['name'], src: option[types_1.SuggestionType.CATEGORY]['image_small'], variant: "square" }),
-                    react_1.default.createElement(material_1.Typography, { ml: 1 }, option[types_1.SuggestionType.CATEGORY]['name']))))), renderInput: (params) => (react_1.default.createElement(material_1.TextField, Object.assign({}, params, { placeholder: `${intl.formatMessage(messages.placeholder, {
-                        community: scPreferences.preferences[react_core_1.SCPreferences.TEXT_APPLICATION_NAME].value
-                    })}`, InputProps: Object.assign(Object.assign({}, params.InputProps), { className: classes.searchInput, startAdornment: react_1.default.createElement(react_1.default.Fragment, null, !query && isDesktop && react_1.default.createElement(Icon_1.default, { color: "primary" }, "search")), endAdornment: (react_1.default.createElement(react_1.default.Fragment, null, focused && query !== '' && (react_1.default.createElement(material_1.IconButton, { onClick: handleClear },
-                            react_1.default.createElement(Icon_1.default, { color: "primary" }, "close"))))) }) }))) })));
-    };
-    return (react_1.default.createElement(react_1.default.Fragment, null, isDesktop ? (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), renderAutocomplete())) : (react_1.default.createElement(react_1.default.Fragment, null,
-        clicked && (react_1.default.createElement(react_1.default.Fragment, null,
-            showNavigation && (react_1.default.createElement(material_1.IconButton, { onClick: handleClick, sx: { position: 'absolute' } },
-                react_1.default.createElement(Icon_1.default, null, "arrow_back"))),
-            react_1.default.createElement(MobileRoot, null, renderAutocomplete()))),
-        !clicked && (react_1.default.createElement(material_1.IconButton, { onClick: handleClick },
-            react_1.default.createElement(Icon_1.default, null, "search")))))));
-}
-exports.default = HeaderSearchBar;
-//# sourceMappingURL=SearchBar.js.map

package/lib/cjs/components/Header/SearchBar.js.map

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

package/lib/cjs/components/Header/Skeleton.d.ts

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

package/lib/cjs/components/Header/Skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/Header/Skeleton.tsx"],"names":[],"mappings":"AAgBA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,IAAI,GAAG,CAAC,OAAO,CAMpD"}

package/lib/cjs/components/Header/Skeleton.js

@@ -1,45 +0,0 @@
-"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 = 'SCHeaderSkeleton';
-const classes = {
-    root: `${PREFIX}-root`
-};
-const Root = (0, styles_1.styled)(material_1.Box, {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(() => ({}));
-/**
- * > API documentation for the Community-JS Header Skeleton component. Learn about the available props and the CSS API.
-
- #### Import
-
- ```jsx
- import {HeaderSkeleton} from '@selfcommunity/react-ui';
- ```
-
- #### Component Name
-
- The name `SCHeaderSkeleton` can be used when providing style overrides in the theme.
-
- #### CSS
-
- |Rule Name|Global class|Description|
- |---|---|---|
- |root|.SCHeaderSkeleton-root|Styles applied to the root element.|
- *
- */
-function HeaderSkeleton() {
-    return (react_1.default.createElement(Root, { className: classes.root },
-        react_1.default.createElement(material_1.AppBar, { sx: { position: 'fixed', backgroundColor: '#fff' } },
-            react_1.default.createElement(Skeleton_1.default, { sx: { height: 60 }, animation: "wave", variant: "rectangular" }))));
-}
-exports.default = HeaderSkeleton;
-//# sourceMappingURL=Skeleton.js.map

package/lib/cjs/components/Header/Skeleton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Header/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAA0C;AAC1C,iDAA4C;AAC5C,sEAA8C;AAE9C,MAAM,MAAM,GAAG,kBAAkB,CAAC;AAElC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,cAAG,EAAE;IACvB,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,EAAE,CAAC,CAAC,CAAC;AACf;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAwB,cAAc;IACpC,OAAO,CACL,8BAAC,IAAI,IAAC,SAAS,EAAE,OAAO,CAAC,IAAI;QAC3B,8BAAC,iBAAM,IAAC,EAAE,EAAE,EAAC,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAC;YAAE,8BAAC,kBAAQ,IAAC,EAAE,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,GAAG,CAAS,CACnI,CACR,CAAC;AACJ,CAAC;AAND,iCAMC"}

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

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