@selfcommunity/react-ui 0.11.0 → 1.0.0

package/lib/esm/shared/StickyBox/index.d.ts

@@ -32,18 +32,18 @@ import React from 'react';
 /**
  * Types/interfaces
  */
-export declare type UseStickyBoxProps = {
+export type UseStickyBoxProps = {
     offsetTop?: number;
     offsetBottom?: number;
     bottom?: boolean;
 };
-export declare type StickyBoxProps = UseStickyBoxProps & {
+export type StickyBoxProps = UseStickyBoxProps & {
     style?: React.CSSProperties;
     className?: string;
     children?: React.ReactNode;
 };
-export declare type useStickyBox = <T = any>(options?: UseStickyBoxProps) => React.RefCallback<T>;
-export declare type StickyBoxComponent = React.FunctionComponent<StickyBoxProps>;
+export type useStickyBox = <T = any>(options?: UseStickyBoxProps) => React.RefCallback<T>;
+export type StickyBoxComponent = React.FunctionComponent<StickyBoxProps>;
 /**
  * useStickyBox
  * @param offsetTop

package/lib/esm/shared/TagChip/index.d.ts

@@ -1,22 +1,8 @@
 import React from 'react';
-import { ChipClasses, Theme, ChipPropsSizeOverrides, ChipPropsVariantOverrides } from '@mui/material';
+import { ChipProps } from '@mui/material';
 import { SCTagType } from '@selfcommunity/types';
-import { OverridableStringUnion } from '@mui/types';
-import { SxProps } from '@mui/system';
-export interface TagChipProps {
+export interface TagChipProps extends Omit<ChipProps, 'avatar' | 'children' | 'color' | 'deleteIcon' | 'skipFocusWhenDisabled' | 'tabIndex'> {
     className?: string;
-    /**
-     * Overrides or extends the styles applied to the component.
-     */
-    classes?: Partial<ChipClasses>;
-    /**
-     * If `true`, the chip will appear clickable, and will raise when pressed,
-     * even if the onClick prop is not defined.
-     * If `false`, the chip will not appear clickable, even if onClick prop is defined.
-     * This can be used, for example, along with the component prop to indicate an anchor Chip is clickable.
-     * @default true
-     */
-    clickable?: boolean;
     /**
      * If `true`, the chip will appear disposable, and will raise when pressed,
      * even if the onDelete prop is not defined.
@@ -25,43 +11,11 @@ export interface TagChipProps {
      * @default true
      */
     disposable?: boolean;
-    /**
-     * If `true`, the component is disabled.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Icon element.
-     */
-    icon?: React.ReactElement;
-    /**
-     * The content of the component.
-     */
-    label?: React.ReactNode;
     /**
      * Callback fired when the delete icon is clicked.
      * If set, the delete icon will be shown.
      */
     onClick?: React.EventHandler<any>;
-    /**
-     * Callback fired when the delete icon is clicked.
-     * If set, the delete icon will be shown.
-     */
-    onDelete?: React.EventHandler<any>;
-    /**
-     * The size of the component.
-     * @default 'medium'
-     */
-    size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides>;
-    /**
-     * The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     * The variant to use.
-     * @default 'filled'
-     */
-    variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides>;
     /**
      * The tag to use.
      * @default null

package/lib/esm/shared/TagChip/index.js

@@ -9,8 +9,8 @@ const classes = {
 const Root = styled(Chip, {
     name: PREFIX,
     slot: 'Root',
-    overridesResolver: (props, styles) => [styles.root]
-})(({ theme }) => ({
+    overridesResolver: (_props, styles) => [styles.root]
+})(() => ({
     whiteSpace: 'nowrap',
     overflow: 'hidden',
     textOverflow: 'ellipsis',

package/lib/esm/shared/Tags/index.js

@@ -7,7 +7,7 @@ const PREFIX = 'SCTags';
 const TagsPopperRoot = styled(Box, {
     name: `${PREFIX}`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(() => ({
     cursor: 'pointer'
 }));
@@ -20,7 +20,7 @@ const classes = {
 const TagsPopper = styled(Popper, {
     name: `${PREFIX}Popper`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(() => ({
     zIndex: 2,
     [`& .${classes.paper}`]: {
@@ -33,12 +33,12 @@ const TagsPopper = styled(Popper, {
 const ListRoot = styled(Stack, {
     name: `${PREFIX}List`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })({});
 const StackList = styled(Stack, {
     name: `${PREFIX}Stack`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })({
     flexWrap: 'wrap',
     justifyContent: 'flex-start',
@@ -50,7 +50,7 @@ const StackList = styled(Stack, {
 const ItemList = styled(Box, {
     name: `${PREFIX}ItemList`,
     slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
+    overridesResolver: (_props, styles) => styles.root
 })(({ theme }) => ({
     padding: theme.spacing(0.2),
     textAlign: 'center',
@@ -63,7 +63,7 @@ export var TagsComponentType;
 })(TagsComponentType || (TagsComponentType = {}));
 export default function Tags(props) {
     // PROPS
-    const { tags = [], title = null, type = TagsComponentType.POPPER, onOpen = null, onClose = null, onClickTag = null, TagChipProps = {} } = props, rest = __rest(props, ["tags", "title", "type", "onOpen", "onClose", "onClickTag", "TagChipProps"]);
+    const { tags = [], title = null, type = TagsComponentType.POPPER, onClickTag = null, TagChipProps = {} } = props, rest = __rest(props, ["tags", "title", "type", "onClickTag", "TagChipProps"]);
     // STATE
     const [open, setOpen] = useState(false);
     let popperRef = useRef(null);
@@ -74,13 +74,13 @@ export default function Tags(props) {
             rest.onOpen(!open);
         }
     }
-    function handleClose() {
+    function handleClose(event) {
         if (popperRef.current && popperRef.current.contains(event.target)) {
             return;
         }
         setOpen(false);
         if (rest.onClose) {
-            rest.onClose();
+            rest.onClose(event);
         }
     }
     /**
@@ -109,7 +109,7 @@ export default function Tags(props) {
                             }
                         ] }, { children: (_a) => {
                             var { TransitionProps, placement } = _a, rest = __rest(_a, ["TransitionProps", "placement"]);
-                            return (_jsx(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: _jsx(Paper, Object.assign({ variant: 'outlined', className: classes.paper }, { children: _jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: _jsxs(_Fragment, { children: [renderTitle(), _jsx(StackList, Object.assign({ spacing: 2 }, rest, { children: tags
+                            return (_jsx(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }, { children: _jsx(Paper, Object.assign({ variant: "outlined", className: classes.paper }, { children: _jsx(ClickAwayListener, Object.assign({ onClickAway: handleClose }, { children: _jsxs(Box, { children: [renderTitle(), _jsx(StackList, Object.assign({ spacing: 2 }, rest, { children: tags
                                                         .filter((tag) => tag.visible)
                                                         .map((tag) => (_jsx(ItemList, { children: _jsx(TagChip, Object.assign({ tag: tag, onClick: onClickTag }, TagChipProps, { showDescription: true })) }, tag.id))) }))] }) })) })) })));
                         } }))] }))) : (_jsxs(ListRoot, { children: [renderTitle(), _jsx(StackList, Object.assign({ spacing: 1, direction: rest.direction ? rest.direction : 'column' }, { children: tags

package/lib/esm/shared/UsernameTextField/index.d.ts

@@ -1,5 +1,5 @@
 import { TextFieldProps } from '@mui/material';
-export declare type UsernameTextFieldProps = {
+export type UsernameTextFieldProps = {
     /**
      * Allows the field to accept an email format as well
      */

package/lib/esm/shared/VirtualizedScroller/VirtualScrollerChild.d.ts

@@ -6,5 +6,5 @@
 declare const VirtualScrollChild: ({ children, onHeightChange }: {
     children: any;
     onHeightChange: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default VirtualScrollChild;

package/lib/esm/shared/VirtualizedScroller/VirtualizedScroller.d.ts

@@ -31,7 +31,7 @@ export interface VirtualizedScrollerProps extends VirtualizedScrollerCommonProps
     /**
      * The initial state for VirtualScroller
      */
-    initialScrollerState?: object;
+    initialScrollerState?: Record<string, unknown>;
     /**
      * Callback when virtual scroller state change
      * @default null

package/lib/esm/types/composer.d.ts

@@ -10,6 +10,6 @@ export interface ComposerLayerProps {
     onSave: (value: any) => void;
     defaultValue: any;
 }
-export declare type ComposerContentType = Omit<SCFeedPostType, 'id' | 'last_activity_at' | 'last_edited_at' | 'added_at' | 'slug' | 'summary' | 'deleted' | 'collapsed' | 'comment_count' | 'share_count' | 'view_count' | 'vote_count' | 'follower_count' | 'reaction' | 'reactions_count' | 'flag_count' | 'type'> & {
+export type ComposerContentType = Omit<SCFeedPostType, 'id' | 'last_activity_at' | 'last_edited_at' | 'added_at' | 'slug' | 'summary' | 'deleted' | 'collapsed' | 'comment_count' | 'share_count' | 'view_count' | 'vote_count' | 'follower_count' | 'reaction' | 'reactions_count' | 'flag_count' | 'type'> & {
     title?: string;
 };

package/lib/esm/utils/buttonCounters.d.ts

@@ -1,2 +1,2 @@
 export declare const DEFAULT_COUNTERS_LIMIT = 3;
-export declare function numberFormatter(num: number): JSX.Element;
+export declare function numberFormatter(num: number): import("react/jsx-runtime").JSX.Element;