@selfcommunity/react-ui 0.4.2-alpha.2 → 0.5.0-alpha.1

package/lib/esm/components/AccountSignUp/AccountSignUp.js

@@ -1,104 +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 React, { useState } from 'react';
-import { styled } from '@mui/material/styles';
-import { useSCUser } from '@selfcommunity/react-core';
-import { Button } from '@mui/material';
-import classNames from 'classnames';
-import { FormattedMessage } from 'react-intl';
-import PasswordTextField from '../../shared/PasswordTextField';
-import EmailTextField from '../../shared/EmailTextField';
-import UsernameTextField from '../../shared/UsernameTextField';
-import { useThemeProps } from '@mui/system';
-const PREFIX = 'SCAccountSignUp';
-const classes = {
-    root: `${PREFIX}-root`,
-    email: `${PREFIX}-email`,
-    username: `${PREFIX}-username`,
-    password: `${PREFIX}-password`
-};
-const Root = styled('form', {
-    name: PREFIX,
-    slot: 'Root',
-    overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({
-    [`&.${classes.root} .MuiTextField-root, &.${classes.root} .MuiButton-root`]: {
-        margin: theme.spacing(1, 0, 1, 0)
-    },
-    [`&.${classes.root} .MuiTypography-root`]: {
-        margin: theme.spacing(1, 0, 1, 0)
-    }
-}));
-/**
- * > API documentation for the Community-JS AccountSignUp component. Learn about the available props and the CSS API.
-
- #### Import
-
- ```jsx
- import {AccountSignUp} from '@selfcommunity/react-ui';
- ```
-
- #### Component Name
-
- The name `SCAccountSignUp` can be used when providing style overrides in the theme.
-
-
- #### CSS
-
- |Rule Name|Global class|Description|
- |---|---|---|
- |root|.SCAccountSignUp-root|Styles applied to the root element.|
- |email|.SCAccountSignUp-email|Styles applied to the email TextField.|
- |username|.SCAccountSignUp-username|Styles applied to the username TextField.|
- |password|.SCAccountSignUp-password|Styles applied to the password TextField.|
-
- *
- * @param inProps
- */
-export default function AccountSignUp(inProps) {
-    const props = useThemeProps({
-        props: inProps,
-        name: PREFIX
-    });
-    // PROPS
-    const { className, onSuccess = null, TextFieldProps = { variant: 'outlined', fullWidth: true }, ButtonProps = { variant: 'contained' } } = props, rest = __rest(props, ["className", "onSuccess", "TextFieldProps", "ButtonProps"]);
-    // STATE
-    const [email, setEmail] = useState('');
-    const [emailError, setEmailError] = useState(null);
-    const [username, setUsername] = useState('');
-    const [usernameError, setUsernameError] = useState(null);
-    const [password, setPassword] = useState('');
-    const [isSubmitting, setIsSubmitting] = useState(false);
-    // CONTEXT
-    const scUserContext = useSCUser();
-    // HANDLERS
-    const handleSubmit = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        setIsSubmitting(true);
-        // TODO: signup API call
-        onSuccess && onSuccess(null);
-        return false;
-    };
-    if (scUserContext.user !== null) {
-        // User already logged in
-        return null;
-    }
-    // RENDER
-    return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { onSubmit: handleSubmit }),
-        React.createElement(EmailTextField, Object.assign({ className: classes.email, label: React.createElement(FormattedMessage, { id: "ui.accountSignup.email.label", defaultMessage: "ui.accountSignup.email.label" }) }, TextFieldProps, { error: Boolean(emailError), helperText: emailError, value: email, onChange: (event) => setEmail(event.target.value) })),
-        React.createElement(UsernameTextField, Object.assign({ className: classes.username, label: React.createElement(FormattedMessage, { id: "ui.accountSignup.username.label", defaultMessage: "ui.accountSignup.username.label" }) }, TextFieldProps, { error: Boolean(usernameError), helperText: usernameError, value: username, onChange: (event) => setUsername(event.target.value) })),
-        React.createElement(PasswordTextField, Object.assign({ className: classes.password, label: React.createElement(FormattedMessage, { id: "ui.accountSignup.password.label", defaultMessage: "ui.accountSignup.password.label" }) }, TextFieldProps, { value: password, onChange: (event) => setPassword(event.target.value) })),
-        React.createElement(Button, Object.assign({ type: "submit" }, ButtonProps, { disabled: !email || !username || !password || isSubmitting }),
-            React.createElement(FormattedMessage, { id: "ui.accountSignup.submit", defaultMessage: "ui.accountSignup.submit" }))));
-}
-//# sourceMappingURL=AccountSignUp.js.map

package/lib/esm/components/AccountSignUp/AccountSignUp.js.map

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

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

@@ -1,4 +0,0 @@
-import AccountSignUp, { AccountSignUpProps } from './AccountSignUp';
-export default AccountSignUp;
-export { AccountSignUpProps };
-//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/AccountSignUp/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountSignUp/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,EAAE,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAElE,eAAe,aAAa,CAAC;AAC7B,OAAO,EAAC,kBAAkB,EAAC,CAAC"}

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

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

package/lib/esm/components/AccountSignUp/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AccountSignUp/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAmC,MAAM,iBAAiB,CAAC;AAElE,eAAe,aAAa,CAAC"}