@selfcommunity/react-ui 0.7.9-alpha.2 → 0.7.9-alpha.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selfcommunity/react-ui",
-  "version": "0.7.9-alpha.2",
+  "version": "0.7.9-alpha.20",
   "description": "React UI Components to integrate a Community created with SelfCommunity Platform.",
   "author": "SelfCommunity <https://www.selfcommunity.com>",
   "homepage": "https://www.selfcommunity.com",
@@ -79,10 +79,10 @@
   "dependencies": {
     "@lexical/html": "^0.12.5",
     "@lexical/react": "^0.12.5",
-    "@selfcommunity/api-services": "^0.4.9-alpha.1",
-    "@selfcommunity/react-core": "^0.4.9-alpha.1",
-    "@selfcommunity/react-i18n": "^0.5.9-alpha.1",
-    "@selfcommunity/types": "^0.5.9-alpha.1",
+    "@selfcommunity/api-services": "^0.4.9-alpha.7",
+    "@selfcommunity/react-core": "^0.4.9-alpha.13",
+    "@selfcommunity/react-i18n": "^0.5.9-alpha.7",
+    "@selfcommunity/types": "^0.5.9-alpha.6",
     "@selfcommunity/utils": "^0.2.9-alpha.0",
     "@types/classnames": "^2.3.1",
     "@types/sortablejs": "1",
@@ -160,5 +160,5 @@
   "bugs": {
     "url": "https://github.com/selfcommunity/community-js/issues"
   },
-  "gitHead": "217f9ab3b7916eb87b677871a332989c64634282"
+  "gitHead": "dbca6d40524cd2723e835b4076ae3b9d7af4cce1"
 }

package/lib/cjs/components/CreateGroup/CreateGroup.js

