react-native-enriched-html 1.0.0 → 1.0.1
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/android/src/main/java/com/swmansion/enriched/common/EnrichedSpanFlags.kt +39 -0
- package/android/src/main/java/com/swmansion/enriched/common/parser/EnrichedParser.java +43 -20
- package/android/src/main/java/com/swmansion/enriched/common/parser/EnrichedSpanFactory.kt +1 -0
- package/android/src/main/java/com/swmansion/enriched/text/EnrichedTextSpanFactory.kt +1 -0
- package/android/src/main/java/com/swmansion/enriched/text/EnrichedTextView.kt +2 -1
- package/android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputSpannableFactory.kt +2 -1
- package/android/src/main/java/com/swmansion/enriched/textinput/EnrichedTextInputView.kt +8 -5
- package/android/src/main/java/com/swmansion/enriched/textinput/events/MentionHandler.kt +12 -2
- package/android/src/main/java/com/swmansion/enriched/textinput/events/OnMentionEvent.kt +6 -0
- package/android/src/main/java/com/swmansion/enriched/textinput/styles/AlignmentStyles.kt +6 -7
- package/android/src/main/java/com/swmansion/enriched/textinput/styles/InlineStyles.kt +13 -1
- package/android/src/main/java/com/swmansion/enriched/textinput/styles/ListStyles.kt +4 -3
- package/android/src/main/java/com/swmansion/enriched/textinput/styles/ParagraphStyles.kt +4 -3
- package/android/src/main/java/com/swmansion/enriched/textinput/styles/ParametrizedStyles.kt +38 -11
- package/android/src/main/java/com/swmansion/enriched/textinput/utils/EnrichedSelection.kt +2 -0
- package/android/src/main/java/com/swmansion/enriched/textinput/utils/EnrichedSpannable.kt +2 -1
- package/android/src/main/java/com/swmansion/enriched/textinput/utils/Utils.kt +2 -1
- package/cpp/parser/GumboNormalizer.c +61 -3
- package/cpp/tests/GumboParserTest.cpp +54 -0
- package/ios/EnrichedTextInputView.mm +37 -25
- package/ios/extensions/LayoutManagerExtension.mm +73 -62
- package/ios/extensions/StringExtension.mm +75 -0
- package/ios/htmlParser/HtmlParser.h +4 -1
- package/ios/htmlParser/HtmlParser.mm +23 -5
- package/ios/inputHtmlParser/InputHtmlParser.mm +6 -3
- package/ios/interfaces/StyleHeaders.h +4 -0
- package/ios/styles/LinkStyle.mm +20 -34
- package/ios/styles/MentionStyle.mm +55 -4
- package/ios/textHtmlParser/TextHtmlParser.mm +2 -1
- package/ios/utils/ParagraphAttributesUtils.mm +7 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/expandMentionStylesForIndicators.js +2 -3
- package/lib/module/utils/expandMentionStylesForIndicators.js.map +1 -1
- package/lib/module/utils/normalizeHtmlStyle.js +1 -1
- package/lib/module/utils/normalizeHtmlStyle.js.map +1 -1
- package/lib/module/web/EnrichedText.css +343 -0
- package/lib/module/web/EnrichedText.js +55 -0
- package/lib/module/web/EnrichedText.js.map +1 -0
- package/lib/module/web/EnrichedTextInput.js +54 -52
- package/lib/module/web/EnrichedTextInput.js.map +1 -1
- package/lib/module/web/constants/brokenImageGlyph.js +9 -0
- package/lib/module/web/constants/brokenImageGlyph.js.map +1 -0
- package/lib/module/web/constants/classNames.js +5 -0
- package/lib/module/web/constants/classNames.js.map +1 -0
- package/lib/module/web/emitLinkDetected.js +12 -0
- package/lib/module/web/emitLinkDetected.js.map +1 -0
- package/lib/module/web/formats/EnrichedBlockquote.js +1 -1
- package/lib/module/web/formats/EnrichedBlockquote.js.map +1 -1
- package/lib/module/web/formats/EnrichedCheckboxList.js +2 -2
- package/lib/module/web/formats/EnrichedCheckboxList.js.map +1 -1
- package/lib/module/web/formats/EnrichedCodeBlock.js +1 -1
- package/lib/module/web/formats/EnrichedCodeBlock.js.map +1 -1
- package/lib/module/web/formats/EnrichedHeading.js +1 -1
- package/lib/module/web/formats/EnrichedHeading.js.map +1 -1
- package/lib/module/web/formats/EnrichedImageNodeView.js +1 -1
- package/lib/module/web/formats/EnrichedImageNodeView.js.map +1 -1
- package/lib/module/web/formats/EnrichedLink.js +43 -3
- package/lib/module/web/formats/EnrichedLink.js.map +1 -1
- package/lib/module/web/formats/EnrichedOrderedList.js +2 -2
- package/lib/module/web/formats/EnrichedOrderedList.js.map +1 -1
- package/lib/module/web/formats/EnrichedTextAlign.js +82 -0
- package/lib/module/web/formats/EnrichedTextAlign.js.map +1 -0
- package/lib/module/web/formats/EnrichedUnorderedList.js +2 -2
- package/lib/module/web/formats/EnrichedUnorderedList.js.map +1 -1
- package/lib/module/web/formats/applyWrappingListToSelection.js +3 -2
- package/lib/module/web/formats/applyWrappingListToSelection.js.map +1 -1
- package/lib/module/web/formats/formatRules.js +39 -3
- package/lib/module/web/formats/formatRules.js.map +1 -1
- package/lib/module/web/formats/listKeyboard.js +4 -1
- package/lib/module/web/formats/listKeyboard.js.map +1 -1
- package/lib/module/web/normalization/checkboxHtmlNormalizer.js.map +1 -0
- package/lib/module/web/normalization/htmlNormalizer.js +514 -0
- package/lib/module/web/normalization/htmlNormalizer.js.map +1 -0
- package/lib/module/web/normalization/prepareHtmlForWeb.js +78 -0
- package/lib/module/web/normalization/prepareHtmlForWeb.js.map +1 -0
- package/lib/module/web/{tiptapHtmlNormalizer.js → normalization/tiptapHtmlNormalizer.js} +6 -2
- package/lib/module/web/normalization/tiptapHtmlNormalizer.js.map +1 -0
- package/lib/module/web/pmPlugins/AutolinkPlugin/autolinkRegex.js +27 -0
- package/lib/module/web/pmPlugins/AutolinkPlugin/autolinkRegex.js.map +1 -0
- package/lib/module/web/pmPlugins/AutolinkPlugin/index.js +178 -0
- package/lib/module/web/pmPlugins/AutolinkPlugin/index.js.map +1 -0
- package/lib/module/web/pmPlugins/MentionPlugin/index.js +1 -1
- package/lib/module/web/pmPlugins/MentionPlugin/index.js.map +1 -1
- package/lib/module/web/pmPlugins/MentionPlugin/makeMentionPluginState.js +23 -4
- package/lib/module/web/pmPlugins/MentionPlugin/makeMentionPluginState.js.map +1 -1
- package/lib/module/web/pmPlugins/MentionPlugin/setMention.js +17 -18
- package/lib/module/web/pmPlugins/MentionPlugin/setMention.js.map +1 -1
- package/lib/module/web/pmPlugins/MentionPlugin/useMentionEvents.js +105 -0
- package/lib/module/web/pmPlugins/MentionPlugin/useMentionEvents.js.map +1 -0
- package/lib/module/web/pmPlugins/ShortcutPlugin.js +11 -0
- package/lib/module/web/pmPlugins/ShortcutPlugin.js.map +1 -1
- package/lib/module/web/pmPlugins/StrictMarksPlugin.js +2 -0
- package/lib/module/web/pmPlugins/StrictMarksPlugin.js.map +1 -1
- package/lib/module/web/pmPlugins/StripBoldInStyledHeadingsPlugin.js.map +1 -1
- package/lib/module/web/sanitization/htmlSanitizer.js +10 -0
- package/lib/module/web/sanitization/htmlSanitizer.js.map +1 -0
- package/lib/module/web/styleConversion/buildMentionRulesCSS.js +12 -6
- package/lib/module/web/styleConversion/buildMentionRulesCSS.js.map +1 -1
- package/lib/module/web/styleConversion/enrichedBaseStyleToCSSProperties.js +159 -0
- package/lib/module/web/styleConversion/enrichedBaseStyleToCSSProperties.js.map +1 -0
- package/lib/module/web/styleConversion/enrichedInputStyleToCSSProperties.js +3 -155
- package/lib/module/web/styleConversion/enrichedInputStyleToCSSProperties.js.map +1 -1
- package/lib/module/web/styleConversion/enrichedTextStyleToCSSProperties.js +44 -0
- package/lib/module/web/styleConversion/enrichedTextStyleToCSSProperties.js.map +1 -0
- package/lib/module/web/styleConversion/{enrichedInputThemingToCSSProperties.js → enrichedThemingToCSSProperties.js} +3 -3
- package/lib/module/web/styleConversion/enrichedThemingToCSSProperties.js.map +1 -0
- package/lib/module/web/styleConversion/htmlStyleToCSSVariables.js +87 -64
- package/lib/module/web/styleConversion/htmlStyleToCSSVariables.js.map +1 -1
- package/lib/module/web/styleConversion/inlineImageCSSVariables.js +7 -0
- package/lib/module/web/styleConversion/inlineImageCSSVariables.js.map +1 -0
- package/lib/module/web/useImageErrorFallback.js +33 -0
- package/lib/module/web/useImageErrorFallback.js.map +1 -0
- package/lib/module/web/useOnChangeHtml.js +1 -1
- package/lib/module/web/useOnChangeHtml.js.map +1 -1
- package/lib/module/web/useOnChangeState.js +6 -3
- package/lib/module/web/useOnChangeState.js.map +1 -1
- package/lib/module/web/useOnLinkDetected.js +32 -45
- package/lib/module/web/useOnLinkDetected.js.map +1 -1
- package/lib/module/web/usePressInteractions.js +19 -0
- package/lib/module/web/usePressInteractions.js.map +1 -0
- package/lib/module/web/useStableRef.js +13 -0
- package/lib/module/web/useStableRef.js.map +1 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/native/EnrichedText.d.ts +1 -1
- package/lib/typescript/src/native/EnrichedText.d.ts.map +1 -1
- package/lib/typescript/src/native/EnrichedTextInput.d.ts +1 -1
- package/lib/typescript/src/native/EnrichedTextInput.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts +1 -1
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/utils/expandMentionStylesForIndicators.d.ts +1 -1
- package/lib/typescript/src/utils/expandMentionStylesForIndicators.d.ts.map +1 -1
- package/lib/typescript/src/utils/normalizeHtmlStyle.d.ts.map +1 -1
- package/lib/typescript/src/web/EnrichedText.d.ts +4 -0
- package/lib/typescript/src/web/EnrichedText.d.ts.map +1 -0
- package/lib/typescript/src/web/EnrichedTextInput.d.ts +2 -2
- package/lib/typescript/src/web/EnrichedTextInput.d.ts.map +1 -1
- package/lib/typescript/src/web/constants/brokenImageGlyph.d.ts +3 -0
- package/lib/typescript/src/web/constants/brokenImageGlyph.d.ts.map +1 -0
- package/lib/typescript/src/web/constants/classNames.d.ts +3 -0
- package/lib/typescript/src/web/constants/classNames.d.ts.map +1 -0
- package/lib/typescript/src/web/emitLinkDetected.d.ts +10 -0
- package/lib/typescript/src/web/emitLinkDetected.d.ts.map +1 -0
- package/lib/typescript/src/web/formats/EnrichedBlockquote.d.ts.map +1 -1
- package/lib/typescript/src/web/formats/EnrichedCheckboxList.d.ts.map +1 -1
- package/lib/typescript/src/web/formats/EnrichedCodeBlock.d.ts.map +1 -1
- package/lib/typescript/src/web/formats/EnrichedHeading.d.ts.map +1 -1
- package/lib/typescript/src/web/formats/EnrichedImageNodeView.d.ts +1 -1
- package/lib/typescript/src/web/formats/EnrichedImageNodeView.d.ts.map +1 -1
- package/lib/typescript/src/web/formats/EnrichedLink.d.ts +4 -1
- package/lib/typescript/src/web/formats/EnrichedLink.d.ts.map +1 -1
- package/lib/typescript/src/web/formats/EnrichedOrderedList.d.ts.map +1 -1
- package/lib/typescript/src/web/formats/EnrichedTextAlign.d.ts +2 -0
- package/lib/typescript/src/web/formats/EnrichedTextAlign.d.ts.map +1 -0
- package/lib/typescript/src/web/formats/EnrichedUnorderedList.d.ts.map +1 -1
- package/lib/typescript/src/web/formats/applyWrappingListToSelection.d.ts.map +1 -1
- package/lib/typescript/src/web/formats/formatRules.d.ts +3 -1
- package/lib/typescript/src/web/formats/formatRules.d.ts.map +1 -1
- package/lib/typescript/src/web/formats/listKeyboard.d.ts.map +1 -1
- package/lib/typescript/src/web/normalization/checkboxHtmlNormalizer.d.ts.map +1 -0
- package/lib/typescript/src/web/normalization/htmlNormalizer.d.ts +2 -0
- package/lib/typescript/src/web/normalization/htmlNormalizer.d.ts.map +1 -0
- package/lib/typescript/src/web/normalization/prepareHtmlForWeb.d.ts +2 -0
- package/lib/typescript/src/web/normalization/prepareHtmlForWeb.d.ts.map +1 -0
- package/lib/typescript/src/web/normalization/tiptapHtmlNormalizer.d.ts +3 -0
- package/lib/typescript/src/web/normalization/tiptapHtmlNormalizer.d.ts.map +1 -0
- package/lib/typescript/src/web/pmPlugins/AutolinkPlugin/autolinkRegex.d.ts +7 -0
- package/lib/typescript/src/web/pmPlugins/AutolinkPlugin/autolinkRegex.d.ts.map +1 -0
- package/lib/typescript/src/web/pmPlugins/AutolinkPlugin/index.d.ts +8 -0
- package/lib/typescript/src/web/pmPlugins/AutolinkPlugin/index.d.ts.map +1 -0
- package/lib/typescript/src/web/pmPlugins/MentionPlugin/index.d.ts +1 -1
- package/lib/typescript/src/web/pmPlugins/MentionPlugin/index.d.ts.map +1 -1
- package/lib/typescript/src/web/pmPlugins/MentionPlugin/makeMentionPluginState.d.ts.map +1 -1
- package/lib/typescript/src/web/pmPlugins/MentionPlugin/setMention.d.ts.map +1 -1
- package/lib/typescript/src/web/pmPlugins/MentionPlugin/useMentionEvents.d.ts +4 -0
- package/lib/typescript/src/web/pmPlugins/MentionPlugin/useMentionEvents.d.ts.map +1 -0
- package/lib/typescript/src/web/pmPlugins/ShortcutPlugin.d.ts.map +1 -1
- package/lib/typescript/src/web/pmPlugins/StrictMarksPlugin.d.ts.map +1 -1
- package/lib/typescript/src/web/pmPlugins/StripBoldInStyledHeadingsPlugin.d.ts +6 -1
- package/lib/typescript/src/web/pmPlugins/StripBoldInStyledHeadingsPlugin.d.ts.map +1 -1
- package/lib/typescript/src/web/sanitization/htmlSanitizer.d.ts +2 -0
- package/lib/typescript/src/web/sanitization/htmlSanitizer.d.ts.map +1 -0
- package/lib/typescript/src/web/styleConversion/buildMentionRulesCSS.d.ts +2 -2
- package/lib/typescript/src/web/styleConversion/buildMentionRulesCSS.d.ts.map +1 -1
- package/lib/typescript/src/web/styleConversion/enrichedBaseStyleToCSSProperties.d.ts +8 -0
- package/lib/typescript/src/web/styleConversion/enrichedBaseStyleToCSSProperties.d.ts.map +1 -0
- package/lib/typescript/src/web/styleConversion/enrichedInputStyleToCSSProperties.d.ts +2 -5
- package/lib/typescript/src/web/styleConversion/enrichedInputStyleToCSSProperties.d.ts.map +1 -1
- package/lib/typescript/src/web/styleConversion/enrichedTextStyleToCSSProperties.d.ts +4 -0
- package/lib/typescript/src/web/styleConversion/enrichedTextStyleToCSSProperties.d.ts.map +1 -0
- package/lib/typescript/src/web/styleConversion/{enrichedInputThemingToCSSProperties.d.ts → enrichedThemingToCSSProperties.d.ts} +1 -1
- package/lib/typescript/src/web/styleConversion/enrichedThemingToCSSProperties.d.ts.map +1 -0
- package/lib/typescript/src/web/styleConversion/htmlStyleToCSSVariables.d.ts +5 -4
- package/lib/typescript/src/web/styleConversion/htmlStyleToCSSVariables.d.ts.map +1 -1
- package/lib/typescript/src/web/styleConversion/inlineImageCSSVariables.d.ts +3 -0
- package/lib/typescript/src/web/styleConversion/inlineImageCSSVariables.d.ts.map +1 -0
- package/lib/typescript/src/web/useImageErrorFallback.d.ts +3 -0
- package/lib/typescript/src/web/useImageErrorFallback.d.ts.map +1 -0
- package/lib/typescript/src/web/useOnChangeState.d.ts.map +1 -1
- package/lib/typescript/src/web/useOnLinkDetected.d.ts +2 -2
- package/lib/typescript/src/web/useOnLinkDetected.d.ts.map +1 -1
- package/lib/typescript/src/web/usePressInteractions.d.ts +2 -0
- package/lib/typescript/src/web/usePressInteractions.d.ts.map +1 -0
- package/lib/typescript/src/web/useStableRef.d.ts +3 -0
- package/lib/typescript/src/web/useStableRef.d.ts.map +1 -0
- package/package.json +54 -28
- package/src/index.tsx +1 -0
- package/src/types.ts +5 -3
- package/src/utils/expandMentionStylesForIndicators.ts +3 -3
- package/src/utils/normalizeHtmlStyle.ts +2 -1
- package/src/web/EnrichedText.css +343 -0
- package/src/web/EnrichedText.tsx +82 -0
- package/src/web/EnrichedTextInput.tsx +69 -55
- package/src/web/constants/brokenImageGlyph.ts +7 -0
- package/src/web/constants/classNames.ts +2 -0
- package/src/web/emitLinkDetected.ts +29 -0
- package/src/web/formats/EnrichedBlockquote.ts +2 -1
- package/src/web/formats/EnrichedCheckboxList.ts +5 -2
- package/src/web/formats/EnrichedCodeBlock.ts +2 -1
- package/src/web/formats/EnrichedHeading.ts +2 -1
- package/src/web/formats/EnrichedImageNodeView.tsx +1 -3
- package/src/web/formats/EnrichedLink.ts +59 -4
- package/src/web/formats/EnrichedOrderedList.ts +5 -2
- package/src/web/formats/EnrichedTextAlign.ts +88 -0
- package/src/web/formats/EnrichedUnorderedList.ts +5 -2
- package/src/web/formats/applyWrappingListToSelection.ts +4 -4
- package/src/web/formats/formatRules.ts +48 -4
- package/src/web/formats/listKeyboard.ts +6 -1
- package/src/web/normalization/htmlNormalizer.ts +656 -0
- package/src/web/normalization/prepareHtmlForWeb.ts +93 -0
- package/src/web/{tiptapHtmlNormalizer.ts → normalization/tiptapHtmlNormalizer.ts} +12 -2
- package/src/web/pmPlugins/AutolinkPlugin/autolinkRegex.ts +43 -0
- package/src/web/pmPlugins/AutolinkPlugin/index.ts +274 -0
- package/src/web/pmPlugins/MentionPlugin/index.ts +1 -1
- package/src/web/pmPlugins/MentionPlugin/makeMentionPluginState.ts +32 -5
- package/src/web/pmPlugins/MentionPlugin/setMention.ts +19 -29
- package/src/web/pmPlugins/MentionPlugin/useMentionEvents.ts +114 -0
- package/src/web/pmPlugins/ShortcutPlugin.ts +7 -0
- package/src/web/pmPlugins/StrictMarksPlugin.ts +3 -0
- package/src/web/pmPlugins/StripBoldInStyledHeadingsPlugin.ts +41 -36
- package/src/web/sanitization/htmlSanitizer.ts +8 -0
- package/src/web/styleConversion/buildMentionRulesCSS.ts +30 -11
- package/src/web/styleConversion/enrichedBaseStyleToCSSProperties.ts +228 -0
- package/src/web/styleConversion/enrichedInputStyleToCSSProperties.ts +6 -217
- package/src/web/styleConversion/enrichedTextStyleToCSSProperties.ts +53 -0
- package/src/web/styleConversion/{enrichedInputThemingToCSSProperties.ts → enrichedThemingToCSSProperties.ts} +4 -4
- package/src/web/styleConversion/htmlStyleToCSSVariables.ts +121 -70
- package/src/web/styleConversion/inlineImageCSSVariables.ts +6 -0
- package/src/web/useImageErrorFallback.ts +37 -0
- package/src/web/useOnChangeHtml.ts +1 -1
- package/src/web/useOnChangeState.ts +7 -5
- package/src/web/useOnLinkDetected.ts +38 -50
- package/src/web/usePressInteractions.tsx +22 -0
- package/src/web/useStableRef.ts +12 -0
- package/lib/module/web/EnrichedTextInput.css +0 -201
- package/lib/module/web/checkboxHtmlNormalizer.js.map +0 -1
- package/lib/module/web/pmPlugins/MentionPlugin/subscribeMentionEvents.js +0 -100
- package/lib/module/web/pmPlugins/MentionPlugin/subscribeMentionEvents.js.map +0 -1
- package/lib/module/web/styleConversion/enrichedInputThemingToCSSProperties.js.map +0 -1
- package/lib/module/web/tiptapHtmlNormalizer.js.map +0 -1
- package/lib/typescript/src/web/checkboxHtmlNormalizer.d.ts.map +0 -1
- package/lib/typescript/src/web/pmPlugins/MentionPlugin/subscribeMentionEvents.d.ts +0 -4
- package/lib/typescript/src/web/pmPlugins/MentionPlugin/subscribeMentionEvents.d.ts.map +0 -1
- package/lib/typescript/src/web/styleConversion/enrichedInputThemingToCSSProperties.d.ts.map +0 -1
- package/lib/typescript/src/web/tiptapHtmlNormalizer.d.ts +0 -3
- package/lib/typescript/src/web/tiptapHtmlNormalizer.d.ts.map +0 -1
- package/src/web/EnrichedTextInput.css +0 -201
- package/src/web/pmPlugins/MentionPlugin/subscribeMentionEvents.ts +0 -105
- /package/lib/module/web/{checkboxHtmlNormalizer.js → normalization/checkboxHtmlNormalizer.js} +0 -0
- /package/lib/typescript/src/web/{checkboxHtmlNormalizer.d.ts → normalization/checkboxHtmlNormalizer.d.ts} +0 -0
- /package/src/web/{checkboxHtmlNormalizer.ts → normalization/checkboxHtmlNormalizer.ts} +0 -0
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { isMentionStyleRecord } from "../../utils/isMentionStyleRecord.js";
|
|
4
|
-
import {
|
|
4
|
+
import { ENRICHED_TEXT_CLASSNAME, ENRICHED_TEXT_INPUT_CLASSNAME } from "../constants/classNames.js";
|
|
5
|
+
import { ET_MENTION_CSS_VARS } from "./htmlStyleToCSSVariables.js";
|
|
5
6
|
import { MENTION_STYLE_DEFAULT_KEY } from "./mentionIndicatorCssKey.js";
|
|
6
7
|
function escapeIndicatorForCssAttributeSelector(indicator) {
|
|
7
8
|
if (typeof CSS !== 'undefined' && typeof CSS.escape === 'function') {
|
|
@@ -9,6 +10,9 @@ function escapeIndicatorForCssAttributeSelector(indicator) {
|
|
|
9
10
|
}
|
|
10
11
|
return indicator.replace(/["\\]/g, '\\$&');
|
|
11
12
|
}
|
|
13
|
+
function mentionSelector(className, indicator) {
|
|
14
|
+
return indicator === MENTION_STYLE_DEFAULT_KEY ? `.${className} mention` : `.${className} mention[indicator="${escapeIndicatorForCssAttributeSelector(indicator)}"]`;
|
|
15
|
+
}
|
|
12
16
|
export function buildMentionRulesCSS(htmlStyle) {
|
|
13
17
|
const mapRaw = htmlStyle?.mention;
|
|
14
18
|
if (!mapRaw || typeof mapRaw !== 'object' || !isMentionStyleRecord(mapRaw)) {
|
|
@@ -21,11 +25,13 @@ export function buildMentionRulesCSS(htmlStyle) {
|
|
|
21
25
|
}
|
|
22
26
|
const lines = [];
|
|
23
27
|
for (const indicator of keys) {
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
const inputSelector = mentionSelector(ENRICHED_TEXT_INPUT_CLASSNAME, indicator);
|
|
29
|
+
const textSelector = mentionSelector(ENRICHED_TEXT_CLASSNAME, indicator);
|
|
30
|
+
lines.push(`${inputSelector},
|
|
31
|
+
${textSelector} {
|
|
32
|
+
color: var(${ET_MENTION_CSS_VARS.color(indicator)});
|
|
33
|
+
background-color: var(${ET_MENTION_CSS_VARS.backgroundColor(indicator)});
|
|
34
|
+
text-decoration-line: var(${ET_MENTION_CSS_VARS.textDecorationLine(indicator)});
|
|
29
35
|
}`.trim());
|
|
30
36
|
}
|
|
31
37
|
return lines.join('\n');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isMentionStyleRecord","
|
|
1
|
+
{"version":3,"names":["isMentionStyleRecord","ENRICHED_TEXT_CLASSNAME","ENRICHED_TEXT_INPUT_CLASSNAME","ET_MENTION_CSS_VARS","MENTION_STYLE_DEFAULT_KEY","escapeIndicatorForCssAttributeSelector","indicator","CSS","escape","replace","mentionSelector","className","buildMentionRulesCSS","htmlStyle","mapRaw","mention","map","keys","Object","length","lines","inputSelector","textSelector","push","color","backgroundColor","textDecorationLine","trim","join"],"sourceRoot":"../../../../src","sources":["web/styleConversion/buildMentionRulesCSS.ts"],"mappings":";;AAKA,SAASA,oBAAoB,QAAQ,qCAAkC;AACvE,SACEC,uBAAuB,EACvBC,6BAA6B,QACxB,4BAAyB;AAChC,SAASC,mBAAmB,QAAQ,8BAA2B;AAC/D,SAASC,yBAAyB,QAAQ,6BAA0B;AAEpE,SAASC,sCAAsCA,CAACC,SAAiB,EAAU;EACzE,IAAI,OAAOC,GAAG,KAAK,WAAW,IAAI,OAAOA,GAAG,CAACC,MAAM,KAAK,UAAU,EAAE;IAClE,OAAOD,GAAG,CAACC,MAAM,CAACF,SAAS,CAAC;EAC9B;EACA,OAAOA,SAAS,CAACG,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC5C;AAEA,SAASC,eAAeA,CAACC,SAAiB,EAAEL,SAAiB,EAAU;EACrE,OAAOA,SAAS,KAAKF,yBAAyB,GAC1C,IAAIO,SAAS,UAAU,GACvB,IAAIA,SAAS,uBAAuBN,sCAAsC,CAACC,SAAS,CAAC,IAAI;AAC/F;AAEA,OAAO,SAASM,oBAAoBA,CAClCC,SAA6C,EACrC;EACR,MAAMC,MAAM,GAAGD,SAAS,EAAEE,OAAO;EACjC,IAAI,CAACD,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,CAACd,oBAAoB,CAACc,MAAM,CAAC,EAAE;IAC1E,OAAO,EAAE;EACX;EAEA,MAAME,GAA2C,GAAGF,MAAM;EAC1D,MAAMG,IAAI,GAAGC,MAAM,CAACD,IAAI,CAACD,GAAG,CAAC;EAC7B,IAAIC,IAAI,CAACE,MAAM,KAAK,CAAC,EAAE;IACrB,OAAO,EAAE;EACX;EAEA,MAAMC,KAAe,GAAG,EAAE;EAE1B,KAAK,MAAMd,SAAS,IAAIW,IAAI,EAAE;IAC5B,MAAMI,aAAa,GAAGX,eAAe,CACnCR,6BAA6B,EAC7BI,SACF,CAAC;IACD,MAAMgB,YAAY,GAAGZ,eAAe,CAACT,uBAAuB,EAAEK,SAAS,CAAC;IAExEc,KAAK,CAACG,IAAI,CACR,GAAGF,aAAa;AACtB,EAAEC,YAAY;AACd,eAAenB,mBAAmB,CAACqB,KAAK,CAAClB,SAAS,CAAC;AACnD,0BAA0BH,mBAAmB,CAACsB,eAAe,CAACnB,SAAS,CAAC;AACxE,8BAA8BH,mBAAmB,CAACuB,kBAAkB,CAACpB,SAAS,CAAC;AAC/E,EAAE,CAACqB,IAAI,CAAC,CACJ,CAAC;EACH;EAEA,OAAOP,KAAK,CAACQ,IAAI,CAAC,IAAI,CAAC;AACzB","ignoreList":[]}
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { toColor } from "./toColor.js";
|
|
4
|
+
export function enrichedBaseStyleToCSSProperties(style, extraOptions = {}) {
|
|
5
|
+
const css = {
|
|
6
|
+
// Dimensions
|
|
7
|
+
width: toPx(style.width),
|
|
8
|
+
height: toPx(style.height),
|
|
9
|
+
minWidth: toPx(style.minWidth),
|
|
10
|
+
maxWidth: toPx(style.maxWidth),
|
|
11
|
+
minHeight: toPx(style.minHeight),
|
|
12
|
+
maxHeight: toPx(style.maxHeight),
|
|
13
|
+
top: toPx(style.top),
|
|
14
|
+
bottom: toPx(style.bottom),
|
|
15
|
+
left: toPx(style.left),
|
|
16
|
+
right: toPx(style.right),
|
|
17
|
+
inset: toPx(style.inset),
|
|
18
|
+
insetBlock: toPx(style.insetBlock),
|
|
19
|
+
insetBlockEnd: toPx(style.insetBlockEnd),
|
|
20
|
+
insetBlockStart: toPx(style.insetBlockStart),
|
|
21
|
+
insetInline: toPx(style.insetInline),
|
|
22
|
+
insetInlineEnd: toPx(style.insetInlineEnd ?? style.end),
|
|
23
|
+
insetInlineStart: toPx(style.insetInlineStart ?? style.start),
|
|
24
|
+
// Margin - specific properties take precedence over shorthands (RN behavior)
|
|
25
|
+
margin: toPx(style.margin),
|
|
26
|
+
marginTop: toPx(style.marginTop ?? style.marginVertical),
|
|
27
|
+
marginBottom: toPx(style.marginBottom ?? style.marginVertical),
|
|
28
|
+
marginLeft: toPx(style.marginLeft ?? style.marginHorizontal),
|
|
29
|
+
marginRight: toPx(style.marginRight ?? style.marginHorizontal),
|
|
30
|
+
marginBlock: toPx(style.marginBlock),
|
|
31
|
+
marginBlockEnd: toPx(style.marginBlockEnd),
|
|
32
|
+
marginBlockStart: toPx(style.marginBlockStart),
|
|
33
|
+
marginInline: toPx(style.marginInline),
|
|
34
|
+
marginInlineEnd: toPx(style.marginInlineEnd ?? style.marginEnd),
|
|
35
|
+
marginInlineStart: toPx(style.marginInlineStart ?? style.marginStart),
|
|
36
|
+
// Padding - specific properties take precedence over shorthands (RN behavior)
|
|
37
|
+
padding: toPx(style.padding),
|
|
38
|
+
paddingTop: toPx(style.paddingTop ?? style.paddingVertical),
|
|
39
|
+
paddingBottom: toPx(style.paddingBottom ?? style.paddingVertical),
|
|
40
|
+
paddingLeft: toPx(style.paddingLeft ?? style.paddingHorizontal),
|
|
41
|
+
paddingRight: toPx(style.paddingRight ?? style.paddingHorizontal),
|
|
42
|
+
paddingBlock: toPx(style.paddingBlock),
|
|
43
|
+
paddingBlockEnd: toPx(style.paddingBlockEnd),
|
|
44
|
+
paddingBlockStart: toPx(style.paddingBlockStart),
|
|
45
|
+
paddingInline: toPx(style.paddingInline),
|
|
46
|
+
paddingInlineEnd: toPx(style.paddingInlineEnd ?? style.paddingEnd),
|
|
47
|
+
paddingInlineStart: toPx(style.paddingInlineStart ?? style.paddingStart),
|
|
48
|
+
// Border widths
|
|
49
|
+
borderInlineStartWidth: toPx(style.borderStartWidth),
|
|
50
|
+
borderInlineEndWidth: toPx(style.borderEndWidth),
|
|
51
|
+
borderWidth: toPx(style.borderWidth),
|
|
52
|
+
borderTopWidth: toPx(style.borderTopWidth),
|
|
53
|
+
borderBottomWidth: toPx(style.borderBottomWidth),
|
|
54
|
+
borderLeftWidth: toPx(style.borderLeftWidth),
|
|
55
|
+
borderRightWidth: toPx(style.borderRightWidth),
|
|
56
|
+
// Border radius (physical)
|
|
57
|
+
borderRadius: toPx(style.borderRadius),
|
|
58
|
+
borderTopLeftRadius: toPx(style.borderTopLeftRadius),
|
|
59
|
+
borderTopRightRadius: toPx(style.borderTopRightRadius),
|
|
60
|
+
borderBottomLeftRadius: toPx(style.borderBottomLeftRadius),
|
|
61
|
+
borderBottomRightRadius: toPx(style.borderBottomRightRadius),
|
|
62
|
+
// Border radius (logical)
|
|
63
|
+
borderStartStartRadius: toPx(style.borderStartStartRadius ?? style.borderTopStartRadius),
|
|
64
|
+
borderStartEndRadius: toPx(style.borderStartEndRadius ?? style.borderTopEndRadius),
|
|
65
|
+
borderEndStartRadius: toPx(style.borderEndStartRadius ?? style.borderBottomStartRadius),
|
|
66
|
+
borderEndEndRadius: toPx(style.borderEndEndRadius ?? style.borderBottomEndRadius),
|
|
67
|
+
// Border colors
|
|
68
|
+
borderColor: toColor(style.borderColor),
|
|
69
|
+
borderBlockColor: toColor(style.borderBlockColor),
|
|
70
|
+
borderBlockEndColor: toColor(style.borderBlockEndColor),
|
|
71
|
+
borderBlockStartColor: toColor(style.borderBlockStartColor),
|
|
72
|
+
borderBottomColor: toColor(style.borderBottomColor),
|
|
73
|
+
borderInlineEndColor: toColor(style.borderEndColor),
|
|
74
|
+
borderLeftColor: toColor(style.borderLeftColor),
|
|
75
|
+
borderRightColor: toColor(style.borderRightColor),
|
|
76
|
+
borderInlineStartColor: toColor(style.borderStartColor),
|
|
77
|
+
borderTopColor: toColor(style.borderTopColor),
|
|
78
|
+
borderStyle: style.borderStyle ?? (style.borderWidth != null || style.borderTopWidth != null || style.borderBottomWidth != null || style.borderLeftWidth != null || style.borderRightWidth != null || style.borderStartWidth != null || style.borderEndWidth != null || style.borderColor != null ? 'solid' : undefined),
|
|
79
|
+
// Typography
|
|
80
|
+
color: toColor(style.color),
|
|
81
|
+
fontFamily: style.fontFamily,
|
|
82
|
+
fontSize: toPx(style.fontSize),
|
|
83
|
+
fontStyle: style.fontStyle,
|
|
84
|
+
fontWeight: style.fontWeight,
|
|
85
|
+
lineHeight: toPx(style.lineHeight),
|
|
86
|
+
letterSpacing: toPx(style.letterSpacing),
|
|
87
|
+
// View appearance
|
|
88
|
+
backgroundColor: toColor(style.backgroundColor),
|
|
89
|
+
// boxShadow/filter: RN accepts arrays, CSS only strings
|
|
90
|
+
boxShadow: typeof style.boxShadow === 'string' ? style.boxShadow : undefined,
|
|
91
|
+
display: style.display,
|
|
92
|
+
position: style.position,
|
|
93
|
+
alignSelf: style.alignSelf,
|
|
94
|
+
backfaceVisibility: style.backfaceVisibility,
|
|
95
|
+
cursor: style.cursor,
|
|
96
|
+
filter: typeof style.filter === 'string' ? style.filter : undefined,
|
|
97
|
+
mixBlendMode: style.mixBlendMode,
|
|
98
|
+
boxSizing: style.boxSizing,
|
|
99
|
+
// pointerEvents: RN 'box-none'/'box-only' have no CSS equivalent
|
|
100
|
+
pointerEvents: style.pointerEvents === 'auto' || style.pointerEvents === 'none' ? style.pointerEvents : undefined,
|
|
101
|
+
// Outline
|
|
102
|
+
outlineColor: toColor(style.outlineColor),
|
|
103
|
+
outlineStyle: style.outlineStyle ?? (style.outlineWidth != null ? 'solid' : undefined),
|
|
104
|
+
outlineOffset: toPx(style.outlineOffset),
|
|
105
|
+
outlineWidth: toPx(style.outlineWidth),
|
|
106
|
+
// Transforms
|
|
107
|
+
transform: resolveTransform(style.transform),
|
|
108
|
+
// transformOrigin: RN accepts strings or arrays, CSS only strings
|
|
109
|
+
transformOrigin: typeof style.transformOrigin === 'string' ? style.transformOrigin : undefined,
|
|
110
|
+
// Flex
|
|
111
|
+
flex: style.flex,
|
|
112
|
+
flexGrow: style.flexGrow,
|
|
113
|
+
flexShrink: style.flexShrink,
|
|
114
|
+
flexBasis: toPx(style.flexBasis),
|
|
115
|
+
// Misc
|
|
116
|
+
zIndex: style.zIndex,
|
|
117
|
+
// opacity: RN AnimatableNumericValue includes AnimatedNode; CSS only number
|
|
118
|
+
opacity: typeof style.opacity === 'number' ? style.opacity : undefined,
|
|
119
|
+
aspectRatio: style.aspectRatio,
|
|
120
|
+
// Extra options
|
|
121
|
+
overflowY: extraOptions.scrollEnabled != null ? extraOptions.scrollEnabled ? 'auto' : 'hidden' : undefined
|
|
122
|
+
};
|
|
123
|
+
|
|
124
|
+
// Clean undefined values
|
|
125
|
+
return Object.fromEntries(Object.entries(css).filter(([, v]) => v !== undefined));
|
|
126
|
+
}
|
|
127
|
+
function toPx(value) {
|
|
128
|
+
if (value == null) return undefined;
|
|
129
|
+
if (typeof value === 'number') return `${value}px`;
|
|
130
|
+
if (typeof value === 'string') return value;
|
|
131
|
+
return undefined;
|
|
132
|
+
}
|
|
133
|
+
function resolveTransform(transform) {
|
|
134
|
+
if (typeof transform === 'string') return transform;
|
|
135
|
+
if (!Array.isArray(transform)) return undefined;
|
|
136
|
+
const parts = transform.map(item => {
|
|
137
|
+
if ('translateX' in item) return `translateX(${item.translateX}px)`;
|
|
138
|
+
if ('translateY' in item) return `translateY(${item.translateY}px)`;
|
|
139
|
+
if ('translateZ' in item) return `translateZ(${item.translateZ}px)`;
|
|
140
|
+
if ('scale' in item) return `scale(${item.scale})`;
|
|
141
|
+
if ('scaleX' in item) return `scaleX(${item.scaleX})`;
|
|
142
|
+
if ('scaleY' in item) return `scaleY(${item.scaleY})`;
|
|
143
|
+
if ('scaleZ' in item) return `scaleZ(${item.scaleZ})`;
|
|
144
|
+
if ('rotate' in item) return `rotate(${item.rotate})`;
|
|
145
|
+
if ('rotateX' in item) return `rotateX(${item.rotateX})`;
|
|
146
|
+
if ('rotateY' in item) return `rotateY(${item.rotateY})`;
|
|
147
|
+
if ('rotateZ' in item) return `rotateZ(${item.rotateZ})`;
|
|
148
|
+
if ('skewX' in item) return `skewX(${item.skewX})`;
|
|
149
|
+
if ('skewY' in item) return `skewY(${item.skewY})`;
|
|
150
|
+
if ('perspective' in item) return `perspective(${item.perspective}px)`;
|
|
151
|
+
if ('matrix' in item) {
|
|
152
|
+
return item.matrix.length === 16 ? `matrix3d(${item.matrix.join(', ')})` : `matrix(${item.matrix.join(', ')})`;
|
|
153
|
+
}
|
|
154
|
+
return null;
|
|
155
|
+
});
|
|
156
|
+
const css = parts.filter(Boolean).join(' ');
|
|
157
|
+
return css || undefined;
|
|
158
|
+
}
|
|
159
|
+
//# sourceMappingURL=enrichedBaseStyleToCSSProperties.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["toColor","enrichedBaseStyleToCSSProperties","style","extraOptions","css","width","toPx","height","minWidth","maxWidth","minHeight","maxHeight","top","bottom","left","right","inset","insetBlock","insetBlockEnd","insetBlockStart","insetInline","insetInlineEnd","end","insetInlineStart","start","margin","marginTop","marginVertical","marginBottom","marginLeft","marginHorizontal","marginRight","marginBlock","marginBlockEnd","marginBlockStart","marginInline","marginInlineEnd","marginEnd","marginInlineStart","marginStart","padding","paddingTop","paddingVertical","paddingBottom","paddingLeft","paddingHorizontal","paddingRight","paddingBlock","paddingBlockEnd","paddingBlockStart","paddingInline","paddingInlineEnd","paddingEnd","paddingInlineStart","paddingStart","borderInlineStartWidth","borderStartWidth","borderInlineEndWidth","borderEndWidth","borderWidth","borderTopWidth","borderBottomWidth","borderLeftWidth","borderRightWidth","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderStartStartRadius","borderTopStartRadius","borderStartEndRadius","borderTopEndRadius","borderEndStartRadius","borderBottomStartRadius","borderEndEndRadius","borderBottomEndRadius","borderColor","borderBlockColor","borderBlockEndColor","borderBlockStartColor","borderBottomColor","borderInlineEndColor","borderEndColor","borderLeftColor","borderRightColor","borderInlineStartColor","borderStartColor","borderTopColor","borderStyle","undefined","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","letterSpacing","backgroundColor","boxShadow","display","position","alignSelf","backfaceVisibility","cursor","filter","mixBlendMode","boxSizing","pointerEvents","outlineColor","outlineStyle","outlineWidth","outlineOffset","transform","resolveTransform","transformOrigin","flex","flexGrow","flexShrink","flexBasis","zIndex","opacity","aspectRatio","overflowY","scrollEnabled","Object","fromEntries","entries","v","value","Array","isArray","parts","map","item","translateX","translateY","translateZ","scale","scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skewX","skewY","perspective","matrix","length","join","Boolean"],"sourceRoot":"../../../../src","sources":["web/styleConversion/enrichedBaseStyleToCSSProperties.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,159 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
export function enrichedInputStyleToCSSProperties(style, extraOptions
|
|
5
|
-
|
|
6
|
-
// Dimensions
|
|
7
|
-
width: toPx(style.width),
|
|
8
|
-
height: toPx(style.height),
|
|
9
|
-
minWidth: toPx(style.minWidth),
|
|
10
|
-
maxWidth: toPx(style.maxWidth),
|
|
11
|
-
minHeight: toPx(style.minHeight),
|
|
12
|
-
maxHeight: toPx(style.maxHeight),
|
|
13
|
-
top: toPx(style.top),
|
|
14
|
-
bottom: toPx(style.bottom),
|
|
15
|
-
left: toPx(style.left),
|
|
16
|
-
right: toPx(style.right),
|
|
17
|
-
inset: toPx(style.inset),
|
|
18
|
-
insetBlock: toPx(style.insetBlock),
|
|
19
|
-
insetBlockEnd: toPx(style.insetBlockEnd),
|
|
20
|
-
insetBlockStart: toPx(style.insetBlockStart),
|
|
21
|
-
insetInline: toPx(style.insetInline),
|
|
22
|
-
insetInlineEnd: toPx(style.insetInlineEnd ?? style.end),
|
|
23
|
-
insetInlineStart: toPx(style.insetInlineStart ?? style.start),
|
|
24
|
-
// Margin - specific properties take precedence over shorthands (RN behavior)
|
|
25
|
-
margin: toPx(style.margin),
|
|
26
|
-
marginTop: toPx(style.marginTop ?? style.marginVertical),
|
|
27
|
-
marginBottom: toPx(style.marginBottom ?? style.marginVertical),
|
|
28
|
-
marginLeft: toPx(style.marginLeft ?? style.marginHorizontal),
|
|
29
|
-
marginRight: toPx(style.marginRight ?? style.marginHorizontal),
|
|
30
|
-
marginBlock: toPx(style.marginBlock),
|
|
31
|
-
marginBlockEnd: toPx(style.marginBlockEnd),
|
|
32
|
-
marginBlockStart: toPx(style.marginBlockStart),
|
|
33
|
-
marginInline: toPx(style.marginInline),
|
|
34
|
-
marginInlineEnd: toPx(style.marginInlineEnd ?? style.marginEnd),
|
|
35
|
-
marginInlineStart: toPx(style.marginInlineStart ?? style.marginStart),
|
|
36
|
-
// Padding - specific properties take precedence over shorthands (RN behavior)
|
|
37
|
-
padding: toPx(style.padding),
|
|
38
|
-
paddingTop: toPx(style.paddingTop ?? style.paddingVertical),
|
|
39
|
-
paddingBottom: toPx(style.paddingBottom ?? style.paddingVertical),
|
|
40
|
-
paddingLeft: toPx(style.paddingLeft ?? style.paddingHorizontal),
|
|
41
|
-
paddingRight: toPx(style.paddingRight ?? style.paddingHorizontal),
|
|
42
|
-
paddingBlock: toPx(style.paddingBlock),
|
|
43
|
-
paddingBlockEnd: toPx(style.paddingBlockEnd),
|
|
44
|
-
paddingBlockStart: toPx(style.paddingBlockStart),
|
|
45
|
-
paddingInline: toPx(style.paddingInline),
|
|
46
|
-
paddingInlineEnd: toPx(style.paddingInlineEnd ?? style.paddingEnd),
|
|
47
|
-
paddingInlineStart: toPx(style.paddingInlineStart ?? style.paddingStart),
|
|
48
|
-
// Border widths
|
|
49
|
-
borderInlineStartWidth: toPx(style.borderStartWidth),
|
|
50
|
-
borderInlineEndWidth: toPx(style.borderEndWidth),
|
|
51
|
-
borderWidth: toPx(style.borderWidth),
|
|
52
|
-
borderTopWidth: toPx(style.borderTopWidth),
|
|
53
|
-
borderBottomWidth: toPx(style.borderBottomWidth),
|
|
54
|
-
borderLeftWidth: toPx(style.borderLeftWidth),
|
|
55
|
-
borderRightWidth: toPx(style.borderRightWidth),
|
|
56
|
-
// Border radius (physical)
|
|
57
|
-
borderRadius: toPx(style.borderRadius),
|
|
58
|
-
borderTopLeftRadius: toPx(style.borderTopLeftRadius),
|
|
59
|
-
borderTopRightRadius: toPx(style.borderTopRightRadius),
|
|
60
|
-
borderBottomLeftRadius: toPx(style.borderBottomLeftRadius),
|
|
61
|
-
borderBottomRightRadius: toPx(style.borderBottomRightRadius),
|
|
62
|
-
// Border radius (logical)
|
|
63
|
-
borderStartStartRadius: toPx(style.borderStartStartRadius ?? style.borderTopStartRadius),
|
|
64
|
-
borderStartEndRadius: toPx(style.borderStartEndRadius ?? style.borderTopEndRadius),
|
|
65
|
-
borderEndStartRadius: toPx(style.borderEndStartRadius ?? style.borderBottomStartRadius),
|
|
66
|
-
borderEndEndRadius: toPx(style.borderEndEndRadius ?? style.borderBottomEndRadius),
|
|
67
|
-
// Border colors
|
|
68
|
-
borderColor: toColor(style.borderColor),
|
|
69
|
-
borderBlockColor: toColor(style.borderBlockColor),
|
|
70
|
-
borderBlockEndColor: toColor(style.borderBlockEndColor),
|
|
71
|
-
borderBlockStartColor: toColor(style.borderBlockStartColor),
|
|
72
|
-
borderBottomColor: toColor(style.borderBottomColor),
|
|
73
|
-
borderInlineEndColor: toColor(style.borderEndColor),
|
|
74
|
-
borderLeftColor: toColor(style.borderLeftColor),
|
|
75
|
-
borderRightColor: toColor(style.borderRightColor),
|
|
76
|
-
borderInlineStartColor: toColor(style.borderStartColor),
|
|
77
|
-
borderTopColor: toColor(style.borderTopColor),
|
|
78
|
-
borderStyle: style.borderStyle ?? (style.borderWidth != null || style.borderTopWidth != null || style.borderBottomWidth != null || style.borderLeftWidth != null || style.borderRightWidth != null || style.borderStartWidth != null || style.borderEndWidth != null || style.borderColor != null ? 'solid' : undefined),
|
|
79
|
-
// Typography
|
|
80
|
-
color: toColor(style.color),
|
|
81
|
-
fontFamily: style.fontFamily,
|
|
82
|
-
fontSize: toPx(style.fontSize),
|
|
83
|
-
fontStyle: style.fontStyle,
|
|
84
|
-
fontWeight: style.fontWeight,
|
|
85
|
-
lineHeight: toPx(style.lineHeight),
|
|
86
|
-
letterSpacing: toPx(style.letterSpacing),
|
|
87
|
-
// View appearance
|
|
88
|
-
backgroundColor: toColor(style.backgroundColor),
|
|
89
|
-
// boxShadow/filter: RN accepts arrays, CSS only strings
|
|
90
|
-
boxShadow: typeof style.boxShadow === 'string' ? style.boxShadow : undefined,
|
|
91
|
-
display: style.display,
|
|
92
|
-
position: style.position,
|
|
93
|
-
alignSelf: style.alignSelf,
|
|
94
|
-
backfaceVisibility: style.backfaceVisibility,
|
|
95
|
-
cursor: style.cursor,
|
|
96
|
-
filter: typeof style.filter === 'string' ? style.filter : undefined,
|
|
97
|
-
mixBlendMode: style.mixBlendMode,
|
|
98
|
-
boxSizing: style.boxSizing,
|
|
99
|
-
// pointerEvents: RN 'box-none'/'box-only' have no CSS equivalent
|
|
100
|
-
pointerEvents: style.pointerEvents === 'auto' || style.pointerEvents === 'none' ? style.pointerEvents : undefined,
|
|
101
|
-
// Outline
|
|
102
|
-
outlineColor: toColor(style.outlineColor),
|
|
103
|
-
outlineStyle: style.outlineStyle ?? (style.outlineWidth != null ? 'solid' : undefined),
|
|
104
|
-
outlineOffset: toPx(style.outlineOffset),
|
|
105
|
-
outlineWidth: toPx(style.outlineWidth),
|
|
106
|
-
// Transforms
|
|
107
|
-
transform: resolveTransform(style.transform),
|
|
108
|
-
// transformOrigin: RN accepts strings or arrays, CSS only strings
|
|
109
|
-
transformOrigin: typeof style.transformOrigin === 'string' ? style.transformOrigin : undefined,
|
|
110
|
-
// Flex
|
|
111
|
-
flex: style.flex,
|
|
112
|
-
flexGrow: style.flexGrow,
|
|
113
|
-
flexShrink: style.flexShrink,
|
|
114
|
-
flexBasis: toPx(style.flexBasis),
|
|
115
|
-
// Misc
|
|
116
|
-
zIndex: style.zIndex,
|
|
117
|
-
// opacity: RN AnimatableNumericValue includes AnimatedNode; CSS only number
|
|
118
|
-
opacity: typeof style.opacity === 'number' ? style.opacity : undefined,
|
|
119
|
-
aspectRatio: style.aspectRatio,
|
|
120
|
-
// Extra options
|
|
121
|
-
overflowY: extraOptions.scrollEnabled != null ? extraOptions.scrollEnabled ? 'auto' : 'hidden' : undefined
|
|
122
|
-
};
|
|
123
|
-
|
|
124
|
-
// Clean undefined values
|
|
125
|
-
return Object.fromEntries(Object.entries(css).filter(([, v]) => v !== undefined));
|
|
126
|
-
}
|
|
127
|
-
function toPx(value) {
|
|
128
|
-
if (value == null) return undefined;
|
|
129
|
-
if (typeof value === 'number') return `${value}px`;
|
|
130
|
-
if (typeof value === 'string') return value;
|
|
131
|
-
return undefined;
|
|
132
|
-
}
|
|
133
|
-
function resolveTransform(transform) {
|
|
134
|
-
if (typeof transform === 'string') return transform;
|
|
135
|
-
if (!Array.isArray(transform)) return undefined;
|
|
136
|
-
const parts = transform.map(item => {
|
|
137
|
-
if ('translateX' in item) return `translateX(${item.translateX}px)`;
|
|
138
|
-
if ('translateY' in item) return `translateY(${item.translateY}px)`;
|
|
139
|
-
if ('translateZ' in item) return `translateZ(${item.translateZ}px)`;
|
|
140
|
-
if ('scale' in item) return `scale(${item.scale})`;
|
|
141
|
-
if ('scaleX' in item) return `scaleX(${item.scaleX})`;
|
|
142
|
-
if ('scaleY' in item) return `scaleY(${item.scaleY})`;
|
|
143
|
-
if ('scaleZ' in item) return `scaleZ(${item.scaleZ})`;
|
|
144
|
-
if ('rotate' in item) return `rotate(${item.rotate})`;
|
|
145
|
-
if ('rotateX' in item) return `rotateX(${item.rotateX})`;
|
|
146
|
-
if ('rotateY' in item) return `rotateY(${item.rotateY})`;
|
|
147
|
-
if ('rotateZ' in item) return `rotateZ(${item.rotateZ})`;
|
|
148
|
-
if ('skewX' in item) return `skewX(${item.skewX})`;
|
|
149
|
-
if ('skewY' in item) return `skewY(${item.skewY})`;
|
|
150
|
-
if ('perspective' in item) return `perspective(${item.perspective}px)`;
|
|
151
|
-
if ('matrix' in item) {
|
|
152
|
-
return item.matrix.length === 16 ? `matrix3d(${item.matrix.join(', ')})` : `matrix(${item.matrix.join(', ')})`;
|
|
153
|
-
}
|
|
154
|
-
return null;
|
|
155
|
-
});
|
|
156
|
-
const css = parts.filter(Boolean).join(' ');
|
|
157
|
-
return css || undefined;
|
|
3
|
+
import { enrichedBaseStyleToCSSProperties } from "./enrichedBaseStyleToCSSProperties.js";
|
|
4
|
+
export function enrichedInputStyleToCSSProperties(style, extraOptions) {
|
|
5
|
+
return enrichedBaseStyleToCSSProperties(style, extraOptions);
|
|
158
6
|
}
|
|
159
7
|
//# sourceMappingURL=enrichedInputStyleToCSSProperties.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["toColor","enrichedInputStyleToCSSProperties","style","extraOptions","css","width","toPx","height","minWidth","maxWidth","minHeight","maxHeight","top","bottom","left","right","inset","insetBlock","insetBlockEnd","insetBlockStart","insetInline","insetInlineEnd","end","insetInlineStart","start","margin","marginTop","marginVertical","marginBottom","marginLeft","marginHorizontal","marginRight","marginBlock","marginBlockEnd","marginBlockStart","marginInline","marginInlineEnd","marginEnd","marginInlineStart","marginStart","padding","paddingTop","paddingVertical","paddingBottom","paddingLeft","paddingHorizontal","paddingRight","paddingBlock","paddingBlockEnd","paddingBlockStart","paddingInline","paddingInlineEnd","paddingEnd","paddingInlineStart","paddingStart","borderInlineStartWidth","borderStartWidth","borderInlineEndWidth","borderEndWidth","borderWidth","borderTopWidth","borderBottomWidth","borderLeftWidth","borderRightWidth","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","borderStartStartRadius","borderTopStartRadius","borderStartEndRadius","borderTopEndRadius","borderEndStartRadius","borderBottomStartRadius","borderEndEndRadius","borderBottomEndRadius","borderColor","borderBlockColor","borderBlockEndColor","borderBlockStartColor","borderBottomColor","borderInlineEndColor","borderEndColor","borderLeftColor","borderRightColor","borderInlineStartColor","borderStartColor","borderTopColor","borderStyle","undefined","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","letterSpacing","backgroundColor","boxShadow","display","position","alignSelf","backfaceVisibility","cursor","filter","mixBlendMode","boxSizing","pointerEvents","outlineColor","outlineStyle","outlineWidth","outlineOffset","transform","resolveTransform","transformOrigin","flex","flexGrow","flexShrink","flexBasis","zIndex","opacity","aspectRatio","overflowY","scrollEnabled","Object","fromEntries","entries","v","value","Array","isArray","parts","map","item","translateX","translateY","translateZ","scale","scaleX","scaleY","scaleZ","rotate","rotateX","rotateY","rotateZ","skewX","skewY","perspective","matrix","length","join","Boolean"],"sourceRoot":"../../../../src","sources":["web/styleConversion/enrichedInputStyleToCSSProperties.ts"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["enrichedBaseStyleToCSSProperties","enrichedInputStyleToCSSProperties","style","extraOptions"],"sourceRoot":"../../../../src","sources":["web/styleConversion/enrichedInputStyleToCSSProperties.ts"],"mappings":";;AAEA,SACEA,gCAAgC,QAE3B,uCAAoC;AAE3C,OAAO,SAASC,iCAAiCA,CAC/CC,KAAyB,EACzBC,YAA0C,EAC3B;EACf,OAAOH,gCAAgC,CAACE,KAAK,EAAEC,YAAY,CAAC;AAC9D","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { enrichedBaseStyleToCSSProperties } from "./enrichedBaseStyleToCSSProperties.js";
|
|
4
|
+
import { toColor } from "./toColor.js";
|
|
5
|
+
export function enrichedTextStyleToCSSProperties(style) {
|
|
6
|
+
const css = {
|
|
7
|
+
...enrichedBaseStyleToCSSProperties(style, {
|
|
8
|
+
scrollEnabled: false
|
|
9
|
+
}),
|
|
10
|
+
// Text-only properties
|
|
11
|
+
// textAlign: RN 'auto' has no CSS equivalent
|
|
12
|
+
textAlign: style.textAlign !== 'auto' ? style.textAlign : undefined,
|
|
13
|
+
textTransform: style.textTransform,
|
|
14
|
+
textDecorationLine: style.textDecorationLine,
|
|
15
|
+
textDecorationStyle: style.textDecorationStyle,
|
|
16
|
+
textDecorationColor: toColor(style.textDecorationColor),
|
|
17
|
+
textShadow: resolveTextShadow(style),
|
|
18
|
+
// userSelect: RN 'contain' has no CSS equivalent
|
|
19
|
+
userSelect: style.userSelect !== 'contain' ? style.userSelect : undefined,
|
|
20
|
+
fontVariant: Array.isArray(style.fontVariant) ? style.fontVariant.join(' ') : undefined,
|
|
21
|
+
// writingDirection: RN 'auto' has no CSS equivalent
|
|
22
|
+
direction: style.writingDirection !== 'auto' ? style.writingDirection : undefined,
|
|
23
|
+
// verticalAlign: RN 'auto' has no CSS equivalent
|
|
24
|
+
verticalAlign: style.verticalAlign !== 'auto' ? style.verticalAlign : undefined
|
|
25
|
+
};
|
|
26
|
+
return Object.fromEntries(Object.entries(css).filter(([, v]) => v !== undefined));
|
|
27
|
+
}
|
|
28
|
+
function resolveTextShadow(style) {
|
|
29
|
+
const {
|
|
30
|
+
textShadowColor,
|
|
31
|
+
textShadowOffset,
|
|
32
|
+
textShadowRadius
|
|
33
|
+
} = style;
|
|
34
|
+
if (textShadowColor == null && textShadowOffset == null && textShadowRadius == null) {
|
|
35
|
+
return undefined;
|
|
36
|
+
}
|
|
37
|
+
const x = textShadowOffset?.width ?? 0;
|
|
38
|
+
const y = textShadowOffset?.height ?? 0;
|
|
39
|
+
const blur = textShadowRadius ?? 0;
|
|
40
|
+
const color = toColor(textShadowColor);
|
|
41
|
+
const offset = `${x}px ${y}px ${blur}px`;
|
|
42
|
+
return color ? `${offset} ${color}` : offset;
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=enrichedTextStyleToCSSProperties.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["enrichedBaseStyleToCSSProperties","toColor","enrichedTextStyleToCSSProperties","style","css","scrollEnabled","textAlign","undefined","textTransform","textDecorationLine","textDecorationStyle","textDecorationColor","textShadow","resolveTextShadow","userSelect","fontVariant","Array","isArray","join","direction","writingDirection","verticalAlign","Object","fromEntries","entries","filter","v","textShadowColor","textShadowOffset","textShadowRadius","x","width","y","height","blur","color","offset"],"sourceRoot":"../../../../src","sources":["web/styleConversion/enrichedTextStyleToCSSProperties.ts"],"mappings":";;AAEA,SAASA,gCAAgC,QAAQ,uCAAoC;AACrF,SAASC,OAAO,QAAQ,cAAW;AAEnC,OAAO,SAASC,gCAAgCA,CAC9CC,KAAgB,EACD;EACf,MAAMC,GAAkB,GAAG;IACzB,GAAGJ,gCAAgC,CAACG,KAAK,EAAE;MAAEE,aAAa,EAAE;IAAM,CAAC,CAAC;IAEpE;IACA;IACAC,SAAS,EAAEH,KAAK,CAACG,SAAS,KAAK,MAAM,GAAGH,KAAK,CAACG,SAAS,GAAGC,SAAS;IACnEC,aAAa,EAAEL,KAAK,CAACK,aAAa;IAClCC,kBAAkB,EAAEN,KAAK,CAACM,kBAAkB;IAC5CC,mBAAmB,EAAEP,KAAK,CAACO,mBAAmB;IAC9CC,mBAAmB,EAAEV,OAAO,CAACE,KAAK,CAACQ,mBAAmB,CAAC;IACvDC,UAAU,EAAEC,iBAAiB,CAACV,KAAK,CAAC;IACpC;IACAW,UAAU,EAAEX,KAAK,CAACW,UAAU,KAAK,SAAS,GAAGX,KAAK,CAACW,UAAU,GAAGP,SAAS;IACzEQ,WAAW,EAAEC,KAAK,CAACC,OAAO,CAACd,KAAK,CAACY,WAAW,CAAC,GACzCZ,KAAK,CAACY,WAAW,CAACG,IAAI,CAAC,GAAG,CAAC,GAC3BX,SAAS;IACb;IACAY,SAAS,EACPhB,KAAK,CAACiB,gBAAgB,KAAK,MAAM,GAAGjB,KAAK,CAACiB,gBAAgB,GAAGb,SAAS;IACxE;IACAc,aAAa,EACXlB,KAAK,CAACkB,aAAa,KAAK,MAAM,GAAGlB,KAAK,CAACkB,aAAa,GAAGd;EAC3D,CAAC;EAED,OAAOe,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACpB,GAAG,CAAC,CAACqB,MAAM,CAAC,CAAC,GAAGC,CAAC,CAAC,KAAKA,CAAC,KAAKnB,SAAS,CACvD,CAAC;AACH;AAEA,SAASM,iBAAiBA,CAACV,KAAgB,EAAsB;EAC/D,MAAM;IAAEwB,eAAe;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAAG1B,KAAK;EACrE,IACEwB,eAAe,IAAI,IAAI,IACvBC,gBAAgB,IAAI,IAAI,IACxBC,gBAAgB,IAAI,IAAI,EACxB;IACA,OAAOtB,SAAS;EAClB;EACA,MAAMuB,CAAC,GAAGF,gBAAgB,EAAEG,KAAK,IAAI,CAAC;EACtC,MAAMC,CAAC,GAAGJ,gBAAgB,EAAEK,MAAM,IAAI,CAAC;EACvC,MAAMC,IAAI,GAAGL,gBAAgB,IAAI,CAAC;EAClC,MAAMM,KAAK,GAAGlC,OAAO,CAAC0B,eAAe,CAAC;EACtC,MAAMS,MAAM,GAAG,GAAGN,CAAC,MAAME,CAAC,MAAME,IAAI,IAAI;EACxC,OAAOC,KAAK,GAAG,GAAGC,MAAM,IAAID,KAAK,EAAE,GAAGC,MAAM;AAC9C","ignoreList":[]}
|
|
@@ -10,9 +10,9 @@ export function enrichedInputThemingToCSSProperties({
|
|
|
10
10
|
const caret = toColor(cursorColor);
|
|
11
11
|
if (caret) extra.caretColor = caret;
|
|
12
12
|
const placeholderCss = toColor(placeholderTextColor);
|
|
13
|
-
if (placeholderCss) extra['--
|
|
13
|
+
if (placeholderCss) extra['--et-placeholder-text-color'] = placeholderCss;
|
|
14
14
|
const selectionCss = toColor(selectionColor);
|
|
15
|
-
if (selectionCss) extra['--
|
|
15
|
+
if (selectionCss) extra['--et-selection-color'] = selectionCss;
|
|
16
16
|
return extra;
|
|
17
17
|
}
|
|
18
|
-
//# sourceMappingURL=
|
|
18
|
+
//# sourceMappingURL=enrichedThemingToCSSProperties.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["toColor","enrichedInputThemingToCSSProperties","cursorColor","placeholderTextColor","selectionColor","extra","caret","caretColor","placeholderCss","selectionCss"],"sourceRoot":"../../../../src","sources":["web/styleConversion/enrichedThemingToCSSProperties.ts"],"mappings":";;AAEA,SAASA,OAAO,QAAQ,cAAW;AAenC,OAAO,SAASC,mCAAmCA,CAAC;EAClDC,WAAW;EACXC,oBAAoB;EACpBC;AAC0B,CAAC,EAAiB;EAC5C,MAAMC,KAAgC,GAAG,CAAC,CAAC;EAC3C,MAAMC,KAAK,GAAGN,OAAO,CAACE,WAAW,CAAC;EAClC,IAAII,KAAK,EAAED,KAAK,CAACE,UAAU,GAAGD,KAAK;EAEnC,MAAME,cAAc,GAAGR,OAAO,CAACG,oBAAoB,CAAC;EACpD,IAAIK,cAAc,EAAEH,KAAK,CAAC,6BAA6B,CAAC,GAAGG,cAAc;EAEzE,MAAMC,YAAY,GAAGT,OAAO,CAACI,cAAc,CAAC;EAC5C,IAAIK,YAAY,EAAEJ,KAAK,CAAC,sBAAsB,CAAC,GAAGI,YAAY;EAE9D,OAAOJ,KAAK;AACd","ignoreList":[]}
|