@semcore/core 17.0.0 → 17.0.1-prerelease.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/CHANGELOG.md +3 -111
- package/README.md +35 -5
- package/lib/LastInteractionType.js +36 -22
- package/lib/LastInteractionType.js.map +1 -1
- package/lib/LastInteractionType.mjs +33 -19
- package/lib/LastInteractionType.mjs.map +1 -1
- package/lib/core-types/Component.js +41 -25
- package/lib/core-types/Component.js.map +1 -1
- package/lib/core-types/Component.mjs +38 -18
- package/lib/core-types/Component.mjs.map +1 -1
- package/lib/core-types/symbols.js +9 -9
- package/lib/core-types/symbols.js.map +1 -1
- package/lib/core-types/symbols.mjs +9 -9
- package/lib/core-types/symbols.mjs.map +1 -1
- package/lib/coreFactory.js +238 -158
- package/lib/coreFactory.js.map +1 -1
- package/lib/coreFactory.mjs +189 -133
- package/lib/coreFactory.mjs.map +1 -1
- package/lib/decorators/propsObserver.js +64 -36
- package/lib/decorators/propsObserver.js.map +1 -1
- package/lib/decorators/propsObserver.mjs +61 -33
- package/lib/decorators/propsObserver.mjs.map +1 -1
- package/lib/decorators/reactive.js +17 -17
- package/lib/decorators/reactive.js.map +1 -1
- package/lib/decorators/reactive.mjs +15 -15
- package/lib/decorators/reactive.mjs.map +1 -1
- package/lib/enhancement/Children.js +59 -51
- package/lib/enhancement/Children.js.map +1 -1
- package/lib/enhancement/Children.mjs +41 -47
- package/lib/enhancement/Children.mjs.map +1 -1
- package/lib/enhancement/Root.js +37 -36
- package/lib/enhancement/Root.js.map +1 -1
- package/lib/enhancement/Root.mjs +18 -28
- package/lib/enhancement/Root.mjs.map +1 -1
- package/lib/enhancement/dataName.js +8 -7
- package/lib/enhancement/dataName.js.map +1 -1
- package/lib/enhancement/dataName.mjs +5 -5
- package/lib/enhancement/dataName.mjs.map +1 -1
- package/lib/enhancement/enhance.js +9 -6
- package/lib/enhancement/enhance.js.map +1 -1
- package/lib/enhancement/enhance.mjs +7 -4
- package/lib/enhancement/enhance.mjs.map +1 -1
- package/lib/enhancement/functionDefaultProps.js +6 -6
- package/lib/enhancement/functionDefaultProps.js.map +1 -1
- package/lib/enhancement/functionDefaultProps.mjs +4 -4
- package/lib/enhancement/functionDefaultProps.mjs.map +1 -1
- package/lib/enhancement/i18n.js +13 -13
- package/lib/enhancement/i18n.js.map +1 -1
- package/lib/enhancement/i18n.mjs +9 -10
- package/lib/enhancement/i18n.mjs.map +1 -1
- package/lib/enhancement/inheritedName.js +8 -7
- package/lib/enhancement/inheritedName.js.map +1 -1
- package/lib/enhancement/inheritedName.mjs +5 -5
- package/lib/enhancement/inheritedName.mjs.map +1 -1
- package/lib/enhancement/staticChildren.js +56 -47
- package/lib/enhancement/staticChildren.js.map +1 -1
- package/lib/enhancement/staticChildren.mjs +48 -43
- package/lib/enhancement/staticChildren.mjs.map +1 -1
- package/lib/enhancement/style.js +27 -29
- package/lib/enhancement/style.js.map +1 -1
- package/lib/enhancement/style.mjs +20 -26
- package/lib/enhancement/style.mjs.map +1 -1
- package/lib/enhancement/uncontrolledProps.js +65 -46
- package/lib/enhancement/uncontrolledProps.js.map +1 -1
- package/lib/enhancement/uncontrolledProps.mjs +52 -43
- package/lib/enhancement/uncontrolledProps.mjs.map +1 -1
- package/lib/esm/LastInteractionType.mjs +33 -19
- package/lib/esm/core-types/Component.mjs +38 -18
- package/lib/esm/core-types/symbols.mjs +9 -9
- package/lib/esm/coreFactory.mjs +189 -133
- package/lib/esm/enhancement/Children.mjs +41 -47
- package/lib/esm/enhancement/Root.mjs +18 -28
- package/lib/esm/enhancement/dataName.mjs +5 -5
- package/lib/esm/enhancement/enhance.mjs +7 -4
- package/lib/esm/enhancement/functionDefaultProps.mjs +4 -4
- package/lib/esm/enhancement/i18n.mjs +9 -10
- package/lib/esm/enhancement/inheritedName.mjs +5 -5
- package/lib/esm/enhancement/staticChildren.mjs +48 -43
- package/lib/esm/enhancement/style.mjs +20 -26
- package/lib/esm/enhancement/uncontrolledProps.mjs +52 -43
- package/lib/esm/register.mjs +20 -12
- package/lib/esm/styled/reshadow-core.mjs +111 -98
- package/lib/esm/styled/sstyled.mjs +41 -31
- package/lib/esm/utils/assignProps.mjs +36 -32
- package/lib/esm/utils/enhances/WithI18n.mjs +17 -15
- package/lib/esm/utils/enhances/i18nEnhance.mjs +61 -47
- package/lib/esm/utils/logger.mjs +21 -13
- package/lib/esm/utils/pick.mjs +4 -4
- package/lib/esm/utils/ref.mjs +43 -27
- package/lib/esm/utils/use/useEnhancedEffect.mjs +1 -1
- package/lib/index.js +17 -17
- package/lib/register.js +24 -17
- package/lib/register.js.map +1 -1
- package/lib/register.mjs +20 -12
- package/lib/register.mjs.map +1 -1
- package/lib/styled/index.js +4 -4
- package/lib/styled/reshadow-core.js +104 -102
- package/lib/styled/reshadow-core.js.map +1 -1
- package/lib/styled/reshadow-core.mjs +111 -98
- package/lib/styled/reshadow-core.mjs.map +1 -1
- package/lib/styled/sstyled.js +53 -31
- package/lib/styled/sstyled.js.map +1 -1
- package/lib/styled/sstyled.mjs +41 -31
- package/lib/styled/sstyled.mjs.map +1 -1
- package/lib/theme/themes/dark.js +2 -2
- package/lib/theme/themes/dark.js.map +1 -1
- package/lib/theme/themes/default.js +2 -2
- package/lib/theme/themes/default.js.map +1 -1
- package/lib/theme/themes/highlights-dark.js +2 -2
- package/lib/theme/themes/highlights-dark.js.map +1 -1
- package/lib/theme/themes/highlights-light.js +2 -2
- package/lib/theme/themes/highlights-light.js.map +1 -1
- package/lib/theme/themes/light.js +2 -2
- package/lib/theme/themes/light.js.map +1 -1
- package/lib/utils/CSSinJS.js +10 -8
- package/lib/utils/CSSinJS.js.map +1 -1
- package/lib/utils/CSSinJS.mjs +7 -6
- package/lib/utils/CSSinJS.mjs.map +1 -1
- package/lib/utils/ThemeProvider.js +51 -44
- package/lib/utils/ThemeProvider.js.map +1 -1
- package/lib/utils/ThemeProvider.mjs +47 -36
- package/lib/utils/ThemeProvider.mjs.map +1 -1
- package/lib/utils/addonText.js +7 -4
- package/lib/utils/addonText.js.map +1 -1
- package/lib/utils/addonText.mjs +5 -2
- package/lib/utils/addonText.mjs.map +1 -1
- package/lib/utils/addonTextChildren.js +21 -15
- package/lib/utils/addonTextChildren.js.map +1 -1
- package/lib/utils/addonTextChildren.mjs +13 -7
- package/lib/utils/addonTextChildren.mjs.map +1 -1
- package/lib/utils/ariaProps.js +5 -7
- package/lib/utils/ariaProps.js.map +1 -1
- package/lib/utils/ariaProps.mjs +5 -7
- package/lib/utils/ariaProps.mjs.map +1 -1
- package/lib/utils/assignProps.js +37 -33
- package/lib/utils/assignProps.js.map +1 -1
- package/lib/utils/assignProps.mjs +36 -32
- package/lib/utils/assignProps.mjs.map +1 -1
- package/lib/utils/canUseDOM.js +1 -1
- package/lib/utils/capitalizeFirstLetter.js +1 -1
- package/lib/utils/color.js +95 -72
- package/lib/utils/color.js.map +1 -1
- package/lib/utils/color.mjs +94 -71
- package/lib/utils/color.mjs.map +1 -1
- package/lib/utils/compose.js +12 -3
- package/lib/utils/compose.js.map +1 -1
- package/lib/utils/compose.mjs +11 -2
- package/lib/utils/compose.mjs.map +1 -1
- package/lib/utils/createUUID.js +5 -5
- package/lib/utils/createUUID.js.map +1 -1
- package/lib/utils/createUUID.mjs +4 -4
- package/lib/utils/createUUID.mjs.map +1 -1
- package/lib/utils/cssToIntDefault.js +4 -3
- package/lib/utils/cssToIntDefault.js.map +1 -1
- package/lib/utils/cssToIntDefault.mjs +3 -2
- package/lib/utils/cssToIntDefault.mjs.map +1 -1
- package/lib/utils/enhances/WithCSS.js +8 -10
- package/lib/utils/enhances/WithCSS.js.map +1 -1
- package/lib/utils/enhances/WithCSS.mjs +6 -7
- package/lib/utils/enhances/WithCSS.mjs.map +1 -1
- package/lib/utils/enhances/WithI18n.js +19 -19
- package/lib/utils/enhances/WithI18n.js.map +1 -1
- package/lib/utils/enhances/WithI18n.mjs +17 -15
- package/lib/utils/enhances/WithI18n.mjs.map +1 -1
- package/lib/utils/enhances/a11yEnhance.js +39 -34
- package/lib/utils/enhances/a11yEnhance.js.map +1 -1
- package/lib/utils/enhances/a11yEnhance.mjs +36 -32
- package/lib/utils/enhances/a11yEnhance.mjs.map +1 -1
- package/lib/utils/enhances/animatedSizeEnhance.js +63 -55
- package/lib/utils/enhances/animatedSizeEnhance.js.map +1 -1
- package/lib/utils/enhances/animatedSizeEnhance.mjs +58 -50
- package/lib/utils/enhances/animatedSizeEnhance.mjs.map +1 -1
- package/lib/utils/enhances/contextEnhance.js +11 -12
- package/lib/utils/enhances/contextEnhance.js.map +1 -1
- package/lib/utils/enhances/contextEnhance.mjs +8 -9
- package/lib/utils/enhances/contextEnhance.mjs.map +1 -1
- package/lib/utils/enhances/i18nEnhance.js +67 -51
- package/lib/utils/enhances/i18nEnhance.js.map +1 -1
- package/lib/utils/enhances/i18nEnhance.mjs +61 -47
- package/lib/utils/enhances/i18nEnhance.mjs.map +1 -1
- package/lib/utils/enhances/resolveColorEnhance.js +10 -12
- package/lib/utils/enhances/resolveColorEnhance.js.map +1 -1
- package/lib/utils/enhances/resolveColorEnhance.mjs +6 -8
- package/lib/utils/enhances/resolveColorEnhance.mjs.map +1 -1
- package/lib/utils/eventEmitter.js +57 -30
- package/lib/utils/eventEmitter.js.map +1 -1
- package/lib/utils/eventEmitter.mjs +55 -26
- package/lib/utils/eventEmitter.mjs.map +1 -1
- package/lib/utils/findComponent.js +42 -35
- package/lib/utils/findComponent.js.map +1 -1
- package/lib/utils/findComponent.mjs +33 -26
- package/lib/utils/findComponent.mjs.map +1 -1
- package/lib/utils/fire.js +13 -7
- package/lib/utils/fire.js.map +1 -1
- package/lib/utils/fire.mjs +11 -5
- package/lib/utils/fire.mjs.map +1 -1
- package/lib/utils/focus-lock/focusBorders.js +32 -28
- package/lib/utils/focus-lock/focusBorders.js.map +1 -1
- package/lib/utils/focus-lock/focusBorders.mjs +32 -26
- package/lib/utils/focus-lock/focusBorders.mjs.map +1 -1
- package/lib/utils/focus-lock/getFocusableIn.js +6 -4
- package/lib/utils/focus-lock/getFocusableIn.js.map +1 -1
- package/lib/utils/focus-lock/getFocusableIn.mjs +6 -3
- package/lib/utils/focus-lock/getFocusableIn.mjs.map +1 -1
- package/lib/utils/focus-lock/isFocusInside.js +6 -5
- package/lib/utils/focus-lock/isFocusInside.js.map +1 -1
- package/lib/utils/focus-lock/isFocusInside.mjs +6 -4
- package/lib/utils/focus-lock/isFocusInside.mjs.map +1 -1
- package/lib/utils/focus-lock/isFocusable.js +12 -9
- package/lib/utils/focus-lock/isFocusable.js.map +1 -1
- package/lib/utils/focus-lock/isFocusable.mjs +11 -8
- package/lib/utils/focus-lock/isFocusable.mjs.map +1 -1
- package/lib/utils/focus-lock/setFocus.js +27 -21
- package/lib/utils/focus-lock/setFocus.js.map +1 -1
- package/lib/utils/focus-lock/setFocus.mjs +25 -19
- package/lib/utils/focus-lock/setFocus.mjs.map +1 -1
- package/lib/utils/getAccessibleName.js +22 -10
- package/lib/utils/getAccessibleName.js.map +1 -1
- package/lib/utils/getAccessibleName.mjs +21 -10
- package/lib/utils/getAccessibleName.mjs.map +1 -1
- package/lib/utils/getDisplayName.js +1 -1
- package/lib/utils/getEventTarget.js +32 -13
- package/lib/utils/getEventTarget.js.map +1 -1
- package/lib/utils/getEventTarget.mjs +31 -12
- package/lib/utils/getEventTarget.mjs.map +1 -1
- package/lib/utils/getOriginChildren.js +4 -4
- package/lib/utils/getOriginChildren.js.map +1 -1
- package/lib/utils/getRandomInt.js +1 -1
- package/lib/utils/getValue.js +6 -4
- package/lib/utils/getValue.js.map +1 -1
- package/lib/utils/getValue.mjs +5 -3
- package/lib/utils/getValue.mjs.map +1 -1
- package/lib/utils/hasLabels.js +27 -16
- package/lib/utils/hasLabels.js.map +1 -1
- package/lib/utils/hasLabels.mjs +24 -14
- package/lib/utils/hasLabels.mjs.map +1 -1
- package/lib/utils/hasParent.js +2 -3
- package/lib/utils/hasParent.js.map +1 -1
- package/lib/utils/hasParent.mjs +3 -2
- package/lib/utils/hasParent.mjs.map +1 -1
- package/lib/utils/ifChildren.js +4 -6
- package/lib/utils/ifChildren.js.map +1 -1
- package/lib/utils/ifChildren.mjs +2 -4
- package/lib/utils/ifChildren.mjs.map +1 -1
- package/lib/utils/indentStyles.js +10 -5
- package/lib/utils/indentStyles.js.map +1 -1
- package/lib/utils/indentStyles.mjs +9 -5
- package/lib/utils/indentStyles.mjs.map +1 -1
- package/lib/utils/injectStyle.js +13 -11
- package/lib/utils/injectStyle.js.map +1 -1
- package/lib/utils/injectStyle.mjs +10 -9
- package/lib/utils/injectStyle.mjs.map +1 -1
- package/lib/utils/inputProps.js +5 -5
- package/lib/utils/inputProps.js.map +1 -1
- package/lib/utils/inputProps.mjs +4 -4
- package/lib/utils/inputProps.mjs.map +1 -1
- package/lib/utils/isInteractiveElement.js +9 -7
- package/lib/utils/isInteractiveElement.js.map +1 -1
- package/lib/utils/isInteractiveElement.mjs +9 -7
- package/lib/utils/isInteractiveElement.mjs.map +1 -1
- package/lib/utils/isNode.js +5 -4
- package/lib/utils/isNode.js.map +1 -1
- package/lib/utils/isNode.mjs +2 -1
- package/lib/utils/isNode.mjs.map +1 -1
- package/lib/utils/isPromise.js +1 -1
- package/lib/utils/isRetina.js +2 -7
- package/lib/utils/isRetina.js.map +1 -1
- package/lib/utils/isRetina.mjs +1 -6
- package/lib/utils/isRetina.mjs.map +1 -1
- package/lib/utils/logger.js +25 -18
- package/lib/utils/logger.js.map +1 -1
- package/lib/utils/logger.mjs +21 -13
- package/lib/utils/logger.mjs.map +1 -1
- package/lib/utils/numericChecker.js +18 -11
- package/lib/utils/numericChecker.js.map +1 -1
- package/lib/utils/numericChecker.mjs +17 -10
- package/lib/utils/numericChecker.mjs.map +1 -1
- package/lib/utils/ownerDocument.js +2 -2
- package/lib/utils/ownerDocument.js.map +1 -1
- package/lib/utils/ownerDocument.mjs +1 -1
- package/lib/utils/ownerDocument.mjs.map +1 -1
- package/lib/utils/pick.js +5 -5
- package/lib/utils/pick.js.map +1 -1
- package/lib/utils/pick.mjs +4 -4
- package/lib/utils/pick.mjs.map +1 -1
- package/lib/utils/propsForElement.js +12 -10
- package/lib/utils/propsForElement.js.map +1 -1
- package/lib/utils/propsForElement.mjs +10 -8
- package/lib/utils/propsForElement.mjs.map +1 -1
- package/lib/utils/rafTrottle.js +14 -9
- package/lib/utils/rafTrottle.js.map +1 -1
- package/lib/utils/rafTrottle.mjs +12 -7
- package/lib/utils/rafTrottle.mjs.map +1 -1
- package/lib/utils/reactToText.js +8 -5
- package/lib/utils/reactToText.js.map +1 -1
- package/lib/utils/reactToText.mjs +6 -3
- package/lib/utils/reactToText.mjs.map +1 -1
- package/lib/utils/ref.js +47 -29
- package/lib/utils/ref.js.map +1 -1
- package/lib/utils/ref.mjs +43 -27
- package/lib/utils/ref.mjs.map +1 -1
- package/lib/utils/setRef.js +2 -2
- package/lib/utils/setRef.js.map +1 -1
- package/lib/utils/syncScroll.js +24 -24
- package/lib/utils/syncScroll.js.map +1 -1
- package/lib/utils/syncScroll.mjs +21 -21
- package/lib/utils/syncScroll.mjs.map +1 -1
- package/lib/utils/uncontroll.js +18 -8
- package/lib/utils/uncontroll.js.map +1 -1
- package/lib/utils/uncontroll.mjs +17 -8
- package/lib/utils/uncontroll.mjs.map +1 -1
- package/lib/utils/uniqueID.js +27 -22
- package/lib/utils/uniqueID.js.map +1 -1
- package/lib/utils/uniqueID.mjs +25 -18
- package/lib/utils/uniqueID.mjs.map +1 -1
- package/lib/utils/use/useColorResolver.js +22 -21
- package/lib/utils/use/useColorResolver.js.map +1 -1
- package/lib/utils/use/useColorResolver.mjs +19 -17
- package/lib/utils/use/useColorResolver.mjs.map +1 -1
- package/lib/utils/use/useEnhancedEffect.js +4 -4
- package/lib/utils/use/useEnhancedEffect.js.map +1 -1
- package/lib/utils/use/useEnhancedEffect.mjs +1 -1
- package/lib/utils/use/useEnhancedEffect.mjs.map +1 -1
- package/lib/utils/use/useEventCallback.js +10 -5
- package/lib/utils/use/useEventCallback.js.map +1 -1
- package/lib/utils/use/useEventCallback.mjs +8 -3
- package/lib/utils/use/useEventCallback.mjs.map +1 -1
- package/lib/utils/use/useEventListener.js +15 -11
- package/lib/utils/use/useEventListener.js.map +1 -1
- package/lib/utils/use/useEventListener.mjs +11 -7
- package/lib/utils/use/useEventListener.mjs.map +1 -1
- package/lib/utils/use/useFocusLock.js +94 -80
- package/lib/utils/use/useFocusLock.js.map +1 -1
- package/lib/utils/use/useFocusLock.mjs +88 -71
- package/lib/utils/use/useFocusLock.mjs.map +1 -1
- package/lib/utils/use/usePreventScroll.js +26 -24
- package/lib/utils/use/usePreventScroll.js.map +1 -1
- package/lib/utils/use/usePreventScroll.mjs +21 -19
- package/lib/utils/use/usePreventScroll.mjs.map +1 -1
- package/lib/utils/use/useScrollBarWidth.js +14 -8
- package/lib/utils/use/useScrollBarWidth.js.map +1 -1
- package/lib/utils/use/useScrollBarWidth.mjs +13 -8
- package/lib/utils/use/useScrollBarWidth.mjs.map +1 -1
- package/lib/utils/useCssVariable.js +37 -32
- package/lib/utils/useCssVariable.js.map +1 -1
- package/lib/utils/useCssVariable.mjs +34 -27
- package/lib/utils/useCssVariable.mjs.map +1 -1
- package/lib/utils/zIndexStacking.js +24 -28
- package/lib/utils/zIndexStacking.js.map +1 -1
- package/lib/utils/zIndexStacking.mjs +22 -23
- package/lib/utils/zIndexStacking.mjs.map +1 -1
- package/package.json +12 -316
- package/vite.config.ts +0 -22
- package/tsconfig-utils.json +0 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CSSinJS.mjs","names":["create","addon","addonCache","addonHydrate","addonPrefixer","addonRule","_nano","style","opt","createStyle","nano","pfx","verbose"],"sources":["../../src/utils/CSSinJS.ts"],"sourcesContent":["import { create, type NanoOptions, type NanoRenderer } from '@phytonmk/nano-css';\nimport { addon as addonCache } from '@phytonmk/nano-css/addon/cache';\nimport { addon as addonHydrate } from '@phytonmk/nano-css/addon/hydrate';\nimport { addon as addonPrefixer } from '@phytonmk/nano-css/addon/prefixer';\nimport { addon as addonRule } from '@phytonmk/nano-css/addon/rule';\n\nlet _nano: any = null;\n\nfunction style(opt?: NanoOptions): NanoRenderer {\n if (!_nano) {\n _nano = createStyle(opt);\n }\n return _nano;\n}\n\nfunction createStyle(opt: NanoOptions = {}): NanoRenderer {\n const nano = create({ pfx: 'css', verbose: true, ...opt });\n\n addonCache(nano);\n addonRule(nano);\n addonPrefixer(nano);\n addonHydrate(nano);\n\n return nano;\n}\n\nexport { createStyle };\n\nexport default style;\n"],"mappings":"AAAA,SAASA,MAAM,QAA6C,oBAAoB;AAChF,SAASC,KAAK,IAAIC,UAAU,QAAQ,gCAAgC;AACpE,SAASD,KAAK,IAAIE,YAAY,QAAQ,kCAAkC;AACxE,SAASF,KAAK,IAAIG,aAAa,QAAQ,mCAAmC;AAC1E,SAASH,KAAK,IAAII,SAAS,QAAQ,+BAA+B;AAElE,IAAIC,KAAU,GAAG,IAAI;AAErB,SAASC,KAAKA,CAACC,GAAiB,EAAgB;EAC9C,IAAI,CAACF,KAAK,EAAE;IACVA,KAAK,GAAGG,WAAW,CAACD,GAAG,CAAC;EAC1B;EACA,OAAOF,KAAK;AACd;AAEA,SAASG,WAAWA,
|
|
1
|
+
{"version":3,"file":"CSSinJS.mjs","names":["create","addon","addonCache","addonHydrate","addonPrefixer","addonRule","_nano","style","opt","createStyle","arguments","length","undefined","nano","_objectSpread","pfx","verbose"],"sources":["../../src/utils/CSSinJS.ts"],"sourcesContent":["import { create, type NanoOptions, type NanoRenderer } from '@phytonmk/nano-css';\nimport { addon as addonCache } from '@phytonmk/nano-css/addon/cache';\nimport { addon as addonHydrate } from '@phytonmk/nano-css/addon/hydrate';\nimport { addon as addonPrefixer } from '@phytonmk/nano-css/addon/prefixer';\nimport { addon as addonRule } from '@phytonmk/nano-css/addon/rule';\n\nlet _nano: any = null;\n\nfunction style(opt?: NanoOptions): NanoRenderer {\n if (!_nano) {\n _nano = createStyle(opt);\n }\n return _nano;\n}\n\nfunction createStyle(opt: NanoOptions = {}): NanoRenderer {\n const nano = create({ pfx: 'css', verbose: true, ...opt });\n\n addonCache(nano);\n addonRule(nano);\n addonPrefixer(nano);\n addonHydrate(nano);\n\n return nano;\n}\n\nexport { createStyle };\n\nexport default style;\n"],"mappings":";AAAA,SAASA,MAAM,QAA6C,oBAAoB;AAChF,SAASC,KAAK,IAAIC,UAAU,QAAQ,gCAAgC;AACpE,SAASD,KAAK,IAAIE,YAAY,QAAQ,kCAAkC;AACxE,SAASF,KAAK,IAAIG,aAAa,QAAQ,mCAAmC;AAC1E,SAASH,KAAK,IAAII,SAAS,QAAQ,+BAA+B;AAElE,IAAIC,KAAU,GAAG,IAAI;AAErB,SAASC,KAAKA,CAACC,GAAiB,EAAgB;EAC9C,IAAI,CAACF,KAAK,EAAE;IACVA,KAAK,GAAGG,WAAW,CAACD,GAAG,CAAC;EAC1B;EACA,OAAOF,KAAK;AACd;AAEA,SAASG,WAAWA,CAAA,EAAsC;EAAA,IAArCD,GAAgB,GAAAE,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACxC,IAAMG,IAAI,GAAGb,MAAM,CAAAc,aAAA;IAAGC,GAAG,EAAE,KAAK;IAAEC,OAAO,EAAE;EAAI,GAAKR,GAAG,CAAE,CAAC;EAE1DN,UAAU,CAACW,IAAI,CAAC;EAChBR,SAAS,CAACQ,IAAI,CAAC;EACfT,aAAa,CAACS,IAAI,CAAC;EACnBV,YAAY,CAACU,IAAI,CAAC;EAElB,OAAOA,IAAI;AACb;AAEA,SAASJ,WAAW;AAEpB,eAAeF,KAAK","ignoreList":[]}
|
|
@@ -1,71 +1,78 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.useContextTokens = exports.useContextTheme = exports.contextThemeEnhance = exports.ThemeProvider = void 0;
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
12
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var
|
|
13
|
+
var _ref3 = require("./ref");
|
|
11
14
|
var _useEnhancedEffect = _interopRequireDefault(require("./use/useEnhancedEffect"));
|
|
12
|
-
|
|
13
|
-
exports.useContextTokens = useContextTokens
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
var _excluded = ["tokens", "children", "style"];
|
|
16
|
+
var useContextTokens = exports.useContextTokens = function useContextTokens() {
|
|
17
|
+
return _react["default"].useContext(themeContext);
|
|
18
|
+
};
|
|
19
|
+
var useContextTheme = exports.useContextTheme = function useContextTheme(ref, available) {
|
|
20
|
+
var tokens = useContextTokens();
|
|
21
|
+
var tokensKey = _react["default"].useMemo(function () {
|
|
17
22
|
if (!tokens) return '';
|
|
18
|
-
return Object.entries(tokens).map((
|
|
23
|
+
return Object.entries(tokens).map(function (_ref) {
|
|
24
|
+
var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
|
|
25
|
+
key = _ref2[0],
|
|
26
|
+
value = _ref2[1];
|
|
27
|
+
return "".concat(key, "-").concat(value);
|
|
28
|
+
}).join('/');
|
|
19
29
|
}, [tokens]);
|
|
20
|
-
(0, _useEnhancedEffect
|
|
30
|
+
(0, _useEnhancedEffect["default"])(function () {
|
|
21
31
|
if (available !== undefined && !available) return;
|
|
22
32
|
if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;
|
|
23
|
-
for (
|
|
33
|
+
for (var token in tokens) {
|
|
24
34
|
ref.current.style.setProperty(token, tokens[token]);
|
|
25
35
|
}
|
|
26
36
|
}, [tokensKey, available]);
|
|
27
37
|
};
|
|
28
|
-
exports.
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
var contextThemeEnhance = exports.contextThemeEnhance = function contextThemeEnhance(getAvailable) {
|
|
39
|
+
return function (props) {
|
|
40
|
+
var existingRef = props.ref;
|
|
41
|
+
var available = _react["default"].useMemo(function () {
|
|
42
|
+
return getAvailable === null || getAvailable === void 0 ? void 0 : getAvailable(props);
|
|
43
|
+
}, Object.values(props));
|
|
44
|
+
var enhanceRef = _react["default"].useRef();
|
|
45
|
+
var refArr = _react["default"].useMemo(function () {
|
|
46
|
+
return existingRef ? [existingRef, enhanceRef] : [enhanceRef];
|
|
47
|
+
}, [existingRef, enhanceRef]);
|
|
48
|
+
var ref = (0, _ref3.useForkRef)(refArr);
|
|
36
49
|
useContextTheme(enhanceRef, available);
|
|
37
|
-
return {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
};
|
|
50
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
|
|
51
|
+
ref: ref
|
|
52
|
+
});
|
|
41
53
|
};
|
|
42
54
|
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
...contextTokens,
|
|
55
|
-
...providedTokens
|
|
55
|
+
var themeContext = /*#__PURE__*/_react["default"].createContext(null);
|
|
56
|
+
var ThemeProvider = exports.ThemeProvider = function ThemeProvider(props) {
|
|
57
|
+
var _props$tokens = props.tokens,
|
|
58
|
+
providedTokens = _props$tokens === void 0 ? {} : _props$tokens,
|
|
59
|
+
children = props.children,
|
|
60
|
+
_props$style = props.style,
|
|
61
|
+
providedStyle = _props$style === void 0 ? {} : _props$style,
|
|
62
|
+
restProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
|
|
63
|
+
var contextTokens = _react["default"].useContext(themeContext);
|
|
64
|
+
var tokens = _react["default"].useMemo(function () {
|
|
65
|
+
return contextTokens === null ? providedTokens : (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, contextTokens), providedTokens);
|
|
56
66
|
}, [contextTokens, providedTokens]);
|
|
57
|
-
|
|
58
|
-
return {
|
|
59
|
-
display: 'contents'
|
|
60
|
-
|
|
61
|
-
...providedStyle
|
|
62
|
-
};
|
|
67
|
+
var style = _react["default"].useMemo(function () {
|
|
68
|
+
return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
69
|
+
display: 'contents'
|
|
70
|
+
}, tokens), providedStyle);
|
|
63
71
|
}, [tokens, providedStyle]);
|
|
64
|
-
return /*#__PURE__*/_react
|
|
72
|
+
return /*#__PURE__*/_react["default"].createElement(themeContext.Provider, {
|
|
65
73
|
value: tokens
|
|
66
|
-
}, /*#__PURE__*/_react
|
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, restProps, {
|
|
67
75
|
style: style
|
|
68
76
|
}), children));
|
|
69
77
|
};
|
|
70
|
-
exports.ThemeProvider = ThemeProvider;
|
|
71
78
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","names":["_react","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","names":["_react","_interopRequireDefault","require","_ref3","_useEnhancedEffect","_excluded","useContextTokens","exports","React","useContext","themeContext","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref","_ref2","_slicedToArray2","key","value","concat","join","useEnhancedEffect","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","useForkRef","_objectSpread2","createContext","ThemeProvider","_props$tokens","providedTokens","children","_props$style","providedStyle","restProps","_objectWithoutProperties2","contextTokens","display","createElement","Provider","_extends2"],"sources":["../../src/utils/ThemeProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = JSX.IntrinsicElements['div'] & {\n tokens: Tokens;\n children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n const tokens = useContextTokens();\n const tokensKey = React.useMemo(() => {\n if (!tokens) return '';\n return Object.entries(tokens)\n .map(([key, value]) => `${key}-${value}`)\n .join('/');\n }, [tokens]);\n useEnhancedEffect(() => {\n if (available !== undefined && !available) return;\n if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n for (const token in tokens) {\n ref.current.style.setProperty(token, tokens[token]);\n }\n }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = <T extends Record<string, any> = {}>(\n getAvailable?: (props: T) => boolean | undefined,\n) => {\n return (props: T) => {\n const existingRef = props.ref;\n const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n const enhanceRef: any = React.useRef();\n const refArr: any = React.useMemo(\n () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n [existingRef, enhanceRef],\n );\n const ref = useForkRef(refArr);\n useContextTheme(enhanceRef, available);\n\n return { ...props, ref };\n };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider = (props: ThemeProviderProps): React.ReactElement => {\n const { tokens: providedTokens = {}, children, style: providedStyle = {}, ...restProps } = props;\n const contextTokens = React.useContext(themeContext);\n const tokens = React.useMemo(\n () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n [contextTokens, providedTokens],\n );\n const style: React.CSSProperties = React.useMemo(() => {\n return {\n display: 'contents',\n ...tokens,\n ...providedStyle,\n };\n }, [tokens, providedStyle]);\n\n return (\n <themeContext.Provider value={tokens}>\n <div {...restProps} style={style}>\n {children}\n </div>\n </themeContext.Provider>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,55 +1,66 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
4
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
5
|
+
var _excluded = ["tokens", "children", "style"];
|
|
2
6
|
import React from 'react';
|
|
3
7
|
import { useForkRef } from "./ref.mjs";
|
|
4
8
|
import useEnhancedEffect from "./use/useEnhancedEffect.mjs";
|
|
5
|
-
export
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
+
export var useContextTokens = function useContextTokens() {
|
|
10
|
+
return React.useContext(themeContext);
|
|
11
|
+
};
|
|
12
|
+
export var useContextTheme = function useContextTheme(ref, available) {
|
|
13
|
+
var tokens = useContextTokens();
|
|
14
|
+
var tokensKey = React.useMemo(function () {
|
|
9
15
|
if (!tokens) return '';
|
|
10
|
-
return Object.entries(tokens).map((
|
|
16
|
+
return Object.entries(tokens).map(function (_ref) {
|
|
17
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
18
|
+
key = _ref2[0],
|
|
19
|
+
value = _ref2[1];
|
|
20
|
+
return "".concat(key, "-").concat(value);
|
|
21
|
+
}).join('/');
|
|
11
22
|
}, [tokens]);
|
|
12
|
-
useEnhancedEffect(()
|
|
23
|
+
useEnhancedEffect(function () {
|
|
13
24
|
if (available !== undefined && !available) return;
|
|
14
25
|
if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;
|
|
15
|
-
for (
|
|
26
|
+
for (var token in tokens) {
|
|
16
27
|
ref.current.style.setProperty(token, tokens[token]);
|
|
17
28
|
}
|
|
18
29
|
}, [tokensKey, available]);
|
|
19
30
|
};
|
|
20
|
-
export
|
|
21
|
-
return props
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
31
|
+
export var contextThemeEnhance = function contextThemeEnhance(getAvailable) {
|
|
32
|
+
return function (props) {
|
|
33
|
+
var existingRef = props.ref;
|
|
34
|
+
var available = React.useMemo(function () {
|
|
35
|
+
return getAvailable === null || getAvailable === void 0 ? void 0 : getAvailable(props);
|
|
36
|
+
}, Object.values(props));
|
|
37
|
+
var enhanceRef = React.useRef();
|
|
38
|
+
var refArr = React.useMemo(function () {
|
|
39
|
+
return existingRef ? [existingRef, enhanceRef] : [enhanceRef];
|
|
40
|
+
}, [existingRef, enhanceRef]);
|
|
41
|
+
var ref = useForkRef(refArr);
|
|
27
42
|
useContextTheme(enhanceRef, available);
|
|
28
|
-
return {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
};
|
|
43
|
+
return _objectSpread(_objectSpread({}, props), {}, {
|
|
44
|
+
ref: ref
|
|
45
|
+
});
|
|
32
46
|
};
|
|
33
47
|
};
|
|
34
|
-
|
|
35
|
-
export
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
children,
|
|
39
|
-
style
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
...providedTokens
|
|
48
|
+
var themeContext = /*#__PURE__*/React.createContext(null);
|
|
49
|
+
export var ThemeProvider = function ThemeProvider(props) {
|
|
50
|
+
var _props$tokens = props.tokens,
|
|
51
|
+
providedTokens = _props$tokens === void 0 ? {} : _props$tokens,
|
|
52
|
+
children = props.children,
|
|
53
|
+
_props$style = props.style,
|
|
54
|
+
providedStyle = _props$style === void 0 ? {} : _props$style,
|
|
55
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
56
|
+
var contextTokens = React.useContext(themeContext);
|
|
57
|
+
var tokens = React.useMemo(function () {
|
|
58
|
+
return contextTokens === null ? providedTokens : _objectSpread(_objectSpread({}, contextTokens), providedTokens);
|
|
46
59
|
}, [contextTokens, providedTokens]);
|
|
47
|
-
|
|
48
|
-
return {
|
|
49
|
-
display: 'contents'
|
|
50
|
-
|
|
51
|
-
...providedStyle
|
|
52
|
-
};
|
|
60
|
+
var style = React.useMemo(function () {
|
|
61
|
+
return _objectSpread(_objectSpread({
|
|
62
|
+
display: 'contents'
|
|
63
|
+
}, tokens), providedStyle);
|
|
53
64
|
}, [tokens, providedStyle]);
|
|
54
65
|
return /*#__PURE__*/React.createElement(themeContext.Provider, {
|
|
55
66
|
value: tokens
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.mjs","names":["React","useForkRef","useEnhancedEffect","useContextTokens","useContext","themeContext","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","key","value","join","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","createContext","ThemeProvider","providedTokens","children","providedStyle","restProps","contextTokens","display","createElement","Provider","_extends"],"sources":["../../src/utils/ThemeProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = JSX.IntrinsicElements['div'] & {\n tokens: Tokens;\n children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n const tokens = useContextTokens();\n const tokensKey = React.useMemo(() => {\n if (!tokens) return '';\n return Object.entries(tokens)\n .map(([key, value]) => `${key}-${value}`)\n .join('/');\n }, [tokens]);\n useEnhancedEffect(() => {\n if (available !== undefined && !available) return;\n if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n for (const token in tokens) {\n ref.current.style.setProperty(token, tokens[token]);\n }\n }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = <T extends Record<string, any> = {}>(\n getAvailable?: (props: T) => boolean | undefined,\n) => {\n return (props: T) => {\n const existingRef = props.ref;\n const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n const enhanceRef: any = React.useRef();\n const refArr: any = React.useMemo(\n () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n [existingRef, enhanceRef],\n );\n const ref = useForkRef(refArr);\n useContextTheme(enhanceRef, available);\n\n return { ...props, ref };\n };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider = (props: ThemeProviderProps): React.ReactElement => {\n const { tokens: providedTokens = {}, children, style: providedStyle = {}, ...restProps } = props;\n const contextTokens = React.useContext(themeContext);\n const tokens = React.useMemo(\n () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n [contextTokens, providedTokens],\n );\n const style: React.CSSProperties = React.useMemo(() => {\n return {\n display: 'contents',\n ...tokens,\n ...providedStyle,\n };\n }, [tokens, providedStyle]);\n\n return (\n <themeContext.Provider value={tokens}>\n <div {...restProps} style={style}>\n {children}\n </div>\n </themeContext.Provider>\n );\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeProvider.mjs","names":["React","useForkRef","useEnhancedEffect","useContextTokens","useContext","themeContext","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","_ref","_ref2","_slicedToArray","key","value","concat","join","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","_objectSpread","createContext","ThemeProvider","_props$tokens","providedTokens","children","_props$style","providedStyle","restProps","_objectWithoutProperties","_excluded","contextTokens","display","createElement","Provider","_extends"],"sources":["../../src/utils/ThemeProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useForkRef } from './ref';\nimport useEnhancedEffect from './use/useEnhancedEffect';\n\ntype Tokens = { [tokenName: string]: string };\nexport type ThemeProviderProps = JSX.IntrinsicElements['div'] & {\n tokens: Tokens;\n children: React.ReactNode;\n};\n\nexport const useContextTokens = () => React.useContext(themeContext);\n\nexport const useContextTheme = (ref: React.RefObject<HTMLElement>, available?: boolean) => {\n const tokens = useContextTokens();\n const tokensKey = React.useMemo(() => {\n if (!tokens) return '';\n return Object.entries(tokens)\n .map(([key, value]) => `${key}-${value}`)\n .join('/');\n }, [tokens]);\n useEnhancedEffect(() => {\n if (available !== undefined && !available) return;\n if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;\n for (const token in tokens) {\n ref.current.style.setProperty(token, tokens[token]);\n }\n }, [tokensKey, available]);\n};\nexport const contextThemeEnhance = <T extends Record<string, any> = {}>(\n getAvailable?: (props: T) => boolean | undefined,\n) => {\n return (props: T) => {\n const existingRef = props.ref;\n const available = React.useMemo(() => getAvailable?.(props), Object.values(props));\n const enhanceRef: any = React.useRef();\n const refArr: any = React.useMemo(\n () => (existingRef ? [existingRef, enhanceRef] : [enhanceRef]),\n [existingRef, enhanceRef],\n );\n const ref = useForkRef(refArr);\n useContextTheme(enhanceRef, available);\n\n return { ...props, ref };\n };\n};\n\nconst themeContext = React.createContext<Tokens | null>(null);\n\nexport const ThemeProvider = (props: ThemeProviderProps): React.ReactElement => {\n const { tokens: providedTokens = {}, children, style: providedStyle = {}, ...restProps } = props;\n const contextTokens = React.useContext(themeContext);\n const tokens = React.useMemo(\n () => (contextTokens === null ? providedTokens : { ...contextTokens, ...providedTokens }),\n [contextTokens, providedTokens],\n );\n const style: React.CSSProperties = React.useMemo(() => {\n return {\n display: 'contents',\n ...tokens,\n ...providedStyle,\n };\n }, [tokens, providedStyle]);\n\n return (\n <themeContext.Provider value={tokens}>\n <div {...restProps} style={style}>\n {children}\n </div>\n </themeContext.Provider>\n );\n};\n"],"mappings":"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","ignoreList":[]}
|
package/lib/utils/addonText.js
CHANGED
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports["default"] = addonText;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
function addonText(children, Text, Addon
|
|
9
|
+
function addonText(children, Text, Addon) {
|
|
10
|
+
var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
10
11
|
if (!isTextWrapIfEmptyChildren && !children) {
|
|
11
12
|
return false;
|
|
12
13
|
}
|
|
13
|
-
return _react
|
|
14
|
+
return _react["default"].Children.toArray(children).some(function (element) {
|
|
15
|
+
return /*#__PURE__*/_react["default"].isValidElement(element) && (element.type === _react["default"].Fragment || element.type['displayName'] === Text.displayName || element.type['displayName'] === Addon.displayName);
|
|
16
|
+
}) ? children : /*#__PURE__*/_react["default"].createElement(Text, null, children);
|
|
14
17
|
}
|
|
15
18
|
//# sourceMappingURL=addonText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"addonText.js","names":["_react","_interopRequireDefault","require","addonText","children","Text","Addon","isTextWrapIfEmptyChildren","React","Children","toArray","some","element","isValidElement","type","Fragment","displayName","
|
|
1
|
+
{"version":3,"file":"addonText.js","names":["_react","_interopRequireDefault","require","addonText","children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","React","Children","toArray","some","element","isValidElement","type","Fragment","displayName","createElement"],"sources":["../../src/utils/addonText.tsx"],"sourcesContent":["import React from 'react';\n\nexport default function addonText(\n children: React.ReactNode,\n Text: React.ComponentType<any>,\n Addon: React.ComponentType,\n isTextWrapIfEmptyChildren = false,\n) {\n if (!isTextWrapIfEmptyChildren && !children) {\n return false;\n }\n return React.Children.toArray(children).some(\n (element) =>\n React.isValidElement(element) &&\n (element.type === React.Fragment ||\n (element.type as any)['displayName'] === Text.displayName ||\n (element.type as any)['displayName'] === Addon.displayName),\n )\n ? (\n children\n )\n : (\n <Text>{children}</Text>\n );\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEe,SAASC,SAASA,CAC/BC,QAAyB,EACzBC,IAA8B,EAC9BC,KAA0B,EAE1B;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAI,CAACD,yBAAyB,IAAI,CAACH,QAAQ,EAAE;IAC3C,OAAO,KAAK;EACd;EACA,OAAOO,iBAAK,CAACC,QAAQ,CAACC,OAAO,CAACT,QAAQ,CAAC,CAACU,IAAI,CAC1C,UAACC,OAAO;IAAA,OACN,aAAAJ,iBAAK,CAACK,cAAc,CAACD,OAAO,CAAC,KAC5BA,OAAO,CAACE,IAAI,KAAKN,iBAAK,CAACO,QAAQ,IAC7BH,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKZ,IAAI,CAACc,WAAW,IACxDJ,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKX,KAAK,CAACa,WAAW,CAAC;EAAA,CACjE,CAAC,GAEKf,QAAQ,gBAGRJ,MAAA,YAAAoB,aAAA,CAACf,IAAI,QAAED,QAAe,CACvB;AACP","ignoreList":[]}
|
package/lib/utils/addonText.mjs
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export default function addonText(children, Text, Addon
|
|
2
|
+
export default function addonText(children, Text, Addon) {
|
|
3
|
+
var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
3
4
|
if (!isTextWrapIfEmptyChildren && !children) {
|
|
4
5
|
return false;
|
|
5
6
|
}
|
|
6
|
-
return React.Children.toArray(children).some(
|
|
7
|
+
return React.Children.toArray(children).some(function (element) {
|
|
8
|
+
return /*#__PURE__*/React.isValidElement(element) && (element.type === React.Fragment || element.type['displayName'] === Text.displayName || element.type['displayName'] === Addon.displayName);
|
|
9
|
+
}) ? children : /*#__PURE__*/React.createElement(Text, null, children);
|
|
7
10
|
}
|
|
8
11
|
//# sourceMappingURL=addonText.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"addonText.mjs","names":["React","addonText","children","Text","Addon","isTextWrapIfEmptyChildren","Children","toArray","some","element","isValidElement","type","Fragment","displayName","createElement"],"sources":["../../src/utils/addonText.tsx"],"sourcesContent":["import React from 'react';\n\nexport default function addonText(\n children: React.ReactNode,\n Text: React.ComponentType<any>,\n Addon: React.ComponentType,\n isTextWrapIfEmptyChildren = false,\n) {\n if (!isTextWrapIfEmptyChildren && !children) {\n return false;\n }\n return React.Children.toArray(children).some(\n (element) =>\n React.isValidElement(element) &&\n (element.type === React.Fragment ||\n (element.type as any)['displayName'] === Text.displayName ||\n (element.type as any)['displayName'] === Addon.displayName),\n )\n ? (\n children\n )\n : (\n <Text>{children}</Text>\n );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,eAAe,SAASC,SAASA,CAC/BC,QAAyB,EACzBC,IAA8B,EAC9BC,KAA0B,
|
|
1
|
+
{"version":3,"file":"addonText.mjs","names":["React","addonText","children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","Children","toArray","some","element","isValidElement","type","Fragment","displayName","createElement"],"sources":["../../src/utils/addonText.tsx"],"sourcesContent":["import React from 'react';\n\nexport default function addonText(\n children: React.ReactNode,\n Text: React.ComponentType<any>,\n Addon: React.ComponentType,\n isTextWrapIfEmptyChildren = false,\n) {\n if (!isTextWrapIfEmptyChildren && !children) {\n return false;\n }\n return React.Children.toArray(children).some(\n (element) =>\n React.isValidElement(element) &&\n (element.type === React.Fragment ||\n (element.type as any)['displayName'] === Text.displayName ||\n (element.type as any)['displayName'] === Addon.displayName),\n )\n ? (\n children\n )\n : (\n <Text>{children}</Text>\n );\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,eAAe,SAASC,SAASA,CAC/BC,QAAyB,EACzBC,IAA8B,EAC9BC,KAA0B,EAE1B;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAI,CAACD,yBAAyB,IAAI,CAACH,QAAQ,EAAE;IAC3C,OAAO,KAAK;EACd;EACA,OAAOF,KAAK,CAACS,QAAQ,CAACC,OAAO,CAACR,QAAQ,CAAC,CAACS,IAAI,CAC1C,UAACC,OAAO;IAAA,OACN,aAAAZ,KAAK,CAACa,cAAc,CAACD,OAAO,CAAC,KAC5BA,OAAO,CAACE,IAAI,KAAKd,KAAK,CAACe,QAAQ,IAC7BH,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKX,IAAI,CAACa,WAAW,IACxDJ,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKV,KAAK,CAACY,WAAW,CAAC;EAAA,CACjE,CAAC,GAEKd,QAAQ,gBAGRF,KAAA,CAAAiB,aAAA,CAACd,IAAI,QAAED,QAAe,CACvB;AACP","ignoreList":[]}
|
|
@@ -1,27 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
8
9
|
var _react = _interopRequireDefault(require("react"));
|
|
9
10
|
var _getOriginChildren = _interopRequireDefault(require("./getOriginChildren"));
|
|
10
11
|
var _isNode = _interopRequireDefault(require("./isNode"));
|
|
11
12
|
var _symbols = require("../core-types/symbols");
|
|
12
|
-
function addonTextChildren(Children, Text, Addon
|
|
13
|
-
|
|
13
|
+
function addonTextChildren(Children, Text, Addon) {
|
|
14
|
+
var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
15
|
+
var children = (0, _getOriginChildren["default"])(Children);
|
|
14
16
|
if (typeof children === 'function') {
|
|
15
|
-
return /*#__PURE__*/_react
|
|
17
|
+
return /*#__PURE__*/_react["default"].createElement(Children, null);
|
|
16
18
|
}
|
|
17
|
-
if (!isTextWrapIfEmptyChildren && !(0, _isNode
|
|
19
|
+
if (!isTextWrapIfEmptyChildren && !(0, _isNode["default"])(children)) {
|
|
18
20
|
return null;
|
|
19
21
|
}
|
|
20
|
-
return _react
|
|
21
|
-
if (! /*#__PURE__*/_react
|
|
22
|
-
if (element.type === _react
|
|
22
|
+
return _react["default"].Children.toArray(children).some(function (element) {
|
|
23
|
+
if (! /*#__PURE__*/_react["default"].isValidElement(element)) return false;
|
|
24
|
+
if (element.type === _react["default"].Fragment) return true;
|
|
23
25
|
if (element.type[_symbols.CHILDREN_COMPONENT]) {
|
|
24
|
-
|
|
26
|
+
var wrapChildren = addonTextChildren(element.type, Text, Addon);
|
|
25
27
|
if (wrapChildren.type[_symbols.CHILDREN_COMPONENT]) {
|
|
26
28
|
return true;
|
|
27
29
|
} else {
|
|
@@ -29,10 +31,14 @@ function addonTextChildren(Children, Text, Addon, isTextWrapIfEmptyChildren = fa
|
|
|
29
31
|
}
|
|
30
32
|
}
|
|
31
33
|
// @ts-ignore
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
34
|
+
var inheritedNames = element.type[_symbols.INHERITED_NAME] || [element.type.displayName];
|
|
35
|
+
var addonNames = Array.isArray(Addon) ? Addon.map(function (Component) {
|
|
36
|
+
return Component.displayName;
|
|
37
|
+
}) : [Addon.displayName];
|
|
38
|
+
return [Text.displayName].concat((0, _toConsumableArray2["default"])(addonNames)).find(function (name) {
|
|
39
|
+
return inheritedNames.includes(name);
|
|
40
|
+
});
|
|
41
|
+
}) ? /*#__PURE__*/_react["default"].createElement(Children, null) : /*#__PURE__*/_react["default"].createElement(Text, null, /*#__PURE__*/_react["default"].createElement(Children, null));
|
|
36
42
|
}
|
|
37
|
-
var _default = exports
|
|
43
|
+
var _default = exports["default"] = addonTextChildren;
|
|
38
44
|
//# sourceMappingURL=addonTextChildren.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"addonTextChildren.js","names":["_react","_interopRequireDefault","require","_getOriginChildren","_isNode","_symbols","addonTextChildren","Children","Text","Addon","isTextWrapIfEmptyChildren","
|
|
1
|
+
{"version":3,"file":"addonTextChildren.js","names":["_react","_interopRequireDefault","require","_getOriginChildren","_isNode","_symbols","addonTextChildren","Children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","children","getOriginChildren","createElement","isNode","React","toArray","some","element","isValidElement","type","Fragment","CHILDREN_COMPONENT","wrapChildren","inheritedNames","INHERITED_NAME","displayName","addonNames","Array","isArray","map","Component","concat","_toConsumableArray2","find","name","includes","_default","exports"],"sources":["../../src/utils/addonTextChildren.tsx"],"sourcesContent":["import React from 'react';\n\nimport getOriginChildren from './getOriginChildren';\nimport isNode from './isNode';\nimport { CHILDREN_COMPONENT, INHERITED_NAME } from '../core-types/symbols';\n\nfunction addonTextChildren(\n Children: any,\n Text: React.ComponentType<any>,\n Addon: React.ComponentType | React.ComponentType[],\n isTextWrapIfEmptyChildren = false,\n) {\n const children = getOriginChildren(Children);\n if (typeof children === 'function') {\n return <Children />;\n }\n\n if (!isTextWrapIfEmptyChildren && !isNode(children)) {\n return null;\n }\n return React.Children.toArray(children).some((element: any) => {\n if (!React.isValidElement(element)) return false;\n if (element.type === React.Fragment) return true;\n if ((element.type as any)[CHILDREN_COMPONENT]) {\n const wrapChildren: any = addonTextChildren(element.type, Text, Addon);\n if (wrapChildren.type[CHILDREN_COMPONENT]) {\n return true;\n } else {\n element = wrapChildren;\n }\n }\n // @ts-ignore\n const inheritedNames = element.type[INHERITED_NAME] || [element.type.displayName];\n const addonNames = Array.isArray(Addon)\n ? Addon.map((Component) => Component.displayName)\n : [Addon.displayName];\n return [Text.displayName, ...addonNames].find((name) => inheritedNames.includes(name));\n })\n ? (<Children />)\n : (\n <Text>\n <Children />\n </Text>\n );\n}\n\nexport default addonTextChildren;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEA,SAASI,iBAAiBA,CACxBC,QAAa,EACbC,IAA8B,EAC9BC,KAAkD,EAElD;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAMG,QAAQ,GAAG,IAAAC,6BAAiB,EAACR,QAAQ,CAAC;EAC5C,IAAI,OAAOO,QAAQ,KAAK,UAAU,EAAE;IAClC,oBAAOd,MAAA,YAAAgB,aAAA,CAACT,QAAQ,MAAE,CAAC;EACrB;EAEA,IAAI,CAACG,yBAAyB,IAAI,CAAC,IAAAO,kBAAM,EAACH,QAAQ,CAAC,EAAE;IACnD,OAAO,IAAI;EACb;EACA,OAAOI,iBAAK,CAACX,QAAQ,CAACY,OAAO,CAACL,QAAQ,CAAC,CAACM,IAAI,CAAC,UAACC,OAAY,EAAK;IAC7D,IAAI,eAACH,iBAAK,CAACI,cAAc,CAACD,OAAO,CAAC,EAAE,OAAO,KAAK;IAChD,IAAIA,OAAO,CAACE,IAAI,KAAKL,iBAAK,CAACM,QAAQ,EAAE,OAAO,IAAI;IAChD,IAAKH,OAAO,CAACE,IAAI,CAASE,2BAAkB,CAAC,EAAE;MAC7C,IAAMC,YAAiB,GAAGpB,iBAAiB,CAACe,OAAO,CAACE,IAAI,EAAEf,IAAI,EAAEC,KAAK,CAAC;MACtE,IAAIiB,YAAY,CAACH,IAAI,CAACE,2BAAkB,CAAC,EAAE;QACzC,OAAO,IAAI;MACb,CAAC,MAAM;QACLJ,OAAO,GAAGK,YAAY;MACxB;IACF;IACA;IACA,IAAMC,cAAc,GAAGN,OAAO,CAACE,IAAI,CAACK,uBAAc,CAAC,IAAI,CAACP,OAAO,CAACE,IAAI,CAACM,WAAW,CAAC;IACjF,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACvB,KAAK,CAAC,GACnCA,KAAK,CAACwB,GAAG,CAAC,UAACC,SAAS;MAAA,OAAKA,SAAS,CAACL,WAAW;IAAA,EAAC,GAC/C,CAACpB,KAAK,CAACoB,WAAW,CAAC;IACvB,OAAO,CAACrB,IAAI,CAACqB,WAAW,EAAAM,MAAA,KAAAC,mBAAA,aAAKN,UAAU,GAAEO,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKX,cAAc,CAACY,QAAQ,CAACD,IAAI,CAAC;IAAA,EAAC;EACxF,CAAC,CAAC,gBACGtC,MAAA,YAAAgB,aAAA,CAACT,QAAQ,MAAE,CAAC,gBAEXP,MAAA,YAAAgB,aAAA,CAACR,IAAI,qBACHR,MAAA,YAAAgB,aAAA,CAACT,QAAQ,MAAE,CACP,CACP;AACP;AAAC,IAAAiC,QAAA,GAAAC,OAAA,cAEcnC,iBAAiB","ignoreList":[]}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
|
+
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import getOriginChildren from "./getOriginChildren.mjs";
|
|
3
4
|
import isNode from "./isNode.mjs";
|
|
4
5
|
import { CHILDREN_COMPONENT, INHERITED_NAME } from "../core-types/symbols.mjs";
|
|
5
|
-
function addonTextChildren(Children, Text, Addon
|
|
6
|
-
|
|
6
|
+
function addonTextChildren(Children, Text, Addon) {
|
|
7
|
+
var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
8
|
+
var children = getOriginChildren(Children);
|
|
7
9
|
if (typeof children === 'function') {
|
|
8
10
|
return /*#__PURE__*/React.createElement(Children, null);
|
|
9
11
|
}
|
|
10
12
|
if (!isTextWrapIfEmptyChildren && !isNode(children)) {
|
|
11
13
|
return null;
|
|
12
14
|
}
|
|
13
|
-
return React.Children.toArray(children).some(element
|
|
15
|
+
return React.Children.toArray(children).some(function (element) {
|
|
14
16
|
if (! /*#__PURE__*/React.isValidElement(element)) return false;
|
|
15
17
|
if (element.type === React.Fragment) return true;
|
|
16
18
|
if (element.type[CHILDREN_COMPONENT]) {
|
|
17
|
-
|
|
19
|
+
var wrapChildren = addonTextChildren(element.type, Text, Addon);
|
|
18
20
|
if (wrapChildren.type[CHILDREN_COMPONENT]) {
|
|
19
21
|
return true;
|
|
20
22
|
} else {
|
|
@@ -22,9 +24,13 @@ function addonTextChildren(Children, Text, Addon, isTextWrapIfEmptyChildren = fa
|
|
|
22
24
|
}
|
|
23
25
|
}
|
|
24
26
|
// @ts-ignore
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
27
|
+
var inheritedNames = element.type[INHERITED_NAME] || [element.type.displayName];
|
|
28
|
+
var addonNames = Array.isArray(Addon) ? Addon.map(function (Component) {
|
|
29
|
+
return Component.displayName;
|
|
30
|
+
}) : [Addon.displayName];
|
|
31
|
+
return [Text.displayName].concat(_toConsumableArray(addonNames)).find(function (name) {
|
|
32
|
+
return inheritedNames.includes(name);
|
|
33
|
+
});
|
|
28
34
|
}) ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Children, null));
|
|
29
35
|
}
|
|
30
36
|
export default addonTextChildren;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"addonTextChildren.mjs","names":["React","getOriginChildren","isNode","CHILDREN_COMPONENT","INHERITED_NAME","addonTextChildren","Children","Text","Addon","isTextWrapIfEmptyChildren","children","createElement","toArray","some","element","isValidElement","type","Fragment","wrapChildren","inheritedNames","displayName","addonNames","Array","isArray","map","Component","find","name","includes"],"sources":["../../src/utils/addonTextChildren.tsx"],"sourcesContent":["import React from 'react';\n\nimport getOriginChildren from './getOriginChildren';\nimport isNode from './isNode';\nimport { CHILDREN_COMPONENT, INHERITED_NAME } from '../core-types/symbols';\n\nfunction addonTextChildren(\n Children: any,\n Text: React.ComponentType<any>,\n Addon: React.ComponentType | React.ComponentType[],\n isTextWrapIfEmptyChildren = false,\n) {\n const children = getOriginChildren(Children);\n if (typeof children === 'function') {\n return <Children />;\n }\n\n if (!isTextWrapIfEmptyChildren && !isNode(children)) {\n return null;\n }\n return React.Children.toArray(children).some((element: any) => {\n if (!React.isValidElement(element)) return false;\n if (element.type === React.Fragment) return true;\n if ((element.type as any)[CHILDREN_COMPONENT]) {\n const wrapChildren: any = addonTextChildren(element.type, Text, Addon);\n if (wrapChildren.type[CHILDREN_COMPONENT]) {\n return true;\n } else {\n element = wrapChildren;\n }\n }\n // @ts-ignore\n const inheritedNames = element.type[INHERITED_NAME] || [element.type.displayName];\n const addonNames = Array.isArray(Addon)\n ? Addon.map((Component) => Component.displayName)\n : [Addon.displayName];\n return [Text.displayName, ...addonNames].find((name) => inheritedNames.includes(name));\n })\n ? (<Children />)\n : (\n <Text>\n <Children />\n </Text>\n );\n}\n\nexport default addonTextChildren;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,iBAAiB,MAAM,yBAAqB;AACnD,OAAOC,MAAM,MAAM,cAAU;AAC7B,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,2BAAuB;AAE1E,SAASC,iBAAiBA,CACxBC,QAAa,EACbC,IAA8B,EAC9BC,KAAkD,
|
|
1
|
+
{"version":3,"file":"addonTextChildren.mjs","names":["React","getOriginChildren","isNode","CHILDREN_COMPONENT","INHERITED_NAME","addonTextChildren","Children","Text","Addon","isTextWrapIfEmptyChildren","arguments","length","undefined","children","createElement","toArray","some","element","isValidElement","type","Fragment","wrapChildren","inheritedNames","displayName","addonNames","Array","isArray","map","Component","concat","_toConsumableArray","find","name","includes"],"sources":["../../src/utils/addonTextChildren.tsx"],"sourcesContent":["import React from 'react';\n\nimport getOriginChildren from './getOriginChildren';\nimport isNode from './isNode';\nimport { CHILDREN_COMPONENT, INHERITED_NAME } from '../core-types/symbols';\n\nfunction addonTextChildren(\n Children: any,\n Text: React.ComponentType<any>,\n Addon: React.ComponentType | React.ComponentType[],\n isTextWrapIfEmptyChildren = false,\n) {\n const children = getOriginChildren(Children);\n if (typeof children === 'function') {\n return <Children />;\n }\n\n if (!isTextWrapIfEmptyChildren && !isNode(children)) {\n return null;\n }\n return React.Children.toArray(children).some((element: any) => {\n if (!React.isValidElement(element)) return false;\n if (element.type === React.Fragment) return true;\n if ((element.type as any)[CHILDREN_COMPONENT]) {\n const wrapChildren: any = addonTextChildren(element.type, Text, Addon);\n if (wrapChildren.type[CHILDREN_COMPONENT]) {\n return true;\n } else {\n element = wrapChildren;\n }\n }\n // @ts-ignore\n const inheritedNames = element.type[INHERITED_NAME] || [element.type.displayName];\n const addonNames = Array.isArray(Addon)\n ? Addon.map((Component) => Component.displayName)\n : [Addon.displayName];\n return [Text.displayName, ...addonNames].find((name) => inheritedNames.includes(name));\n })\n ? (<Children />)\n : (\n <Text>\n <Children />\n </Text>\n );\n}\n\nexport default addonTextChildren;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,iBAAiB,MAAM,yBAAqB;AACnD,OAAOC,MAAM,MAAM,cAAU;AAC7B,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,2BAAuB;AAE1E,SAASC,iBAAiBA,CACxBC,QAAa,EACbC,IAA8B,EAC9BC,KAAkD,EAElD;EAAA,IADAC,yBAAyB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEjC,IAAMG,QAAQ,GAAGZ,iBAAiB,CAACK,QAAQ,CAAC;EAC5C,IAAI,OAAOO,QAAQ,KAAK,UAAU,EAAE;IAClC,oBAAOb,KAAA,CAAAc,aAAA,CAACR,QAAQ,MAAE,CAAC;EACrB;EAEA,IAAI,CAACG,yBAAyB,IAAI,CAACP,MAAM,CAACW,QAAQ,CAAC,EAAE;IACnD,OAAO,IAAI;EACb;EACA,OAAOb,KAAK,CAACM,QAAQ,CAACS,OAAO,CAACF,QAAQ,CAAC,CAACG,IAAI,CAAC,UAACC,OAAY,EAAK;IAC7D,IAAI,eAACjB,KAAK,CAACkB,cAAc,CAACD,OAAO,CAAC,EAAE,OAAO,KAAK;IAChD,IAAIA,OAAO,CAACE,IAAI,KAAKnB,KAAK,CAACoB,QAAQ,EAAE,OAAO,IAAI;IAChD,IAAKH,OAAO,CAACE,IAAI,CAAShB,kBAAkB,CAAC,EAAE;MAC7C,IAAMkB,YAAiB,GAAGhB,iBAAiB,CAACY,OAAO,CAACE,IAAI,EAAEZ,IAAI,EAAEC,KAAK,CAAC;MACtE,IAAIa,YAAY,CAACF,IAAI,CAAChB,kBAAkB,CAAC,EAAE;QACzC,OAAO,IAAI;MACb,CAAC,MAAM;QACLc,OAAO,GAAGI,YAAY;MACxB;IACF;IACA;IACA,IAAMC,cAAc,GAAGL,OAAO,CAACE,IAAI,CAACf,cAAc,CAAC,IAAI,CAACa,OAAO,CAACE,IAAI,CAACI,WAAW,CAAC;IACjF,IAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAAClB,KAAK,CAAC,GACnCA,KAAK,CAACmB,GAAG,CAAC,UAACC,SAAS;MAAA,OAAKA,SAAS,CAACL,WAAW;IAAA,EAAC,GAC/C,CAACf,KAAK,CAACe,WAAW,CAAC;IACvB,OAAO,CAAChB,IAAI,CAACgB,WAAW,EAAAM,MAAA,CAAAC,kBAAA,CAAKN,UAAU,GAAEO,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKV,cAAc,CAACW,QAAQ,CAACD,IAAI,CAAC;IAAA,EAAC;EACxF,CAAC,CAAC,gBACGhC,KAAA,CAAAc,aAAA,CAACR,QAAQ,MAAE,CAAC,gBAEXN,KAAA,CAAAc,aAAA,CAACP,IAAI,qBACHP,KAAA,CAAAc,aAAA,CAACR,QAAQ,MAAE,CACP,CACP;AACP;AAEA,eAAeD,iBAAiB","ignoreList":[]}
|
package/lib/utils/ariaProps.js
CHANGED
|
@@ -5,16 +5,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.extractAriaProps = extractAriaProps;
|
|
7
7
|
function extractAriaProps(props) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
['aria-
|
|
11
|
-
['aria-
|
|
12
|
-
['aria-describedby']: ariaDescribedby
|
|
13
|
-
} = props;
|
|
8
|
+
var title = props.title,
|
|
9
|
+
ariaLabel = props['aria-label'],
|
|
10
|
+
ariaLabelledby = props['aria-labelledby'],
|
|
11
|
+
ariaDescribedby = props['aria-describedby'];
|
|
14
12
|
return {
|
|
15
13
|
__excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],
|
|
16
14
|
extractedAriaProps: {
|
|
17
|
-
title,
|
|
15
|
+
title: title,
|
|
18
16
|
'aria-label': ariaLabel,
|
|
19
17
|
'aria-labelledby': ariaLabelledby,
|
|
20
18
|
'aria-describedby': ariaDescribedby
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ariaProps.js","names":["extractAriaProps","props","title","ariaLabel","ariaLabelledby","ariaDescribedby","__excludeProps","extractedAriaProps"],"sources":["../../src/utils/ariaProps.ts"],"sourcesContent":["type AriaProps = {\n 'title'?: string;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n 'aria-describedby'?: string;\n};\ntype ExtractorAriaPropsReturn = {\n __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'];\n extractedAriaProps: AriaProps;\n};\n\nexport function extractAriaProps(props: any): ExtractorAriaPropsReturn {\n const {\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n ['aria-describedby']: ariaDescribedby,\n } = props;\n\n return {\n __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],\n extractedAriaProps: {\n title,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n },\n };\n}\n"],"mappings":";;;;;;AAWO,SAASA,gBAAgBA,CAACC,KAAU,EAA4B;EACrE,
|
|
1
|
+
{"version":3,"file":"ariaProps.js","names":["extractAriaProps","props","title","ariaLabel","ariaLabelledby","ariaDescribedby","__excludeProps","extractedAriaProps"],"sources":["../../src/utils/ariaProps.ts"],"sourcesContent":["type AriaProps = {\n 'title'?: string;\n 'aria-label'?: string;\n 'aria-labelledby'?: string;\n 'aria-describedby'?: string;\n};\ntype ExtractorAriaPropsReturn = {\n __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'];\n extractedAriaProps: AriaProps;\n};\n\nexport function extractAriaProps(props: any): ExtractorAriaPropsReturn {\n const {\n title,\n ['aria-label']: ariaLabel,\n ['aria-labelledby']: ariaLabelledby,\n ['aria-describedby']: ariaDescribedby,\n } = props;\n\n return {\n __excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],\n extractedAriaProps: {\n title,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n },\n };\n}\n"],"mappings":";;;;;;AAWO,SAASA,gBAAgBA,CAACC,KAAU,EAA4B;EACrE,IACEC,KAAK,GAIHD,KAAK,CAJPC,KAAK;IACWC,SAAS,GAGvBF,KAAK,CAHN,YAAY;IACQG,cAAc,GAEjCH,KAAK,CAFN,iBAAiB;IACII,eAAe,GACnCJ,KAAK,CADN,kBAAkB;EAGrB,OAAO;IACLK,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,CAAC;IAC9EC,kBAAkB,EAAE;MAClBL,KAAK,EAALA,KAAK;MACL,YAAY,EAAEC,SAAS;MACvB,iBAAiB,EAAEC,cAAc;MACjC,kBAAkB,EAAEC;IACtB;EACF,CAAC;AACH","ignoreList":[]}
|
package/lib/utils/ariaProps.mjs
CHANGED
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
export function extractAriaProps(props) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
['aria-
|
|
5
|
-
['aria-
|
|
6
|
-
['aria-describedby']: ariaDescribedby
|
|
7
|
-
} = props;
|
|
2
|
+
var title = props.title,
|
|
3
|
+
ariaLabel = props['aria-label'],
|
|
4
|
+
ariaLabelledby = props['aria-labelledby'],
|
|
5
|
+
ariaDescribedby = props['aria-describedby'];
|
|
8
6
|
return {
|
|
9
7
|
__excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],
|
|
10
8
|
extractedAriaProps: {
|
|
11
|
-
title,
|
|
9
|
+
title: title,
|
|
12
10
|
'aria-label': ariaLabel,
|
|
13
11
|
'aria-labelledby': ariaLabelledby,
|
|
14
12
|
'aria-describedby': ariaDescribedby
|