@selfcommunity/react-ui 0.7.32-alpha.1 → 0.7.33-alpha.0

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.
Files changed (8) hide show
  1. package/lib/cjs/components/Feed/Feed.js +0 -1
  2. package/lib/cjs/components/NavigationMenuIconButton/DefaultDrawerContent.js +3 -2
  3. package/lib/cjs/shared/ContributionActionsMenu/index.js +5 -41
  4. package/lib/esm/components/Feed/Feed.js +0 -1
  5. package/lib/esm/components/NavigationMenuIconButton/DefaultDrawerContent.js +3 -2
  6. package/lib/esm/shared/ContributionActionsMenu/index.js +5 -41
  7. package/lib/umd/react-ui.js +1 -1
  8. package/package.json +7 -7
package/lib/cjs/components/Feed/Feed.js CHANGED
@@ -418,7 +418,6 @@ const Feed = (inProps, ref) => {
418
418
  react_1.default.createElement(InfiniteScroll_1.default, Object.assign({ ref: containerRef, className: classes.left, dataLength: feedDataLeft.length, next: getNextPage, previous: getPreviousPage, hasMoreNext: Boolean(feedDataObject.next), hasMorePrevious: Boolean(feedDataObject.previous), header: PreviousPageLink, footer: NextPageLink, loaderNext: react_1.default.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), loaderPrevious: react_1.default.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), scrollThreshold: '90%', endMessage: react_1.default.createElement(material_1.Box, { className: classes.end },
419
419
  react_1.default.createElement(Widget_1.default, { className: classes.endMessage },
420
420
  react_1.default.createElement(material_1.CardContent, null, endMessage)),
421
- advEnabled && !hideAdvs && enabledCustomAdvPositions.includes(types_1.SCCustomAdvPosition.POSITION_ABOVE_FOOTER_BAR) ? (react_1.default.createElement(CustomAdv_1.default, Object.assign({ position: types_1.SCCustomAdvPosition.POSITION_ABOVE_FOOTER_BAR }, CustomAdvProps))) : null,
422
421
  FooterComponent ? react_1.default.createElement(FooterComponent, Object.assign({}, FooterComponentProps)) : null), refreshFunction: refresh, pullDownToRefresh: true, pullDownToRefreshThreshold: 1000, pullDownToRefreshContent: null, releaseToRefreshContent: react_1.default.createElement(Widget_1.default, { variant: "outlined", className: classes.refresh },
423
422
  react_1.default.createElement(material_1.CardContent, null, refreshMessage)), style: { overflow: 'visible' } }, (scrollableTargetId && { scrollableTarget: scrollableTargetId })),
424
423
  renderHeaderComponent(),
package/lib/cjs/components/NavigationMenuIconButton/DefaultDrawerContent.js CHANGED
@@ -39,9 +39,10 @@ function DefaultDrawerContent() {
39
39
  //order
40
40
  return (react_1.default.createElement(react_1.default.Fragment, null,
41
41
  react_1.default.createElement(material_1.Typography, { variant: "subtitle1" },
42
- react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.category.title", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.category.title" }),
42
+ react_1.default.createElement("span", null,
43
+ react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.category.title", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.category.title" })),
43
44
  ' ',
