@selfcommunity/react-ui 0.7.9-alpha.51 → 0.7.9-alpha.53
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.
- package/lib/cjs/components/Composer/Layer/AudienceLayer/AudienceLayer.js +4 -1
- package/lib/cjs/components/Groups/Groups.d.ts +1 -1
- package/lib/cjs/components/Groups/Groups.js +1 -1
- package/lib/esm/components/Composer/Layer/AudienceLayer/AudienceLayer.js +4 -1
- package/lib/esm/components/Groups/Groups.d.ts +1 -1
- package/lib/esm/components/Groups/Groups.js +2 -2
- package/lib/umd/react-ui.js +1 -1
- package/package.json +3 -3
|
@@ -63,6 +63,7 @@ const AudienceLayer = react_1.default.forwardRef((props, ref) => {
|
|
|
63
63
|
const handleChangeAudience = (0, react_1.useCallback)((event, data) => setAudience(data), []);
|
|
64
64
|
const handleAutocompleteOpen = (0, react_1.useCallback)(() => setAutocompleteOpen(true), []);
|
|
65
65
|
const handleAutocompleteClose = (0, react_1.useCallback)(() => setAutocompleteOpen(false), []);
|
|
66
|
+
console.log(defaultValue);
|
|
66
67
|
return (react_1.default.createElement(Root, Object.assign({ ref: ref, className: (0, classnames_1.default)(className, classes.root) }, rest),
|
|
67
68
|
react_1.default.createElement(material_1.DialogTitle, { className: classes.title },
|
|
68
69
|
react_1.default.createElement(material_1.IconButton, { onClick: onClose },
|
|
@@ -74,7 +75,9 @@ const AudienceLayer = react_1.default.forwardRef((props, ref) => {
|
|
|
74
75
|
react_1.default.createElement(DialogContent_1.default, { className: classes.content },
|
|
75
76
|
react_1.default.createElement(material_1.Tabs, { value: audience, onChange: handleChangeAudience, "aria-label": "audience type" },
|
|
76
77
|
react_1.default.createElement(material_1.Tab, { value: AudienceTypes.AUDIENCE_ALL, icon: react_1.default.createElement(Icon_1.default, null, "public"), label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.layer.audience.all", defaultMessage: "ui.composer.layer.audience.all" }) }),
|
|
77
|
-
react_1.default.createElement(material_1.Tab, { disabled: (
|
|
78
|
+
react_1.default.createElement(material_1.Tab, { disabled: (Boolean(value === null || value === void 0 ? void 0 : value.length) && !Object.prototype.hasOwnProperty.call(value, 'managed_by')) ||
|
|
79
|
+
(value !== undefined && Boolean(!(value === null || value === void 0 ? void 0 : value.length)) && audience !== AudienceTypes.AUDIENCE_ALL) ||
|
|
80
|
+
(Boolean((value === null || value === void 0 ? void 0 : value.length) === 0) && audience === AudienceTypes.AUDIENCE_ALL && Boolean((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) !== 0)), value: AudienceTypes.AUDIENCE_GROUP, icon: react_1.default.createElement(Icon_1.default, null, "groups"), label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.layer.audience.group", defaultMessage: "ui.composer.layer.audience.group" }) }),
|
|
78
81
|
react_1.default.createElement(material_1.Tab, { disabled: value && Object.prototype.hasOwnProperty.call(value, 'managed_by'), value: AudienceTypes.AUDIENCE_TAG, icon: react_1.default.createElement(Icon_1.default, null, "label"), label: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.layer.audience.tag", defaultMessage: "ui.composer.layer.audience.tag" }) })),
|
|
79
82
|
react_1.default.createElement(material_1.Typography, { className: classes.message },
|
|
80
83
|
audience === AudienceTypes.AUDIENCE_ALL && (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.composer.layer.audience.all.message", defaultMessage: "ui.composer.audience.layer.all.message" })),
|
|
@@ -67,7 +67,7 @@ function Groups(inProps) {
|
|
|
67
67
|
props: inProps,
|
|
68
68
|
name: constants_1.PREFIX
|
|
69
69
|
});
|
|
70
|
-
const { endpointQueryParams = { limit:
|
|
70
|
+
const { endpointQueryParams = { limit: 20, offset: Pagination_1.DEFAULT_PAGINATION_OFFSET }, className, GroupComponentProps = { variant: 'outlined', ButtonBaseProps: { disableRipple: true, component: material_1.Box } }, showFilters = false, filters, general = true } = props, rest = tslib_1.__rest(props, ["endpointQueryParams", "className", "GroupComponentProps", "showFilters", "filters", "general"]);
|
|
71
71
|
// STATE
|
|
72
72
|
const [groups, setGroups] = (0, react_1.useState)([]);
|
|
73
73
|
const [loading, setLoading] = (0, react_1.useState)(true);
|
|
@@ -60,6 +60,7 @@ const AudienceLayer = React.forwardRef((props, ref) => {
|
|
|
60
60
|
const handleChangeAudience = useCallback((event, data) => setAudience(data), []);
|
|
61
61
|
const handleAutocompleteOpen = useCallback(() => setAutocompleteOpen(true), []);
|
|
62
62
|
const handleAutocompleteClose = useCallback(() => setAutocompleteOpen(false), []);
|
|
63
|
+
console.log(defaultValue);
|
|
63
64
|
return (React.createElement(Root, Object.assign({ ref: ref, className: classNames(className, classes.root) }, rest),
|
|
64
65
|
React.createElement(DialogTitle, { className: classes.title },
|
|
65
66
|
React.createElement(IconButton, { onClick: onClose },
|
|
@@ -71,7 +72,9 @@ const AudienceLayer = React.forwardRef((props, ref) => {
|
|
|
71
72
|
React.createElement(DialogContent, { className: classes.content },
|
|
72
73
|
React.createElement(Tabs, { value: audience, onChange: handleChangeAudience, "aria-label": "audience type" },
|
|
73
74
|
React.createElement(Tab, { value: AudienceTypes.AUDIENCE_ALL, icon: React.createElement(Icon, null, "public"), label: React.createElement(FormattedMessage, { id: "ui.composer.layer.audience.all", defaultMessage: "ui.composer.layer.audience.all" }) }),
|
|
74
|
-
React.createElement(Tab, { disabled: (
|
|
75
|
+
React.createElement(Tab, { disabled: (Boolean(value === null || value === void 0 ? void 0 : value.length) && !Object.prototype.hasOwnProperty.call(value, 'managed_by')) ||
|
|
76
|
+
(value !== undefined && Boolean(!(value === null || value === void 0 ? void 0 : value.length)) && audience !== AudienceTypes.AUDIENCE_ALL) ||
|
|
77
|
+
(Boolean((value === null || value === void 0 ? void 0 : value.length) === 0) && audience === AudienceTypes.AUDIENCE_ALL && Boolean((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) !== 0)), value: AudienceTypes.AUDIENCE_GROUP, icon: React.createElement(Icon, null, "groups"), label: React.createElement(FormattedMessage, { id: "ui.composer.layer.audience.group", defaultMessage: "ui.composer.layer.audience.group" }) }),
|
|
75
78
|
React.createElement(Tab, { disabled: value && Object.prototype.hasOwnProperty.call(value, 'managed_by'), value: AudienceTypes.AUDIENCE_TAG, icon: React.createElement(Icon, null, "label"), label: React.createElement(FormattedMessage, { id: "ui.composer.layer.audience.tag", defaultMessage: "ui.composer.layer.audience.tag" }) })),
|
|
76
79
|
React.createElement(Typography, { className: classes.message },
|
|
77
80
|
audience === AudienceTypes.AUDIENCE_ALL && (React.createElement(FormattedMessage, { id: "ui.composer.layer.audience.all.message", defaultMessage: "ui.composer.audience.layer.all.message" })),
|
|
@@ -13,7 +13,7 @@ import { useThemeProps } from '@mui/system';
|
|
|
13
13
|
import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
|
|
14
14
|
import { PREFIX } from './constants';
|
|
15
15
|
import Group from '../Group';
|
|
16
|
-
import {
|
|
16
|
+
import { DEFAULT_PAGINATION_OFFSET } from '../../constants/Pagination';
|
|
17
17
|
import InfiniteScroll from '../../shared/InfiniteScroll';
|
|
18
18
|
const classes = {
|
|
19
19
|
root: `${PREFIX}-root`,
|
|
@@ -65,7 +65,7 @@ export default function Groups(inProps) {
|
|
|
65
65
|
props: inProps,
|
|
66
66
|
name: PREFIX
|
|
67
67
|
});
|
|
68
|
-
const { endpointQueryParams = { limit:
|
|
68
|
+
const { endpointQueryParams = { limit: 20, offset: DEFAULT_PAGINATION_OFFSET }, className, GroupComponentProps = { variant: 'outlined', ButtonBaseProps: { disableRipple: true, component: Box } }, showFilters = false, filters, general = true } = props, rest = __rest(props, ["endpointQueryParams", "className", "GroupComponentProps", "showFilters", "filters", "general"]);
|
|
69
69
|
// STATE
|
|
70
70
|
const [groups, setGroups] = useState([]);
|
|
71
71
|
const [loading, setLoading] = useState(true);
|