@semcore/core 17.0.1-prerelease.0 → 17.1.0-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 +123 -3
- package/README.md +5 -35
- package/lib/LastInteractionType.js +22 -36
- package/lib/LastInteractionType.js.map +1 -1
- package/lib/LastInteractionType.mjs +19 -33
- package/lib/LastInteractionType.mjs.map +1 -1
- package/lib/core-types/Component.js +25 -41
- package/lib/core-types/Component.js.map +1 -1
- package/lib/core-types/Component.mjs +18 -38
- 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 +158 -238
- package/lib/coreFactory.js.map +1 -1
- package/lib/coreFactory.mjs +133 -189
- package/lib/coreFactory.mjs.map +1 -1
- package/lib/decorators/propsObserver.js +36 -64
- package/lib/decorators/propsObserver.js.map +1 -1
- package/lib/decorators/propsObserver.mjs +33 -61
- 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 +51 -59
- package/lib/enhancement/Children.js.map +1 -1
- package/lib/enhancement/Children.mjs +47 -41
- package/lib/enhancement/Children.mjs.map +1 -1
- package/lib/enhancement/Root.js +36 -37
- package/lib/enhancement/Root.js.map +1 -1
- package/lib/enhancement/Root.mjs +28 -18
- package/lib/enhancement/Root.mjs.map +1 -1
- package/lib/enhancement/dataName.js +7 -8
- 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 +6 -9
- package/lib/enhancement/enhance.js.map +1 -1
- package/lib/enhancement/enhance.mjs +4 -7
- 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 +10 -9
- package/lib/enhancement/i18n.mjs.map +1 -1
- package/lib/enhancement/inheritedName.js +7 -8
- 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 +47 -56
- package/lib/enhancement/staticChildren.js.map +1 -1
- package/lib/enhancement/staticChildren.mjs +43 -48
- package/lib/enhancement/staticChildren.mjs.map +1 -1
- package/lib/enhancement/style.js +29 -27
- package/lib/enhancement/style.js.map +1 -1
- package/lib/enhancement/style.mjs +26 -20
- package/lib/enhancement/style.mjs.map +1 -1
- package/lib/enhancement/uncontrolledProps.js +46 -65
- package/lib/enhancement/uncontrolledProps.js.map +1 -1
- package/lib/enhancement/uncontrolledProps.mjs +43 -52
- package/lib/enhancement/uncontrolledProps.mjs.map +1 -1
- package/lib/esm/LastInteractionType.mjs +19 -33
- package/lib/esm/core-types/Component.mjs +18 -38
- package/lib/esm/core-types/symbols.mjs +9 -9
- package/lib/esm/coreFactory.mjs +133 -189
- package/lib/esm/enhancement/Children.mjs +47 -41
- package/lib/esm/enhancement/Root.mjs +28 -18
- package/lib/esm/enhancement/dataName.mjs +5 -5
- package/lib/esm/enhancement/enhance.mjs +4 -7
- package/lib/esm/enhancement/functionDefaultProps.mjs +4 -4
- package/lib/esm/enhancement/i18n.mjs +10 -9
- package/lib/esm/enhancement/inheritedName.mjs +5 -5
- package/lib/esm/enhancement/staticChildren.mjs +43 -48
- package/lib/esm/enhancement/style.mjs +26 -20
- package/lib/esm/enhancement/uncontrolledProps.mjs +43 -52
- package/lib/esm/register.mjs +12 -20
- package/lib/esm/styled/reshadow-core.mjs +98 -111
- package/lib/esm/styled/sstyled.mjs +31 -41
- package/lib/esm/utils/assignProps.mjs +32 -36
- package/lib/esm/utils/enhances/WithI18n.mjs +15 -17
- package/lib/esm/utils/enhances/i18nEnhance.mjs +47 -61
- package/lib/esm/utils/logger.mjs +13 -21
- package/lib/esm/utils/pick.mjs +4 -4
- package/lib/esm/utils/ref.mjs +27 -43
- package/lib/esm/utils/use/useEnhancedEffect.mjs +1 -1
- package/lib/index.js +17 -17
- package/lib/register.js +17 -24
- package/lib/register.js.map +1 -1
- package/lib/register.mjs +12 -20
- package/lib/register.mjs.map +1 -1
- package/lib/styled/index.js +4 -4
- package/lib/styled/reshadow-core.js +102 -104
- package/lib/styled/reshadow-core.js.map +1 -1
- package/lib/styled/reshadow-core.mjs +98 -111
- package/lib/styled/reshadow-core.mjs.map +1 -1
- package/lib/styled/sstyled.js +31 -53
- package/lib/styled/sstyled.js.map +1 -1
- package/lib/styled/sstyled.mjs +31 -41
- 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 +8 -10
- package/lib/utils/CSSinJS.js.map +1 -1
- package/lib/utils/CSSinJS.mjs +6 -7
- package/lib/utils/CSSinJS.mjs.map +1 -1
- package/lib/utils/ThemeProvider.js +44 -51
- package/lib/utils/ThemeProvider.js.map +1 -1
- package/lib/utils/ThemeProvider.mjs +36 -47
- package/lib/utils/ThemeProvider.mjs.map +1 -1
- package/lib/utils/addonText.js +4 -7
- package/lib/utils/addonText.js.map +1 -1
- package/lib/utils/addonText.mjs +2 -5
- package/lib/utils/addonText.mjs.map +1 -1
- package/lib/utils/addonTextChildren.js +15 -21
- package/lib/utils/addonTextChildren.js.map +1 -1
- package/lib/utils/addonTextChildren.mjs +7 -13
- package/lib/utils/addonTextChildren.mjs.map +1 -1
- package/lib/utils/ariaProps.js +7 -5
- package/lib/utils/ariaProps.js.map +1 -1
- package/lib/utils/ariaProps.mjs +7 -5
- package/lib/utils/ariaProps.mjs.map +1 -1
- package/lib/utils/assignProps.js +33 -37
- package/lib/utils/assignProps.js.map +1 -1
- package/lib/utils/assignProps.mjs +32 -36
- 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 +72 -95
- package/lib/utils/color.js.map +1 -1
- package/lib/utils/color.mjs +71 -94
- package/lib/utils/color.mjs.map +1 -1
- package/lib/utils/compose.js +3 -12
- package/lib/utils/compose.js.map +1 -1
- package/lib/utils/compose.mjs +2 -11
- 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 +3 -4
- package/lib/utils/cssToIntDefault.js.map +1 -1
- package/lib/utils/cssToIntDefault.mjs +2 -3
- package/lib/utils/cssToIntDefault.mjs.map +1 -1
- package/lib/utils/enhances/WithCSS.js +10 -8
- package/lib/utils/enhances/WithCSS.js.map +1 -1
- package/lib/utils/enhances/WithCSS.mjs +7 -6
- 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 +15 -17
- package/lib/utils/enhances/WithI18n.mjs.map +1 -1
- package/lib/utils/enhances/a11yEnhance.js +34 -39
- package/lib/utils/enhances/a11yEnhance.js.map +1 -1
- package/lib/utils/enhances/a11yEnhance.mjs +32 -36
- package/lib/utils/enhances/a11yEnhance.mjs.map +1 -1
- package/lib/utils/enhances/animatedSizeEnhance.js +55 -63
- package/lib/utils/enhances/animatedSizeEnhance.js.map +1 -1
- package/lib/utils/enhances/animatedSizeEnhance.mjs +50 -58
- package/lib/utils/enhances/animatedSizeEnhance.mjs.map +1 -1
- package/lib/utils/enhances/contextEnhance.js +12 -11
- package/lib/utils/enhances/contextEnhance.js.map +1 -1
- package/lib/utils/enhances/contextEnhance.mjs +9 -8
- package/lib/utils/enhances/contextEnhance.mjs.map +1 -1
- package/lib/utils/enhances/i18nEnhance.js +51 -67
- package/lib/utils/enhances/i18nEnhance.js.map +1 -1
- package/lib/utils/enhances/i18nEnhance.mjs +47 -61
- package/lib/utils/enhances/i18nEnhance.mjs.map +1 -1
- package/lib/utils/enhances/resolveColorEnhance.js +12 -10
- package/lib/utils/enhances/resolveColorEnhance.js.map +1 -1
- package/lib/utils/enhances/resolveColorEnhance.mjs +8 -6
- package/lib/utils/enhances/resolveColorEnhance.mjs.map +1 -1
- package/lib/utils/eventEmitter.js +30 -57
- package/lib/utils/eventEmitter.js.map +1 -1
- package/lib/utils/eventEmitter.mjs +26 -55
- package/lib/utils/eventEmitter.mjs.map +1 -1
- package/lib/utils/findComponent.js +35 -42
- package/lib/utils/findComponent.js.map +1 -1
- package/lib/utils/findComponent.mjs +26 -33
- package/lib/utils/findComponent.mjs.map +1 -1
- package/lib/utils/fire.js +7 -13
- package/lib/utils/fire.js.map +1 -1
- package/lib/utils/fire.mjs +5 -11
- package/lib/utils/fire.mjs.map +1 -1
- package/lib/utils/focus-lock/focusBorders.js +28 -32
- package/lib/utils/focus-lock/focusBorders.js.map +1 -1
- package/lib/utils/focus-lock/focusBorders.mjs +26 -32
- package/lib/utils/focus-lock/focusBorders.mjs.map +1 -1
- package/lib/utils/focus-lock/getFocusableIn.js +4 -6
- package/lib/utils/focus-lock/getFocusableIn.js.map +1 -1
- package/lib/utils/focus-lock/getFocusableIn.mjs +3 -6
- package/lib/utils/focus-lock/getFocusableIn.mjs.map +1 -1
- package/lib/utils/focus-lock/isFocusInside.js +5 -6
- package/lib/utils/focus-lock/isFocusInside.js.map +1 -1
- package/lib/utils/focus-lock/isFocusInside.mjs +4 -6
- package/lib/utils/focus-lock/isFocusInside.mjs.map +1 -1
- package/lib/utils/focus-lock/isFocusable.js +9 -12
- package/lib/utils/focus-lock/isFocusable.js.map +1 -1
- package/lib/utils/focus-lock/isFocusable.mjs +8 -11
- package/lib/utils/focus-lock/isFocusable.mjs.map +1 -1
- package/lib/utils/focus-lock/setFocus.js +21 -27
- package/lib/utils/focus-lock/setFocus.js.map +1 -1
- package/lib/utils/focus-lock/setFocus.mjs +19 -25
- package/lib/utils/focus-lock/setFocus.mjs.map +1 -1
- package/lib/utils/getAccessibleName.js +10 -22
- package/lib/utils/getAccessibleName.js.map +1 -1
- package/lib/utils/getAccessibleName.mjs +10 -21
- package/lib/utils/getAccessibleName.mjs.map +1 -1
- package/lib/utils/getDisplayName.js +1 -1
- package/lib/utils/getEventTarget.js +13 -32
- package/lib/utils/getEventTarget.js.map +1 -1
- package/lib/utils/getEventTarget.mjs +12 -31
- 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 +4 -6
- package/lib/utils/getValue.js.map +1 -1
- package/lib/utils/getValue.mjs +3 -5
- package/lib/utils/getValue.mjs.map +1 -1
- package/lib/utils/hasLabels.js +16 -27
- package/lib/utils/hasLabels.js.map +1 -1
- package/lib/utils/hasLabels.mjs +14 -24
- package/lib/utils/hasLabels.mjs.map +1 -1
- package/lib/utils/hasParent.js +3 -2
- package/lib/utils/hasParent.js.map +1 -1
- package/lib/utils/hasParent.mjs +2 -3
- package/lib/utils/hasParent.mjs.map +1 -1
- package/lib/utils/ifChildren.js +6 -4
- package/lib/utils/ifChildren.js.map +1 -1
- package/lib/utils/ifChildren.mjs +4 -2
- package/lib/utils/ifChildren.mjs.map +1 -1
- package/lib/utils/indentStyles.js +5 -10
- package/lib/utils/indentStyles.js.map +1 -1
- package/lib/utils/indentStyles.mjs +5 -9
- package/lib/utils/indentStyles.mjs.map +1 -1
- package/lib/utils/injectStyle.js +11 -13
- package/lib/utils/injectStyle.js.map +1 -1
- package/lib/utils/injectStyle.mjs +9 -10
- 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 +7 -9
- package/lib/utils/isInteractiveElement.js.map +1 -1
- package/lib/utils/isInteractiveElement.mjs +7 -9
- package/lib/utils/isInteractiveElement.mjs.map +1 -1
- package/lib/utils/isNode.js +4 -5
- package/lib/utils/isNode.js.map +1 -1
- package/lib/utils/isNode.mjs +1 -2
- package/lib/utils/isNode.mjs.map +1 -1
- package/lib/utils/isPromise.js +1 -1
- package/lib/utils/isRetina.js +7 -2
- package/lib/utils/isRetina.js.map +1 -1
- package/lib/utils/isRetina.mjs +6 -1
- package/lib/utils/isRetina.mjs.map +1 -1
- package/lib/utils/logger.js +18 -25
- package/lib/utils/logger.js.map +1 -1
- package/lib/utils/logger.mjs +13 -21
- package/lib/utils/logger.mjs.map +1 -1
- package/lib/utils/numericChecker.js +11 -18
- package/lib/utils/numericChecker.js.map +1 -1
- package/lib/utils/numericChecker.mjs +10 -17
- 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 +10 -12
- package/lib/utils/propsForElement.js.map +1 -1
- package/lib/utils/propsForElement.mjs +8 -10
- package/lib/utils/propsForElement.mjs.map +1 -1
- package/lib/utils/rafTrottle.js +9 -14
- package/lib/utils/rafTrottle.js.map +1 -1
- package/lib/utils/rafTrottle.mjs +7 -12
- package/lib/utils/rafTrottle.mjs.map +1 -1
- package/lib/utils/reactToText.js +5 -8
- package/lib/utils/reactToText.js.map +1 -1
- package/lib/utils/reactToText.mjs +3 -6
- package/lib/utils/reactToText.mjs.map +1 -1
- package/lib/utils/ref.js +29 -47
- package/lib/utils/ref.js.map +1 -1
- package/lib/utils/ref.mjs +27 -43
- 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 +8 -18
- package/lib/utils/uncontroll.js.map +1 -1
- package/lib/utils/uncontroll.mjs +8 -17
- package/lib/utils/uncontroll.mjs.map +1 -1
- package/lib/utils/uniqueID.js +22 -27
- package/lib/utils/uniqueID.js.map +1 -1
- package/lib/utils/uniqueID.mjs +18 -25
- package/lib/utils/uniqueID.mjs.map +1 -1
- package/lib/utils/use/useColorResolver.js +20 -21
- package/lib/utils/use/useColorResolver.js.map +1 -1
- package/lib/utils/use/useColorResolver.mjs +16 -18
- 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 +5 -10
- package/lib/utils/use/useEventCallback.js.map +1 -1
- package/lib/utils/use/useEventCallback.mjs +3 -8
- package/lib/utils/use/useEventCallback.mjs.map +1 -1
- package/lib/utils/use/useEventListener.js +11 -15
- package/lib/utils/use/useEventListener.js.map +1 -1
- package/lib/utils/use/useEventListener.mjs +7 -11
- package/lib/utils/use/useEventListener.mjs.map +1 -1
- package/lib/utils/use/useFocusLock.js +80 -94
- package/lib/utils/use/useFocusLock.js.map +1 -1
- package/lib/utils/use/useFocusLock.mjs +71 -88
- package/lib/utils/use/useFocusLock.mjs.map +1 -1
- package/lib/utils/use/usePreventScroll.js +24 -26
- package/lib/utils/use/usePreventScroll.js.map +1 -1
- package/lib/utils/use/usePreventScroll.mjs +19 -21
- package/lib/utils/use/usePreventScroll.mjs.map +1 -1
- package/lib/utils/use/useScrollBarWidth.js +8 -14
- package/lib/utils/use/useScrollBarWidth.js.map +1 -1
- package/lib/utils/use/useScrollBarWidth.mjs +8 -13
- package/lib/utils/use/useScrollBarWidth.mjs.map +1 -1
- package/lib/utils/useCssVariable.js +32 -37
- package/lib/utils/useCssVariable.js.map +1 -1
- package/lib/utils/useCssVariable.mjs +27 -34
- package/lib/utils/useCssVariable.mjs.map +1 -1
- package/lib/utils/zIndexStacking.js +28 -24
- package/lib/utils/zIndexStacking.js.map +1 -1
- package/lib/utils/zIndexStacking.mjs +23 -22
- package/lib/utils/zIndexStacking.mjs.map +1 -1
- package/package.json +316 -13
- package/tsconfig-utils.json +4 -0
- package/vite.config.ts +22 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CSSinJS.mjs","names":["create","addon","addonCache","addonHydrate","addonPrefixer","addonRule","_nano","style","opt","createStyle","
|
|
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,CAACD,GAAgB,GAAG,CAAC,CAAC,EAAgB;EACxD,MAAME,IAAI,GAAGV,MAAM,CAAC;IAAEW,GAAG,EAAE,KAAK;IAAEC,OAAO,EAAE,IAAI;IAAE,GAAGJ;EAAI,CAAC,CAAC;EAE1DN,UAAU,CAACQ,IAAI,CAAC;EAChBL,SAAS,CAACK,IAAI,CAAC;EACfN,aAAa,CAACM,IAAI,CAAC;EACnBP,YAAY,CAACO,IAAI,CAAC;EAElB,OAAOA,IAAI;AACb;AAEA,SAASD,WAAW;AAEpB,eAAeF,KAAK","ignoreList":[]}
|
|
@@ -1,78 +1,71 @@
|
|
|
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"));
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
var
|
|
10
|
+
var _ref = require("./ref");
|
|
14
11
|
var _useEnhancedEffect = _interopRequireDefault(require("./use/useEnhancedEffect"));
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var tokens = useContextTokens();
|
|
21
|
-
var tokensKey = _react["default"].useMemo(function () {
|
|
12
|
+
const useContextTokens = () => _react.default.useContext(themeContext);
|
|
13
|
+
exports.useContextTokens = useContextTokens;
|
|
14
|
+
const useContextTheme = (ref, available) => {
|
|
15
|
+
const tokens = useContextTokens();
|
|
16
|
+
const tokensKey = _react.default.useMemo(() => {
|
|
22
17
|
if (!tokens) return '';
|
|
23
|
-
return Object.entries(tokens).map(
|
|
24
|
-
var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
|
|
25
|
-
key = _ref2[0],
|
|
26
|
-
value = _ref2[1];
|
|
27
|
-
return "".concat(key, "-").concat(value);
|
|
28
|
-
}).join('/');
|
|
18
|
+
return Object.entries(tokens).map(([key, value]) => `${key}-${value}`).join('/');
|
|
29
19
|
}, [tokens]);
|
|
30
|
-
(0, _useEnhancedEffect
|
|
20
|
+
(0, _useEnhancedEffect.default)(() => {
|
|
31
21
|
if (available !== undefined && !available) return;
|
|
32
22
|
if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;
|
|
33
|
-
for (
|
|
23
|
+
for (const token in tokens) {
|
|
34
24
|
ref.current.style.setProperty(token, tokens[token]);
|
|
35
25
|
}
|
|
36
26
|
}, [tokensKey, available]);
|
|
37
27
|
};
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
return existingRef ? [existingRef, enhanceRef] : [enhanceRef];
|
|
47
|
-
}, [existingRef, enhanceRef]);
|
|
48
|
-
var ref = (0, _ref3.useForkRef)(refArr);
|
|
28
|
+
exports.useContextTheme = useContextTheme;
|
|
29
|
+
const contextThemeEnhance = getAvailable => {
|
|
30
|
+
return props => {
|
|
31
|
+
const existingRef = props.ref;
|
|
32
|
+
const available = _react.default.useMemo(() => getAvailable?.(props), Object.values(props));
|
|
33
|
+
const enhanceRef = _react.default.useRef();
|
|
34
|
+
const refArr = _react.default.useMemo(() => existingRef ? [existingRef, enhanceRef] : [enhanceRef], [existingRef, enhanceRef]);
|
|
35
|
+
const ref = (0, _ref.useForkRef)(refArr);
|
|
49
36
|
useContextTheme(enhanceRef, available);
|
|
50
|
-
return
|
|
51
|
-
|
|
52
|
-
|
|
37
|
+
return {
|
|
38
|
+
...props,
|
|
39
|
+
ref
|
|
40
|
+
};
|
|
53
41
|
};
|
|
54
42
|
};
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
providedStyle =
|
|
62
|
-
restProps
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
43
|
+
exports.contextThemeEnhance = contextThemeEnhance;
|
|
44
|
+
const themeContext = /*#__PURE__*/_react.default.createContext(null);
|
|
45
|
+
const ThemeProvider = props => {
|
|
46
|
+
const {
|
|
47
|
+
tokens: providedTokens = {},
|
|
48
|
+
children,
|
|
49
|
+
style: providedStyle = {},
|
|
50
|
+
...restProps
|
|
51
|
+
} = props;
|
|
52
|
+
const contextTokens = _react.default.useContext(themeContext);
|
|
53
|
+
const tokens = _react.default.useMemo(() => contextTokens === null ? providedTokens : {
|
|
54
|
+
...contextTokens,
|
|
55
|
+
...providedTokens
|
|
66
56
|
}, [contextTokens, providedTokens]);
|
|
67
|
-
|
|
68
|
-
return
|
|
69
|
-
display: 'contents'
|
|
70
|
-
|
|
57
|
+
const style = _react.default.useMemo(() => {
|
|
58
|
+
return {
|
|
59
|
+
display: 'contents',
|
|
60
|
+
...tokens,
|
|
61
|
+
...providedStyle
|
|
62
|
+
};
|
|
71
63
|
}, [tokens, providedStyle]);
|
|
72
|
-
return /*#__PURE__*/_react
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement(themeContext.Provider, {
|
|
73
65
|
value: tokens
|
|
74
|
-
}, /*#__PURE__*/_react
|
|
66
|
+
}, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, restProps, {
|
|
75
67
|
style: style
|
|
76
68
|
}), children));
|
|
77
69
|
};
|
|
70
|
+
exports.ThemeProvider = ThemeProvider;
|
|
78
71
|
//# 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","_ref","_useEnhancedEffect","useContextTokens","React","useContext","themeContext","exports","useContextTheme","ref","available","tokens","tokensKey","useMemo","Object","entries","map","key","value","join","useEnhancedEffect","undefined","current","style","setProperty","token","contextThemeEnhance","getAvailable","props","existingRef","values","enhanceRef","useRef","refArr","useForkRef","createContext","ThemeProvider","providedTokens","children","providedStyle","restProps","contextTokens","display","default","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,66 +1,55 @@
|
|
|
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"];
|
|
6
2
|
import React from 'react';
|
|
7
3
|
import { useForkRef } from "./ref.mjs";
|
|
8
4
|
import useEnhancedEffect from "./use/useEnhancedEffect.mjs";
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var tokens = useContextTokens();
|
|
14
|
-
var tokensKey = React.useMemo(function () {
|
|
5
|
+
export const useContextTokens = () => React.useContext(themeContext);
|
|
6
|
+
export const useContextTheme = (ref, available) => {
|
|
7
|
+
const tokens = useContextTokens();
|
|
8
|
+
const tokensKey = React.useMemo(() => {
|
|
15
9
|
if (!tokens) return '';
|
|
16
|
-
return Object.entries(tokens).map(
|
|
17
|
-
var _ref2 = _slicedToArray(_ref, 2),
|
|
18
|
-
key = _ref2[0],
|
|
19
|
-
value = _ref2[1];
|
|
20
|
-
return "".concat(key, "-").concat(value);
|
|
21
|
-
}).join('/');
|
|
10
|
+
return Object.entries(tokens).map(([key, value]) => `${key}-${value}`).join('/');
|
|
22
11
|
}, [tokens]);
|
|
23
|
-
useEnhancedEffect(
|
|
12
|
+
useEnhancedEffect(() => {
|
|
24
13
|
if (available !== undefined && !available) return;
|
|
25
14
|
if (!ref.current || !ref.current.style || !ref.current.style.setProperty) return;
|
|
26
|
-
for (
|
|
15
|
+
for (const token in tokens) {
|
|
27
16
|
ref.current.style.setProperty(token, tokens[token]);
|
|
28
17
|
}
|
|
29
18
|
}, [tokensKey, available]);
|
|
30
19
|
};
|
|
31
|
-
export
|
|
32
|
-
return
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
var refArr = React.useMemo(function () {
|
|
39
|
-
return existingRef ? [existingRef, enhanceRef] : [enhanceRef];
|
|
40
|
-
}, [existingRef, enhanceRef]);
|
|
41
|
-
var ref = useForkRef(refArr);
|
|
20
|
+
export const contextThemeEnhance = getAvailable => {
|
|
21
|
+
return props => {
|
|
22
|
+
const existingRef = props.ref;
|
|
23
|
+
const available = React.useMemo(() => getAvailable?.(props), Object.values(props));
|
|
24
|
+
const enhanceRef = React.useRef();
|
|
25
|
+
const refArr = React.useMemo(() => existingRef ? [existingRef, enhanceRef] : [enhanceRef], [existingRef, enhanceRef]);
|
|
26
|
+
const ref = useForkRef(refArr);
|
|
42
27
|
useContextTheme(enhanceRef, available);
|
|
43
|
-
return
|
|
44
|
-
|
|
45
|
-
|
|
28
|
+
return {
|
|
29
|
+
...props,
|
|
30
|
+
ref
|
|
31
|
+
};
|
|
46
32
|
};
|
|
47
33
|
};
|
|
48
|
-
|
|
49
|
-
export
|
|
50
|
-
|
|
51
|
-
providedTokens =
|
|
52
|
-
children
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
34
|
+
const themeContext = /*#__PURE__*/React.createContext(null);
|
|
35
|
+
export const ThemeProvider = props => {
|
|
36
|
+
const {
|
|
37
|
+
tokens: providedTokens = {},
|
|
38
|
+
children,
|
|
39
|
+
style: providedStyle = {},
|
|
40
|
+
...restProps
|
|
41
|
+
} = props;
|
|
42
|
+
const contextTokens = React.useContext(themeContext);
|
|
43
|
+
const tokens = React.useMemo(() => contextTokens === null ? providedTokens : {
|
|
44
|
+
...contextTokens,
|
|
45
|
+
...providedTokens
|
|
59
46
|
}, [contextTokens, providedTokens]);
|
|
60
|
-
|
|
61
|
-
return
|
|
62
|
-
display: 'contents'
|
|
63
|
-
|
|
47
|
+
const style = React.useMemo(() => {
|
|
48
|
+
return {
|
|
49
|
+
display: 'contents',
|
|
50
|
+
...tokens,
|
|
51
|
+
...providedStyle
|
|
52
|
+
};
|
|
64
53
|
}, [tokens, providedStyle]);
|
|
65
54
|
return /*#__PURE__*/React.createElement(themeContext.Provider, {
|
|
66
55
|
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","
|
|
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":"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","ignoreList":[]}
|
package/lib/utils/addonText.js
CHANGED
|
@@ -1,18 +1,15 @@
|
|
|
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) {
|
|
10
|
-
var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
9
|
+
function addonText(children, Text, Addon, isTextWrapIfEmptyChildren = false) {
|
|
11
10
|
if (!isTextWrapIfEmptyChildren && !children) {
|
|
12
11
|
return false;
|
|
13
12
|
}
|
|
14
|
-
return _react
|
|
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);
|
|
13
|
+
return _react.default.Children.toArray(children).some(element => /*#__PURE__*/_react.default.isValidElement(element) && (element.type === _react.default.Fragment || element.type['displayName'] === Text.displayName || element.type['displayName'] === Addon.displayName)) ? children : /*#__PURE__*/_react.default.createElement(Text, null, children);
|
|
17
14
|
}
|
|
18
15
|
//# sourceMappingURL=addonText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"addonText.js","names":["_react","_interopRequireDefault","require","addonText","children","Text","Addon","isTextWrapIfEmptyChildren","
|
|
1
|
+
{"version":3,"file":"addonText.js","names":["_react","_interopRequireDefault","require","addonText","children","Text","Addon","isTextWrapIfEmptyChildren","React","Children","toArray","some","element","isValidElement","type","Fragment","displayName","default","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,EAC1BC,yBAAyB,GAAG,KAAK,EACjC;EACA,IAAI,CAACA,yBAAyB,IAAI,CAACH,QAAQ,EAAE;IAC3C,OAAO,KAAK;EACd;EACA,OAAOI,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACN,QAAQ,CAAC,CAACO,IAAI,CACzCC,OAAO,IACN,aAAAJ,cAAK,CAACK,cAAc,CAACD,OAAO,CAAC,KAC5BA,OAAO,CAACE,IAAI,KAAKN,cAAK,CAACO,QAAQ,IAC7BH,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKT,IAAI,CAACW,WAAW,IACxDJ,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKR,KAAK,CAACU,WAAW,CAChE,CAAC,GAEKZ,QAAQ,gBAGRJ,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,IAAI,QAAED,QAAe,CACvB;AACP","ignoreList":[]}
|
package/lib/utils/addonText.mjs
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export default function addonText(children, Text, Addon) {
|
|
3
|
-
var isTextWrapIfEmptyChildren = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
2
|
+
export default function addonText(children, Text, Addon, isTextWrapIfEmptyChildren = false) {
|
|
4
3
|
if (!isTextWrapIfEmptyChildren && !children) {
|
|
5
4
|
return false;
|
|
6
5
|
}
|
|
7
|
-
return React.Children.toArray(children).some(
|
|
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);
|
|
6
|
+
return React.Children.toArray(children).some(element => /*#__PURE__*/React.isValidElement(element) && (element.type === React.Fragment || element.type['displayName'] === Text.displayName || element.type['displayName'] === Addon.displayName)) ? children : /*#__PURE__*/React.createElement(Text, null, children);
|
|
10
7
|
}
|
|
11
8
|
//# sourceMappingURL=addonText.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"addonText.mjs","names":["React","addonText","children","Text","Addon","isTextWrapIfEmptyChildren","
|
|
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,EAC1BC,yBAAyB,GAAG,KAAK,EACjC;EACA,IAAI,CAACA,yBAAyB,IAAI,CAACH,QAAQ,EAAE;IAC3C,OAAO,KAAK;EACd;EACA,OAAOF,KAAK,CAACM,QAAQ,CAACC,OAAO,CAACL,QAAQ,CAAC,CAACM,IAAI,CACzCC,OAAO,IACN,aAAAT,KAAK,CAACU,cAAc,CAACD,OAAO,CAAC,KAC5BA,OAAO,CAACE,IAAI,KAAKX,KAAK,CAACY,QAAQ,IAC7BH,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKR,IAAI,CAACU,WAAW,IACxDJ,OAAO,CAACE,IAAI,CAAS,aAAa,CAAC,KAAKP,KAAK,CAACS,WAAW,CAChE,CAAC,GAEKX,QAAQ,gBAGRF,KAAA,CAAAc,aAAA,CAACX,IAAI,QAAED,QAAe,CACvB;AACP","ignoreList":[]}
|
|
@@ -1,29 +1,27 @@
|
|
|
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
|
|
8
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
7
|
+
exports.default = void 0;
|
|
9
8
|
var _react = _interopRequireDefault(require("react"));
|
|
10
9
|
var _getOriginChildren = _interopRequireDefault(require("./getOriginChildren"));
|
|
11
10
|
var _isNode = _interopRequireDefault(require("./isNode"));
|
|
12
11
|
var _symbols = require("../core-types/symbols");
|
|
13
|
-
function addonTextChildren(Children, Text, Addon) {
|
|
14
|
-
|
|
15
|
-
var children = (0, _getOriginChildren["default"])(Children);
|
|
12
|
+
function addonTextChildren(Children, Text, Addon, isTextWrapIfEmptyChildren = false) {
|
|
13
|
+
const children = (0, _getOriginChildren.default)(Children);
|
|
16
14
|
if (typeof children === 'function') {
|
|
17
|
-
return /*#__PURE__*/_react
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement(Children, null);
|
|
18
16
|
}
|
|
19
|
-
if (!isTextWrapIfEmptyChildren && !(0, _isNode
|
|
17
|
+
if (!isTextWrapIfEmptyChildren && !(0, _isNode.default)(children)) {
|
|
20
18
|
return null;
|
|
21
19
|
}
|
|
22
|
-
return _react
|
|
23
|
-
if (! /*#__PURE__*/_react
|
|
24
|
-
if (element.type === _react
|
|
20
|
+
return _react.default.Children.toArray(children).some(element => {
|
|
21
|
+
if (! /*#__PURE__*/_react.default.isValidElement(element)) return false;
|
|
22
|
+
if (element.type === _react.default.Fragment) return true;
|
|
25
23
|
if (element.type[_symbols.CHILDREN_COMPONENT]) {
|
|
26
|
-
|
|
24
|
+
const wrapChildren = addonTextChildren(element.type, Text, Addon);
|
|
27
25
|
if (wrapChildren.type[_symbols.CHILDREN_COMPONENT]) {
|
|
28
26
|
return true;
|
|
29
27
|
} else {
|
|
@@ -31,14 +29,10 @@ function addonTextChildren(Children, Text, Addon) {
|
|
|
31
29
|
}
|
|
32
30
|
}
|
|
33
31
|
// @ts-ignore
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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));
|
|
32
|
+
const inheritedNames = element.type[_symbols.INHERITED_NAME] || [element.type.displayName];
|
|
33
|
+
const addonNames = Array.isArray(Addon) ? Addon.map(Component => Component.displayName) : [Addon.displayName];
|
|
34
|
+
return [Text.displayName, ...addonNames].find(name => inheritedNames.includes(name));
|
|
35
|
+
}) ? /*#__PURE__*/_react.default.createElement(Children, null) : /*#__PURE__*/_react.default.createElement(Text, null, /*#__PURE__*/_react.default.createElement(Children, null));
|
|
42
36
|
}
|
|
43
|
-
var _default = exports
|
|
37
|
+
var _default = exports.default = addonTextChildren;
|
|
44
38
|
//# 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","children","getOriginChildren","default","createElement","isNode","React","toArray","some","element","isValidElement","type","Fragment","CHILDREN_COMPONENT","wrapChildren","inheritedNames","INHERITED_NAME","displayName","addonNames","Array","isArray","map","Component","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,EAClDC,yBAAyB,GAAG,KAAK,EACjC;EACA,MAAMC,QAAQ,GAAG,IAAAC,0BAAiB,EAACL,QAAQ,CAAC;EAC5C,IAAI,OAAOI,QAAQ,KAAK,UAAU,EAAE;IAClC,oBAAOX,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,QAAQ,MAAE,CAAC;EACrB;EAEA,IAAI,CAACG,yBAAyB,IAAI,CAAC,IAAAK,eAAM,EAACJ,QAAQ,CAAC,EAAE;IACnD,OAAO,IAAI;EACb;EACA,OAAOK,cAAK,CAACT,QAAQ,CAACU,OAAO,CAACN,QAAQ,CAAC,CAACO,IAAI,CAAEC,OAAY,IAAK;IAC7D,IAAI,eAACH,cAAK,CAACI,cAAc,CAACD,OAAO,CAAC,EAAE,OAAO,KAAK;IAChD,IAAIA,OAAO,CAACE,IAAI,KAAKL,cAAK,CAACM,QAAQ,EAAE,OAAO,IAAI;IAChD,IAAKH,OAAO,CAACE,IAAI,CAASE,2BAAkB,CAAC,EAAE;MAC7C,MAAMC,YAAiB,GAAGlB,iBAAiB,CAACa,OAAO,CAACE,IAAI,EAAEb,IAAI,EAAEC,KAAK,CAAC;MACtE,IAAIe,YAAY,CAACH,IAAI,CAACE,2BAAkB,CAAC,EAAE;QACzC,OAAO,IAAI;MACb,CAAC,MAAM;QACLJ,OAAO,GAAGK,YAAY;MACxB;IACF;IACA;IACA,MAAMC,cAAc,GAAGN,OAAO,CAACE,IAAI,CAACK,uBAAc,CAAC,IAAI,CAACP,OAAO,CAACE,IAAI,CAACM,WAAW,CAAC;IACjF,MAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACrB,KAAK,CAAC,GACnCA,KAAK,CAACsB,GAAG,CAAEC,SAAS,IAAKA,SAAS,CAACL,WAAW,CAAC,GAC/C,CAAClB,KAAK,CAACkB,WAAW,CAAC;IACvB,OAAO,CAACnB,IAAI,CAACmB,WAAW,EAAE,GAAGC,UAAU,CAAC,CAACK,IAAI,CAAEC,IAAI,IAAKT,cAAc,CAACU,QAAQ,CAACD,IAAI,CAAC,CAAC;EACxF,CAAC,CAAC,gBACGlC,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,QAAQ,MAAE,CAAC,gBAEXP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACN,IAAI,qBACHR,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACP,QAAQ,MAAE,CACP,CACP;AACP;AAAC,IAAA6B,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAEcP,iBAAiB","ignoreList":[]}
|
|
@@ -1,22 +1,20 @@
|
|
|
1
|
-
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import getOriginChildren from "./getOriginChildren.mjs";
|
|
4
3
|
import isNode from "./isNode.mjs";
|
|
5
4
|
import { CHILDREN_COMPONENT, INHERITED_NAME } from "../core-types/symbols.mjs";
|
|
6
|
-
function addonTextChildren(Children, Text, Addon) {
|
|
7
|
-
|
|
8
|
-
var children = getOriginChildren(Children);
|
|
5
|
+
function addonTextChildren(Children, Text, Addon, isTextWrapIfEmptyChildren = false) {
|
|
6
|
+
const children = getOriginChildren(Children);
|
|
9
7
|
if (typeof children === 'function') {
|
|
10
8
|
return /*#__PURE__*/React.createElement(Children, null);
|
|
11
9
|
}
|
|
12
10
|
if (!isTextWrapIfEmptyChildren && !isNode(children)) {
|
|
13
11
|
return null;
|
|
14
12
|
}
|
|
15
|
-
return React.Children.toArray(children).some(
|
|
13
|
+
return React.Children.toArray(children).some(element => {
|
|
16
14
|
if (! /*#__PURE__*/React.isValidElement(element)) return false;
|
|
17
15
|
if (element.type === React.Fragment) return true;
|
|
18
16
|
if (element.type[CHILDREN_COMPONENT]) {
|
|
19
|
-
|
|
17
|
+
const wrapChildren = addonTextChildren(element.type, Text, Addon);
|
|
20
18
|
if (wrapChildren.type[CHILDREN_COMPONENT]) {
|
|
21
19
|
return true;
|
|
22
20
|
} else {
|
|
@@ -24,13 +22,9 @@ function addonTextChildren(Children, Text, Addon) {
|
|
|
24
22
|
}
|
|
25
23
|
}
|
|
26
24
|
// @ts-ignore
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}) : [Addon.displayName];
|
|
31
|
-
return [Text.displayName].concat(_toConsumableArray(addonNames)).find(function (name) {
|
|
32
|
-
return inheritedNames.includes(name);
|
|
33
|
-
});
|
|
25
|
+
const inheritedNames = element.type[INHERITED_NAME] || [element.type.displayName];
|
|
26
|
+
const addonNames = Array.isArray(Addon) ? Addon.map(Component => Component.displayName) : [Addon.displayName];
|
|
27
|
+
return [Text.displayName, ...addonNames].find(name => inheritedNames.includes(name));
|
|
34
28
|
}) ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(Children, null));
|
|
35
29
|
}
|
|
36
30
|
export default addonTextChildren;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"addonTextChildren.mjs","names":["React","getOriginChildren","isNode","CHILDREN_COMPONENT","INHERITED_NAME","addonTextChildren","Children","Text","Addon","isTextWrapIfEmptyChildren","
|
|
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,EAClDC,yBAAyB,GAAG,KAAK,EACjC;EACA,MAAMC,QAAQ,GAAGT,iBAAiB,CAACK,QAAQ,CAAC;EAC5C,IAAI,OAAOI,QAAQ,KAAK,UAAU,EAAE;IAClC,oBAAOV,KAAA,CAAAW,aAAA,CAACL,QAAQ,MAAE,CAAC;EACrB;EAEA,IAAI,CAACG,yBAAyB,IAAI,CAACP,MAAM,CAACQ,QAAQ,CAAC,EAAE;IACnD,OAAO,IAAI;EACb;EACA,OAAOV,KAAK,CAACM,QAAQ,CAACM,OAAO,CAACF,QAAQ,CAAC,CAACG,IAAI,CAAEC,OAAY,IAAK;IAC7D,IAAI,eAACd,KAAK,CAACe,cAAc,CAACD,OAAO,CAAC,EAAE,OAAO,KAAK;IAChD,IAAIA,OAAO,CAACE,IAAI,KAAKhB,KAAK,CAACiB,QAAQ,EAAE,OAAO,IAAI;IAChD,IAAKH,OAAO,CAACE,IAAI,CAASb,kBAAkB,CAAC,EAAE;MAC7C,MAAMe,YAAiB,GAAGb,iBAAiB,CAACS,OAAO,CAACE,IAAI,EAAET,IAAI,EAAEC,KAAK,CAAC;MACtE,IAAIU,YAAY,CAACF,IAAI,CAACb,kBAAkB,CAAC,EAAE;QACzC,OAAO,IAAI;MACb,CAAC,MAAM;QACLW,OAAO,GAAGI,YAAY;MACxB;IACF;IACA;IACA,MAAMC,cAAc,GAAGL,OAAO,CAACE,IAAI,CAACZ,cAAc,CAAC,IAAI,CAACU,OAAO,CAACE,IAAI,CAACI,WAAW,CAAC;IACjF,MAAMC,UAAU,GAAGC,KAAK,CAACC,OAAO,CAACf,KAAK,CAAC,GACnCA,KAAK,CAACgB,GAAG,CAAEC,SAAS,IAAKA,SAAS,CAACL,WAAW,CAAC,GAC/C,CAACZ,KAAK,CAACY,WAAW,CAAC;IACvB,OAAO,CAACb,IAAI,CAACa,WAAW,EAAE,GAAGC,UAAU,CAAC,CAACK,IAAI,CAAEC,IAAI,IAAKR,cAAc,CAACS,QAAQ,CAACD,IAAI,CAAC,CAAC;EACxF,CAAC,CAAC,gBACG3B,KAAA,CAAAW,aAAA,CAACL,QAAQ,MAAE,CAAC,gBAEXN,KAAA,CAAAW,aAAA,CAACJ,IAAI,qBACHP,KAAA,CAAAW,aAAA,CAACL,QAAQ,MAAE,CACP,CACP;AACP;AAEA,eAAeD,iBAAiB","ignoreList":[]}
|
package/lib/utils/ariaProps.js
CHANGED
|
@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.extractAriaProps = extractAriaProps;
|
|
7
7
|
function extractAriaProps(props) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
const {
|
|
9
|
+
title,
|
|
10
|
+
['aria-label']: ariaLabel,
|
|
11
|
+
['aria-labelledby']: ariaLabelledby,
|
|
12
|
+
['aria-describedby']: ariaDescribedby
|
|
13
|
+
} = props;
|
|
12
14
|
return {
|
|
13
15
|
__excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],
|
|
14
16
|
extractedAriaProps: {
|
|
15
|
-
title
|
|
17
|
+
title,
|
|
16
18
|
'aria-label': ariaLabel,
|
|
17
19
|
'aria-labelledby': ariaLabelledby,
|
|
18
20
|
'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,MAAM;IACJC,KAAK;IACL,CAAC,YAAY,GAAGC,SAAS;IACzB,CAAC,iBAAiB,GAAGC,cAAc;IACnC,CAAC,kBAAkB,GAAGC;EACxB,CAAC,GAAGJ,KAAK;EAET,OAAO;IACLK,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,CAAC;IAC9EC,kBAAkB,EAAE;MAClBL,KAAK;MACL,YAAY,EAAEC,SAAS;MACvB,iBAAiB,EAAEC,cAAc;MACjC,kBAAkB,EAAEC;IACtB;EACF,CAAC;AACH","ignoreList":[]}
|
package/lib/utils/ariaProps.mjs
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
export function extractAriaProps(props) {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
const {
|
|
3
|
+
title,
|
|
4
|
+
['aria-label']: ariaLabel,
|
|
5
|
+
['aria-labelledby']: ariaLabelledby,
|
|
6
|
+
['aria-describedby']: ariaDescribedby
|
|
7
|
+
} = props;
|
|
6
8
|
return {
|
|
7
9
|
__excludeProps: ['title', 'aria-label', 'aria-labelledby', 'aria-describedby'],
|
|
8
10
|
extractedAriaProps: {
|
|
9
|
-
title
|
|
11
|
+
title,
|
|
10
12
|
'aria-label': ariaLabel,
|
|
11
13
|
'aria-labelledby': ariaLabelledby,
|
|
12
14
|
'aria-describedby': ariaDescribedby
|