@selfcommunity/react-core 1.0.5 → 1.1.0-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.
- package/lib/cjs/constants/Preferences.d.ts +2 -0
- package/lib/cjs/constants/Preferences.js +8 -4
- package/lib/cjs/themes/theme.js +3 -1
- package/lib/esm/constants/Preferences.d.ts +2 -0
- package/lib/esm/constants/Preferences.js +4 -0
- package/lib/esm/themes/theme.js +5 -3
- package/lib/umd/react-core.js +1 -1
- package/package.json +6 -6
|
@@ -32,6 +32,8 @@ export declare const COLORS_COLORSECONDARY: string;
|
|
|
32
32
|
export declare const COLORS_NAVBARBACK: string;
|
|
33
33
|
export declare const COLORS_COLORFONT: string;
|
|
34
34
|
export declare const COLORS_COLORFONTSECONDARY: string;
|
|
35
|
+
export declare const COLORS_BOXCOLORBACK: string;
|
|
36
|
+
export declare const COLORS_TITLE_COLOR: string;
|
|
35
37
|
/**
|
|
36
38
|
* COVERS
|
|
37
39
|
*/
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.
|
|
5
|
-
exports.
|
|
6
|
-
exports.DATA_TYPES = exports.getPreference = exports.getPreferenceName = exports.getPreferenceSection = exports.STATIC_STRIPE_PUBLIC_KEY = exports.STATIC_STACKID = exports.STATIC_ENVIRONMENT = exports.WEBMASTER_META_DESCRIPTION = exports.WEBMASTER_META_TITLE_HOME_NOT_LOGGED = exports.WEBMASTER_META_ROBOTS = exports.PROVIDERS_WEB_PUSH_ENABLED = exports.PROVIDERS_WEB_PUSH_PUBLIC_KEY = exports.PROVIDERS_ENTRAID_APP_TENANT_ID = exports.PROVIDERS_ENTRAID_APP_ISSUER = void 0;
|
|
3
|
+
exports.ADDONS_REGISTRATION_WIZARD = exports.ADDONS_POLLS_ENABLED = exports.ADDONS_LOYALTY_POINTS_COLLECTION = exports.ADDONS_INCUBATOR_SUBSCRIBERS = exports.ADDONS_INCUBATOR_ENABLED = exports.ADDONS_CLOSED_COMMUNITY = exports.ADDONS_AFFINITY_ENABLED = exports.POINTS_DAILY_VISIT = exports.POINTS_APP_USED = exports.POINTS_SOCIAL_SHARE = exports.POINTS_CONNECTION_OR_FOLLOWER = exports.POINTS_RECEIVE_VOTE = exports.POINTS_MAKE_COMMENT = exports.POINTS_MAKE_POST = exports.POINTS_MAKE_DISCUSSION = exports.LOYALTY_PRIZE_C_IMAGE = exports.LOYALTY_PRIZE_B_IMAGE = exports.LOYALTY_PRIZE_A_IMAGE = exports.STAFF_STAFF_BADGE_LABEL = exports.STAFF_STAFF_BADGE_ICON = exports.IMAGES_ERRORPAGES_IMAGE = exports.IMAGES_ERROR_503 = exports.IMAGES_ERROR_404 = exports.IMAGES_USER_DEFAULT_COVER = exports.IMAGES_APP_ICON = exports.COVERS_VISIBILITY = exports.COVERS_COVER_4_HP_M1920 = exports.COVERS_COVER_3_HP_M1920 = exports.COVERS_COVER_2_HP_M1920 = exports.COVERS_COVER_1_HP_M1920 = exports.COLORS_TITLE_COLOR = exports.COLORS_BOXCOLORBACK = exports.COLORS_COLORFONTSECONDARY = exports.COLORS_COLORFONT = exports.COLORS_NAVBARBACK = exports.COLORS_COLORSECONDARY = exports.COLORS_COLORPRIMARY = exports.COLORS_COLORBACK = exports.LOGO_NAVBAR_LOGO_MOBILE = exports.LOGO_NAVBAR_LOGO = exports.STYLE_FONT_FAMILY = exports.TEXT_ERROR_PAGES_SUBTITLE = exports.TEXT_ERROR_PAGES_TITLE = exports.TEXT_APPLICATION_COPYRIGHT = exports.TEXT_APPLICATION_SLOGAN2 = exports.TEXT_APPLICATION_SLOGAN1 = exports.TEXT_APPLICATION_NAME = exports.DEFAULT_GLOBAL_PREFERENCES_OPTION = exports.GLOBAL_PREFERENCES_OPTION = exports.PREFERENCES_OPTION = void 0;
|
|
4
|
+
exports.CONFIGURATIONS_GROUPS_VISIBILITY_ENABLED = exports.CONFIGURATIONS_GROUPS_ONLY_STAFF_ENABLED = exports.CONFIGURATIONS_GROUPS_ENABLED = exports.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_IMAGE = exports.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL = exports.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_TEXT = exports.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_ENABLED = exports.CONFIGURATIONS_GDPR_SIGNUP_ACCEPT_HTML = exports.CONFIGURATIONS_GDPR_COOKIE_CONSENT_EXTERNAL_HTML = exports.CONFIGURATIONS_TAG_MANAGER_CONTAINER_ID = exports.CONFIGURATIONS_USER_METADATA_DEFINITIONS = exports.CONFIGURATIONS_APP_URL = exports.CONFIGURATIONS_URL_TEMPLATE_LIVE_STREAM = exports.CONFIGURATIONS_URL_TEMPLATE_INCUBATOR = exports.CONFIGURATIONS_URL_TEMPLATE_USER_PRIVATE_MESSAGES = exports.CONFIGURATIONS_URL_TEMPLATE_NOTIFICATIONS = exports.CONFIGURATIONS_URL_TEMPLATE_USER_PROFILE_SETTINGS = exports.CONFIGURATIONS_URL_TEMPLATE_USER_PROFILE = exports.CONFIGURATIONS_URL_TEMPLATE_CATEGORIES_LIST = exports.CONFIGURATIONS_URL_TEMPLATE_CATEGORY = exports.CONFIGURATIONS_URL_TEMPLATE_COMMENT = exports.CONFIGURATIONS_URL_TEMPLATE_STATUS = exports.CONFIGURATIONS_URL_TEMPLATE_DISCUSSION = exports.CONFIGURATIONS_URL_TEMPLATE_POST = exports.CONFIGURATIONS_URL_TEMPLATE_VERIFY_EMAIL = exports.CONFIGURATIONS_URL_TEMPLATE_PASSWORD_RECOVER = exports.CONFIGURATIONS_URL_TEMPLATE_EMAIL_UNSUBSCRIBE = exports.CONFIGURATIONS_URL_TEMPLATE_EMAIL_SETTINGS = exports.CONFIGURATIONS_STATUS_TYPE_ENABLED = exports.CONFIGURATIONS_DISCUSSION_TYPE_ENABLED = exports.CONFIGURATIONS_POST_TYPE_ENABLED = exports.CONFIGURATIONS_USERS_APPROVAL_ENABLED = exports.CONFIGURATIONS_CONTENT_AVAILABILITY = exports.CONFIGURATIONS_STREAM_QUALITY = exports.CONFIGURATIONS_POST_ONLY_STAFF_ENABLED = exports.CONFIGURATIONS_PEOPLE_SEARCH_ENABLED = exports.CONFIGURATIONS_MANUAL_CATEGORIES_ORDER_ENABLED = exports.CONFIGURATIONS_HOME_STREAM_ORDER_BY = exports.CONFIGURATIONS_EXPLORE_STREAM_ORDER_BY = exports.CONFIGURATIONS_EXPLORE_STREAM_ENABLED = exports.CONFIGURATIONS_FOLLOW_ENABLED = exports.CONFIGURATIONS_CONNECTION_ENABLED = exports.ADVERTISING_CUSTOM_ADV_ONLY_FOR_ANONYMOUS_USERS_ENABLED = exports.ADVERTISING_CUSTOM_ADV_ENABLED = exports.ADDONS_SHARE_POST_ENABLED = exports.ADDONS_PRIVATE_MESSAGES_ENABLED = exports.ADDONS_SHARE_POST_ON_LINKEDIN_ENABLED = exports.ADDONS_SHARE_POST_ON_TWITTER_ENABLED = exports.ADDONS_SHARE_POST_ON_FACEBOOK_ENABLED = exports.ADDONS_POST_GEOLOCATION_ENABLED = void 0;
|
|
5
|
+
exports.PROVIDERS_ENTRAID_SIGNIN_ENABLED = exports.PROVIDERS_KEYCLOAK_APP_ISSUER = exports.PROVIDERS_KEYCLOAK_APP_SECRET = exports.PROVIDERS_KEYCLOAK_APP_KEY = exports.PROVIDERS_KEYCLOAK_SIGNIN_ENABLED = exports.PROVIDERS_GOOGLE_APP_SECRET = exports.PROVIDERS_GOOGLE_APP_KEY = exports.PROVIDERS_GOOGLE_SIGNIN_ENABLED = exports.PROVIDERS_GOOGLE_GEOCODING_API_KEY = exports.PROVIDERS_TWITTER_APP_SECRET = exports.PROVIDERS_TWITTER_APP_KEY = exports.PROVIDERS_TWITTER_SIGNIN_ENABLED = exports.PROVIDERS_LINKEDIN_APP_SECRET = exports.PROVIDERS_LINKEDIN_APP_KEY = exports.PROVIDERS_LINKEDIN_SIGNIN_ENABLED = exports.PROVIDERS_FACEBOOK_APP_SECRET = exports.PROVIDERS_FACEBOOK_APP_KEY = exports.PROVIDERS_FACEBOOK_SIGNIN_ENABLED = exports.PROVIDERS_APP_URL_ON_GOOGLE_PLAY = exports.PROVIDERS_APP_URL_ON_APP_STORE = exports.CONFIGURATIONS_ACCEPTED_MEDIA_MIMETYPES = exports.CONFIGURATIONS_CONTACT_API_ENABLED = exports.CONFIGURATIONS_POST_USER_ADDRESSING_ENABLED = exports.CONFIGURATIONS_POST_ADDRESSING_REQUIRED_ENABLED = exports.CONFIGURATIONS_POST_CATEGORY_REQUIRED_ENABLED = exports.CONFIGURATIONS_SCHEDULED_POSTS_ENABLED = exports.CONFIGURATIONS_VIDEO_PLAY_TRACKING_DELAY_SECONDS = exports.CONFIGURATIONS_VIDEO_AUTOPLAY_ENABLED = exports.CONFIGURATIONS_SIDEBAR_SHOW_ALL_CATEGORIES_ENABLED = exports.CONFIGURATIONS_COMMENTS_ENABLED = exports.CONFIGURATIONS_CATEGORY_FOLLOW_ENABLED = exports.CONFIGURATIONS_CONTEXT_MENU_ENABLED = exports.CONFIGURATIONS_STRIPE_CONNECTED_ACCOUNT_ID = exports.CONFIGURATIONS_PAYMENTS_ENABLED = exports.CONFIGURATIONS_SUBSCRIPTION_TIER = exports.CONFIGURATIONS_LIVE_VIDEO_CONFERENCE_ENABLED = exports.CONFIGURATIONS_LIVE_STREAM_ONLY_STAFF_ENABLED = exports.CONFIGURATIONS_LIVE_STREAM_ENABLED = exports.CONFIGURATIONS_ONBOARDING_HIDDEN = exports.CONFIGURATIONS_ONBOARDING_ENABLED = exports.CONFIGURATIONS_COURSES_ADVANCED_ENABLED = exports.CONFIGURATIONS_COURSES_PRIVATE_ENABLED = exports.CONFIGURATIONS_COURSES_VISIBILITY_ENABLED = exports.CONFIGURATIONS_COURSES_ONLY_STAFF_ENABLED = exports.CONFIGURATIONS_COURSES_ENABLED = exports.CONFIGURATIONS_EVENTS_PRIVATE_ENABLED = exports.CONFIGURATIONS_EVENTS_VISIBILITY_ENABLED = exports.CONFIGURATIONS_EVENTS_ONLY_STAFF_ENABLED = exports.CONFIGURATIONS_EVENTS_ENABLED = exports.CONFIGURATIONS_GROUPS_PRIVATE_ENABLED = void 0;
|
|
6
|
+
exports.DATA_TYPES = exports.getPreference = exports.getPreferenceName = exports.getPreferenceSection = exports.STATIC_STRIPE_PUBLIC_KEY = exports.STATIC_STACKID = exports.STATIC_ENVIRONMENT = exports.WEBMASTER_META_DESCRIPTION = exports.WEBMASTER_META_TITLE_HOME_NOT_LOGGED = exports.WEBMASTER_META_ROBOTS = exports.PROVIDERS_WEB_PUSH_ENABLED = exports.PROVIDERS_WEB_PUSH_PUBLIC_KEY = exports.PROVIDERS_ENTRAID_APP_TENANT_ID = exports.PROVIDERS_ENTRAID_APP_ISSUER = exports.PROVIDERS_ENTRAID_APP_SECRET = exports.PROVIDERS_ENTRAID_APP_KEY = void 0;
|
|
7
7
|
const types_1 = require("@selfcommunity/types");
|
|
8
8
|
/**
|
|
9
9
|
* DEFAULT CONF VALIDATION OPTION
|
|
@@ -39,6 +39,8 @@ exports.COLORS_COLORSECONDARY = `${types_1.SCPreferenceSection.COLORS}.${types_1
|
|
|
39
39
|
exports.COLORS_NAVBARBACK = `${types_1.SCPreferenceSection.COLORS}.${types_1.SCPreferenceName.NAVBARBACK}`;
|
|
40
40
|
exports.COLORS_COLORFONT = `${types_1.SCPreferenceSection.COLORS}.${types_1.SCPreferenceName.COLORFONT}`;
|
|
41
41
|
exports.COLORS_COLORFONTSECONDARY = `${types_1.SCPreferenceSection.COLORS}.${types_1.SCPreferenceName.COLORFONTSECONDARY}`;
|
|
42
|
+
exports.COLORS_BOXCOLORBACK = `${types_1.SCPreferenceSection.COLORS}.${types_1.SCPreferenceName.BOXCOLORBACK}`;
|
|
43
|
+
exports.COLORS_TITLE_COLOR = `${types_1.SCPreferenceSection.COLORS}.${types_1.SCPreferenceName.TITLE_COLOR}`;
|
|
42
44
|
/**
|
|
43
45
|
* COVERS
|
|
44
46
|
*/
|
|
@@ -260,6 +262,8 @@ exports.DATA_TYPES = {
|
|
|
260
262
|
[exports.COLORS_NAVBARBACK]: stringType,
|
|
261
263
|
[exports.COLORS_COLORFONT]: stringType,
|
|
262
264
|
[exports.COLORS_COLORFONTSECONDARY]: stringType,
|
|
265
|
+
[exports.COLORS_BOXCOLORBACK]: stringType,
|
|
266
|
+
[exports.COLORS_TITLE_COLOR]: stringType,
|
|
263
267
|
[exports.COVERS_COVER_1_HP_M1920]: stringType,
|
|
264
268
|
[exports.COVERS_COVER_2_HP_M1920]: stringType,
|
|
265
269
|
[exports.COVERS_COVER_3_HP_M1920]: stringType,
|
package/lib/cjs/themes/theme.js
CHANGED
|
@@ -66,7 +66,9 @@ const getTheme = (options, preferences) => {
|
|
|
66
66
|
};
|
|
67
67
|
const defaultOptions = preferences
|
|
68
68
|
? {
|
|
69
|
-
palette: Object.assign(Object.assign(Object.assign(Object.assign(
|
|
69
|
+
palette: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (isValidPreference(preferences, Preferences_1.COLORS_BOXCOLORBACK, validate_color_1.default) && {
|
|
70
|
+
mode: (0, material_1.getContrastRatio)(preferences[Preferences_1.COLORS_BOXCOLORBACK].value, '#fff') > 4.5 ? 'dark' : 'light',
|
|
71
|
+
})), (isValidPreference(preferences, Preferences_1.COLORS_COLORBACK, validate_color_1.default) && { background: { default: preferences[Preferences_1.COLORS_COLORBACK].value } })), (isValidPreference(preferences, Preferences_1.COLORS_BOXCOLORBACK, validate_color_1.default) && { background: { paper: preferences[Preferences_1.COLORS_BOXCOLORBACK].value } })), { text: Object.assign(Object.assign({}, (isValidPreference(preferences, Preferences_1.COLORS_COLORFONT, validate_color_1.default) && { primary: preferences[Preferences_1.COLORS_COLORFONT].value })), (isValidPreference(preferences, Preferences_1.COLORS_COLORFONTSECONDARY, validate_color_1.default) && {
|
|
70
72
|
secondary: preferences[Preferences_1.COLORS_COLORFONTSECONDARY].value,
|
|
71
73
|
})) }), (isValidPreference(preferences, Preferences_1.COLORS_COLORPRIMARY, validate_color_1.default) && { primary: { main: preferences[Preferences_1.COLORS_COLORPRIMARY].value } })), (isValidPreference(preferences, Preferences_1.COLORS_COLORSECONDARY, validate_color_1.default) && Object.assign({ secondary: { main: preferences[Preferences_1.COLORS_COLORSECONDARY].value } }, (isValidPreference(preferences, Preferences_1.COLORS_NAVBARBACK, validate_color_1.default) && { navbar: { main: preferences[Preferences_1.COLORS_NAVBARBACK].value } })))),
|
|
72
74
|
typography: Object.assign({}, (isValidPreference(preferences, Preferences_1.STYLE_FONT_FAMILY, utils_2.isString) && { fontFamily: preferences[Preferences_1.STYLE_FONT_FAMILY].value })),
|
|
@@ -32,6 +32,8 @@ export declare const COLORS_COLORSECONDARY: string;
|
|
|
32
32
|
export declare const COLORS_NAVBARBACK: string;
|
|
33
33
|
export declare const COLORS_COLORFONT: string;
|
|
34
34
|
export declare const COLORS_COLORFONTSECONDARY: string;
|
|
35
|
+
export declare const COLORS_BOXCOLORBACK: string;
|
|
36
|
+
export declare const COLORS_TITLE_COLOR: string;
|
|
35
37
|
/**
|
|
36
38
|
* COVERS
|
|
37
39
|
*/
|
|
@@ -33,6 +33,8 @@ export const COLORS_COLORSECONDARY = `${SCPreferenceSection.COLORS}.${SCPreferen
|
|
|
33
33
|
export const COLORS_NAVBARBACK = `${SCPreferenceSection.COLORS}.${SCPreferenceName.NAVBARBACK}`;
|
|
34
34
|
export const COLORS_COLORFONT = `${SCPreferenceSection.COLORS}.${SCPreferenceName.COLORFONT}`;
|
|
35
35
|
export const COLORS_COLORFONTSECONDARY = `${SCPreferenceSection.COLORS}.${SCPreferenceName.COLORFONTSECONDARY}`;
|
|
36
|
+
export const COLORS_BOXCOLORBACK = `${SCPreferenceSection.COLORS}.${SCPreferenceName.BOXCOLORBACK}`;
|
|
37
|
+
export const COLORS_TITLE_COLOR = `${SCPreferenceSection.COLORS}.${SCPreferenceName.TITLE_COLOR}`;
|
|
36
38
|
/**
|
|
37
39
|
* COVERS
|
|
38
40
|
*/
|
|
@@ -251,6 +253,8 @@ export const DATA_TYPES = {
|
|
|
251
253
|
[COLORS_NAVBARBACK]: stringType,
|
|
252
254
|
[COLORS_COLORFONT]: stringType,
|
|
253
255
|
[COLORS_COLORFONTSECONDARY]: stringType,
|
|
256
|
+
[COLORS_BOXCOLORBACK]: stringType,
|
|
257
|
+
[COLORS_TITLE_COLOR]: stringType,
|
|
254
258
|
[COVERS_COVER_1_HP_M1920]: stringType,
|
|
255
259
|
[COVERS_COVER_2_HP_M1920]: stringType,
|
|
256
260
|
[COVERS_COVER_3_HP_M1920]: stringType,
|
package/lib/esm/themes/theme.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { createTheme } from '@mui/material';
|
|
1
|
+
import { createTheme, getContrastRatio } from '@mui/material';
|
|
2
2
|
import { mergeDeep } from '@selfcommunity/utils';
|
|
3
3
|
import validateColor from 'validate-color';
|
|
4
|
-
import { COLORS_COLORBACK, COLORS_COLORPRIMARY, COLORS_COLORSECONDARY, COLORS_COLORFONT, COLORS_COLORFONTSECONDARY, COLORS_NAVBARBACK, STYLE_FONT_FAMILY, } from '../constants/Preferences';
|
|
4
|
+
import { COLORS_COLORBACK, COLORS_COLORPRIMARY, COLORS_COLORSECONDARY, COLORS_COLORFONT, COLORS_COLORFONTSECONDARY, COLORS_NAVBARBACK, STYLE_FONT_FAMILY, COLORS_BOXCOLORBACK, } from '../constants/Preferences';
|
|
5
5
|
import { isString } from '@selfcommunity/utils';
|
|
6
6
|
/**
|
|
7
7
|
* check if colorProp is a valid color
|
|
@@ -63,7 +63,9 @@ const getTheme = (options, preferences) => {
|
|
|
63
63
|
};
|
|
64
64
|
const defaultOptions = preferences
|
|
65
65
|
? {
|
|
66
|
-
palette: Object.assign(Object.assign(Object.assign(Object.assign(
|
|
66
|
+
palette: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (isValidPreference(preferences, COLORS_BOXCOLORBACK, validateColor) && {
|
|
67
|
+
mode: getContrastRatio(preferences[COLORS_BOXCOLORBACK].value, '#fff') > 4.5 ? 'dark' : 'light',
|
|
68
|
+
})), (isValidPreference(preferences, COLORS_COLORBACK, validateColor) && { background: { default: preferences[COLORS_COLORBACK].value } })), (isValidPreference(preferences, COLORS_BOXCOLORBACK, validateColor) && { background: { paper: preferences[COLORS_BOXCOLORBACK].value } })), { text: Object.assign(Object.assign({}, (isValidPreference(preferences, COLORS_COLORFONT, validateColor) && { primary: preferences[COLORS_COLORFONT].value })), (isValidPreference(preferences, COLORS_COLORFONTSECONDARY, validateColor) && {
|
|
67
69
|
secondary: preferences[COLORS_COLORFONTSECONDARY].value,
|
|
68
70
|
})) }), (isValidPreference(preferences, COLORS_COLORPRIMARY, validateColor) && { primary: { main: preferences[COLORS_COLORPRIMARY].value } })), (isValidPreference(preferences, COLORS_COLORSECONDARY, validateColor) && Object.assign({ secondary: { main: preferences[COLORS_COLORSECONDARY].value } }, (isValidPreference(preferences, COLORS_NAVBARBACK, validateColor) && { navbar: { main: preferences[COLORS_NAVBARBACK].value } })))),
|
|
69
71
|
typography: Object.assign({}, (isValidPreference(preferences, STYLE_FONT_FAMILY, isString) && { fontFamily: preferences[STYLE_FONT_FAMILY].value })),
|