@@ -1,187 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const system_1 = require("@mui/system");
-const styles_1 = require("@mui/material/styles");
-const material_1 = require("@mui/material");
-const react_intl_1 = require("react-intl");
-const react_core_1 = require("@selfcommunity/react-core");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const constants_1 = require("./constants");
-const BaseDialog_1 = tslib_1.__importDefault(require("../../shared/BaseDialog"));
-const lab_1 = require("@mui/lab");
-const ChangeGroupPicture_1 = tslib_1.__importDefault(require("../ChangeGroupPicture"));
-const ChangeGroupCover_1 = tslib_1.__importDefault(require("../ChangeGroupCover"));
-const Group_1 = require("../../constants/Group");
-const GroupInviteButton_1 = tslib_1.__importDefault(require("../GroupInviteButton"));
-const types_1 = require("@selfcommunity/types");
-const Errors_1 = require("../../constants/Errors");
-const api_services_1 = require("@selfcommunity/api-services");
-const utils_1 = require("@selfcommunity/utils");
-const messages = (0, react_intl_1.defineMessages)({
-    name: {
-        id: 'ui.createGroup.name.placeholder',
-        defaultMessage: 'ui.createGroup.name.placeholder'
-    },
-    description: {
-        id: 'ui.createGroup.description.placeholder',
-        defaultMessage: 'ui.createGroup.description.placeholder'
-    }
-});
-const classes = {
-    root: `${constants_1.PREFIX}-root`,
-    active: `${constants_1.PREFIX}-active`,
-    title: `${constants_1.PREFIX}-title`,
-    header: `${constants_1.PREFIX}-header`,
-    cover: `${constants_1.PREFIX}-cover`,
-    avatar: `${constants_1.PREFIX}-avatar`,
-    form: `${constants_1.PREFIX}-form`,
-    switch: `${constants_1.PREFIX}-switch`,
-    switchLabel: `${constants_1.PREFIX}-switch-label`,
-    name: `${constants_1.PREFIX}-name`,
-    description: `${constants_1.PREFIX}-description`,
-    content: `${constants_1.PREFIX}-content`,
-    privacySection: `${constants_1.PREFIX}-privacy-section`,
-    privacySectionInfo: `${constants_1.PREFIX}-privacy-section-info`,
-    visibilitySection: `${constants_1.PREFIX}-visibility-section`,
-    visibilitySectionInfo: `${constants_1.PREFIX}-visibility-section-info`,
-    inviteSection: `${constants_1.PREFIX}-invite-section`
-};
-const Root = (0, styles_1.styled)(BaseDialog_1.default, {
-    name: constants_1.PREFIX,
-    slot: 'Root'
-})(() => ({}));
-/**
- *> API documentation for the Community-JS Create Group Button component. Learn about the available props and the CSS API.
- *
- #### Import
- ```jsx
- import {CreateGroupButton} from '@selfcommunity/react-ui';
- ```
-
- #### Component Name
- The name `SCCreateGroup` can be used when providing style overrides in the theme.
-
- #### CSS
-
- |Rule Name|Global class|Description|
- |---|---|---|
- |root|.SCCreateGroup-root|Styles applied to the root element.|
-
- * @param inProps
- */
-function CreateGroup(inProps) {
-    //PROPS
-    const props = (0, system_1.useThemeProps)({
-        props: inProps,
-        name: constants_1.PREFIX
-    });
-    const { className, open = true, onClose, group } = props, rest = tslib_1.__rest(props, ["className", "open", "onClose", "group"]);
-    // TODO: fare initial state con tutti i fields per la gestione dell'edit
-    // STATE
-    const [avatar, setAvatar] = (0, react_1.useState)('');
-    const [cover, setCover] = (0, react_1.useState)('');
-    const [name, setName] = (0, react_1.useState)('');
-    const [invitedUsers, setInvitedUsers] = (0, react_1.useState)(null);
-    const [description, setDescription] = (0, react_1.useState)('');
-    const [isPublic, setIsPublic] = (0, react_1.useState)(true);
-    const [isVisible, setIsVisible] = (0, react_1.useState)(true);
-    const [isSubmitting, setIsSubmitting] = (0, react_1.useState)(false);
-    // INTL
-    const intl = (0, react_intl_1.useIntl)();
-    // CONTEXT
-    // PREFERENCES
-    const scPreferences = (0, react_core_1.useSCPreferences)();
-    const _backgroundCover = Object.assign({}, (cover
-        ? { background: `url('${cover}') center / cover` }
-        : { background: `url('${scPreferences.preferences[react_core_1.SCPreferences.IMAGES_USER_DEFAULT_COVER].value}') center / cover` }));
-    function handleChangeAvatar(avatar) {
-        const reader = new FileReader();
-        reader.onloadend = () => {
-            setAvatar(reader.result);
-        };
-        reader.readAsDataURL(avatar);
-    }
-    function handleChangeCover(cover) {
-        const reader = new FileReader();
-        reader.onloadend = () => {
-            setCover(reader.result);
-        };
-        reader.readAsDataURL(cover);
-    }
-    const handleSubmit = () => {
-        setIsSubmitting(true);
-        const formData = new FormData();
-        formData.append('name', name);
-        formData.append('description', description);
-        formData.append('privacy', isPublic ? types_1.SCGroupPrivacyType.PUBLIC : types_1.SCGroupPrivacyType.PRIVATE);
-        formData.append('image_original', avatar);
-        formData.append('emotional_image_original', cover);
-        formData.append('visible', isVisible);
-        for (const key in invitedUsers) {
-            formData.append(key, invitedUsers[key]);
-        }
-        api_services_1.GroupService.createGroup(formData, { headers: { 'Content-Type': 'multipart/form-data' } })
-            .then((data) => {
-            console.log(data);
-            setIsSubmitting(false);
-        })
-            .catch((error) => {
-            setIsSubmitting(false);
-            utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
-        });
-    };
-    const handleInviteSection = (data) => {
-        setInvitedUsers(data);
-    };
-    /**
-     * Renders root object
-     */
-    return (react_1.default.createElement(Root, Object.assign({ DialogContentProps: { dividers: false }, title: group ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.title.edit", defaultMessage: "ui.createGroup.title.edit" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.title", defaultMessage: "ui.createGroup.title" })), open: open, onClose: onClose, className: (0, classnames_1.default)(classes.root, className), actions: react_1.default.createElement(lab_1.LoadingButton, { loading: isSubmitting, disabled: !name, variant: "contained", onClick: handleSubmit, color: "secondary" }, group ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.button.edit", defaultMessage: "ui.createGroup.button.edit" })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.button.create", defaultMessage: "ui.createGroup.button.create" }))) }, rest),
-        react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(material_1.Paper, { style: _backgroundCover, classes: { root: classes.cover } },
-                    react_1.default.createElement(material_1.Box, { className: classes.avatar },
-                        react_1.default.createElement(material_1.Avatar, null, avatar ? react_1.default.createElement("img", { src: avatar, alt: "avatar" }) : react_1.default.createElement(material_1.Icon, null, "icon_image"))),
-                    react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(ChangeGroupPicture_1.default, { isCreationMode: true, onChange: handleChangeAvatar }),
-                        react_1.default.createElement(ChangeGroupCover_1.default, { isCreationMode: true, onChange: handleChangeCover }))),
-                react_1.default.createElement(material_1.Typography, { className: classes.header, align: "center" },
-                    react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.header", defaultMessage: "ui.createGroup.header" }))),
-            react_1.default.createElement(material_1.FormGroup, { className: classes.form },
-                react_1.default.createElement(material_1.TextField, { required: true, className: classes.name, placeholder: `${intl.formatMessage(messages.name)}`, margin: "normal", value: name, onChange: (event) => setName(event.target.value), InputProps: {
-                        endAdornment: react_1.default.createElement(material_1.Typography, { variant: "body2" }, Group_1.GROUP_TITLE_MAX_LENGTH - name.length)
-                    } }),
-                react_1.default.createElement(material_1.TextField, { multiline: true, className: classes.description, placeholder: `${intl.formatMessage(messages.description)}`, margin: "normal", value: description, onChange: (event) => setDescription(event.target.value), InputProps: {
-                        endAdornment: react_1.default.createElement(material_1.Typography, { variant: "body2" }, Group_1.GROUP_DESCRIPTION_MAX_LENGTH - description.length)
-                    } }),
-                react_1.default.createElement(material_1.Box, { className: classes.privacySection },
-                    react_1.default.createElement(material_1.Typography, { variant: "h4" },
-                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.privacy.title", defaultMessage: "ui.createGroup.privacy.title", values: { b: (chunks) => react_1.default.createElement("strong", null, chunks) } })),
-                    react_1.default.createElement(material_1.Stack, { direction: "row", spacing: 1, alignItems: "center" },
-                        react_1.default.createElement(material_1.Typography, { className: (0, classnames_1.default)(classes.switchLabel, { [classes.active]: !isPublic }) },
-                            react_1.default.createElement(material_1.Icon, null, "private"),
-                            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.privacy.private", defaultMessage: "ui.createGroup.privacy.private" })),
-                        react_1.default.createElement(material_1.Switch, { className: classes.switch, checked: isPublic, onClick: () => setIsPublic(!isPublic) }),
-                        react_1.default.createElement(material_1.Typography, { className: (0, classnames_1.default)(classes.switchLabel, { [classes.active]: isPublic }) },
-                            react_1.default.createElement(material_1.Icon, null, "public"),
-                            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.privacy.public", defaultMessage: "ui.createGroup.privacy.public" }))),
-                    react_1.default.createElement(material_1.Typography, { variant: "body2", className: classes.privacySectionInfo }, isPublic ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.privacy.public.info", defaultMessage: "ui.createGroup.privacy.public.info", values: { b: (chunks) => react_1.default.createElement("strong", null, chunks) } })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.privacy.private.info", defaultMessage: "ui.createGroup.private.public.info", values: { b: (chunks) => react_1.default.createElement("strong", null, chunks) } })))),
-                react_1.default.createElement(material_1.Box, { className: classes.visibilitySection }, !isPublic && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(material_1.Typography, { variant: "h4" },
-                        react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.visibility.title", defaultMessage: "ui.createGroup.visibility.title", values: { b: (chunks) => react_1.default.createElement("strong", null, chunks) } })),
-                    react_1.default.createElement(material_1.Stack, { direction: "row", spacing: 1, alignItems: "center" },
-                        react_1.default.createElement(material_1.Typography, { className: (0, classnames_1.default)(classes.switchLabel, { [classes.active]: !isVisible }) },
-                            react_1.default.createElement(material_1.Icon, null, "visibility_off"),
-                            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.visibility.hidden", defaultMessage: "ui.createGroup.visibility.hidden" })),
-                        react_1.default.createElement(material_1.Switch, { className: classes.switch, checked: isVisible, onClick: () => setIsVisible(!isVisible) }),
-                        react_1.default.createElement(material_1.Typography, { className: (0, classnames_1.default)(classes.switchLabel, { [classes.active]: isVisible }) },
-                            react_1.default.createElement(material_1.Icon, null, "visibility"),
-                            react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.visibility.visible", defaultMessage: "ui.createGroup.visibility.visible" }))),
-                    react_1.default.createElement(material_1.Typography, { variant: "body2", className: classes.visibilitySectionInfo }, !isVisible ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.visibility.hidden.info", defaultMessage: "ui.createGroup.visibility.hidden.info", values: { b: (chunks) => react_1.default.createElement("strong", null, chunks) } })) : (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.createGroup.visibility.visible.info", defaultMessage: "ui.createGroup.visibility.visible.info", values: { b: (chunks) => react_1.default.createElement("strong", null, chunks) } }))))))),
-            react_1.default.createElement(material_1.Divider, null),
-            react_1.default.createElement(material_1.Box, { className: classes.inviteSection },
-                react_1.default.createElement(GroupInviteButton_1.default, { handleInvitations: handleInviteSection })))));
-}
-exports.default = CreateGroup;