44
- react_1.default.createElement(material_1.Button, { variant: "text", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.CATEGORIES_LIST_ROUTE_NAME, {}) },
45
+ react_1.default.createElement(material_1.Button, { variant: "text", component: react_core_1.Link, color: "secondary", to: scRoutingContext.url(react_core_1.SCRoutes.CATEGORIES_LIST_ROUTE_NAME, {}) },
45
46
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.category.seeAll", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.category.seeAll" }))),
46
47
  categoriesOrdered.map((c, index) => (react_1.default.createElement(material_1.Zoom, { in: true, style: { transform: isHovered[c.id] && 'scale(1.05)' }, key: index },
47
48
  react_1.default.createElement(material_1.ListItem, { key: c.id },
package/lib/cjs/shared/ContributionActionsMenu/index.js CHANGED
@@ -23,7 +23,7 @@ const PREFIX = 'SCContributionActionsMenu';
23
23
  const classes = {
24
24
  root: `${PREFIX}-root`,
25
25
  button: `${PREFIX}-button`,
26
- popper: `${PREFIX}-popper`,
26
+ popperRoot: `${PREFIX}-popper-root`,
27
27
  paper: `${PREFIX}-paper`,
28
28
  item: `${PREFIX}-item`,
29
29
  itemText: `${PREFIX}-item-text`,
@@ -38,44 +38,8 @@ const classes = {
38
38
  const PopperRoot = (0, styles_1.styled)(Popper_1.default, {
39
39
  name: PREFIX,
40
40
  slot: 'Root',
41
- overridesResolver: (props, styles) => styles.root
42
- })(({ theme }) => ({
43
- zIndex: 2,
44
- [`&.${classes.popper}`]: {
45
- overflow: 'visible',
46
- filter: 'drop-shadow(0px -1px 5px rgba(0,0,0,0.10))',
47
- mt: 1.5
48
- },
49
- [`& .${classes.paper}`]: {
50
- width: 280
51
- },
52
- [`& .${classes.footerSubItems}`]: {
53
- margin: '10px 10px 10px 17px',
54
- border: '1px solid #dddddd',
55
- padding: 5,
56
- borderRadius: 3,
57
- fontSize: 11
58
- },
59
- [`& .${classes.selectedIcon}`]: {
60
- marginLeft: 2,
61
- '&.MuiListItemIcon-root': {
62
- width: '10px'
63
- },
64
- '& svg': {
65
- fontSize: '1.4rem'
66
- }
67
- },
68
- [`& .${classes.sectionBadge}`]: {
69
- padding: 0,
70
- minWidth: 15,
71
- height: 15,
72
- top: 3
73
- },
74
- [`& .${classes.sectionWithSelectionIcon}`]: {
75
- fontSize: 12,
76
- color: '#FFF'
77
- }
78
- }));
41
+ overridesResolver: (props, styles) => styles.popperRoot
42
+ })(() => ({}));
79
43
  const Root = (0, styles_1.styled)(material_1.Box, {
80
44
  name: PREFIX,
81
45
  slot: 'Root',
@@ -661,7 +625,7 @@ function ContributionActionsMenu(props) {
661
625
  open ? react_1.default.createElement(Icon_1.default, null, "expand_less") : react_1.default.createElement(Icon_1.default, null, "expand_more")),
662
626
  react_1.default.createElement(material_1.Collapse, { in: open, timeout: "auto", unmountOnExit: true },
663
627
  renderReports(ContributionsActionsMenu_1.FLAG_CONTRIBUTION_SECTION),
664
- react_1.default.createElement(material_1.Typography, { variant: 'caption', component: 'div', className: classes.footerSubItems }, intl.formatMessage(messages.footer)))))));
628
+ react_1.default.createElement(material_1.Typography, { variant: 'caption', component: "div", className: classes.footerSubItems }, intl.formatMessage(messages.footer)))))));
665
629
  }
