@selfcommunity/react-ui 0.7.0-alpha.125 → 0.7.0-alpha.126

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"UserProfileEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/UserProfileEdit/UserProfileEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA8B,cAAc,IAAI,iBAAiB,EAAoC,MAAM,eAAe,CAAC;AAGlI,OAAmB,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AACjE,OAAgB,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAE,qBAAqB,EAAC,MAAM,aAAa,CAAC;AAmBvE,UAAU,gBAAgB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK;IACpE,KAAK,EAAE,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC;IAChE,gBAAgB,EAAE,CAAC,CAAC;CACrB;AAED,aAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,aAAa,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3I,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACnC;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,qCAAqC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAExE;;;OAGG;IACH,mCAAmC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAExE;;;OAGG;IACH,kCAAkC,CAAC,EAAE,YAAY,CAAC;IAElD;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAO,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAqDlF"}
1
+ {"version":3,"file":"UserProfileEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/UserProfileEdit/UserProfileEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA8B,cAAc,IAAI,iBAAiB,EAA+C,MAAM,eAAe,CAAC;AAG7I,OAAmB,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AACjE,OAAgB,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAE,qBAAqB,EAAC,MAAM,aAAa,CAAC;AAgBvE,UAAU,gBAAgB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK;IACpE,KAAK,EAAE,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC;IAChE,gBAAgB,EAAE,CAAC,CAAC;CACrB;AAED,aAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,aAAa,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3I,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACnC;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,qCAAqC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAExE;;;OAGG;IACH,mCAAmC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAExE;;;OAGG;IACH,kCAAkC,CAAC,EAAE,YAAY,CAAC;IAElD;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAO,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA2ClF"}
@@ -27,17 +27,14 @@ const system_1 = require("@mui/system");
27
27
  const PREFIX = 'SCUserProfileEdit';
28
28
  const classes = {
29
29
  root: `${PREFIX}-root`,
30
- field: `${PREFIX}-field`
30
+ tabs: `${PREFIX}-tabs`,
31
+ tabContent: `${PREFIX}-tab-content`
31
32
  };