package/lib/cjs/components/CreateGroup/constants.d.ts

@@ -1 +0,0 @@
-export declare const PREFIX = "SCCreateGroup";

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

@@ -1,3 +0,0 @@
-import CreateGroup, { CreateGroupProps } from './CreateGroup';
-export default CreateGroup;
-export { CreateGroupProps };

package/lib/cjs/components/CreateGroup/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const CreateGroup_1 = tslib_1.__importDefault(require("./CreateGroup"));
-exports.default = CreateGroup_1.default;

package/lib/esm/components/CreateGroup/CreateGroup.js

@@ -1,184 +0,0 @@
-import { __rest } from "tslib";
-import React, { useState } from 'react';
-import { useThemeProps } from '@mui/system';
-import { styled } from '@mui/material/styles';
-import { Avatar, Box, Divider, FormGroup, Icon, Paper, Stack, Switch, TextField, Typography } from '@mui/material';
-import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
-import { SCPreferences, useSCPreferences } from '@selfcommunity/react-core';
-import classNames from 'classnames';
-import { PREFIX } from './constants';
-import BaseDialog from '../../shared/BaseDialog';
-import { LoadingButton } from '@mui/lab';
-import ChangeGroupPicture from '../ChangeGroupPicture';
-import ChangeGroupCover from '../ChangeGroupCover';
-import { GROUP_DESCRIPTION_MAX_LENGTH, GROUP_TITLE_MAX_LENGTH } from '../../constants/Group';
-import GroupInviteButton from '../GroupInviteButton';
-import { SCGroupPrivacyType } from '@selfcommunity/types';
-import { SCOPE_SC_UI } from '../../constants/Errors';
-import { GroupService } from '@selfcommunity/api-services';
-import { Logger } from '@selfcommunity/utils';
-const messages = defineMessages({
-    name: {
-        id: 'ui.createGroup.name.placeholder',
-        defaultMessage: 'ui.createGroup.name.placeholder'
-    },
-    description: {
-        id: 'ui.createGroup.description.placeholder',
-        defaultMessage: 'ui.createGroup.description.placeholder'
-    }
-});
-const classes = {
-    root: `${PREFIX}-root`,
-    active: `${PREFIX}-active`,
-    title: `${PREFIX}-title`,
-    header: `${PREFIX}-header`,
-    cover: `${PREFIX}-cover`,
-    avatar: `${PREFIX}-avatar`,
-    form: `${PREFIX}-form`,
-    switch: `${PREFIX}-switch`,
-    switchLabel: `${PREFIX}-switch-label`,
-    name: `${PREFIX}-name`,
-    description: `${PREFIX}-description`,
-    content: `${PREFIX}-content`,
-    privacySection: `${PREFIX}-privacy-section`,
-    privacySectionInfo: `${PREFIX}-privacy-section-info`,
-    visibilitySection: `${PREFIX}-visibility-section`,
-    visibilitySectionInfo: `${PREFIX}-visibility-section-info`,
-    inviteSection: `${PREFIX}-invite-section`
-};
-const Root = styled(BaseDialog, {
-    name: PREFIX,
-    slot: 'Root'
-})(() => ({}));
-/**
- *> API documentation for the Community-JS Create Group Button component. Learn about the available props and the CSS API.
- *
- #### Import
- ```jsx
- import {CreateGroupButton} from '@selfcommunity/react-ui';
- ```
-
- #### Component Name
- The name `SCCreateGroup` can be used when providing style overrides in the theme.
-
- #### CSS
-
- |Rule Name|Global class|Description|
- |---|---|---|
- |root|.SCCreateGroup-root|Styles applied to the root element.|
-
- * @param inProps
- */
-export default function CreateGroup(inProps) {
-    //PROPS
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
-    const { className, open = true, onClose, group } = props, rest = __rest(props, ["className", "open", "onClose", "group"]);
-    // TODO: fare initial state con tutti i fields per la gestione dell'edit
-    // STATE
-    const [avatar, setAvatar] = useState('');
-    const [cover, setCover] = useState('');
-    const [name, setName] = useState('');
-    const [invitedUsers, setInvitedUsers] = useState(null);
-    const [description, setDescription] = useState('');
-    const [isPublic, setIsPublic] = useState(true);
-    const [isVisible, setIsVisible] = useState(true);
-    const [isSubmitting, setIsSubmitting] = useState(false);
-    // INTL
-    const intl = useIntl();
-    // CONTEXT
-    // PREFERENCES
-    const scPreferences = useSCPreferences();
-    const _backgroundCover = Object.assign({}, (cover
-        ? { background: `url('${cover}') center / cover` }
-        : { background: `url('${scPreferences.preferences[SCPreferences.IMAGES_USER_DEFAULT_COVER].value}') center / cover` }));
-    function handleChangeAvatar(avatar) {
-        const reader = new FileReader();
-        reader.onloadend = () => {
-            setAvatar(reader.result);
-        };
-        reader.readAsDataURL(avatar);
-    }
-    function handleChangeCover(cover) {
-        const reader = new FileReader();
-        reader.onloadend = () => {
-            setCover(reader.result);
-        };
-        reader.readAsDataURL(cover);
-    }
-    const handleSubmit = () => {
-        setIsSubmitting(true);
-        const formData = new FormData();
-        formData.append('name', name);
-        formData.append('description', description);
-        formData.append('privacy', isPublic ? SCGroupPrivacyType.PUBLIC : SCGroupPrivacyType.PRIVATE);
-        formData.append('image_original', avatar);
-        formData.append('emotional_image_original', cover);
-        formData.append('visible', isVisible);
-        for (const key in invitedUsers) {
-            formData.append(key, invitedUsers[key]);
-        }
-        GroupService.createGroup(formData, { headers: { 'Content-Type': 'multipart/form-data' } })
-            .then((data) => {
-            console.log(data);
-            setIsSubmitting(false);
-        })
-            .catch((error) => {
-            setIsSubmitting(false);
-            Logger.error(SCOPE_SC_UI, error);
-        });
-    };
-    const handleInviteSection = (data) => {
-        setInvitedUsers(data);
-    };
-    /**
-     * Renders root object
-     */
-    return (React.createElement(Root, Object.assign({ DialogContentProps: { dividers: false }, title: group ? (React.createElement(FormattedMessage, { id: "ui.createGroup.title.edit", defaultMessage: "ui.createGroup.title.edit" })) : (React.createElement(FormattedMessage, { id: "ui.createGroup.title", defaultMessage: "ui.createGroup.title" })), open: open, onClose: onClose, className: classNames(classes.root, className), actions: React.createElement(LoadingButton, { loading: isSubmitting, disabled: !name, variant: "contained", onClick: handleSubmit, color: "secondary" }, group ? (React.createElement(FormattedMessage, { id: "ui.createGroup.button.edit", defaultMessage: "ui.createGroup.button.edit" })) : (React.createElement(FormattedMessage, { id: "ui.createGroup.button.create", defaultMessage: "ui.createGroup.button.create" }))) }, rest),
-        React.createElement(React.Fragment, null,
-            React.createElement(React.Fragment, null,
-                React.createElement(Paper, { style: _backgroundCover, classes: { root: classes.cover } },
-                    React.createElement(Box, { className: classes.avatar },
-                        React.createElement(Avatar, null, avatar ? React.createElement("img", { src: avatar, alt: "avatar" }) : React.createElement(Icon, null, "icon_image"))),
-                    React.createElement(React.Fragment, null,
-                        React.createElement(ChangeGroupPicture, { isCreationMode: true, onChange: handleChangeAvatar }),
-                        React.createElement(ChangeGroupCover, { isCreationMode: true, onChange: handleChangeCover }))),
-                React.createElement(Typography, { className: classes.header, align: "center" },
-                    React.createElement(FormattedMessage, { id: "ui.createGroup.header", defaultMessage: "ui.createGroup.header" }))),
-            React.createElement(FormGroup, { className: classes.form },
-                React.createElement(TextField, { required: true, className: classes.name, placeholder: `${intl.formatMessage(messages.name)}`, margin: "normal", value: name, onChange: (event) => setName(event.target.value), InputProps: {
-                        endAdornment: React.createElement(Typography, { variant: "body2" }, GROUP_TITLE_MAX_LENGTH - name.length)
-                    } }),
-                React.createElement(TextField, { multiline: true, className: classes.description, placeholder: `${intl.formatMessage(messages.description)}`, margin: "normal", value: description, onChange: (event) => setDescription(event.target.value), InputProps: {
-                        endAdornment: React.createElement(Typography, { variant: "body2" }, GROUP_DESCRIPTION_MAX_LENGTH - description.length)
-                    } }),
-                React.createElement(Box, { className: classes.privacySection },
-                    React.createElement(Typography, { variant: "h4" },
-                        React.createElement(FormattedMessage, { id: "ui.createGroup.privacy.title", defaultMessage: "ui.createGroup.privacy.title", values: { b: (chunks) => React.createElement("strong", null, chunks) } })),
-                    React.createElement(Stack, { direction: "row", spacing: 1, alignItems: "center" },
-                        React.createElement(Typography, { className: classNames(classes.switchLabel, { [classes.active]: !isPublic }) },
-                            React.createElement(Icon, null, "private"),
-                            React.createElement(FormattedMessage, { id: "ui.createGroup.privacy.private", defaultMessage: "ui.createGroup.privacy.private" })),
-                        React.createElement(Switch, { className: classes.switch, checked: isPublic, onClick: () => setIsPublic(!isPublic) }),
-                        React.createElement(Typography, { className: classNames(classes.switchLabel, { [classes.active]: isPublic }) },
-                            React.createElement(Icon, null, "public"),
-                            React.createElement(FormattedMessage, { id: "ui.createGroup.privacy.public", defaultMessage: "ui.createGroup.privacy.public" }))),
-                    React.createElement(Typography, { variant: "body2", className: classes.privacySectionInfo }, isPublic ? (React.createElement(FormattedMessage, { id: "ui.createGroup.privacy.public.info", defaultMessage: "ui.createGroup.privacy.public.info", values: { b: (chunks) => React.createElement("strong", null, chunks) } })) : (React.createElement(FormattedMessage, { id: "ui.createGroup.privacy.private.info", defaultMessage: "ui.createGroup.private.public.info", values: { b: (chunks) => React.createElement("strong", null, chunks) } })))),
-                React.createElement(Box, { className: classes.visibilitySection }, !isPublic && (React.createElement(React.Fragment, null,
-                    React.createElement(Typography, { variant: "h4" },
-                        React.createElement(FormattedMessage, { id: "ui.createGroup.visibility.title", defaultMessage: "ui.createGroup.visibility.title", values: { b: (chunks) => React.createElement("strong", null, chunks) } })),
-                    React.createElement(Stack, { direction: "row", spacing: 1, alignItems: "center" },
-                        React.createElement(Typography, { className: classNames(classes.switchLabel, { [classes.active]: !isVisible }) },
-                            React.createElement(Icon, null, "visibility_off"),
-                            React.createElement(FormattedMessage, { id: "ui.createGroup.visibility.hidden", defaultMessage: "ui.createGroup.visibility.hidden" })),
-                        React.createElement(Switch, { className: classes.switch, checked: isVisible, onClick: () => setIsVisible(!isVisible) }),
-                        React.createElement(Typography, { className: classNames(classes.switchLabel, { [classes.active]: isVisible }) },
-                            React.createElement(Icon, null, "visibility"),
-                            React.createElement(FormattedMessage, { id: "ui.createGroup.visibility.visible", defaultMessage: "ui.createGroup.visibility.visible" }))),
-                    React.createElement(Typography, { variant: "body2", className: classes.visibilitySectionInfo }, !isVisible ? (React.createElement(FormattedMessage, { id: "ui.createGroup.visibility.hidden.info", defaultMessage: "ui.createGroup.visibility.hidden.info", values: { b: (chunks) => React.createElement("strong", null, chunks) } })) : (React.createElement(FormattedMessage, { id: "ui.createGroup.visibility.visible.info", defaultMessage: "ui.createGroup.visibility.visible.info", values: { b: (chunks) => React.createElement("strong", null, chunks) } }))))))),
-            React.createElement(Divider, null),
-            React.createElement(Box, { className: classes.inviteSection },
-                React.createElement(GroupInviteButton, { handleInvitations: handleInviteSection })))));
-}

package/lib/esm/components/CreateGroup/constants.d.ts

@@ -1 +0,0 @@
-export declare const PREFIX = "SCCreateGroup";

package/lib/esm/components/CreateGroup/constants.js

@@ -1 +0,0 @@
-export const PREFIX = 'SCCreateGroup';

package/lib/esm/components/CreateGroup/index.d.ts

@@ -1,3 +0,0 @@
-import CreateGroup, { CreateGroupProps } from './CreateGroup';
-export default CreateGroup;
-export { CreateGroupProps };

package/lib/esm/components/CreateGroup/index.js

@@ -1,2 +0,0 @@
-import CreateGroup from './CreateGroup';
-export default CreateGroup;