666
630
  /**
667
631
  * Renders section hide actions
@@ -766,7 +730,7 @@ function ContributionActionsMenu(props) {
766
730
  }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, contributionObj && (contributionObj.collapsed || contributionObj.deleted) ? (react_1.default.createElement("span", { className: classes.visibilityIcons },
767
731
  contributionObj.collapsed ? react_1.default.createElement(Icon_1.default, null, "visibility_off") : react_1.default.createElement(Icon_1.default, null, "delete"),
768
732
  react_1.default.createElement(Icon_1.default, null, "expand_more"))) : (react_1.default.createElement(Icon_1.default, null, "more_vert"))),
769
- isMobile ? (react_1.default.createElement(material_1.SwipeableDrawer, { open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, renderContent())) : (react_1.default.createElement(PopperRoot, Object.assign({ open: open, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popper }, PopperProps, { placement: "bottom-end" }), ({ TransitionProps, placement }) => (react_1.default.createElement(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }),
733
+ isMobile ? (react_1.default.createElement(material_1.SwipeableDrawer, { open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, renderContent())) : (react_1.default.createElement(PopperRoot, Object.assign({ open: open, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }), ({ TransitionProps, placement }) => (react_1.default.createElement(material_1.Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }),
770
734
  react_1.default.createElement(material_1.Paper, { variant: 'outlined', className: classes.paper },
771
735
  react_1.default.createElement(material_1.ClickAwayListener, { onClickAway: handleClose }, renderContent())))))),
772
736
  openConfirmDialog && (react_1.default.createElement(ConfirmDialog_1.default, Object.assign({ open: openConfirmDialog }, (currentAction === ContributionsActionsMenu_1.DELETE_CONTRIBUTION
package/lib/esm/components/Feed/Feed.js CHANGED
@@ -415,7 +415,6 @@ const Feed = (inProps, ref) => {
415
415
  React.createElement(InfiniteScroll, Object.assign({ ref: containerRef, className: classes.left, dataLength: feedDataLeft.length, next: getNextPage, previous: getPreviousPage, hasMoreNext: Boolean(feedDataObject.next), hasMorePrevious: Boolean(feedDataObject.previous), header: PreviousPageLink, footer: NextPageLink, loaderNext: React.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), loaderPrevious: React.createElement(ItemSkeleton, Object.assign({}, ItemSkeletonProps)), scrollThreshold: '90%', endMessage: React.createElement(Box, { className: classes.end },
416
416
  React.createElement(Widget, { className: classes.endMessage },
417
417
  React.createElement(CardContent, null, endMessage)),
418
- advEnabled && !hideAdvs && enabledCustomAdvPositions.includes(SCCustomAdvPosition.POSITION_ABOVE_FOOTER_BAR) ? (React.createElement(CustomAdv, Object.assign({ position: SCCustomAdvPosition.POSITION_ABOVE_FOOTER_BAR }, CustomAdvProps))) : null,
419
418
  FooterComponent ? React.createElement(FooterComponent, Object.assign({}, FooterComponentProps)) : null), refreshFunction: refresh, pullDownToRefresh: true, pullDownToRefreshThreshold: 1000, pullDownToRefreshContent: null, releaseToRefreshContent: React.createElement(Widget, { variant: "outlined", className: classes.refresh },
420
419
  React.createElement(CardContent, null, refreshMessage)), style: { overflow: 'visible' } }, (scrollableTargetId && { scrollableTarget: scrollableTargetId })),
421
420
  renderHeaderComponent(),
package/lib/esm/components/NavigationMenuIconButton/DefaultDrawerContent.js CHANGED
@@ -36,9 +36,10 @@ export default function DefaultDrawerContent() {
36
36
  //order
37
37
  return (React.createElement(React.Fragment, null,
38
38
  React.createElement(Typography, { variant: "subtitle1" },
39
- React.createElement(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.category.title", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.category.title" }),
39
+ React.createElement("span", null,
40
+ React.createElement(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.category.title", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.category.title" })),
40
41
  ' ',
41
- React.createElement(Button, { variant: "text", component: Link, to: scRoutingContext.url(SCRoutes.CATEGORIES_LIST_ROUTE_NAME, {}) },
42
+ React.createElement(Button, { variant: "text", component: Link, color: "secondary", to: scRoutingContext.url(SCRoutes.CATEGORIES_LIST_ROUTE_NAME, {}) },
42
43
  React.createElement(FormattedMessage, { id: "ui.navigationMenuIconButton.defaultDrawerContent.category.seeAll", defaultMessage: "ui.navigationMenuIconButton.defaultDrawerContent.category.seeAll" }))),
43
44
  categoriesOrdered.map((c, index) => (React.createElement(Zoom, { in: true, style: { transform: isHovered[c.id] && 'scale(1.05)' }, key: index },
44
45
  React.createElement(ListItem, { key: c.id },
package/lib/esm/shared/ContributionActionsMenu/index.js CHANGED
@@ -21,7 +21,7 @@ const PREFIX = 'SCContributionActionsMenu';
21
21
  const classes = {
22
22
  root: `${PREFIX}-root`,
23
23
  button: `${PREFIX}-button`,
24
- popper: `${PREFIX}-popper`,
24
+ popperRoot: `${PREFIX}-popper-root`,
25
25
  paper: `${PREFIX}-paper`,
26
26
  item: `${PREFIX}-item`,
27
27
  itemText: `${PREFIX}-item-text`,
@@ -36,44 +36,8 @@ const classes = {
36
36
  const PopperRoot = styled(Popper, {
37
37
  name: PREFIX,
38
38
  slot: 'Root',
39
- overridesResolver: (props, styles) => styles.root
40
- })(({ theme }) => ({
41
- zIndex: 2,
42
- [`&.${classes.popper}`]: {
43
- overflow: 'visible',
44
- filter: 'drop-shadow(0px -1px 5px rgba(0,0,0,0.10))',
45
- mt: 1.5
46
- },
47
- [`& .${classes.paper}`]: {
48
- width: 280
49
- },
50
- [`& .${classes.footerSubItems}`]: {
51
- margin: '10px 10px 10px 17px',
52
- border: '1px solid #dddddd',
53
- padding: 5,
54
- borderRadius: 3,
55
- fontSize: 11
56
- },
57
- [`& .${classes.selectedIcon}`]: {
58
- marginLeft: 2,
59
- '&.MuiListItemIcon-root': {
60
- width: '10px'
61
- },
62
- '& svg': {
63
- fontSize: '1.4rem'
64
- }
65
- },
66
- [`& .${classes.sectionBadge}`]: {
67
- padding: 0,
68
- minWidth: 15,
69
- height: 15,
70
- top: 3
71
- },
72
- [`& .${classes.sectionWithSelectionIcon}`]: {
73
- fontSize: 12,
74
- color: '#FFF'
75
- }
76
- }));
39
+ overridesResolver: (props, styles) => styles.popperRoot
40
+ })(() => ({}));
77
41
  const Root = styled(Box, {
78
42
  name: PREFIX,
79
43
  slot: 'Root',
@@ -659,7 +623,7 @@ export default function ContributionActionsMenu(props) {
659
623
  open ? React.createElement(Icon, null, "expand_less") : React.createElement(Icon, null, "expand_more")),
660
624
  React.createElement(Collapse, { in: open, timeout: "auto", unmountOnExit: true },
661
625
  renderReports(FLAG_CONTRIBUTION_SECTION),
662
- React.createElement(Typography, { variant: 'caption', component: 'div', className: classes.footerSubItems }, intl.formatMessage(messages.footer)))))));
626
+ React.createElement(Typography, { variant: 'caption', component: "div", className: classes.footerSubItems }, intl.formatMessage(messages.footer)))))));
663
627
  }
664
628
  /**
665
629
  * Renders section hide actions
@@ -764,7 +728,7 @@ export default function ContributionActionsMenu(props) {
764
728
  }, "aria-haspopup": "true", onClick: handleOpen, className: classes.button, size: "small" }, contributionObj && (contributionObj.collapsed || contributionObj.deleted) ? (React.createElement("span", { className: classes.visibilityIcons },
765
729
  contributionObj.collapsed ? React.createElement(Icon, null, "visibility_off") : React.createElement(Icon, null, "delete"),
766
730
  React.createElement(Icon, null, "expand_more"))) : (React.createElement(Icon, null, "more_vert"))),
767
- isMobile ? (React.createElement(SwipeableDrawer, { open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, renderContent())) : (React.createElement(PopperRoot, Object.assign({ open: open, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popper }, PopperProps, { placement: "bottom-end" }), ({ TransitionProps, placement }) => (React.createElement(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }),
731
+ isMobile ? (React.createElement(SwipeableDrawer, { open: open, onClose: handleClose, onOpen: handleOpen, anchor: "bottom", disableSwipeToOpen: true }, renderContent())) : (React.createElement(PopperRoot, Object.assign({ open: open, anchorEl: popperRef.current, role: undefined, transition: true, className: classes.popperRoot }, PopperProps, { placement: "bottom-end" }), ({ TransitionProps, placement }) => (React.createElement(Grow, Object.assign({}, TransitionProps, { style: { transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom' } }),
768
732
  React.createElement(Paper, { variant: 'outlined', className: classes.paper },
769
733
  React.createElement(ClickAwayListener, { onClickAway: handleClose }, renderContent())))))),
770
734
  openConfirmDialog && (React.createElement(ConfirmDialog, Object.assign({ open: openConfirmDialog }, (currentAction === DELETE_CONTRIBUTION