@selfcommunity/react-ui 0.7.0-alpha.137 → 0.7.0-alpha.139

package/lib/esm/components/FeedObject/Actions/Reaction/ReactionsPopover.d.ts

@@ -1,40 +0,0 @@
-import { SCReactionType } from '@selfcommunity/types';
-export interface ReactionPopoverProps {
-    /**
-     * Overrides or extends the styles applied to the component.
-     * @default null
-     */
-    className?: string;
-    /**
-     * The reaction objs to show.
-     * @default []
-     */
-    reactions: SCReactionType[];
-    /**
-     * Manages popover open state
-     * @default false
-     */
-    open: boolean;
-    /**
-     * The popover anchor element
-     */
-    anchorEl: HTMLElement | null;
-    /**
-     * Callback fired when hovering anchor element
-     */
-    onOpen?: () => void;
-    /**
-     * Callback fired when unhovering anchor element
-     */
-    onClose?: (e?: any) => void;
-    /**
-     * Callback fired when selecting a reaction from the menu
-     */
-    onReactionSelection: (reaction: any) => void;
-    /**
-     * Other props
-     */
-    [p: string]: any;
-}
-export default function ReactionsPopover(inProps: ReactionPopoverProps): JSX.Element;
-//# sourceMappingURL=ReactionsPopover.d.ts.map

package/lib/esm/components/FeedObject/Actions/Reaction/ReactionsPopover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReactionsPopover.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedObject/Actions/Reaction/ReactionsPopover.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AA0DpD,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B;;OAEG;IACH,mBAAmB,EAAE,CAAC,QAAQ,KAAA,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,OAAO,EAAE,oBAAoB,eAoFrE"}

package/lib/esm/components/FeedObject/Actions/Reaction/ReactionsPopover.js

@@ -1,127 +0,0 @@
-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 { Box, styled, Popover, List, ListItem, useMediaQuery, useTheme, ClickAwayListener } from '@mui/material';
-import Icon from '@mui/material/Icon';
-import React, { useRef, useState } from 'react';
-import classNames from 'classnames';
-import { useThemeProps } from '@mui/system';
-const PREFIX = 'SCReactionsPopover';
-const classes = {
-    root: `${PREFIX}-root`,
-    reactionsMenu: `${PREFIX}-reactions-menu`,
-    reactionsList: `${PREFIX}-reactions-list`,
-    reactionIcon: `${PREFIX}-reaction-icon`,
-    arrowIcon: `${PREFIX}-arrow-icon`
-};
-const Root = styled(Popover, {
-    name: PREFIX,
-    slot: 'Root'
-})(({ theme }) => ({
-    '	.MuiPopover-paper': {
-        pointerEvents: 'auto'
-    },
-    pointerEvents: 'none',
-    '& .MuiPaper-root': {
-        borderRadius: '40px',
-        paddingBottom: '4px',
-        paddingTop: '4px'
-    },
-    [`.${classes.reactionsMenu}`]: {
-        width: 200,
-        overflow: 'hidden',
-        display: 'flex',
-        alignItems: 'center'
-    },
-    [`& .${classes.reactionsList}`]: {
-        display: 'flex',
-        alignItems: 'center',
-        listStyle: 'none',
-        maxWidth: ' 100%',
-        overflowX: 'scroll',
-        scrollBehavior: 'smooth',
-        '&::-webkit-scrollbar': {
-            background: 'transparent',
-            webkitAppearance: 'none',
-            width: 0,
-            height: 0
-        }
-    },
-    [`.${classes.reactionIcon}`]: {
-        cursor: 'pointer',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        '& img': {
-            width: '1rem',
-            height: '1rem'
-        }
-    }
-}));
-export default function ReactionsPopover(inProps) {
-    // PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
-    const { className, open, reactions, anchorEl, onClose, onReactionSelection, onOpen } = props, rest = __rest(props, ["className", "open", "reactions", "anchorEl", "onClose", "onReactionSelection", "onOpen"]);
-    const theme = useTheme();
-    const isMobile = useMediaQuery(theme.breakpoints.down('md'));
-    const scroll = useRef(null);
-    const [scrollLeft, setScrollLeft] = useState(0);
-    const [scrollRight, setScrollRight] = useState(false);
-    /**
-     * Manages right/left scrolling
-     *
-     * @param shift
-     */
-    const slide = (shift) => {
-        scroll.current.scrollLeft += shift;
-        setScrollLeft(scrollLeft + shift);
-        // Updates the latest scrolled position
-        if (Math.floor(scroll.current.scrollWidth - scroll.current.scrollLeft) <= scroll.current.offsetWidth) {
-            setScrollRight(true);
-        }
-        else {
-            setScrollRight(false);
-        }
-    };
-    /**
-     * Checks scroll event and hides/shows the right arrow button
-     */
-    const checkScrollEnd = () => {
-        setScrollLeft(scroll.current.scrollLeft);
-        if (Math.floor(scroll.current.scrollWidth - scroll.current.scrollLeft) <= scroll.current.offsetWidth) {
-            setScrollRight(true);
-        }
-        else {
-            setScrollRight(false);
-        }
-    };
-    /**
-     * Renders Popover
-     */
-    return (React.createElement(Root, Object.assign({}, rest, { open: open, anchorEl: anchorEl, className: classNames(classes.root, className), anchorOrigin: {
-            vertical: 'top',
-            horizontal: 'center'
-        }, transformOrigin: {
-            vertical: 'bottom',
-            horizontal: 'center'
-        }, PaperProps: { onMouseEnter: onOpen, onMouseLeave: onClose, onTouchStart: onOpen } }),
-        React.createElement(ClickAwayListener, { onClickAway: onClose },
-            React.createElement(Box, { component: 'div', className: classes.reactionsMenu },
-                scrollLeft !== 0 && !isMobile && (React.createElement(Icon, { onClick: () => slide(-50), fontSize: 'small', className: classes.arrowIcon }, "chevron_left")),
-                React.createElement(List, { ref: scroll, onScroll: checkScrollEnd, className: classes.reactionsList }, reactions.map((reaction, index) => (React.createElement(ListItem, { key: index, onClick: () => onReactionSelection(reaction) },
-                    React.createElement(Icon, { className: classes.reactionIcon },
-                        React.createElement("img", { alt: reaction.label, src: reaction.image })))))),
-                !scrollRight && !isMobile && (React.createElement(Icon, { onClick: () => slide(+50), fontSize: 'small', className: classes.arrowIcon }, "chevron_right"))))));
-}
-//# sourceMappingURL=ReactionsPopover.js.map

package/lib/esm/components/FeedObject/Actions/Reaction/ReactionsPopover.js.map

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

package/lib/esm/components/FeedObject/Actions/Reaction/index.d.ts

@@ -1,3 +0,0 @@
-import Reaction from './Reaction';
-export default Reaction;
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/FeedObject/Actions/Reaction/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedObject/Actions/Reaction/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,eAAe,QAAQ,CAAC"}

package/lib/esm/components/FeedObject/Actions/Reaction/index.js

@@ -1,3 +0,0 @@
-import Reaction from './Reaction';
-export default Reaction;
-//# sourceMappingURL=index.js.map

package/lib/esm/components/FeedObject/Actions/Reaction/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/FeedObject/Actions/Reaction/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,eAAe,QAAQ,CAAC"}