32
33
  const Root = (0, styles_1.styled)(material_1.Box, {
33
34
  name: PREFIX,
34
35
  slot: 'Root',
35
36
  overridesResolver: (props, styles) => styles.root
36
- })(({ theme }) => ({
37
- [`& .${classes.field}`]: {
38
- fontWeight: 'bold'
39
- }
40
- }));
37
+ })(({ theme }) => ({}));
41
38
  /**
42
39
  *
43
40
  > API documentation for the Community-JS User Profile Edit component. Learn about the available props and the CSS API.
@@ -68,27 +65,25 @@ function UserProfileEdit(inProps) {
68
65
  props: inProps,
69
66
  name: PREFIX
70
67
  });
71
- const { id = null, className = null, fields = [...UserProfile_1.DEFAULT_FIELDS], settings = [...UserProfile_1.DEFAULT_SETTINGS], AccordionProps = {}, UserProfileEditSectionPublicInfoProps = {}, UserProfileEditSectionSettingsProps = {}, UserProfileEditSectionAccountProps = {} } = props, rest = __rest(props, ["id", "className", "fields", "settings", "AccordionProps", "UserProfileEditSectionPublicInfoProps", "UserProfileEditSectionSettingsProps", "UserProfileEditSectionAccountProps"]);
68
+ const { id = null, className = null, fields = [...UserProfile_1.DEFAULT_FIELDS], settings = [...UserProfile_1.DEFAULT_SETTINGS], AccordionProps = {}, UserProfileEditSectionPublicInfoProps = {}, UserProfileEditSectionSettingsProps = {}, UserProfileEditSectionAccountProps = {
69
+ showCredentialsSection: true,
70
+ showSocialAccountSection: true
71
+ } } = props, rest = __rest(props, ["id", "className", "fields", "settings", "AccordionProps", "UserProfileEditSectionPublicInfoProps", "UserProfileEditSectionSettingsProps", "UserProfileEditSectionAccountProps"]);
72
+ // STATE
73
+ const [tab, setTab] = react_1.default.useState(0);
74
+ const handleChange = (event, newValue) => {
75
+ setTab(newValue);
76
+ };
72
77
  // RENDER
73
78
  return (react_1.default.createElement(Root, Object.assign({ id: id, className: (0, classnames_1.default)(classes.root, className) }, rest),
74
- react_1.default.createElement(material_1.Accordion, Object.assign({ defaultExpanded: true }, AccordionProps),
75
- react_1.default.createElement(material_1.AccordionSummary, { "aria-controls": "profile information" },
76
- react_1.default.createElement(material_1.Typography, { variant: "body1" },
77
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.info", defaultMessage: "ui.userProfileEdit.info" }))),
78
- react_1.default.createElement(material_1.AccordionDetails, null,
79
- react_1.default.createElement(PublicInfo_1.default, Object.assign({ fields: fields }, UserProfileEditSectionPublicInfoProps)))),
80
- react_1.default.createElement(material_1.Accordion, Object.assign({}, AccordionProps),
81
- react_1.default.createElement(material_1.AccordionSummary, { "aria-controls": "account settings" },
82
- react_1.default.createElement(material_1.Typography, { variant: "body1" },
83
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.account", defaultMessage: "ui.userProfileEdit.account" }))),
84
- react_1.default.createElement(material_1.AccordionDetails, null,
85
- react_1.default.createElement(Account_1.default, Object.assign({}, UserProfileEditSectionAccountProps)))),
86
- react_1.default.createElement(material_1.Accordion, Object.assign({}, AccordionProps),
87
- react_1.default.createElement(material_1.AccordionSummary, { "aria-controls": "profile settings" },
88
- react_1.default.createElement(material_1.Typography, { variant: "body1" },
89
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.notification", defaultMessage: "ui.userProfileEdit.notification" }))),
90
- react_1.default.createElement(material_1.AccordionDetails, null,
91
- react_1.default.createElement(Settings_1.default, Object.assign({ settings: settings }, UserProfileEditSectionSettingsProps))))));
79
+ react_1.default.createElement(material_1.Tabs, { className: classes.tabs, value: tab, onChange: handleChange, variant: "scrollable", scrollButtons: "auto" },
80
+ react_1.default.createElement(material_1.Tab, { label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.info", defaultMessage: "ui.userProfileEdit.info" }) }),
81
+ react_1.default.createElement(material_1.Tab, { label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.account", defaultMessage: "ui.userProfileEdit.account" }) }),
82
+ react_1.default.createElement(material_1.Tab, { label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.userProfileEdit.notification", defaultMessage: "ui.userProfileEdit.notification" }) })),
83
+ react_1.default.createElement(material_1.Box, { className: classes.tabContent },
84
+ tab === 0 && react_1.default.createElement(PublicInfo_1.default, Object.assign({ fields: fields }, UserProfileEditSectionPublicInfoProps)),
85
+ tab === 1 && react_1.default.createElement(Account_1.default, Object.assign({}, UserProfileEditSectionAccountProps)),
86
+ tab === 2 && react_1.default.createElement(Settings_1.default, Object.assign({ settings: settings }, UserProfileEditSectionSettingsProps)))));
92
87
  }
93
88
  exports.default = UserProfileEdit;
94
89
  //# sourceMappingURL=UserProfileEdit.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UserProfileEdit.js","sourceRoot":"","sources":["../../../../src/components/UserProfileEdit/UserProfileEdit.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,iDAA4C;AAC5C,4CAAkI;AAClI,2CAA4C;AAC5C,6DAA6E;AAC7E,sEAAiE;AACjE,gEAAwD;AACxD,kEAA0C;AAC1C,4DAAoC;AAGpC,wCAA0C;AAG1C,MAAM,MAAM,GAAG,mBAAmB,CAAC;AAEnC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,KAAK,EAAE,GAAG,MAAM,QAAQ;CACzB,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,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,CAAC,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC,EAAE;QACvB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC,CAAC;AA4DJ;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,SAAwB,eAAe,CAAC,OAA6B;IACnE,QAAQ;IACR,MAAM,KAAK,GAAyB,IAAA,sBAAa,EAAC;QAChD,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IACH,MAAM,EACJ,EAAE,GAAG,IAAI,EACT,SAAS,GAAG,IAAI,EAChB,MAAM,GAAG,CAAC,GAAG,4BAAc,CAAC,EAC5B,QAAQ,GAAG,CAAC,GAAG,8BAAgB,CAAC,EAChC,cAAc,GAAG,EAAE,EACnB,qCAAqC,GAAG,EAAE,EAC1C,mCAAmC,GAAG,EAAE,EACxC,kCAAkC,GAAG,EAAE,KAErC,KAAK,EADJ,IAAI,UACL,KAAK,EAVH,iLAUL,CAAQ,CAAC;IAEV,SAAS;IACT,OAAO,CACL,8BAAC,IAAI,kBAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI;QACpE,8BAAC,oBAAS,kBAAC,eAAe,UAAK,cAAc;YAC3C,8BAAC,2BAAgB,qBAAe,qBAAqB;gBACnD,8BAAC,qBAAU,IAAC,OAAO,EAAC,OAAO;oBACzB,8BAAC,6BAAgB,IAAC,EAAE,EAAC,yBAAyB,EAAC,cAAc,EAAC,yBAAyB,GAAG,CAC/E,CACI;YACnB,8BAAC,2BAAgB;gBACf,8BAAC,oBAAU,kBAAC,MAAM,EAAE,MAAM,IAAM,qCAAqC,EAAI,CACxD,CACT;QACZ,8BAAC,oBAAS,oBAAK,cAAc;YAC3B,8BAAC,2BAAgB,qBAAe,kBAAkB;gBAChD,8BAAC,qBAAU,IAAC,OAAO,EAAC,OAAO;oBACzB,8BAAC,6BAAgB,IAAC,EAAE,EAAC,4BAA4B,EAAC,cAAc,EAAC,4BAA4B,GAAG,CACrF,CACI;YACnB,8BAAC,2BAAgB;gBACf,8BAAC,iBAAO,oBAAK,kCAAkC,EAAI,CAClC,CACT;QACZ,8BAAC,oBAAS,oBAAK,cAAc;YAC3B,8BAAC,2BAAgB,qBAAe,kBAAkB;gBAChD,8BAAC,qBAAU,IAAC,OAAO,EAAC,OAAO;oBACzB,8BAAC,6BAAgB,IAAC,EAAE,EAAC,iCAAiC,EAAC,cAAc,EAAC,iCAAiC,GAAG,CAC/F,CACI;YACnB,8BAAC,2BAAgB;gBACf,8BAAC,kBAAQ,kBAAC,QAAQ,EAAE,QAAQ,IAAM,mCAAmC,EAAI,CACxD,CACT,CACP,CACR,CAAC;AACJ,CAAC;AArDD,kCAqDC"}
1
+ {"version":3,"file":"UserProfileEdit.js","sourceRoot":"","sources":["../../../../src/components/UserProfileEdit/UserProfileEdit.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"UserProfileEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/UserProfileEdit/UserProfileEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA8B,cAAc,IAAI,iBAAiB,EAAoC,MAAM,eAAe,CAAC;AAGlI,OAAmB,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AACjE,OAAgB,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAE,qBAAqB,EAAC,MAAM,aAAa,CAAC;AAmBvE,UAAU,gBAAgB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK;IACpE,KAAK,EAAE,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC;IAChE,gBAAgB,EAAE,CAAC,CAAC;CACrB;AAED,aAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,aAAa,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3I,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACnC;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,qCAAqC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAExE;;;OAGG;IACH,mCAAmC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAExE;;;OAGG;IACH,kCAAkC,CAAC,EAAE,YAAY,CAAC;IAElD;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAO,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAqDlF"}
1
+ {"version":3,"file":"UserProfileEdit.d.ts","sourceRoot":"","sources":["../../../../src/components/UserProfileEdit/UserProfileEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA8B,cAAc,IAAI,iBAAiB,EAA+C,MAAM,eAAe,CAAC;AAG7I,OAAmB,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AACjE,OAAgB,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAE,qBAAqB,EAAC,MAAM,aAAa,CAAC;AAgBvE,UAAU,gBAAgB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK;IACpE,KAAK,EAAE,CAAC,GAAG,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC;IAChE,gBAAgB,EAAE,CAAC,CAAC;CACrB;AAED,aAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,aAAa,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE3I,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACnC;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAEhC;;;OAGG;IACH,qCAAqC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAExE;;;OAGG;IACH,mCAAmC,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;IAExE;;;OAGG;IACH,kCAAkC,CAAC,EAAE,YAAY,CAAC;IAElD;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,OAAO,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA2ClF"}
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  };
12
12
  import React from 'react';
13
13
  import { styled } from '@mui/material/styles';
14
- import { Accordion, AccordionDetails, AccordionSummary, Box, Typography } from '@mui/material';
14
+ import { Box, Tab, Tabs } from '@mui/material';
15
15
  import { FormattedMessage } from 'react-intl';
16
16
  import { DEFAULT_FIELDS, DEFAULT_SETTINGS } from '../../constants/UserProfile';
17
17
  import PublicInfo from './Section/PublicInfo';
@@ -22,17 +22,14 @@ import { useThemeProps } from '@mui/system';
22
22
  const PREFIX = 'SCUserProfileEdit';
23
23
  const classes = {
24
24
  root: `${PREFIX}-root`,
25
- field: `${PREFIX}-field`
25
+ tabs: `${PREFIX}-tabs`,
26
+ tabContent: `${PREFIX}-tab-content`
26
27
  };
27
28
  const Root = styled(Box, {
28
29
  name: PREFIX,
29
30
  slot: 'Root',
30
31
  overridesResolver: (props, styles) => styles.root
31
- })(({ theme }) => ({
32
- [`& .${classes.field}`]: {
33
- fontWeight: 'bold'
34
- }
35
- }));
32
+ })(({ theme }) => ({}));
36
33
  /**
37
34
  *
38
35
  > API documentation for the Community-JS User Profile Edit component. Learn about the available props and the CSS API.
@@ -63,26 +60,24 @@ export default function UserProfileEdit(inProps) {
63
60
  props: inProps,
64
61
  name: PREFIX
65
62
  });
66
- const { id = null, className = null, fields = [...DEFAULT_FIELDS], settings = [...DEFAULT_SETTINGS], AccordionProps = {}, UserProfileEditSectionPublicInfoProps = {}, UserProfileEditSectionSettingsProps = {}, UserProfileEditSectionAccountProps = {} } = props, rest = __rest(props, ["id", "className", "fields", "settings", "AccordionProps", "UserProfileEditSectionPublicInfoProps", "UserProfileEditSectionSettingsProps", "UserProfileEditSectionAccountProps"]);
63
+ const { id = null, className = null, fields = [...DEFAULT_FIELDS], settings = [...DEFAULT_SETTINGS], AccordionProps = {}, UserProfileEditSectionPublicInfoProps = {}, UserProfileEditSectionSettingsProps = {}, UserProfileEditSectionAccountProps = {
64
+ showCredentialsSection: true,
65
+ showSocialAccountSection: true
66
+ } } = props, rest = __rest(props, ["id", "className", "fields", "settings", "AccordionProps", "UserProfileEditSectionPublicInfoProps", "UserProfileEditSectionSettingsProps", "UserProfileEditSectionAccountProps"]);
67
+ // STATE
68
+ const [tab, setTab] = React.useState(0);
69
+ const handleChange = (event, newValue) => {
70
+ setTab(newValue);
71
+ };
67
72
  // RENDER
68
73
  return (React.createElement(Root, Object.assign({ id: id, className: classNames(classes.root, className) }, rest),
69
- React.createElement(Accordion, Object.assign({ defaultExpanded: true }, AccordionProps),
70
- React.createElement(AccordionSummary, { "aria-controls": "profile information" },
71
- React.createElement(Typography, { variant: "body1" },
72
- React.createElement(FormattedMessage, { id: "ui.userProfileEdit.info", defaultMessage: "ui.userProfileEdit.info" }))),
73
- React.createElement(AccordionDetails, null,
74
- React.createElement(PublicInfo, Object.assign({ fields: fields }, UserProfileEditSectionPublicInfoProps)))),
75
- React.createElement(Accordion, Object.assign({}, AccordionProps),
76
- React.createElement(AccordionSummary, { "aria-controls": "account settings" },
77
- React.createElement(Typography, { variant: "body1" },
78
- React.createElement(FormattedMessage, { id: "ui.userProfileEdit.account", defaultMessage: "ui.userProfileEdit.account" }))),
79
- React.createElement(AccordionDetails, null,
80
- React.createElement(Account, Object.assign({}, UserProfileEditSectionAccountProps)))),
81
- React.createElement(Accordion, Object.assign({}, AccordionProps),
82
- React.createElement(AccordionSummary, { "aria-controls": "profile settings" },
83
- React.createElement(Typography, { variant: "body1" },
84
- React.createElement(FormattedMessage, { id: "ui.userProfileEdit.notification", defaultMessage: "ui.userProfileEdit.notification" }))),
85
- React.createElement(AccordionDetails, null,
86
- React.createElement(Settings, Object.assign({ settings: settings }, UserProfileEditSectionSettingsProps))))));
74
+ React.createElement(Tabs, { className: classes.tabs, value: tab, onChange: handleChange, variant: "scrollable", scrollButtons: "auto" },
75
+ React.createElement(Tab, { label: React.createElement(FormattedMessage, { id: "ui.userProfileEdit.info", defaultMessage: "ui.userProfileEdit.info" }) }),
76
+ React.createElement(Tab, { label: React.createElement(FormattedMessage, { id: "ui.userProfileEdit.account", defaultMessage: "ui.userProfileEdit.account" }) }),
77
+ React.createElement(Tab, { label: React.createElement(FormattedMessage, { id: "ui.userProfileEdit.notification", defaultMessage: "ui.userProfileEdit.notification" }) })),
78
+ React.createElement(Box, { className: classes.tabContent },
79
+ tab === 0 && React.createElement(PublicInfo, Object.assign({ fields: fields }, UserProfileEditSectionPublicInfoProps)),
80
+ tab === 1 && React.createElement(Account, Object.assign({}, UserProfileEditSectionAccountProps)),
81
+ tab === 2 && React.createElement(Settings, Object.assign({ settings: settings }, UserProfileEditSectionSettingsProps)))));
87
82
  }
88
83
  //# sourceMappingURL=UserProfileEdit.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UserProfileEdit.js","sourceRoot":"","sources":["../../../../src/components/UserProfileEdit/UserProfileEdit.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"UserProfileEdit.js","sourceRoot":"","sources":["../../../../src/components/UserProfileEdit/UserProfileEdit.tsx"],"names":[],"mappings":"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"}