@chayns-components/core 5.0.0-beta.1043 → 5.0.0-beta.1045
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/api/theme/get.js.map +1 -1
- package/lib/cjs/components/color-scheme-provider/hooks/useChaynsTheme.js +1 -1
- package/lib/cjs/components/color-scheme-provider/hooks/useChaynsTheme.js.map +1 -1
- package/lib/cjs/utils/font.js +1 -14
- package/lib/cjs/utils/font.js.map +1 -1
- package/lib/esm/api/theme/get.js.map +1 -1
- package/lib/esm/components/color-scheme-provider/hooks/useChaynsTheme.js +2 -2
- package/lib/esm/components/color-scheme-provider/hooks/useChaynsTheme.js.map +1 -1
- package/lib/esm/utils/font.js +0 -12
- package/lib/esm/utils/font.js.map +1 -1
- package/lib/types/api/theme/get.d.ts +3 -3
- package/lib/types/utils/font.d.ts +0 -1
- package/package.json +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get.js","names":["_chaynsApi","require","getDesignSettings","siteId","id","getSite","response","fetch","method","status","json","undefined","exports","getParagraphFormat"],"sources":["../../../../src/api/theme/get.ts"],"sourcesContent":["import { getSite } from 'chayns-api';\
|
|
1
|
+
{"version":3,"file":"get.js","names":["_chaynsApi","require","getDesignSettings","siteId","id","getSite","response","fetch","method","status","json","undefined","exports","getParagraphFormat"],"sources":["../../../../src/api/theme/get.ts"],"sourcesContent":["import { ChaynsDesignSettings, ChaynsParagraphFormat, getSite } from 'chayns-api';\n\nexport const getDesignSettings = async (\n siteId?: string,\n): Promise<ChaynsDesignSettings | undefined> => {\n let id = siteId;\n\n if (!id) id = getSite().id;\n\n const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {\n method: 'GET',\n });\n\n if (response.status === 200) {\n return (await response.json()) as ChaynsDesignSettings;\n }\n\n return undefined;\n};\n\nexport const getParagraphFormat = async (\n siteId?: string,\n): Promise<ChaynsParagraphFormat[] | undefined> => {\n let id = siteId;\n\n if (!id) id = getSite().id;\n\n const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {\n method: 'GET',\n });\n\n if (response.status === 200) {\n return (await response.json()) as ChaynsParagraphFormat[];\n }\n\n return undefined;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEO,MAAMC,iBAAiB,GAAG,MAC7BC,MAAe,IAC6B;EAC5C,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAG,IAAAC,kBAAO,EAAC,CAAC,CAACD,EAAE;EAE1B,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BH,EAAE,WAAW,EAAE;IACtEI,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAACC,OAAA,CAAAV,iBAAA,GAAAA,iBAAA;AAEK,MAAMW,kBAAkB,GAAG,MAC9BV,MAAe,IACgC;EAC/C,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAG,IAAAC,kBAAO,EAAC,CAAC,CAACD,EAAE;EAE1B,MAAME,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BH,EAAE,kBAAkB,EAAE;IAC7EI,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAACC,OAAA,CAAAC,kBAAA,GAAAA,kBAAA","ignoreList":[]}
|
|
@@ -70,7 +70,7 @@ const createTheme = ({
|
|
|
70
70
|
result[key] = themeResult[key];
|
|
71
71
|
});
|
|
72
72
|
}
|
|
73
|
-
result.fontSize = (0
|
|
73
|
+
result.fontSize = (designSettings === null || designSettings === void 0 ? void 0 : designSettings.fontSizePx) ?? 15;
|
|
74
74
|
return result;
|
|
75
75
|
};
|
|
76
76
|
const useChaynsTheme = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChaynsTheme.js","names":["_colors","require","_chaynsApi","_react","_font","_useDesignSettings","_useParagraphFormat","createTheme","colors","colorMode","color","secondaryColor","designSettings","paragraphFormat","theme","result","availableColors","getAvailableColorList","forEach","colorName","hexColor","getColorFromPalette","rgbColor","hexToRgb255","r","g","b","ColorMode","Light","Dark","Object","keys","key","convertIconStyle","iconStyle","themeResult","getHeadlineColorSelector","fontSize","
|
|
1
|
+
{"version":3,"file":"useChaynsTheme.js","names":["_colors","require","_chaynsApi","_react","_font","_useDesignSettings","_useParagraphFormat","createTheme","colors","colorMode","color","secondaryColor","designSettings","paragraphFormat","theme","result","availableColors","getAvailableColorList","forEach","colorName","hexColor","getColorFromPalette","rgbColor","hexToRgb255","r","g","b","ColorMode","Light","Dark","Object","keys","key","convertIconStyle","iconStyle","themeResult","getHeadlineColorSelector","fontSize","fontSizePx","useChaynsTheme","designSettingsProp","paragraphFormatProp","siteId","useDesignSettings","useParagraphFormat","isMountedRef","useRef","internalTheme","setInternalTheme","useState","useEffect","current","useMemo","exports"],"sources":["../../../../../src/components/color-scheme-provider/hooks/useChaynsTheme.ts"],"sourcesContent":["import { getAvailableColorList, getColorFromPalette, hexToRgb255 } from '@chayns/colors';\nimport { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode } from 'chayns-api';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { convertIconStyle, getHeadlineColorSelector } from '../../../utils/font';\nimport type { Theme } from '../ColorSchemeProvider';\nimport { useDesignSettings } from './useDesignSettings';\nimport { useParagraphFormat } from './useParagraphFormat';\n\nexport type ThemeOptions = {\n colors?: Theme;\n colorMode: ColorMode;\n color: string;\n secondaryColor?: string;\n designSettings?: ChaynsDesignSettings;\n paragraphFormat?: ChaynsParagraphFormat[];\n siteId?: string;\n theme?: Theme;\n};\n\nconst createTheme = ({\n colors,\n colorMode,\n color,\n secondaryColor,\n designSettings,\n paragraphFormat,\n theme,\n}: Omit<ThemeOptions, 'siteId'>) => {\n if (theme) {\n return theme;\n }\n\n const result: Theme = {};\n\n const availableColors = getAvailableColorList();\n\n if (!colors) {\n availableColors.forEach((colorName: string) => {\n const hexColor = getColorFromPalette(colorName, {\n color,\n colorMode,\n secondaryColor,\n });\n\n if (hexColor) {\n const rgbColor = hexToRgb255(hexColor);\n\n result[colorName] = hexColor;\n\n if (rgbColor) {\n result[`${colorName}-rgb`] = `${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}`;\n }\n }\n });\n }\n\n switch (colorMode) {\n case ColorMode.Light:\n result.colorMode = 'light';\n break;\n case ColorMode.Dark:\n result.colorMode = 'dark';\n break;\n default:\n result.colorMode = 'classic';\n break;\n }\n if (designSettings) {\n Object.keys(designSettings).forEach((key) => {\n if (key === 'iconStyle') {\n result[key] = convertIconStyle(designSettings.iconStyle);\n\n return;\n }\n result[key] = designSettings[key as keyof ChaynsDesignSettings] as string;\n });\n }\n if (paragraphFormat) {\n const { themeResult } = getHeadlineColorSelector(paragraphFormat);\n\n // Update Theme\n Object.keys(themeResult).forEach((key) => {\n result[key] = themeResult[key] as string;\n });\n }\n result.fontSize = (designSettings?.fontSizePx ?? 15) as unknown as string;\n\n return result;\n};\n\nexport const useChaynsTheme = ({\n colors,\n colorMode,\n color,\n secondaryColor,\n designSettings: designSettingsProp,\n paragraphFormat: paragraphFormatProp,\n siteId,\n theme,\n}: ThemeOptions) => {\n const designSettings = useDesignSettings(siteId, designSettingsProp);\n const paragraphFormat = useParagraphFormat(siteId, paragraphFormatProp);\n const isMountedRef = useRef<boolean>(false);\n\n const [internalTheme, setInternalTheme] = useState<Theme>(() =>\n createTheme({\n colors,\n colorMode,\n color,\n secondaryColor,\n designSettings,\n paragraphFormat,\n theme,\n }),\n );\n\n useEffect(() => {\n if (!isMountedRef.current) {\n isMountedRef.current = true;\n return;\n }\n setInternalTheme(\n createTheme({\n colors,\n colorMode,\n color,\n secondaryColor,\n designSettings,\n paragraphFormat,\n theme,\n }),\n );\n }, [color, colorMode, colors, designSettings, paragraphFormat, secondaryColor, theme]);\n\n return useMemo(\n () => ({\n theme: internalTheme,\n designSettings,\n paragraphFormat,\n }),\n [internalTheme, designSettings, paragraphFormat],\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/utils/font.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.getHeadlineColorSelector = exports.
|
|
6
|
+
exports.getHeadlineColorSelector = exports.convertIconStyle = void 0;
|
|
7
7
|
var _colorSchemeProvider = require("../types/colorSchemeProvider");
|
|
8
8
|
const convertIconStyle = iconStyle => {
|
|
9
9
|
switch (iconStyle) {
|
|
@@ -20,19 +20,6 @@ const convertIconStyle = iconStyle => {
|
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
exports.convertIconStyle = convertIconStyle;
|
|
23
|
-
const getFontSize = () => {
|
|
24
|
-
const element = document.createElement('p');
|
|
25
|
-
element.style.position = 'absolute';
|
|
26
|
-
element.style.opacity = '0';
|
|
27
|
-
element.textContent = 'Ich war hier';
|
|
28
|
-
document.body.appendChild(element);
|
|
29
|
-
const {
|
|
30
|
-
fontSize
|
|
31
|
-
} = window.getComputedStyle(element);
|
|
32
|
-
document.body.removeChild(element);
|
|
33
|
-
return fontSize.replace('px', '');
|
|
34
|
-
};
|
|
35
|
-
exports.getFontSize = getFontSize;
|
|
36
23
|
const hexToRgb = hex => {
|
|
37
24
|
let r;
|
|
38
25
|
let g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"font.js","names":["_colorSchemeProvider","require","convertIconStyle","iconStyle","IconStyle","SOLID","DUOTONE","SHARP","LIGHT","exports","
|
|
1
|
+
{"version":3,"file":"font.js","names":["_colorSchemeProvider","require","convertIconStyle","iconStyle","IconStyle","SOLID","DUOTONE","SHARP","LIGHT","exports","hexToRgb","hex","r","g","b","a","result","exec","parseInt","undefined","getHeadlineColorSelector","data","themeResult","headlineMap","h1","h2","h3","h4","h5","h6","p","footer","forEach","selector","color","backgroundColor","_selectors","selectors","split","tag","length","trim","path","rgb"],"sources":["../../../src/utils/font.ts"],"sourcesContent":["import { IconStyle, type ParagraphFormat } from '../types/colorSchemeProvider';\n\nexport const convertIconStyle = (iconStyle: IconStyle) => {\n switch (iconStyle) {\n case IconStyle.SOLID:\n return 'fa-solid';\n case IconStyle.DUOTONE:\n return 'fa-duotone';\n case IconStyle.SHARP:\n return 'fa-sharp';\n case IconStyle.LIGHT:\n return 'fa-light';\n default:\n return 'fa-regular';\n }\n};\n\nconst hexToRgb = (hex: string) => {\n let r: number;\n let g: number;\n let b: number;\n let a: number;\n\n const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i.exec(hex);\n\n if (result) {\n r = parseInt(result[1] ?? '0', 16);\n g = parseInt(result[2] ?? '0', 16);\n b = parseInt(result[3] ?? '0', 16);\n a = result[4] ? parseInt(result[4], 16) / 100 : 1;\n\n return { r, g, b, a };\n }\n\n return undefined;\n};\n\nexport const getHeadlineColorSelector = (data: ParagraphFormat[]) => {\n const themeResult: { [key: string]: string } = {};\n const headlineMap: { [key: string]: string } = {\n h1: 'headline-1',\n h2: 'headline-2',\n h3: 'headline-3',\n h4: 'headline-4',\n h5: 'headline-5',\n h6: 'headline-6',\n p: 'text',\n footer: 'footer',\n '.button': 'button',\n };\n\n data.forEach(({ selector, color, backgroundColor }) => {\n const selectors = selector.split(',');\n\n const tag = selectors[selectors.length - 1]?.trim();\n\n const path = headlineMap[tag ?? ''];\n\n if (!path) {\n return;\n }\n\n if (path === 'button' && backgroundColor) {\n themeResult[`${path}BackgroundColor`] = backgroundColor;\n\n if (color) {\n themeResult[`${path}Color`] = color;\n }\n\n return;\n }\n\n if (!color) {\n return;\n }\n\n themeResult[path] = color;\n\n const rgb = hexToRgb(color);\n\n if (!rgb) {\n return;\n }\n\n const { r, g, b } = rgb;\n\n themeResult[`${path}-rgb`] = `${r}, ${g}, ${b}`;\n });\n\n return { themeResult };\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get.js","names":["getSite","getDesignSettings","siteId","id","response","fetch","method","status","json","undefined","getParagraphFormat"],"sources":["../../../../src/api/theme/get.ts"],"sourcesContent":["import { getSite } from 'chayns-api';\
|
|
1
|
+
{"version":3,"file":"get.js","names":["getSite","getDesignSettings","siteId","id","response","fetch","method","status","json","undefined","getParagraphFormat"],"sources":["../../../../src/api/theme/get.ts"],"sourcesContent":["import { ChaynsDesignSettings, ChaynsParagraphFormat, getSite } from 'chayns-api';\n\nexport const getDesignSettings = async (\n siteId?: string,\n): Promise<ChaynsDesignSettings | undefined> => {\n let id = siteId;\n\n if (!id) id = getSite().id;\n\n const response = await fetch(`https://api.chayns.net/css/${id}/style/v2`, {\n method: 'GET',\n });\n\n if (response.status === 200) {\n return (await response.json()) as ChaynsDesignSettings;\n }\n\n return undefined;\n};\n\nexport const getParagraphFormat = async (\n siteId?: string,\n): Promise<ChaynsParagraphFormat[] | undefined> => {\n let id = siteId;\n\n if (!id) id = getSite().id;\n\n const response = await fetch(`https://api.chayns.net/css/${id}/paragraphFormat`, {\n method: 'GET',\n });\n\n if (response.status === 200) {\n return (await response.json()) as ChaynsParagraphFormat[];\n }\n\n return undefined;\n};\n"],"mappings":"AAAA,SAAsDA,OAAO,QAAQ,YAAY;AAEjF,OAAO,MAAMC,iBAAiB,GAAG,MAC7BC,MAAe,IAC6B;EAC5C,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAGH,OAAO,CAAC,CAAC,CAACG,EAAE;EAE1B,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BF,EAAE,WAAW,EAAE;IACtEG,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAG,MAC9BR,MAAe,IACgC;EAC/C,IAAIC,EAAE,GAAGD,MAAM;EAEf,IAAI,CAACC,EAAE,EAAEA,EAAE,GAAGH,OAAO,CAAC,CAAC,CAACG,EAAE;EAE1B,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CAAC,8BAA8BF,EAAE,kBAAkB,EAAE;IAC7EG,MAAM,EAAE;EACZ,CAAC,CAAC;EAEF,IAAIF,QAAQ,CAACG,MAAM,KAAK,GAAG,EAAE;IACzB,OAAQ,MAAMH,QAAQ,CAACI,IAAI,CAAC,CAAC;EACjC;EAEA,OAAOC,SAAS;AACpB,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { getAvailableColorList, getColorFromPalette, hexToRgb255 } from '@chayns/colors';
|
|
2
2
|
import { ColorMode } from 'chayns-api';
|
|
3
3
|
import { useEffect, useMemo, useRef, useState } from 'react';
|
|
4
|
-
import { convertIconStyle,
|
|
4
|
+
import { convertIconStyle, getHeadlineColorSelector } from '../../../utils/font';
|
|
5
5
|
import { useDesignSettings } from './useDesignSettings';
|
|
6
6
|
import { useParagraphFormat } from './useParagraphFormat';
|
|
7
7
|
const createTheme = _ref => {
|
|
@@ -65,7 +65,7 @@ const createTheme = _ref => {
|
|
|
65
65
|
result[key] = themeResult[key];
|
|
66
66
|
});
|
|
67
67
|
}
|
|
68
|
-
result.fontSize =
|
|
68
|
+
result.fontSize = designSettings?.fontSizePx ?? 15;
|
|
69
69
|
return result;
|
|
70
70
|
};
|
|
71
71
|
export const useChaynsTheme = _ref2 => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChaynsTheme.js","names":["getAvailableColorList","getColorFromPalette","hexToRgb255","ColorMode","useEffect","useMemo","useRef","useState","convertIconStyle","
|
|
1
|
+
{"version":3,"file":"useChaynsTheme.js","names":["getAvailableColorList","getColorFromPalette","hexToRgb255","ColorMode","useEffect","useMemo","useRef","useState","convertIconStyle","getHeadlineColorSelector","useDesignSettings","useParagraphFormat","createTheme","_ref","colors","colorMode","color","secondaryColor","designSettings","paragraphFormat","theme","result","availableColors","forEach","colorName","hexColor","rgbColor","r","g","b","Light","Dark","Object","keys","key","iconStyle","themeResult","fontSize","fontSizePx","useChaynsTheme","_ref2","designSettingsProp","paragraphFormatProp","siteId","isMountedRef","internalTheme","setInternalTheme","current"],"sources":["../../../../../src/components/color-scheme-provider/hooks/useChaynsTheme.ts"],"sourcesContent":["import { getAvailableColorList, getColorFromPalette, hexToRgb255 } from '@chayns/colors';\nimport { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode } from 'chayns-api';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { convertIconStyle, getHeadlineColorSelector } from '../../../utils/font';\nimport type { Theme } from '../ColorSchemeProvider';\nimport { useDesignSettings } from './useDesignSettings';\nimport { useParagraphFormat } from './useParagraphFormat';\n\nexport type ThemeOptions = {\n colors?: Theme;\n colorMode: ColorMode;\n color: string;\n secondaryColor?: string;\n designSettings?: ChaynsDesignSettings;\n paragraphFormat?: ChaynsParagraphFormat[];\n siteId?: string;\n theme?: Theme;\n};\n\nconst createTheme = ({\n colors,\n colorMode,\n color,\n secondaryColor,\n designSettings,\n paragraphFormat,\n theme,\n}: Omit<ThemeOptions, 'siteId'>) => {\n if (theme) {\n return theme;\n }\n\n const result: Theme = {};\n\n const availableColors = getAvailableColorList();\n\n if (!colors) {\n availableColors.forEach((colorName: string) => {\n const hexColor = getColorFromPalette(colorName, {\n color,\n colorMode,\n secondaryColor,\n });\n\n if (hexColor) {\n const rgbColor = hexToRgb255(hexColor);\n\n result[colorName] = hexColor;\n\n if (rgbColor) {\n result[`${colorName}-rgb`] = `${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}`;\n }\n }\n });\n }\n\n switch (colorMode) {\n case ColorMode.Light:\n result.colorMode = 'light';\n break;\n case ColorMode.Dark:\n result.colorMode = 'dark';\n break;\n default:\n result.colorMode = 'classic';\n break;\n }\n if (designSettings) {\n Object.keys(designSettings).forEach((key) => {\n if (key === 'iconStyle') {\n result[key] = convertIconStyle(designSettings.iconStyle);\n\n return;\n }\n result[key] = designSettings[key as keyof ChaynsDesignSettings] as string;\n });\n }\n if (paragraphFormat) {\n const { themeResult } = getHeadlineColorSelector(paragraphFormat);\n\n // Update Theme\n Object.keys(themeResult).forEach((key) => {\n result[key] = themeResult[key] as string;\n });\n }\n result.fontSize = (designSettings?.fontSizePx ?? 15) as unknown as string;\n\n return result;\n};\n\nexport const useChaynsTheme = ({\n colors,\n colorMode,\n color,\n secondaryColor,\n designSettings: designSettingsProp,\n paragraphFormat: paragraphFormatProp,\n siteId,\n theme,\n}: ThemeOptions) => {\n const designSettings = useDesignSettings(siteId, designSettingsProp);\n const paragraphFormat = useParagraphFormat(siteId, paragraphFormatProp);\n const isMountedRef = useRef<boolean>(false);\n\n const [internalTheme, setInternalTheme] = useState<Theme>(() =>\n createTheme({\n colors,\n colorMode,\n color,\n secondaryColor,\n designSettings,\n paragraphFormat,\n theme,\n }),\n );\n\n useEffect(() => {\n if (!isMountedRef.current) {\n isMountedRef.current = true;\n return;\n }\n setInternalTheme(\n createTheme({\n colors,\n colorMode,\n color,\n secondaryColor,\n designSettings,\n paragraphFormat,\n theme,\n }),\n );\n }, [color, colorMode, colors, designSettings, paragraphFormat, secondaryColor, theme]);\n\n return useMemo(\n () => ({\n theme: internalTheme,\n designSettings,\n paragraphFormat,\n }),\n [internalTheme, designSettings, paragraphFormat],\n );\n};\n"],"mappings":"AAAA,SAASA,qBAAqB,EAAEC,mBAAmB,EAAEC,WAAW,QAAQ,gBAAgB;AACxF,SAAsDC,SAAS,QAAQ,YAAY;AACnF,SAASC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAASC,gBAAgB,EAAEC,wBAAwB,QAAQ,qBAAqB;AAEhF,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,kBAAkB,QAAQ,sBAAsB;AAazD,MAAMC,WAAW,GAAGC,IAAA,IAQgB;EAAA,IARf;IACjBC,MAAM;IACNC,SAAS;IACTC,KAAK;IACLC,cAAc;IACdC,cAAc;IACdC,eAAe;IACfC;EAC0B,CAAC,GAAAP,IAAA;EAC3B,IAAIO,KAAK,EAAE;IACP,OAAOA,KAAK;EAChB;EAEA,MAAMC,MAAa,GAAG,CAAC,CAAC;EAExB,MAAMC,eAAe,GAAGtB,qBAAqB,CAAC,CAAC;EAE/C,IAAI,CAACc,MAAM,EAAE;IACTQ,eAAe,CAACC,OAAO,CAAEC,SAAiB,IAAK;MAC3C,MAAMC,QAAQ,GAAGxB,mBAAmB,CAACuB,SAAS,EAAE;QAC5CR,KAAK;QACLD,SAAS;QACTE;MACJ,CAAC,CAAC;MAEF,IAAIQ,QAAQ,EAAE;QACV,MAAMC,QAAQ,GAAGxB,WAAW,CAACuB,QAAQ,CAAC;QAEtCJ,MAAM,CAACG,SAAS,CAAC,GAAGC,QAAQ;QAE5B,IAAIC,QAAQ,EAAE;UACVL,MAAM,CAAC,GAAGG,SAAS,MAAM,CAAC,GAAG,GAAGE,QAAQ,CAACC,CAAC,KAAKD,QAAQ,CAACE,CAAC,KAAKF,QAAQ,CAACG,CAAC,EAAE;QAC9E;MACJ;IACJ,CAAC,CAAC;EACN;EAEA,QAAQd,SAAS;IACb,KAAKZ,SAAS,CAAC2B,KAAK;MAChBT,MAAM,CAACN,SAAS,GAAG,OAAO;MAC1B;IACJ,KAAKZ,SAAS,CAAC4B,IAAI;MACfV,MAAM,CAACN,SAAS,GAAG,MAAM;MACzB;IACJ;MACIM,MAAM,CAACN,SAAS,GAAG,SAAS;MAC5B;EACR;EACA,IAAIG,cAAc,EAAE;IAChBc,MAAM,CAACC,IAAI,CAACf,cAAc,CAAC,CAACK,OAAO,CAAEW,GAAG,IAAK;MACzC,IAAIA,GAAG,KAAK,WAAW,EAAE;QACrBb,MAAM,CAACa,GAAG,CAAC,GAAG1B,gBAAgB,CAACU,cAAc,CAACiB,SAAS,CAAC;QAExD;MACJ;MACAd,MAAM,CAACa,GAAG,CAAC,GAAGhB,cAAc,CAACgB,GAAG,CAAyC;IAC7E,CAAC,CAAC;EACN;EACA,IAAIf,eAAe,EAAE;IACjB,MAAM;MAAEiB;IAAY,CAAC,GAAG3B,wBAAwB,CAACU,eAAe,CAAC;;IAEjE;IACAa,MAAM,CAACC,IAAI,CAACG,WAAW,CAAC,CAACb,OAAO,CAAEW,GAAG,IAAK;MACtCb,MAAM,CAACa,GAAG,CAAC,GAAGE,WAAW,CAACF,GAAG,CAAW;IAC5C,CAAC,CAAC;EACN;EACAb,MAAM,CAACgB,QAAQ,GAAInB,cAAc,EAAEoB,UAAU,IAAI,EAAwB;EAEzE,OAAOjB,MAAM;AACjB,CAAC;AAED,OAAO,MAAMkB,cAAc,GAAGC,KAAA,IASV;EAAA,IATW;IAC3B1B,MAAM;IACNC,SAAS;IACTC,KAAK;IACLC,cAAc;IACdC,cAAc,EAAEuB,kBAAkB;IAClCtB,eAAe,EAAEuB,mBAAmB;IACpCC,MAAM;IACNvB;EACU,CAAC,GAAAoB,KAAA;EACX,MAAMtB,cAAc,GAAGR,iBAAiB,CAACiC,MAAM,EAAEF,kBAAkB,CAAC;EACpE,MAAMtB,eAAe,GAAGR,kBAAkB,CAACgC,MAAM,EAAED,mBAAmB,CAAC;EACvE,MAAME,YAAY,GAAGtC,MAAM,CAAU,KAAK,CAAC;EAE3C,MAAM,CAACuC,aAAa,EAAEC,gBAAgB,CAAC,GAAGvC,QAAQ,CAAQ,MACtDK,WAAW,CAAC;IACRE,MAAM;IACNC,SAAS;IACTC,KAAK;IACLC,cAAc;IACdC,cAAc;IACdC,eAAe;IACfC;EACJ,CAAC,CACL,CAAC;EAEDhB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACwC,YAAY,CAACG,OAAO,EAAE;MACvBH,YAAY,CAACG,OAAO,GAAG,IAAI;MAC3B;IACJ;IACAD,gBAAgB,CACZlC,WAAW,CAAC;MACRE,MAAM;MACNC,SAAS;MACTC,KAAK;MACLC,cAAc;MACdC,cAAc;MACdC,eAAe;MACfC;IACJ,CAAC,CACL,CAAC;EACL,CAAC,EAAE,CAACJ,KAAK,EAAED,SAAS,EAAED,MAAM,EAAEI,cAAc,EAAEC,eAAe,EAAEF,cAAc,EAAEG,KAAK,CAAC,CAAC;EAEtF,OAAOf,OAAO,CACV,OAAO;IACHe,KAAK,EAAEyB,aAAa;IACpB3B,cAAc;IACdC;EACJ,CAAC,CAAC,EACF,CAAC0B,aAAa,EAAE3B,cAAc,EAAEC,eAAe,CACnD,CAAC;AACL,CAAC","ignoreList":[]}
|
package/lib/esm/utils/font.js
CHANGED
|
@@ -13,18 +13,6 @@ export const convertIconStyle = iconStyle => {
|
|
|
13
13
|
return 'fa-regular';
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
-
export const getFontSize = () => {
|
|
17
|
-
const element = document.createElement('p');
|
|
18
|
-
element.style.position = 'absolute';
|
|
19
|
-
element.style.opacity = '0';
|
|
20
|
-
element.textContent = 'Ich war hier';
|
|
21
|
-
document.body.appendChild(element);
|
|
22
|
-
const {
|
|
23
|
-
fontSize
|
|
24
|
-
} = window.getComputedStyle(element);
|
|
25
|
-
document.body.removeChild(element);
|
|
26
|
-
return fontSize.replace('px', '');
|
|
27
|
-
};
|
|
28
16
|
const hexToRgb = hex => {
|
|
29
17
|
let r;
|
|
30
18
|
let g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"font.js","names":["IconStyle","convertIconStyle","iconStyle","SOLID","DUOTONE","SHARP","LIGHT","
|
|
1
|
+
{"version":3,"file":"font.js","names":["IconStyle","convertIconStyle","iconStyle","SOLID","DUOTONE","SHARP","LIGHT","hexToRgb","hex","r","g","b","a","result","exec","parseInt","undefined","getHeadlineColorSelector","data","themeResult","headlineMap","h1","h2","h3","h4","h5","h6","p","footer","forEach","_ref","selector","color","backgroundColor","selectors","split","tag","length","trim","path","rgb"],"sources":["../../../src/utils/font.ts"],"sourcesContent":["import { IconStyle, type ParagraphFormat } from '../types/colorSchemeProvider';\n\nexport const convertIconStyle = (iconStyle: IconStyle) => {\n switch (iconStyle) {\n case IconStyle.SOLID:\n return 'fa-solid';\n case IconStyle.DUOTONE:\n return 'fa-duotone';\n case IconStyle.SHARP:\n return 'fa-sharp';\n case IconStyle.LIGHT:\n return 'fa-light';\n default:\n return 'fa-regular';\n }\n};\n\nconst hexToRgb = (hex: string) => {\n let r: number;\n let g: number;\n let b: number;\n let a: number;\n\n const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})?$/i.exec(hex);\n\n if (result) {\n r = parseInt(result[1] ?? '0', 16);\n g = parseInt(result[2] ?? '0', 16);\n b = parseInt(result[3] ?? '0', 16);\n a = result[4] ? parseInt(result[4], 16) / 100 : 1;\n\n return { r, g, b, a };\n }\n\n return undefined;\n};\n\nexport const getHeadlineColorSelector = (data: ParagraphFormat[]) => {\n const themeResult: { [key: string]: string } = {};\n const headlineMap: { [key: string]: string } = {\n h1: 'headline-1',\n h2: 'headline-2',\n h3: 'headline-3',\n h4: 'headline-4',\n h5: 'headline-5',\n h6: 'headline-6',\n p: 'text',\n footer: 'footer',\n '.button': 'button',\n };\n\n data.forEach(({ selector, color, backgroundColor }) => {\n const selectors = selector.split(',');\n\n const tag = selectors[selectors.length - 1]?.trim();\n\n const path = headlineMap[tag ?? ''];\n\n if (!path) {\n return;\n }\n\n if (path === 'button' && backgroundColor) {\n themeResult[`${path}BackgroundColor`] = backgroundColor;\n\n if (color) {\n themeResult[`${path}Color`] = color;\n }\n\n return;\n }\n\n if (!color) {\n return;\n }\n\n themeResult[path] = color;\n\n const rgb = hexToRgb(color);\n\n if (!rgb) {\n return;\n }\n\n const { r, g, b } = rgb;\n\n themeResult[`${path}-rgb`] = `${r}, ${g}, ${b}`;\n });\n\n return { themeResult };\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
export declare const getDesignSettings: (siteId?: string) => Promise<
|
|
3
|
-
export declare const getParagraphFormat: (siteId?: string) => Promise<
|
|
1
|
+
import { ChaynsDesignSettings, ChaynsParagraphFormat } from 'chayns-api';
|
|
2
|
+
export declare const getDesignSettings: (siteId?: string) => Promise<ChaynsDesignSettings | undefined>;
|
|
3
|
+
export declare const getParagraphFormat: (siteId?: string) => Promise<ChaynsParagraphFormat[] | undefined>;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { IconStyle, type ParagraphFormat } from '../types/colorSchemeProvider';
|
|
2
2
|
export declare const convertIconStyle: (iconStyle: IconStyle) => "fa-solid" | "fa-duotone" | "fa-sharp" | "fa-light" | "fa-regular";
|
|
3
|
-
export declare const getFontSize: () => string;
|
|
4
3
|
export declare const getHeadlineColorSelector: (data: ParagraphFormat[]) => {
|
|
5
4
|
themeResult: {
|
|
6
5
|
[key: string]: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/core",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.1045",
|
|
4
4
|
"description": "A set of beautiful React components for developing your own applications with chayns.",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"browserslist": [
|
|
@@ -62,6 +62,7 @@
|
|
|
62
62
|
"@types/styled-components": "^5.1.34",
|
|
63
63
|
"@types/uuid": "^10.0.0",
|
|
64
64
|
"babel-loader": "^9.2.1",
|
|
65
|
+
"chayns-api": "^2.2.5",
|
|
65
66
|
"cross-env": "^7.0.3",
|
|
66
67
|
"lerna": "^8.1.9",
|
|
67
68
|
"react": "^18.3.1",
|
|
@@ -87,5 +88,5 @@
|
|
|
87
88
|
"publishConfig": {
|
|
88
89
|
"access": "public"
|
|
89
90
|
},
|
|
90
|
-
"gitHead": "
|
|
91
|
+
"gitHead": "dbe5ce0a2df4149e43774bb0497b89951467ff2b"
|
|
91
92
|
}
|