@wavemaker-ai/app-rn-runtime 1.0.0-rc.324 → 1.0.0-rc.328
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/components/advanced/offline-banner/offline-banner.component.js +68 -0
- package/components/advanced/offline-banner/offline-banner.component.js.map +1 -0
- package/components/advanced/offline-banner/offline-banner.props.js +12 -0
- package/components/advanced/offline-banner/offline-banner.props.js.map +1 -0
- package/components/advanced/offline-banner/offline-banner.styles.js +99 -0
- package/components/advanced/offline-banner/offline-banner.styles.js.map +1 -0
- package/components/advanced/webview/webview.component.js +2 -2
- package/components/advanced/webview/webview.component.js.map +1 -1
- package/components/advanced/webview/webview.props.js +1 -1
- package/components/advanced/webview/webview.props.js.map +1 -1
- package/components/basic/bottomsheet/bottomsheet.component.js +156 -14
- package/components/basic/bottomsheet/bottomsheet.component.js.map +1 -1
- package/components/basic/bottomsheet/bottomsheet.styles.js +0 -3
- package/components/basic/bottomsheet/bottomsheet.styles.js.map +1 -1
- package/components/basic/progress-circle/progress-circle.component.js +3 -1
- package/components/basic/progress-circle/progress-circle.component.js.map +1 -1
- package/components/chart/area-chart/area-chart.component.js +86 -93
- package/components/chart/area-chart/area-chart.component.js.map +1 -1
- package/components/chart/area-chart/area-chart.props.js +2 -0
- package/components/chart/area-chart/area-chart.props.js.map +1 -1
- package/components/chart/bar-chart/bar-chart.component.js +79 -97
- package/components/chart/bar-chart/bar-chart.component.js.map +1 -1
- package/components/chart/basechart.component.js +117 -96
- package/components/chart/basechart.component.js.map +1 -1
- package/components/chart/basechart.props.js +12 -0
- package/components/chart/basechart.props.js.map +1 -1
- package/components/chart/basechart.styles.js.map +1 -1
- package/components/chart/bubble-chart/bubble-chart.component.js +72 -70
- package/components/chart/bubble-chart/bubble-chart.component.js.map +1 -1
- package/components/chart/bubble-chart/bubble-chart.props.js +1 -0
- package/components/chart/bubble-chart/bubble-chart.props.js.map +1 -1
- package/components/chart/line-chart/line-chart.component.js +105 -79
- package/components/chart/line-chart/line-chart.component.js.map +1 -1
- package/components/chart/pie-chart/pie-chart.component.js +70 -166
- package/components/chart/pie-chart/pie-chart.component.js.map +1 -1
- package/components/chart/pie-chart/pie-chart.props.js +1 -0
- package/components/chart/pie-chart/pie-chart.props.js.map +1 -1
- package/components/container/accordion/accordionpane/accordionpane.component.js +6 -2
- package/components/container/accordion/accordionpane/accordionpane.component.js.map +1 -1
- package/components/container/container.component.js +27 -1
- package/components/container/container.component.js.map +1 -1
- package/components/container/container.props.js +7 -0
- package/components/container/container.props.js.map +1 -1
- package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js +25 -1
- package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.component.js.map +1 -1
- package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.props.js +1 -0
- package/components/container/linearlayout/linearlayoutitem/linearlayoutitem.props.js.map +1 -1
- package/components/container/tabs/tabheader/tabheader.component.js +5 -14
- package/components/container/tabs/tabheader/tabheader.component.js.map +1 -1
- package/components/container/tabs/tabheader/tabheader.props.js +0 -2
- package/components/container/tabs/tabheader/tabheader.props.js.map +1 -1
- package/components/container/tabs/tabheader/tabheader.styles.js +1 -43
- package/components/container/tabs/tabheader/tabheader.styles.js.map +1 -1
- package/components/container/tabs/tabpane/tabpane.component.js +6 -2
- package/components/container/tabs/tabpane/tabpane.component.js.map +1 -1
- package/components/container/tabs/tabs.component.js +2 -6
- package/components/container/tabs/tabs.component.js.map +1 -1
- package/components/container/tabs/tabs.props.js +0 -2
- package/components/container/tabs/tabs.props.js.map +1 -1
- package/components/container/wizard/wizardstep/wizardstep.component.js +28 -5
- package/components/container/wizard/wizardstep/wizardstep.component.js.map +1 -1
- package/components/container/wizard/wizardstep/wizardstep.props.js +2 -0
- package/components/container/wizard/wizardstep/wizardstep.props.js.map +1 -1
- package/components/data/form/form-field/form-field.component.js +1 -0
- package/components/data/form/form-field/form-field.component.js.map +1 -1
- package/components/data/form/form-field/form-field.props.js +1 -0
- package/components/data/form/form-field/form-field.props.js.map +1 -1
- package/components/data/list/list-template/list-template.component.js +3 -0
- package/components/data/list/list-template/list-template.component.js.map +1 -1
- package/components/data/list/list.component.js +6 -4
- package/components/data/list/list.component.js.map +1 -1
- package/components/data/list/list.styles.js +1 -14
- package/components/data/list/list.styles.js.map +1 -1
- package/components/input/baseinput/baseinput.component.js +7 -0
- package/components/input/baseinput/baseinput.component.js.map +1 -1
- package/components/input/calendar/calendar.component.js +4 -0
- package/components/input/calendar/calendar.component.js.map +1 -1
- package/components/input/calendar/views/month-view.js +8 -1
- package/components/input/calendar/views/month-view.js.map +1 -1
- package/components/input/checkboxset/checkboxset.component.js.map +1 -1
- package/components/input/checkboxset/checkboxset.styles.js.map +1 -1
- package/components/input/chips/chips.component.js +3 -4
- package/components/input/chips/chips.component.js.map +1 -1
- package/components/input/chips/chips.styles.js +1 -2
- package/components/input/chips/chips.styles.js.map +1 -1
- package/components/input/currency/currency.component.js +1 -0
- package/components/input/currency/currency.component.js.map +1 -1
- package/components/input/number/number.component.js +1 -0
- package/components/input/number/number.component.js.map +1 -1
- package/components/input/switch/switch.component.js +2 -16
- package/components/input/switch/switch.component.js.map +1 -1
- package/components/input/switch/switch.props.js +0 -1
- package/components/input/switch/switch.props.js.map +1 -1
- package/components/input/switch/switch.styles.js +0 -19
- package/components/input/switch/switch.styles.js.map +1 -1
- package/components/input/text/text.component.js +14 -3
- package/components/input/text/text.component.js.map +1 -1
- package/components/input/text/text.props.js +1 -0
- package/components/input/text/text.props.js.map +1 -1
- package/components/input/text/text.styles.js +3 -1
- package/components/input/text/text.styles.js.map +1 -1
- package/components/input/textarea/textarea.component.js +3 -2
- package/components/input/textarea/textarea.component.js.map +1 -1
- package/components/input/toggle/toggle.component.js +4 -13
- package/components/input/toggle/toggle.component.js.map +1 -1
- package/components/input/toggle/toggle.props.js +1 -3
- package/components/input/toggle/toggle.props.js.map +1 -1
- package/components/input/toggle/toggle.styles.js +4 -12
- package/components/input/toggle/toggle.styles.js.map +1 -1
- package/components/navigation/appnavbar/appnavbar.props.js +1 -1
- package/components/navigation/appnavbar/appnavbar.props.js.map +1 -1
- package/components/page/page-content/page-content.component.js +3 -0
- package/components/page/page-content/page-content.component.js.map +1 -1
- package/components/page/page-content/page-content.props.js +2 -0
- package/components/page/page-content/page-content.props.js.map +1 -1
- package/components/page/page.component.js +95 -2
- package/components/page/page.component.js.map +1 -1
- package/components/page/page.props.js +3 -0
- package/components/page/page.props.js.map +1 -1
- package/components/page/tabbar/tabbar.component.js +3 -2
- package/components/page/tabbar/tabbar.component.js.map +1 -1
- package/components/page/tabbar/tabbar.props.js +1 -0
- package/components/page/tabbar/tabbar.props.js.map +1 -1
- package/components-prism/basic/search/search.component.js +8 -12
- package/components-prism/basic/search/search.component.js.map +1 -1
- package/components-prism/basic/search/search.props.js +1 -1
- package/components-prism/basic/search/search.props.js.map +1 -1
- package/components-prism/basic/search/search.styles.js +60 -25
- package/components-prism/basic/search/search.styles.js.map +1 -1
- package/core/AppConfig.js.map +1 -1
- package/core/accessibility.js +9 -0
- package/core/accessibility.js.map +1 -1
- package/core/auto-layout-host.component.js +8 -2
- package/core/auto-layout-host.component.js.map +1 -1
- package/core/auto-layout.utils.js +59 -0
- package/core/auto-layout.utils.js.map +1 -1
- package/core/base.component.js +22 -1
- package/core/base.component.js.map +1 -1
- package/core/components/floatinglabel.component.js +5 -2
- package/core/components/floatinglabel.component.js.map +1 -1
- package/core/components/textinput.component.js +3 -0
- package/core/components/textinput.component.js.map +1 -1
- package/core/network.service.js.map +1 -1
- package/core/tappable.component.js +109 -15
- package/core/tappable.component.js.map +1 -1
- package/npm-shrinkwrap.json +2835 -5858
- package/package-lock.json +2835 -5858
- package/package.json +25 -18
- package/runtime/base-fragment.component.js +7 -1
- package/runtime/base-fragment.component.js.map +1 -1
- package/runtime/base-page.component.js +24 -0
- package/runtime/base-page.component.js.map +1 -1
- package/runtime/base-partial.component.js.map +1 -1
- package/runtime/navigator/drawer.navigator.js +1 -0
- package/runtime/navigator/drawer.navigator.js.map +1 -1
- package/runtime/navigator/stack.navigator.js +16 -1
- package/runtime/navigator/stack.navigator.js.map +1 -1
- package/runtime/services/device/scan-service.js +12 -34
- package/runtime/services/device/scan-service.js.map +1 -1
- package/styles/theme.variables.js.map +1 -1
- package/variables/http.service.js +6 -1
- package/variables/http.service.js.map +1 -1
- package/variables/interceptor/intercept-context.impl.js +46 -0
- package/variables/interceptor/intercept-context.impl.js.map +1 -0
- package/variables/interceptor/interceptor.factory.js +78 -0
- package/variables/interceptor/interceptor.factory.js.map +1 -0
- package/variables/interceptor/persistent.storage.js +142 -0
- package/variables/interceptor/persistent.storage.js.map +1 -0
- package/variables/interceptor/service-variable-interceptor.js +52 -0
- package/variables/interceptor/service-variable-interceptor.js.map +1 -0
- package/variables/service-variable.js +109 -1
- package/variables/service-variable.js.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexWrap","text","chipsWrapper","flexDirection","chip","margin","backgroundColor","chipContainerColor","borderRadius","alignItems","justifyContent","paddingVertical","paddingHorizontal","minWidth","minHeight","borderWidth","borderColor","chipborderColor","elevation","assistchip","paddingTop","paddingBottom","paddingLeft","paddingRight","leadingIcon","icon","fontSize","color","assistchipLabel","inputchipwithicon","inputchipclear","inputchipLabelwithicon","inputchipwithclearicon","inputchipLabelwithclear","chipLabel","fontFamily","baseFont","fontWeight","chipDefaultTextColor","activeChip","chipSelectedContainerColor","chipSelectedOutlineColor","activeChipLabel","chipActiveTextColor","searchContainer","width","search","marginBottom","borderRightWidth","borderTopRightRadius","borderBottomRightRadius","doneIcon","chipIconColor","clearIcon","imageStyles","height","skeleton","padding","leftIcon","marginRight","rightIcon","marginLeft","activeLeftIcon","activeRightIcon","leftBadge","marginTop","rightBadge","activeLeftBadge","activeRightBadge","flex","maxWidth","opacity","inputDisabledBgColor"],"sources":["chips.styles.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSearchStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmPictureStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.styles';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmChipsStyles = BaseStyles & {\n chip: AllStyle;\n chipLabel: TextStyle;\n chipsWrapper: AllStyle;\n search: WmSearchStyles;\n searchContainer: AllStyle;\n activeChip: AllStyle;\n activeChipLabel: TextStyle;\n clearIcon: WmIconStyles;\n doneIcon: WmIconStyles;\n imageStyles: WmPictureStyles;\n skeleton: WmSkeletonStyles;\n leadingIcon:WmIconStyles;\n assistchipLabel:TextStyle;\n inputchipclear: WmIconStyles;\n inputchipLabelwithicon:TextStyle;\n inputchipLabelwithclear:TextStyle;\n leftIcon: WmIconStyles;\n rightIcon: WmIconStyles;\n activeLeftIcon: WmIconStyles;\n activeRightIcon: WmIconStyles;\n leftBadge: BaseStyles;\n rightBadge: BaseStyles;\n activeLeftBadge: BaseStyles;\n activeRightBadge: BaseStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-chips';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmChipsStyles = defineStyles({\n root: {\n flexWrap: 'wrap',\n },\n text: {},\n chipsWrapper: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n chip: {\n margin: 2,\n backgroundColor: themeVariables.chipContainerColor,\n borderRadius: 8,\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n paddingVertical: 4,\n paddingHorizontal: 4,\n minWidth: 80,\n minHeight: 32,\n borderWidth: 1,\n borderColor: themeVariables.chipborderColor,\n elevation: 1\n },\n assistchip : {\n paddingTop:0,\n paddingBottom:0,\n paddingLeft:8,\n paddingRight:16,\n },\n leadingIcon: {\n icon: {\n paddingLeft: 0,\n paddingRight:0,\n fontSize: 18,\n color: 'var(--wm-color-primary)'\n // themeVariables.chipIconColor,\n }\n } as WmIconStyles,\n assistchipLabel : {\n paddingRight: 0,\n },\n inputchipwithicon :{\n paddingTop:0,\n paddingBottom:0,\n paddingLeft:4,\n paddingRight:8\n },\n inputchipclear:{\n icon: {\n paddingRight: 0\n }\n } as WmIconStyles,\n inputchipLabelwithicon:{\n paddingLeft:8,\n paddingRight:8\n },\n inputchipwithclearicon :{\n paddingTop:0,\n paddingBottom:0,\n paddingLeft:12,\n paddingRight:8\n },\n inputchipLabelwithclear:{\n paddingLeft:0,\n paddingRight:8\n },\n chipLabel : {\n fontSize: 14,\n paddingLeft: 8,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n paddingRight: 12,\n color: themeVariables.chipDefaultTextColor,\n borderColor: themeVariables.chipborderColor\n },\n activeChip: {\n backgroundColor: themeVariables.chipSelectedContainerColor,\n borderColor: themeVariables.chipSelectedOutlineColor,\n borderWidth: 0\n },\n activeChipLabel: {\n color: themeVariables.chipActiveTextColor\n },\n searchContainer: {\n width: '100%',\n flexDirection: 'column'\n },\n search: {\n root: {\n marginBottom: 8,\n borderWidth: 0\n },\n text: {\n borderRightWidth: 1,\n borderTopRightRadius: 4,\n borderBottomRightRadius: 4\n }\n } as WmSearchStyles,\n doneIcon: {\n icon: {\n paddingLeft: 8,\n fontSize: 18,\n color: themeVariables.chipIconColor,\n }\n } as WmIconStyles,\n clearIcon: {\n icon: {\n color: themeVariables.chipIconColor,\n paddingRight: 8,\n fontSize: 18\n }\n } as WmIconStyles,\n imageStyles: {\n root: {\n width: 32,\n height: 32,\n borderRadius: 16\n }\n } as WmPictureStyles,\n skeleton: {\n root:{\n width: 80,\n borderRadius: 8,\n padding:4,\n minHeight: 32,\n }\n } as any as WmSkeletonStyles,\n leftIcon: {\n icon: {\n marginRight: 0,\n fontSize: 16,\n color: themeVariables.chipDefaultTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n rightIcon: {\n icon: {\n marginLeft: 0,\n fontSize: 16,\n color: themeVariables.chipDefaultTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n activeLeftIcon: {\n icon: {\n marginRight: 0,\n fontSize: 16,\n paddingLeft: 8,\n color: themeVariables.chipActiveTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n activeRightIcon: {\n icon: {\n marginLeft: 0,\n fontSize: 16,\n marginBottom: 3,\n color: themeVariables.chipActiveTextColor,\n }\n } as WmIconStyles,\n leftBadge: {\n text: {\n fontSize: 14,\n marginRight: 0,\n marginTop: 3,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n color: themeVariables.chipDefaultTextColor,\n }\n } as BaseStyles,\n rightBadge: {\n text: {\n fontSize: 14,\n marginLeft: 0,\n marginTop: 3,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n color: themeVariables.chipDefaultTextColor,\n }\n } as BaseStyles,\n activeLeftBadge: {\n text: {\n color: themeVariables.chipActiveTextColor,\n marginTop: 3\n }\n } as BaseStyles,\n activeRightBadge: {\n text: {\n color: themeVariables.chipActiveTextColor,\n marginTop: 3\n }\n } as BaseStyles,\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n addStyle('form-chips-input-horizontal', '', {\n root: {\n flex: 1,\n minWidth: 0, // Allow shrinking below intrinsic content size if needed\n maxWidth: '100%' // Prevent overflow\n },\n text: {}\n } as BaseStyles);\n\n addStyle(DEFAULT_CLASS + '-disabled', '', {\n chip: {\n opacity: 0.5\n },\n search: {\n root : {\n backgroundColor: themeVariables.inputDisabledBgColor\n }\n }\n });\n});\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["BASE_THEME","defineStyles","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","defaultStyles","root","flexWrap","text","chipsWrapper","flexDirection","chip","margin","backgroundColor","chipContainerColor","borderRadius","alignItems","justifyContent","paddingVertical","paddingHorizontal","minWidth","minHeight","borderWidth","borderColor","chipborderColor","elevation","assistchip","paddingTop","paddingBottom","paddingLeft","paddingRight","leadingIcon","icon","fontSize","color","assistchipLabel","inputchipwithicon","inputchipclear","inputchipLabelwithicon","inputchipwithclearicon","inputchipLabelwithclear","chipLabel","fontFamily","baseFont","fontWeight","chipDefaultTextColor","activeChip","chipSelectedContainerColor","chipSelectedOutlineColor","activeChipLabel","chipActiveTextColor","searchContainer","width","search","marginBottom","borderRightWidth","borderTopRightRadius","borderBottomRightRadius","doneIcon","chipIconColor","clearIcon","imageStyles","height","skeleton","padding","leftIcon","marginRight","rightIcon","marginLeft","activeLeftIcon","activeRightIcon","leftBadge","marginTop","rightBadge","activeLeftBadge","activeRightBadge","flex","maxWidth","opacity","inputDisabledBgColor"],"sources":["chips.styles.ts"],"sourcesContent":["import { TextStyle } from 'react-native';\nimport BASE_THEME, { AllStyle } from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport { WmSearchStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/search/search.styles';\nimport { WmIconStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles';\nimport { WmPictureStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/picture/picture.styles';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport type WmChipsStyles = BaseStyles & {\n chip: AllStyle;\n chipLabel: TextStyle;\n chipsWrapper: AllStyle;\n search: WmSearchStyles;\n searchContainer: AllStyle;\n activeChip: AllStyle;\n activeChipLabel: TextStyle;\n clearIcon: WmIconStyles;\n doneIcon: WmIconStyles;\n imageStyles: WmPictureStyles;\n skeleton: WmSkeletonStyles;\n leadingIcon:WmIconStyles;\n assistchipLabel:TextStyle;\n inputchipclear: WmIconStyles;\n inputchipLabelwithicon:TextStyle;\n inputchipLabelwithclear:TextStyle;\n leftIcon: WmIconStyles;\n rightIcon: WmIconStyles;\n activeLeftIcon: WmIconStyles;\n activeRightIcon: WmIconStyles;\n leftBadge: BaseStyles;\n rightBadge: BaseStyles;\n activeLeftBadge: BaseStyles;\n activeRightBadge: BaseStyles;\n};\n\nexport const DEFAULT_CLASS = 'app-chips';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const defaultStyles: WmChipsStyles = defineStyles({\n root: {\n flexWrap: 'wrap',\n },\n text: {},\n chipsWrapper: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n chip: {\n margin: 2,\n backgroundColor: themeVariables.chipContainerColor,\n borderRadius: 8,\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n paddingVertical: 4,\n paddingHorizontal: 4,\n minWidth: 80,\n minHeight: 32,\n borderWidth: 1,\n borderColor: themeVariables.chipborderColor,\n elevation: 1\n },\n assistchip : {\n paddingTop:0,\n paddingBottom:0,\n paddingLeft:8,\n paddingRight:16,\n },\n leadingIcon: {\n icon: {\n paddingLeft: 0,\n paddingRight:0,\n fontSize: 18,\n color: 'var(--wm-color-primary)'\n // themeVariables.chipIconColor,\n }\n } as WmIconStyles,\n assistchipLabel : {\n paddingRight: 0,\n },\n inputchipwithicon :{\n paddingTop:0,\n paddingBottom:0,\n paddingLeft:4,\n paddingRight:8\n },\n inputchipclear:{\n icon: {\n paddingRight: 0\n }\n } as WmIconStyles,\n inputchipLabelwithicon:{\n paddingLeft:8,\n paddingRight:8\n },\n inputchipwithclearicon :{\n paddingTop:0,\n paddingBottom:0,\n paddingLeft:12,\n paddingRight:8\n },\n inputchipLabelwithclear:{\n paddingLeft:0,\n paddingRight:8\n },\n chipLabel : {\n fontSize: 14,\n paddingLeft: 8,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n paddingRight: 12,\n color: themeVariables.chipDefaultTextColor,\n borderColor: themeVariables.chipborderColor\n },\n activeChip: {\n backgroundColor: themeVariables.chipSelectedContainerColor,\n borderColor: themeVariables.chipSelectedOutlineColor,\n borderWidth: 0\n },\n activeChipLabel: {\n color: themeVariables.chipActiveTextColor\n },\n searchContainer: {\n width: '100%',\n flexDirection: 'column'\n },\n search: {\n root: {\n marginBottom: 8\n },\n text: {\n borderRightWidth: 1,\n borderTopRightRadius: 4,\n borderBottomRightRadius: 4\n }\n } as WmSearchStyles,\n doneIcon: {\n icon: {\n paddingLeft: 8,\n fontSize: 18,\n color: themeVariables.chipIconColor,\n }\n } as WmIconStyles,\n clearIcon: {\n icon: {\n color: themeVariables.chipIconColor,\n paddingRight: 8,\n fontSize: 18\n }\n } as WmIconStyles,\n imageStyles: {\n root: {\n width: 32,\n height: 32,\n borderRadius: 16\n }\n } as WmPictureStyles,\n skeleton: {\n root:{\n width: 80,\n borderRadius: 8,\n padding:4,\n minHeight: 32,\n }\n } as any as WmSkeletonStyles,\n leftIcon: {\n icon: {\n marginRight: 0,\n fontSize: 16,\n color: themeVariables.chipDefaultTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n rightIcon: {\n icon: {\n marginLeft: 0,\n fontSize: 16,\n color: themeVariables.chipDefaultTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n activeLeftIcon: {\n icon: {\n marginRight: 0,\n fontSize: 16,\n paddingLeft: 8,\n color: themeVariables.chipActiveTextColor,\n marginBottom: 3\n }\n } as WmIconStyles,\n activeRightIcon: {\n icon: {\n marginLeft: 0,\n fontSize: 16,\n marginBottom: 3,\n color: themeVariables.chipActiveTextColor,\n }\n } as WmIconStyles,\n leftBadge: {\n text: {\n fontSize: 14,\n marginRight: 0,\n marginTop: 3,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n color: themeVariables.chipDefaultTextColor,\n }\n } as BaseStyles,\n rightBadge: {\n text: {\n fontSize: 14,\n marginLeft: 0,\n marginTop: 3,\n fontFamily: themeVariables.baseFont,\n fontWeight: '500',\n color: themeVariables.chipDefaultTextColor,\n }\n } as BaseStyles,\n activeLeftBadge: {\n text: {\n color: themeVariables.chipActiveTextColor,\n marginTop: 3\n }\n } as BaseStyles,\n activeRightBadge: {\n text: {\n color: themeVariables.chipActiveTextColor,\n marginTop: 3\n }\n } as BaseStyles,\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n addStyle('form-chips-input-horizontal', '', {\n root: {\n flex: 1,\n minWidth: 0, // Allow shrinking below intrinsic content size if needed\n maxWidth: '100%' // Prevent overflow\n },\n text: {}\n } as BaseStyles);\n\n addStyle(DEFAULT_CLASS + '-disabled', '', {\n chip: {\n opacity: 0.5\n },\n search: {\n root : {\n backgroundColor: themeVariables.inputDisabledBgColor\n }\n }\n });\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -91,6 +91,7 @@ export default class WmCurrency extends BaseNumberComponent {
|
|
|
91
91
|
activeFloatingLabelStyle: this.theme.mergeStyle(this.styles.activeFloatingLabel, (_this$theme$getStyle = this.theme.getStyle('app-currency-with-label')) === null || _this$theme$getStyle === void 0 ? void 0 : _this$theme$getStyle.activeFloatingLabel, (_this$theme$getStyle2 = this.theme.getStyle(`${classname}`)) === null || _this$theme$getStyle2 === void 0 ? void 0 : _this$theme$getStyle2.focused),
|
|
92
92
|
variant: props.variant,
|
|
93
93
|
labelBackground: props.variant === 'outlined' ? (_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.backgroundColor : undefined,
|
|
94
|
+
inactiveFloatingLabelStyle: this.styles.inactiveFloatingLabel,
|
|
94
95
|
editable: props.disabled || props.readonly ? false : true,
|
|
95
96
|
placeholder: props.placeholder,
|
|
96
97
|
background: this._background,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","Platform","WmCurrencyProps","CURRENCY_INFO","WMTextInput","DEFAULT_CLASS","BaseNumberComponent","BaseNumberState","isNull","AccessibilityWidgetType","getAccessibilityProps","countDecimalDigits","validateInputOnDevice","createSkeleton","WmCurrencyState","constructor","args","_defineProperty","WmCurrency","props","onPropertyChange","name","$new","$old","updateState","currencySymbol","symbol","getStyleClassName","classes","state","floatinglabel","push","join","renderTextSkeleton","createElement","Fragment","theme","styles","skeleton","root","renderWidget","_this$state$textValue","_this$theme$getStyle","_this$theme$getStyle2","_this$styles$root","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","style","onLayout","event","handleLayout","_showSkeleton","skeletonLabelWrapper","labelWrapper","accessible","accessibilityLabel","skeletonLabel","label","importantForAccessibility","skeletonTextInputWrapper","flex","_extends","getTestPropsForInput","CURRENCY","ref","widgetRef","selectionStart","selectionEnd","cursor","keyboardType","placeholderTextColor","placeholderText","color","isInputFocused","mergeStyle","input","inputNoLeftRadius","text","isValid","invalid","focused","disabled","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","variant","labelBackground","backgroundColor","undefined","editable","readonly","placeholder","background","_background","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onChangeText","isValidText","validText","decimalPlaces","decimalPlacesInNumber","restrictDecimalRegex","RegExp","updatedCurrencyText","replace","_this$widgetRef","setNativeProps","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["currency.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, DimensionValue } from 'react-native';\n\nimport WmCurrencyProps from './currency.props';\nimport { CURRENCY_INFO } from '@wavemaker-ai/app-rn-runtime/core/currency-constants';\nimport { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';\nimport { DEFAULT_CLASS, WmCurrencyStyles } from './currency.styles';\nimport {\n BaseNumberComponent,\n BaseNumberState\n} from '@wavemaker-ai/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { isNull } from \"lodash\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { countDecimalDigits, validateInputOnDevice } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmCurrencyState extends BaseNumberState<WmCurrencyProps> {\n currencySymbol: any;\n}\n\nexport default class WmCurrency extends BaseNumberComponent<WmCurrencyProps, WmCurrencyState, WmCurrencyStyles> {\n\n constructor(props: WmCurrencyProps) {\n super(props, DEFAULT_CLASS, new WmCurrencyProps(), new WmCurrencyState());\n }\n\n onPropertyChange(name: string, $new: any, $old: any) {\n super.onPropertyChange(name, $new, $old);\n switch (name) {\n case 'currency':\n if ($new) {\n this.updateState({\n currencySymbol: CURRENCY_INFO[$new].symbol,\n } as WmCurrencyState);\n }\n break;\n\n }\n }\n\n public getStyleClassName(): string | undefined {\n const classes = [];\n if (this.state.props.floatinglabel) {\n classes.push('app-currency-with-label');\n }\n classes.push(super.getStyleClassName());\n return classes.join(' ');\n }\n\n public renderTextSkeleton(props:any): React.ReactNode {\n return this.props.floatinglabel ? <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {...props})}</>\n : <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {\n ...this.styles.skeleton.root,\n })}</>\n }\n\n renderWidget(props: WmCurrencyProps) {\n let opts: any = {};\n const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n const foundationStyle = this.theme.getStyle('app-input');\n const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n opts[valueExpr] = this.state.textValue?.toString() || '';\n return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n <View style={ (this._showSkeleton && !this.props.floatinglabel) ? this.styles.skeletonLabelWrapper.root : this.styles.labelWrapper } accessible accessibilityLabel={this.state.currencySymbol}>\n {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonLabel.root)}</> :\n <Text style={this.styles.label} importantForAccessibility='no'>{this.state.currencySymbol}</Text>}\n </View>\n {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonTextInputWrapper.root)}</> :<View style={{flex: 1}}>\n <WMTextInput\n {...this.getTestPropsForInput()}\n {...getAccessibilityProps(AccessibilityWidgetType.CURRENCY, props)}\n ref={(ref: any) => {\n this.widgetRef = ref;\n // @ts-ignore\n if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n // @ts-ignore\n ref.selectionStart = ref.selectionEnd = this.cursor;\n }\n }}\n keyboardType=\"numeric\"\n placeholderTextColor={this.styles.placeholderText.color as any}\n isInputFocused={ this.state.isInputFocused }\n style={[\n this.theme.mergeStyle(\n this.styles.input,\n // foundationStyle ? this.styles.root : null,\n foundationStyle?.root,\n this.styles.inputNoLeftRadius\n ),\n this.theme.mergeStyle(this.styles.text, foundationStyle?.text, this.theme.getStyle(`${classname}`)),\n this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, this.styles.inputNoLeftRadius, foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {}\n ]}\n {...opts}\n floatingLabel={props.floatinglabel}\n floatingLabelStyle={this.styles.floatingLabel}\n activeFloatingLabelStyle={this.theme.mergeStyle(this.styles.activeFloatingLabel,\n this.theme.getStyle('app-currency-with-label')?.activeFloatingLabel,\n this.theme.getStyle(`${classname}`)?.focused)}\n variant={props.variant as 'filled' | 'outlined' | undefined}\n labelBackground={props.variant === 'outlined' ? (this.styles.root?.backgroundColor as string) : undefined}\n editable={props.disabled || props.readonly ? false : true}\n placeholder={props.placeholder}\n background={this._background}\n onBlur={this.onBlur.bind(this)}\n onFocus={this.onFocus.bind(this)}\n onKeyPress={this.validateInputEntry.bind(this)}\n onChangeText={(text) => {\n const {isValidText, validText} = validateInputOnDevice(text, \"currency\");\n const decimalPlaces = props.decimalPlaces;\n const decimalPlacesInNumber = countDecimalDigits(validText);\n const restrictDecimalRegex = new RegExp(`(\\\\.\\\\d{${decimalPlaces}})\\\\d*`);\n const updatedCurrencyText = validText.replace(restrictDecimalRegex, '$1');\n\n if (!isValidText || decimalPlaces < decimalPlacesInNumber) {\n (this.widgetRef as any)?.setNativeProps({ text: updatedCurrencyText });\n }\n\n this.onChangeText.bind(this)(updatedCurrencyText, 'currency');\n }}\n onChange={this.invokeChange.bind(this)}\n allowContentSelection={this.styles.text.userSelect === 'text'}\n />\n </View> }\n </View>);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","View","Text","Platform","WmCurrencyProps","CURRENCY_INFO","WMTextInput","DEFAULT_CLASS","BaseNumberComponent","BaseNumberState","isNull","AccessibilityWidgetType","getAccessibilityProps","countDecimalDigits","validateInputOnDevice","createSkeleton","WmCurrencyState","constructor","args","_defineProperty","WmCurrency","props","onPropertyChange","name","$new","$old","updateState","currencySymbol","symbol","getStyleClassName","classes","state","floatinglabel","push","join","renderTextSkeleton","createElement","Fragment","theme","styles","skeleton","root","renderWidget","_this$state$textValue","_this$theme$getStyle","_this$theme$getStyle2","_this$styles$root","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","style","onLayout","event","handleLayout","_showSkeleton","skeletonLabelWrapper","labelWrapper","accessible","accessibilityLabel","skeletonLabel","label","importantForAccessibility","skeletonTextInputWrapper","flex","_extends","getTestPropsForInput","CURRENCY","ref","widgetRef","selectionStart","selectionEnd","cursor","keyboardType","placeholderTextColor","placeholderText","color","isInputFocused","mergeStyle","input","inputNoLeftRadius","text","isValid","invalid","focused","disabled","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","variant","labelBackground","backgroundColor","undefined","inactiveFloatingLabelStyle","inactiveFloatingLabel","editable","readonly","placeholder","background","_background","onBlur","bind","onFocus","onKeyPress","validateInputEntry","onChangeText","isValidText","validText","decimalPlaces","decimalPlacesInNumber","restrictDecimalRegex","RegExp","updatedCurrencyText","replace","_this$widgetRef","setNativeProps","onChange","invokeChange","allowContentSelection","userSelect"],"sources":["currency.component.tsx"],"sourcesContent":["import React from 'react';\nimport { View, Text, Platform, DimensionValue } from 'react-native';\n\nimport WmCurrencyProps from './currency.props';\nimport { CURRENCY_INFO } from '@wavemaker-ai/app-rn-runtime/core/currency-constants';\nimport { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';\nimport { DEFAULT_CLASS, WmCurrencyStyles } from './currency.styles';\nimport {\n BaseNumberComponent,\n BaseNumberState\n} from '@wavemaker-ai/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { isNull } from \"lodash\";\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { countDecimalDigits, validateInputOnDevice } from '@wavemaker-ai/app-rn-runtime/core/utils';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmCurrencyState extends BaseNumberState<WmCurrencyProps> {\n currencySymbol: any;\n}\n\nexport default class WmCurrency extends BaseNumberComponent<WmCurrencyProps, WmCurrencyState, WmCurrencyStyles> {\n\n constructor(props: WmCurrencyProps) {\n super(props, DEFAULT_CLASS, new WmCurrencyProps(), new WmCurrencyState());\n }\n\n onPropertyChange(name: string, $new: any, $old: any) {\n super.onPropertyChange(name, $new, $old);\n switch (name) {\n case 'currency':\n if ($new) {\n this.updateState({\n currencySymbol: CURRENCY_INFO[$new].symbol,\n } as WmCurrencyState);\n }\n break;\n\n }\n }\n\n public getStyleClassName(): string | undefined {\n const classes = [];\n if (this.state.props.floatinglabel) {\n classes.push('app-currency-with-label');\n }\n classes.push(super.getStyleClassName());\n return classes.join(' ');\n }\n\n public renderTextSkeleton(props:any): React.ReactNode {\n return this.props.floatinglabel ? <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {...props})}</>\n : <>{createSkeleton(this.theme, {} as WmSkeletonStyles, {\n ...this.styles.skeleton.root,\n })}</>\n }\n\n renderWidget(props: WmCurrencyProps) {\n let opts: any = {};\n const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n const foundationStyle = this.theme.getStyle('app-input');\n const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n opts[valueExpr] = this.state.textValue?.toString() || '';\n return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)}>\n <View style={ (this._showSkeleton && !this.props.floatinglabel) ? this.styles.skeletonLabelWrapper.root : this.styles.labelWrapper } accessible accessibilityLabel={this.state.currencySymbol}>\n {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonLabel.root)}</> :\n <Text style={this.styles.label} importantForAccessibility='no'>{this.state.currencySymbol}</Text>}\n </View>\n {this._showSkeleton ? <>{this.renderTextSkeleton(this.styles.skeletonTextInputWrapper.root)}</> :<View style={{flex: 1}}>\n <WMTextInput\n {...this.getTestPropsForInput()}\n {...getAccessibilityProps(AccessibilityWidgetType.CURRENCY, props)}\n ref={(ref: any) => {\n this.widgetRef = ref;\n // @ts-ignore\n if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n // @ts-ignore\n ref.selectionStart = ref.selectionEnd = this.cursor;\n }\n }}\n keyboardType=\"numeric\"\n placeholderTextColor={this.styles.placeholderText.color as any}\n isInputFocused={ this.state.isInputFocused }\n style={[\n this.theme.mergeStyle(\n this.styles.input,\n // foundationStyle ? this.styles.root : null,\n foundationStyle?.root,\n this.styles.inputNoLeftRadius\n ),\n this.theme.mergeStyle(this.styles.text, foundationStyle?.text, this.theme.getStyle(`${classname}`)),\n this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, this.styles.inputNoLeftRadius, foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {}\n ]}\n {...opts}\n floatingLabel={props.floatinglabel}\n floatingLabelStyle={this.styles.floatingLabel}\n activeFloatingLabelStyle={this.theme.mergeStyle(this.styles.activeFloatingLabel,\n this.theme.getStyle('app-currency-with-label')?.activeFloatingLabel, \n this.theme.getStyle(`${classname}`)?.focused)}\n variant={props.variant as 'filled' | 'outlined' | undefined}\n labelBackground={props.variant === 'outlined' ? (this.styles.root?.backgroundColor as string) : undefined}\n inactiveFloatingLabelStyle={this.styles.inactiveFloatingLabel}\n editable={props.disabled || props.readonly ? false : true}\n placeholder={props.placeholder}\n background={this._background}\n onBlur={this.onBlur.bind(this)}\n onFocus={this.onFocus.bind(this)}\n onKeyPress={this.validateInputEntry.bind(this)}\n onChangeText={(text) => {\n const {isValidText, validText} = validateInputOnDevice(text, \"currency\");\n const decimalPlaces = props.decimalPlaces;\n const decimalPlacesInNumber = countDecimalDigits(validText);\n const restrictDecimalRegex = new RegExp(`(\\\\.\\\\d{${decimalPlaces}})\\\\d*`);\n const updatedCurrencyText = validText.replace(restrictDecimalRegex, '$1');\n\n if (!isValidText || decimalPlaces < decimalPlacesInNumber) {\n (this.widgetRef as any)?.setNativeProps({ text: updatedCurrencyText });\n }\n\n this.onChangeText.bind(this)(updatedCurrencyText, 'currency');\n }}\n onChange={this.invokeChange.bind(this)}\n allowContentSelection={this.styles.text.userSelect === 'text'}\n />\n </View> }\n </View>);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -62,6 +62,7 @@ export default class WmNumber extends BaseNumberComponent {
|
|
|
62
62
|
activeFloatingLabelStyle: this.theme.mergeStyle(this.styles.activeFloatingLabel, (_this$theme$getStyle = this.theme.getStyle('app-number-with-label')) === null || _this$theme$getStyle === void 0 ? void 0 : _this$theme$getStyle.activeFloatingLabel, (_this$theme$getStyle2 = this.theme.getStyle(`${classname}`)) === null || _this$theme$getStyle2 === void 0 ? void 0 : _this$theme$getStyle2.focused),
|
|
63
63
|
variant: props.variant,
|
|
64
64
|
labelBackground: props.variant === 'outlined' ? (_this$styles$root = this.styles.root) === null || _this$styles$root === void 0 ? void 0 : _this$styles$root.backgroundColor : undefined,
|
|
65
|
+
inactiveFloatingLabelStyle: this.styles.inactiveFloatingLabel,
|
|
65
66
|
isInputFocused: this.state.isInputFocused,
|
|
66
67
|
style: [this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.root), this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.invalid), this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.focused, this.theme.getStyle(`${classname}`).focused) : {}, this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.disabled, this.theme.getStyle(`${classname}`).disabled) : {}],
|
|
67
68
|
keyboardType: "numeric",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","View","isNull","WmNumberProps","DEFAULT_CLASS","WMTextInput","BaseNumberComponent","BaseNumberState","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmNumberState","constructor","args","_defineProperty","WmNumber","props","getStyleClassName","classes","state","floatinglabel","push","join","renderTextSkeleton","createElement","style","styles","root","theme","skeletonLabel","Fragment","skeleton","renderWidget","_this$state$textValue","_this$theme$getStyle","_this$theme$getStyle2","_this$styles$root","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","_showSkeleton","_extends","getTestPropsForInput","NUMBER","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","mergeStyle","activeFloatingLabel","focused","variant","labelBackground","backgroundColor","undefined","isInputFocused","isValid","invalid","disabled","keyboardType","background","_background","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","readonly","placeholder","onBlur","event","bind","displayValue","onFocus","onKeyPress","validateInputEntry","onChangeText","text","onChange","invokeChange","allowContentSelection","userSelect","customDisplayValue","handleLayout"],"sources":["number.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Platform, View } from 'react-native';\nimport { isNull } from 'lodash';\n\nimport WmNumberProps from './number.props';\nimport { DEFAULT_CLASS, WmNumberStyles } from './number.styles';\nimport { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';\nimport {\n BaseNumberComponent,\n BaseNumberState\n} from '@wavemaker-ai/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmNumberState extends BaseNumberState<WmNumberProps> {\n keyboardType: any;\n}\n\nexport default class WmNumber extends BaseNumberComponent<WmNumberProps, WmNumberState, WmNumberStyles> {\n\n constructor(props: WmNumberProps) {\n super(props, DEFAULT_CLASS, new WmNumberProps(), new WmNumberState());\n }\n\n public getStyleClassName(): string | undefined {\n const classes = [];\n if (this.state.props.floatinglabel) {\n classes.push('app-number-with-label');\n }\n classes.push(super.getStyleClassName());\n return classes.join(' ');\n }\n\n public renderTextSkeleton(): React.ReactNode {\n return this.props.floatinglabel ?\n <View style={{...this.styles.root}}>{createSkeleton(this.theme, {} as WmSkeletonStyles, {...this.styles.skeletonLabel.root})}</View>\n :<>{createSkeleton(this.theme, {} as WmSkeletonStyles, {\n ...this.styles.skeleton.root,\n })}</>\n }\n\n renderWidget(props: WmNumberProps) {\n let opts: any = {};\n const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n const foundationStyle = this.theme.getStyle('app-input');\n const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n opts[valueExpr] = this.state.textValue?.toString() || '';\n return (this._showSkeleton ? this.renderTextSkeleton() :\n <WMTextInput\n {...this.getTestPropsForInput()}\n {...getAccessibilityProps(AccessibilityWidgetType.NUMBER, props)}\n ref={(ref: any) => {this.widgetRef = ref;\n // @ts-ignore\n if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n // @ts-ignore\n ref.selectionStart = ref.selectionEnd = this.cursor;\n }}}\n {...opts}\n floatingLabel={props.floatinglabel}\n floatingLabelStyle={this.styles.floatingLabel}\n activeFloatingLabelStyle={this.theme.mergeStyle(this.styles.activeFloatingLabel,\n this.theme.getStyle('app-number-with-label')?.activeFloatingLabel,\n this.theme.getStyle(`${classname}`)?.focused)}\n variant={props.variant as 'filled' | 'outlined' | undefined}\n labelBackground={props.variant === 'outlined' ? (this.styles.root?.backgroundColor as string) : undefined}\n isInputFocused={ this.state.isInputFocused }\n style={[\n this.theme.mergeStyle(this.styles.root, foundationStyle?.root),\n this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {},\n ]}\n keyboardType=\"numeric\"\n background={this._background}\n placeholderTextColor={this.styles.placeholderText.color as any}\n autoFocus={props.autofocus}\n editable={props.disabled || props.readonly ? false : true}\n placeholder={props.placeholder}\n onBlur={(event)=>{this.onBlur.bind(this)(event, !!props.displayValue)}}\n onFocus={this.onFocus.bind(this)}\n onKeyPress={this.validateInputEntry.bind(this)}\n onChangeText={(text) => {\n this.onChangeText.bind(this)(text, 'number', !!props.displayValue);\n }}\n onChange={this.invokeChange.bind(this)}\n allowContentSelection={this.styles.text.userSelect === 'text'}\n customDisplayValue={props.displayValue}\n handleLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n />);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","Platform","View","isNull","WmNumberProps","DEFAULT_CLASS","WMTextInput","BaseNumberComponent","BaseNumberState","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmNumberState","constructor","args","_defineProperty","WmNumber","props","getStyleClassName","classes","state","floatinglabel","push","join","renderTextSkeleton","createElement","style","styles","root","theme","skeletonLabel","Fragment","skeleton","renderWidget","_this$state$textValue","_this$theme$getStyle","_this$theme$getStyle2","_this$styles$root","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","_showSkeleton","_extends","getTestPropsForInput","NUMBER","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","mergeStyle","activeFloatingLabel","focused","variant","labelBackground","backgroundColor","undefined","inactiveFloatingLabelStyle","inactiveFloatingLabel","isInputFocused","isValid","invalid","disabled","keyboardType","background","_background","placeholderTextColor","placeholderText","color","autoFocus","autofocus","editable","readonly","placeholder","onBlur","event","bind","displayValue","onFocus","onKeyPress","validateInputEntry","onChangeText","text","onChange","invokeChange","allowContentSelection","userSelect","customDisplayValue","handleLayout"],"sources":["number.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, LayoutChangeEvent, Platform, View } from 'react-native';\nimport { isNull } from 'lodash';\n\nimport WmNumberProps from './number.props';\nimport { DEFAULT_CLASS, WmNumberStyles } from './number.styles';\nimport { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';\nimport {\n BaseNumberComponent,\n BaseNumberState\n} from '@wavemaker-ai/app-rn-runtime/components/input/basenumber/basenumber.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmNumberState extends BaseNumberState<WmNumberProps> {\n keyboardType: any;\n}\n\nexport default class WmNumber extends BaseNumberComponent<WmNumberProps, WmNumberState, WmNumberStyles> {\n\n constructor(props: WmNumberProps) {\n super(props, DEFAULT_CLASS, new WmNumberProps(), new WmNumberState());\n }\n\n public getStyleClassName(): string | undefined {\n const classes = [];\n if (this.state.props.floatinglabel) {\n classes.push('app-number-with-label');\n }\n classes.push(super.getStyleClassName());\n return classes.join(' ');\n }\n\n public renderTextSkeleton(): React.ReactNode {\n return this.props.floatinglabel ?\n <View style={{...this.styles.root}}>{createSkeleton(this.theme, {} as WmSkeletonStyles, {...this.styles.skeletonLabel.root})}</View>\n :<>{createSkeleton(this.theme, {} as WmSkeletonStyles, {\n ...this.styles.skeleton.root,\n })}</>\n }\n\n renderWidget(props: WmNumberProps) {\n let opts: any = {};\n const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n const foundationStyle = this.theme.getStyle('app-input');\n const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n opts[valueExpr] = this.state.textValue?.toString() || '';\n return (this._showSkeleton ? this.renderTextSkeleton() :\n <WMTextInput\n {...this.getTestPropsForInput()}\n {...getAccessibilityProps(AccessibilityWidgetType.NUMBER, props)}\n ref={(ref: any) => {this.widgetRef = ref;\n // @ts-ignore\n if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n // @ts-ignore\n ref.selectionStart = ref.selectionEnd = this.cursor;\n }}}\n {...opts}\n floatingLabel={props.floatinglabel}\n floatingLabelStyle={this.styles.floatingLabel}\n activeFloatingLabelStyle={this.theme.mergeStyle(this.styles.activeFloatingLabel,\n this.theme.getStyle('app-number-with-label')?.activeFloatingLabel, \n this.theme.getStyle(`${classname}`)?.focused)}\n variant={props.variant as 'filled' | 'outlined' | undefined}\n labelBackground={props.variant === 'outlined' ? (this.styles.root?.backgroundColor as string) : undefined}\n inactiveFloatingLabelStyle={this.styles.inactiveFloatingLabel}\n isInputFocused={ this.state.isInputFocused }\n style={[\n this.theme.mergeStyle(this.styles.root, foundationStyle?.root),\n this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {},\n ]}\n keyboardType=\"numeric\"\n background={this._background}\n placeholderTextColor={this.styles.placeholderText.color as any}\n autoFocus={props.autofocus}\n editable={props.disabled || props.readonly ? false : true}\n placeholder={props.placeholder}\n onBlur={(event)=>{this.onBlur.bind(this)(event, !!props.displayValue)}}\n onFocus={this.onFocus.bind(this)}\n onKeyPress={this.validateInputEntry.bind(this)}\n onChangeText={(text) => {\n this.onChangeText.bind(this)(text, 'number', !!props.displayValue);\n }}\n onChange={this.invokeChange.bind(this)}\n allowContentSelection={this.styles.text.userSelect === 'text'}\n customDisplayValue={props.displayValue}\n handleLayout={(event: LayoutChangeEvent) => this.handleLayout(event)}\n />);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -67,27 +67,13 @@ export default class WmSwitch extends BaseDatasetComponent {
|
|
|
67
67
|
onTap: this.state.props.disabled ? undefined : this.onTap.bind(this, null, item),
|
|
68
68
|
styles: [this.styles.button, this.styles[btnClass], isSelected ? this.styles.selectedButton : null],
|
|
69
69
|
key: item.key
|
|
70
|
-
}), this.state.props.iconclass ? /*#__PURE__*/React.createElement(
|
|
71
|
-
style: this.styles.buttonContent
|
|
72
|
-
}, isSelected && this.state.props.checkediconclass ? /*#__PURE__*/React.createElement(WmIcon, {
|
|
73
|
-
id: this.getTestId('checkicon' + index),
|
|
74
|
-
styles: this.styles.checkIcon,
|
|
75
|
-
iconclass: this.state.props.checkediconclass,
|
|
76
|
-
accessible: false
|
|
77
|
-
}) : null, /*#__PURE__*/React.createElement(WmIcon, {
|
|
70
|
+
}), this.state.props.iconclass ? /*#__PURE__*/React.createElement(WmIcon, {
|
|
78
71
|
id: this.getTestId('icon' + index),
|
|
79
72
|
styles: isSelected ? this.styles.selectedLoadingIcon : this.styles.loadingIcon,
|
|
80
73
|
iconclass: item.icon,
|
|
81
74
|
caption: displayText,
|
|
82
75
|
accessible: false
|
|
83
|
-
})
|
|
84
|
-
style: isSelected && this.state.props.checkediconclass ? this.styles.buttonContent : null
|
|
85
|
-
}, isSelected && this.state.props.checkediconclass ? /*#__PURE__*/React.createElement(WmIcon, {
|
|
86
|
-
id: this.getTestId('checkicon' + index),
|
|
87
|
-
styles: this.styles.checkIcon,
|
|
88
|
-
iconclass: this.state.props.checkediconclass,
|
|
89
|
-
accessible: false
|
|
90
|
-
}) : null, this._showSkeleton ? createSkeleton(this.theme, {}, {
|
|
76
|
+
}) : /*#__PURE__*/React.createElement(View, null, this._showSkeleton ? createSkeleton(this.theme, {}, {
|
|
91
77
|
...this.styles.text,
|
|
92
78
|
...this.styles.textSkeleton.root
|
|
93
79
|
}) : /*#__PURE__*/React.createElement(Text, _extends({}, this.getTestPropsForLabel('label' + index), {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","View","isEqual","find","WmSwitchProps","DEFAULT_CLASS","WmIcon","BaseDatasetComponent","BaseDatasetState","Tappable","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmSwitchState","WmSwitch","constructor","props","onChange","value","oldVal","state","datavalue","validate","datafield","selectedItem","dataItems","item","key","dataObject","updateState","isDefault","invokeEvent","invokeEventCallback","undefined","proxy","onTap","event","getItemKey","renderChild","index","btnClass","length","displayText","displayexp","displayfield","isSelected","accessibilityProps","accessibilityRole","accessibilityState","selected","createElement","_extends","disableTouchEffect","disabletoucheffect","getTestPropsForAction","disabled","bind","styles","button","selectedButton","iconclass","style","buttonContent","checkediconclass","id","getTestId","checkIcon","accessible","selectedLoadingIcon","loadingIcon","icon","caption","_showSkeleton","theme","text","textSkeleton","root","getTestPropsForLabel","selectedButtonText","color","renderItems","items","map","renderWidget","onLayout","handleLayout","SWITCH"],"sources":["switch.component.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport {DimensionValue, LayoutChangeEvent, Text, View} from \"react-native\";\nimport { isEqual, find } from 'lodash';\n\nimport WmSwitchProps from './switch.props';\nimport { DEFAULT_CLASS, WmSwitchStyles } from './switch.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmSwitchState extends BaseDatasetState<WmSwitchProps> {}\n\nexport default class WmSwitch extends BaseDatasetComponent<WmSwitchProps, WmSwitchState, WmSwitchStyles> {\n constructor(props: WmSwitchProps) {\n super(props, DEFAULT_CLASS, new WmSwitchProps());\n }\n\n onChange(value: any) {\n if (!value) {\n return;\n }\n const oldVal = this.state.props.datavalue;\n this.validate(value);\n if (value === oldVal) {\n return;\n }\n if (this.state.props.datafield === 'All Fields') {\n const selectedItem = find(this.state.dataItems, (item) => isEqual(item.key, value));\n value = selectedItem && selectedItem.dataObject;\n }\n // @ts-ignore\n this.updateState({props: {datavalue: value}, isDefault: false},\n () => {\n if (!this.props.invokeEvent) {\n this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldVal]);\n }\n });\n }\n\n onTap(event: any, item: any) {\n const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n this.onChange(value);\n this.invokeEventCallback('onTap', [ event, this.proxy ]);\n }\n renderChild(item: any, index: any) {\n let btnClass = 'button';\n const props = this.state.props;\n if(index === 0) {\n btnClass = 'firstButton';\n } else if (index+1 === this.state.dataItems.length) {\n btnClass = 'lastButton';\n }\n const displayText = item.displayexp || item.displayfield;\n const isSelected = this.state.props.datafield === 'All Fields' ? isEqual(props.datavalue, item.datafield) : this.state.props.datavalue === item.datafield;\n const accessibilityProps = {\n accessibilityRole: 'button',\n accessibilityState: {\n selected: isSelected,\n }};\n return (\n <Tappable\n disableTouchEffect={this.state.props.disabletoucheffect}\n {...this.getTestPropsForAction('button'+index)}\n accessibilityProps={accessibilityProps}\n onTap={this.state.props.disabled ? undefined : this.onTap.bind(this, null, item)}\n styles={[\n this.styles.button,\n this.styles[btnClass],\n isSelected ? this.styles.selectedButton : null]}\n key={item.key}>\n {this.state.props.iconclass ?\n (<View style={this.styles.buttonContent}>\n {isSelected && this.state.props.checkediconclass ? (\n <WmIcon\n id={this.getTestId('checkicon' + index)}\n styles={this.styles.checkIcon}\n iconclass={this.state.props.checkediconclass}\n accessible={false}></WmIcon>\n ) : null}\n <WmIcon\n id={this.getTestId('icon' + index)}\n styles={isSelected ? this.styles.selectedLoadingIcon : this.styles.loadingIcon}\n iconclass={item.icon}\n caption={displayText}\n accessible={false}></WmIcon>\n </View>)\n : (<View style={isSelected && this.state.props.checkediconclass ? this.styles.buttonContent : null}>\n {isSelected && this.state.props.checkediconclass ? (\n <WmIcon\n id={this.getTestId('checkicon' + index)}\n styles={this.styles.checkIcon}\n iconclass={this.state.props.checkediconclass}\n accessible={false}></WmIcon>\n ) : null}\n {\n this._showSkeleton ? createSkeleton(this.theme, {} as WmSkeletonStyles, {\n ...this.styles.text,\n ...this.styles.textSkeleton.root\n }) : <Text\n {...this.getTestPropsForLabel('label' + index)}\n style={[ isSelected ? this.styles.selectedButtonText : this.styles.text,\n {color: isSelected ? this.styles.selectedButton.color : this.styles.button.color }]}>\n {displayText}\n </Text>\n }\n </View>)}\n </Tappable>\n );\n };\n\n renderItems() {\n const items = this.state.dataItems;\n if(this._showSkeleton) {\n return [{}, {}, {}].map((item: any, index: any) => this.renderChild(item, index))\n }\n return items && items.length ?\n items.map((item: any, index: any) => this.renderChild(item, index)): null\n }\n\n renderWidget(props: WmSwitchProps) {\n return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)} {...getAccessibilityProps(AccessibilityWidgetType.SWITCH, props)}>\n {this.renderItems()}\n </View>);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","Text","View","isEqual","find","WmSwitchProps","DEFAULT_CLASS","WmIcon","BaseDatasetComponent","BaseDatasetState","Tappable","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmSwitchState","WmSwitch","constructor","props","onChange","value","oldVal","state","datavalue","validate","datafield","selectedItem","dataItems","item","key","dataObject","updateState","isDefault","invokeEvent","invokeEventCallback","undefined","proxy","onTap","event","getItemKey","renderChild","index","btnClass","length","displayText","displayexp","displayfield","isSelected","accessibilityProps","accessibilityRole","accessibilityState","selected","createElement","_extends","disableTouchEffect","disabletoucheffect","getTestPropsForAction","disabled","bind","styles","button","selectedButton","iconclass","id","getTestId","selectedLoadingIcon","loadingIcon","icon","caption","accessible","_showSkeleton","theme","text","textSkeleton","root","getTestPropsForLabel","style","selectedButtonText","color","renderItems","items","map","renderWidget","onLayout","handleLayout","SWITCH"],"sources":["switch.component.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport {DimensionValue, LayoutChangeEvent, Text, View} from \"react-native\";\nimport { isEqual, find } from 'lodash';\n\nimport WmSwitchProps from './switch.props';\nimport { DEFAULT_CLASS, WmSwitchStyles } from './switch.styles';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\nimport { BaseDatasetComponent, BaseDatasetState } from '../basedataset/basedataset.component';\nimport { Tappable } from '@wavemaker-ai/app-rn-runtime/core/tappable.component';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport { WmSkeletonStyles } from '../../basic/skeleton/skeleton.styles';\n\nexport class WmSwitchState extends BaseDatasetState<WmSwitchProps> {}\n\nexport default class WmSwitch extends BaseDatasetComponent<WmSwitchProps, WmSwitchState, WmSwitchStyles> {\n constructor(props: WmSwitchProps) {\n super(props, DEFAULT_CLASS, new WmSwitchProps());\n }\n\n onChange(value: any) {\n if (!value) {\n return;\n }\n const oldVal = this.state.props.datavalue;\n this.validate(value);\n if (value === oldVal) {\n return;\n }\n if (this.state.props.datafield === 'All Fields') {\n const selectedItem = find(this.state.dataItems, (item) => isEqual(item.key, value));\n value = selectedItem && selectedItem.dataObject;\n }\n // @ts-ignore\n this.updateState({props: {datavalue: value}, isDefault: false},\n () => {\n if (!this.props.invokeEvent) {\n this.invokeEventCallback('onChange', [undefined, this.proxy, value, oldVal]);\n }\n });\n }\n\n onTap(event: any, item: any) {\n const value = this.state.props.datafield === 'All Fields' ? this.getItemKey(item.datafield) : item.datafield;\n this.onChange(value);\n this.invokeEventCallback('onTap', [ event, this.proxy ]);\n }\n renderChild(item: any, index: any) {\n let btnClass = 'button';\n const props = this.state.props;\n if(index === 0) {\n btnClass = 'firstButton';\n } else if (index+1 === this.state.dataItems.length) {\n btnClass = 'lastButton';\n }\n const displayText = item.displayexp || item.displayfield;\n const isSelected = this.state.props.datafield === 'All Fields' ? isEqual(props.datavalue, item.datafield) : this.state.props.datavalue === item.datafield;\n const accessibilityProps = {\n accessibilityRole: 'button',\n accessibilityState: {\n selected: isSelected,\n }};\n return (\n <Tappable\n disableTouchEffect={this.state.props.disabletoucheffect}\n {...this.getTestPropsForAction('button'+index)}\n accessibilityProps={accessibilityProps}\n onTap={this.state.props.disabled ? undefined : this.onTap.bind(this, null, item)}\n styles={[\n this.styles.button,\n this.styles[btnClass],\n isSelected ? this.styles.selectedButton : null]}\n key={item.key}>\n {this.state.props.iconclass ?\n (<WmIcon\n id={this.getTestId('icon' + index)}\n styles={isSelected ? this.styles.selectedLoadingIcon : this.styles.loadingIcon}\n iconclass={item.icon}\n caption={displayText}\n accessible={false}></WmIcon>)\n : (<View>\n {\n this._showSkeleton ? createSkeleton(this.theme, {} as WmSkeletonStyles, {\n ...this.styles.text,\n ...this.styles.textSkeleton.root\n }) : <Text\n {...this.getTestPropsForLabel('label' + index)}\n style={[ isSelected ? this.styles.selectedButtonText : this.styles.text,\n {color: isSelected ? this.styles.selectedButton.color : this.styles.button.color }]}>\n {displayText}\n </Text>\n }\n </View>)}\n </Tappable>\n );\n };\n\n renderItems() {\n const items = this.state.dataItems;\n if(this._showSkeleton) {\n return [{}, {}, {}].map((item: any, index: any) => this.renderChild(item, index))\n }\n return items && items.length ?\n items.map((item: any, index: any) => this.renderChild(item, index)): null\n }\n\n renderWidget(props: WmSwitchProps) {\n return (<View style={this.styles.root} onLayout={(event) => this.handleLayout(event)} {...getAccessibilityProps(AccessibilityWidgetType.SWITCH, props)}>\n {this.renderItems()}\n </View>);\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,7 +7,6 @@ export default class WmSwitchProps extends BaseDatasetProps {
|
|
|
7
7
|
super(...args);
|
|
8
8
|
_defineProperty(this, "dataset", 'yes, no, maybe');
|
|
9
9
|
_defineProperty(this, "dataItems", void 0);
|
|
10
|
-
_defineProperty(this, "checkediconclass", null);
|
|
11
10
|
_defineProperty(this, "invokeEvent", void 0);
|
|
12
11
|
}
|
|
13
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BaseDatasetProps","WmSwitchProps","constructor","args","_defineProperty"],"sources":["switch.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport BaseDatasetProps from '../basedataset/basedataset.props';\n\nexport default class WmSwitchProps extends BaseDatasetProps {\n dataset: any = 'yes, no, maybe';\n dataItems: any;\n
|
|
1
|
+
{"version":3,"names":["BaseDatasetProps","WmSwitchProps","constructor","args","_defineProperty"],"sources":["switch.props.ts"],"sourcesContent":["import { BaseProps } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport BaseDatasetProps from '../basedataset/basedataset.props';\n\nexport default class WmSwitchProps extends BaseDatasetProps {\n dataset: any = 'yes, no, maybe';\n dataItems: any;\n invokeEvent?: Function;\n}\n"],"mappings":";;;AACA,OAAOA,gBAAgB,MAAM,kCAAkC;AAE/D,eAAe,MAAMC,aAAa,SAASD,gBAAgB,CAAC;EAAAE,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,kBAC3C,gBAAgB;IAAAA,eAAA;IAAAA,eAAA;EAAA;AAGjC","ignoreList":[]}
|
|
@@ -30,20 +30,6 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
|
|
|
30
30
|
selectedLoadingIcon: {
|
|
31
31
|
...baseIconStyles
|
|
32
32
|
},
|
|
33
|
-
checkIcon: {
|
|
34
|
-
root: {
|
|
35
|
-
alignSelf: 'center',
|
|
36
|
-
justifyContent: 'center',
|
|
37
|
-
fontSize: 16,
|
|
38
|
-
marginRight: 8
|
|
39
|
-
},
|
|
40
|
-
icon: {
|
|
41
|
-
paddingRight: 0
|
|
42
|
-
},
|
|
43
|
-
text: {
|
|
44
|
-
color: themeVariables.switchActiveTextColor
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
33
|
button: {
|
|
48
34
|
backgroundColor: themeVariables.switchBgColor,
|
|
49
35
|
color: themeVariables.switchTextColor,
|
|
@@ -64,11 +50,6 @@ BASE_THEME.registerStyle((themeVariables, addStyle) => {
|
|
|
64
50
|
justifyContent: 'center',
|
|
65
51
|
alignItems: 'center'
|
|
66
52
|
},
|
|
67
|
-
buttonContent: {
|
|
68
|
-
flexDirection: 'row',
|
|
69
|
-
alignItems: 'center',
|
|
70
|
-
justifyContent: 'center'
|
|
71
|
-
},
|
|
72
53
|
selectedButton: {
|
|
73
54
|
color: themeVariables.switchActiveTextColor,
|
|
74
55
|
backgroundColor: themeVariables.switchActiveBgColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","baseIconStyles","root","flex","alignSelf","justifyContent","fontSize","text","color","listSubTitleColor","defaultStyles","minHeight","padding","flexDirection","fontWeight","textTransform","userSelect","loadingIcon","selectedLoadingIcon","checkIcon","marginRight","icon","paddingRight","switchActiveTextColor","button","backgroundColor","switchBgColor","switchTextColor","minWidth","height","paddingLeft","borderTopLeftRadius","borderBottomLeftRadius","borderBottomRightRadius","borderTopRightRadius","borderColor","switchBorderColor","borderWidth","borderRightWidth","fontFamily","baseFont","alignItems","buttonContent","selectedButton","switchActiveBgColor","selectedButtonText","firstButton","lastButton","skeleton","width","textSkeleton","borderRadius","maxWidth","OS","borderLeftWidth"],"sources":["switch.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {WmIconStyles} from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles\";\nimport { Platform } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmSwitchStyles = BaseStyles & {\n loadingIcon: WmIconStyles,\n selectedLoadingIcon: WmIconStyles,\n checkIcon: WmIconStyles,\n button: AllStyle,\n selectedButton: AllStyle,\n buttonContent: AllStyle,\n selectedButtonText: AllStyle,\n firstButton: AllStyle,\n lastButton: AllStyle,\n skeleton: WmSkeletonStyles,\n textSkeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-switch';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const baseIconStyles = {\n root: {\n flex: 1,\n alignSelf: 'center',\n justifyContent: 'center',\n fontSize: 16\n },\n text: {\n color: themeVariables.listSubTitleColor\n }\n };\n\n const defaultStyles: WmSwitchStyles = defineStyles<WmSwitchStyles>({\n root: {\n minHeight: 24,\n padding: 4,\n flexDirection: 'row'\n },\n text: {\n fontWeight: '500',\n fontSize: 16,\n textTransform: 'uppercase',\n userSelect: 'none',\n },\n loadingIcon: baseIconStyles as WmIconStyles,\n selectedLoadingIcon: { ...baseIconStyles } as WmIconStyles,\n checkIcon: {\n root: {\n alignSelf: 'center',\n justifyContent: 'center',\n fontSize: 16,\n marginRight: 8\n },\n icon: {\n paddingRight: 0\n },\n text: {\n color: themeVariables.switchActiveTextColor\n }\n } as WmIconStyles,\n button: {\n backgroundColor: themeVariables.switchBgColor,\n color: themeVariables.switchTextColor,\n fontSize: 14,\n minWidth: 64,\n height: 40,\n paddingLeft: 16,\n paddingRight: 16,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n borderTopRightRadius: 0,\n borderColor: themeVariables.switchBorderColor,\n borderWidth: 1,\n borderRightWidth: 0,\n fontWeight: '500',\n fontFamily: themeVariables.baseFont,\n justifyContent: 'center',\n alignItems: 'center'\n } as AllStyle,\n buttonContent: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center'\n } as AllStyle,\n selectedButton: {\n color: themeVariables.switchActiveTextColor,\n backgroundColor: themeVariables.switchActiveBgColor,\n borderColor: themeVariables.switchBorderColor\n } as AllStyle,\n selectedButtonText: {\n fontWeight: '500',\n fontSize: 16,\n textTransform: 'uppercase'\n } as AllStyle,\n firstButton: {\n borderTopLeftRadius: 18,\n borderBottomLeftRadius: 18,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0\n } as AllStyle,\n lastButton: {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderTopRightRadius: 18,\n borderBottomRightRadius: 18,\n borderRightWidth: 1\n } as AllStyle,\n skeleton: {\n root: {\n width:64,\n height: 40,\n paddingLeft: 16,\n paddingRight: 16,\n },\n } as any as WmSkeletonStyles,\n textSkeleton: {\n root: {\n width: 30,\n height: 10,\n borderRadius: 4\n }\n } as any as WmSkeletonStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n addStyle('form-switch-input-horizontal', '', {\n root: {\n flex: 1, // Take remaining space after label\n minWidth: 0, // Allow shrinking below intrinsic content size if needed\n maxWidth: '100%' // Prevent overflow\n },\n text: {}\n } as BaseStyles);\n\n addStyle(DEFAULT_CLASS + '-disabled', '', {\n root: {}\n });\n addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n firstButton:{\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderTopRightRadius: 18,\n borderBottomRightRadius: 18,\n } ,\n lastButton:{\n borderTopLeftRadius: 18,\n borderBottomLeftRadius: 18,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n }\n }: Platform.OS==\"android\" ? {\n firstButton:{\n borderTopRightRadius: 18,\n borderBottomRightRadius: 18,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderRightWidth: 1,\n borderLeftWidth: 0\n } ,\n lastButton:{\n borderTopLeftRadius: 18,\n borderBottomLeftRadius: 18,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n borderRightWidth: 0,\n borderLeftWidth: 1\n }\n }:{});\n addStyle(DEFAULT_CLASS + '1-rtl', '', Platform.OS==\"web\"?{\n firstButton:{\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderTopRightRadius: 500,\n borderBottomRightRadius: 500,\n borderRightWidth: 0,\n borderLeftWidth: 1\n } ,\n lastButton:{\n flex: 1,\n borderTopLeftRadius: 500,\n borderBottomLeftRadius: 500,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n borderRightWidth: 1,\n borderLeftWidth: 0\n }\n }: Platform.OS==\"android\" ? {\n firstButton:{\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderTopRightRadius: 500,\n borderBottomRightRadius: 500,\n borderRightWidth: 1,\n borderLeftWidth: 0\n } ,\n lastButton:{\n flex: 1,\n borderTopLeftRadius: 500,\n borderBottomLeftRadius: 500,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n borderRightWidth: 0,\n borderLeftWidth: 1\n }\n }:{});\n addStyle(DEFAULT_CLASS + '1', '', {\n firstButton: {\n borderTopLeftRadius: 500,\n borderBottomLeftRadius: 500,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0\n } as AllStyle,\n lastButton: {\n flex: 1,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderTopRightRadius: 500,\n borderBottomRightRadius: 500\n } as AllStyle\n } as WmSwitchStyles);\n});\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["BASE_THEME","defineStyles","Platform","DEFAULT_CLASS","registerStyle","themeVariables","addStyle","baseIconStyles","root","flex","alignSelf","justifyContent","fontSize","text","color","listSubTitleColor","defaultStyles","minHeight","padding","flexDirection","fontWeight","textTransform","userSelect","loadingIcon","selectedLoadingIcon","button","backgroundColor","switchBgColor","switchTextColor","minWidth","height","paddingLeft","paddingRight","borderTopLeftRadius","borderBottomLeftRadius","borderBottomRightRadius","borderTopRightRadius","borderColor","switchBorderColor","borderWidth","borderRightWidth","fontFamily","baseFont","alignItems","selectedButton","switchActiveTextColor","switchActiveBgColor","selectedButtonText","firstButton","lastButton","skeleton","width","textSkeleton","borderRadius","maxWidth","OS","borderLeftWidth"],"sources":["switch.styles.ts"],"sourcesContent":["import BASE_THEME, {AllStyle} from '@wavemaker-ai/app-rn-runtime/styles/theme';\nimport { BaseStyles, defineStyles } from '@wavemaker-ai/app-rn-runtime/core/base.component';\nimport {WmIconStyles} from \"@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.styles\";\nimport { Platform } from 'react-native';\nimport { WmSkeletonStyles } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.styles';\n\nexport type WmSwitchStyles = BaseStyles & {\n loadingIcon: WmIconStyles,\n selectedLoadingIcon: WmIconStyles,\n button: AllStyle,\n selectedButton: AllStyle,\n selectedButtonText: AllStyle,\n firstButton: AllStyle,\n lastButton: AllStyle,\n skeleton: WmSkeletonStyles,\n textSkeleton: WmSkeletonStyles\n};\n\nexport const DEFAULT_CLASS = 'app-switch';\nBASE_THEME.registerStyle((themeVariables, addStyle) => {\n const baseIconStyles = {\n root: {\n flex: 1,\n alignSelf: 'center',\n justifyContent: 'center',\n fontSize: 16\n },\n text: {\n color: themeVariables.listSubTitleColor\n }\n };\n\n const defaultStyles: WmSwitchStyles = defineStyles<WmSwitchStyles>({\n root: {\n minHeight: 24,\n padding: 4,\n flexDirection: 'row'\n },\n text: {\n fontWeight: '500',\n fontSize: 16,\n textTransform: 'uppercase',\n userSelect: 'none',\n },\n loadingIcon: baseIconStyles as WmIconStyles,\n selectedLoadingIcon: { ...baseIconStyles } as WmIconStyles,\n button: {\n backgroundColor: themeVariables.switchBgColor,\n color: themeVariables.switchTextColor,\n fontSize: 14,\n minWidth: 64,\n height: 40,\n paddingLeft: 16,\n paddingRight: 16,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n borderTopRightRadius: 0,\n borderColor: themeVariables.switchBorderColor,\n borderWidth: 1,\n borderRightWidth: 0,\n fontWeight: '500',\n fontFamily: themeVariables.baseFont,\n justifyContent: 'center',\n alignItems: 'center'\n } as AllStyle,\n selectedButton: {\n color: themeVariables.switchActiveTextColor,\n backgroundColor: themeVariables.switchActiveBgColor,\n borderColor: themeVariables.switchBorderColor\n } as AllStyle,\n selectedButtonText: {\n fontWeight: '500',\n fontSize: 16,\n textTransform: 'uppercase'\n } as AllStyle,\n firstButton: {\n borderTopLeftRadius: 18,\n borderBottomLeftRadius: 18,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0\n } as AllStyle,\n lastButton: {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderTopRightRadius: 18,\n borderBottomRightRadius: 18,\n borderRightWidth: 1\n } as AllStyle,\n skeleton: {\n root: {\n width:64,\n height: 40,\n paddingLeft: 16,\n paddingRight: 16,\n },\n } as any as WmSkeletonStyles,\n textSkeleton: {\n root: {\n width: 30,\n height: 10,\n borderRadius: 4\n }\n } as any as WmSkeletonStyles\n });\n\n addStyle(DEFAULT_CLASS, '', defaultStyles);\n\n // Add horizontal form input styles for horizontal form field layouts - positioned early to avoid overriding more specific styles\n addStyle('form-switch-input-horizontal', '', {\n root: {\n flex: 1, // Take remaining space after label\n minWidth: 0, // Allow shrinking below intrinsic content size if needed\n maxWidth: '100%' // Prevent overflow\n },\n text: {}\n } as BaseStyles);\n\n addStyle(DEFAULT_CLASS + '-disabled', '', {\n root: {}\n });\n addStyle(DEFAULT_CLASS + '-rtl', '', Platform.OS==\"web\"?{\n firstButton:{\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderTopRightRadius: 18,\n borderBottomRightRadius: 18,\n } ,\n lastButton:{\n borderTopLeftRadius: 18,\n borderBottomLeftRadius: 18,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n }\n }: Platform.OS==\"android\" ? {\n firstButton:{\n borderTopRightRadius: 18,\n borderBottomRightRadius: 18,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderRightWidth: 1,\n borderLeftWidth: 0\n } ,\n lastButton:{\n borderTopLeftRadius: 18,\n borderBottomLeftRadius: 18,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n borderRightWidth: 0,\n borderLeftWidth: 1\n }\n }:{});\n addStyle(DEFAULT_CLASS + '1-rtl', '', Platform.OS==\"web\"?{\n firstButton:{\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderTopRightRadius: 500,\n borderBottomRightRadius: 500,\n borderRightWidth: 0,\n borderLeftWidth: 1\n } ,\n lastButton:{\n flex: 1,\n borderTopLeftRadius: 500,\n borderBottomLeftRadius: 500,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n borderRightWidth: 1,\n borderLeftWidth: 0\n }\n }: Platform.OS==\"android\" ? {\n firstButton:{\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderTopRightRadius: 500,\n borderBottomRightRadius: 500,\n borderRightWidth: 1,\n borderLeftWidth: 0\n } ,\n lastButton:{\n flex: 1,\n borderTopLeftRadius: 500,\n borderBottomLeftRadius: 500,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n borderRightWidth: 0,\n borderLeftWidth: 1\n }\n }:{});\n addStyle(DEFAULT_CLASS + '1', '', {\n firstButton: {\n borderTopLeftRadius: 500,\n borderBottomLeftRadius: 500,\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0\n } as AllStyle,\n lastButton: {\n flex: 1,\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n borderTopRightRadius: 500,\n borderBottomRightRadius: 500\n } as AllStyle\n } as WmSwitchStyles);\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -22,6 +22,14 @@ export default class WmText extends BaseInputComponent {
|
|
|
22
22
|
classes.push(super.getStyleClassName());
|
|
23
23
|
return classes.join(' ');
|
|
24
24
|
}
|
|
25
|
+
onChangeText(text) {
|
|
26
|
+
if (!this.props.uppercase) {
|
|
27
|
+
super.onChangeText(text);
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
const s = text == null ? '' : String(text);
|
|
31
|
+
super.onChangeText(s ? s.toUpperCase() : s);
|
|
32
|
+
}
|
|
25
33
|
renderSkeleton(props) {
|
|
26
34
|
let skeletonWidth, skeletonHeight;
|
|
27
35
|
if (this.props.skeletonwidth == "0") {
|
|
@@ -49,7 +57,7 @@ export default class WmText extends BaseInputComponent {
|
|
|
49
57
|
this.invokeEventCallback('onTrailingiconclick', [this.proxy]);
|
|
50
58
|
}
|
|
51
59
|
renderWidget(props) {
|
|
52
|
-
var _this$state$textValue, _ref, _mergedRoot$padding, _this$theme$getStyle, _this$theme$getStyle2;
|
|
60
|
+
var _this$state$textValue, _ref, _mergedRoot$padding, _mergedRoot$height, _this$theme$getStyle, _this$theme$getStyle2, _props$maxchars;
|
|
53
61
|
let opts = {};
|
|
54
62
|
const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';
|
|
55
63
|
const foundationStyle = this.theme.getStyle('app-input');
|
|
@@ -60,6 +68,7 @@ export default class WmText extends BaseInputComponent {
|
|
|
60
68
|
const mergedRoot = this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.root, Platform.OS === 'web' ? this.styles.inputWeb : null);
|
|
61
69
|
const basePadding = (_ref = (_mergedRoot$padding = mergedRoot === null || mergedRoot === void 0 ? void 0 : mergedRoot.padding) !== null && _mergedRoot$padding !== void 0 ? _mergedRoot$padding : mergedRoot === null || mergedRoot === void 0 ? void 0 : mergedRoot.paddingLeft) !== null && _ref !== void 0 ? _ref : 16;
|
|
62
70
|
const hassupportingtext = !!props.hint;
|
|
71
|
+
const inputHeight = (_mergedRoot$height = mergedRoot.height) !== null && _mergedRoot$height !== void 0 ? _mergedRoot$height : mergedRoot.minHeight;
|
|
63
72
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
64
73
|
style: this.styles.inputContainer
|
|
65
74
|
}, /*#__PURE__*/React.createElement(WMTextInput, _extends({}, this.getTestPropsForInput(), getAccessibilityProps(AccessibilityWidgetType.TEXT, props), {
|
|
@@ -73,12 +82,14 @@ export default class WmText extends BaseInputComponent {
|
|
|
73
82
|
}
|
|
74
83
|
}, opts, {
|
|
75
84
|
floatingLabel: props.floatinglabel,
|
|
85
|
+
inputheight: typeof inputHeight === 'number' ? inputHeight : undefined,
|
|
76
86
|
floatingLabelStyle: {
|
|
77
87
|
...this.styles.floatingLabel
|
|
78
88
|
},
|
|
79
89
|
activeFloatingLabelStyle: this.theme.mergeStyle(this.styles.activeFloatingLabel, (_this$theme$getStyle = this.theme.getStyle('app-text-with-label')) === null || _this$theme$getStyle === void 0 ? void 0 : _this$theme$getStyle.activeFloatingLabel, (_this$theme$getStyle2 = this.theme.getStyle(`${classname}`)) === null || _this$theme$getStyle2 === void 0 ? void 0 : _this$theme$getStyle2.focused),
|
|
80
90
|
variant: props.variant,
|
|
81
|
-
labelBackground: props.variant
|
|
91
|
+
labelBackground: props.variant != 'filled' ? mergedRoot === null || mergedRoot === void 0 ? void 0 : mergedRoot.backgroundColor : undefined,
|
|
92
|
+
inactiveFloatingLabelStyle: this.styles.inactiveFloatingLabel,
|
|
82
93
|
placeholderTextColor: this.styles.placeholderText.color,
|
|
83
94
|
isInputFocused: this.state.isInputFocused,
|
|
84
95
|
style: [this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.root), this.theme.mergeStyle(this.styles.text, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.text, this.theme.getStyle(`${classname}`)), this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.invalid), this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.focused, this.theme.getStyle(`${classname}`).focused) : {}, this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, foundationStyle === null || foundationStyle === void 0 ? void 0 : foundationStyle.disabled, this.theme.getStyle(`${classname}`).disabled) : {}, hasLeading ? this.styles.inputWithLeadingIcon : {}, hasTrailing ? this.styles.inputWithTrailingIcon : {}, Platform.OS === 'web' ? this.styles.inputWeb : null //added to override the bordercolor getting applied only in web.
|
|
@@ -91,7 +102,7 @@ export default class WmText extends BaseInputComponent {
|
|
|
91
102
|
displayformat: props.displayformat,
|
|
92
103
|
background: this._background,
|
|
93
104
|
maskchar: props.maskchar,
|
|
94
|
-
maxLength: props.maxchars,
|
|
105
|
+
maxLength: (_props$maxchars = props.maxchars) !== null && _props$maxchars !== void 0 ? _props$maxchars : undefined,
|
|
95
106
|
placeholder: props.placeholder,
|
|
96
107
|
onBlur: this.onBlur.bind(this),
|
|
97
108
|
onFocus: this.onFocus.bind(this),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Platform","View","Text","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmIcon","WmTextState","WmText","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","styles","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","leadingIconClick","invokeEventCallback","proxy","trailingIconClick","renderWidget","_this$state$textValue","_ref","_mergedRoot$padding","_this$theme$getStyle","_this$theme$getStyle2","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","hasLeading","leadingiconclass","hasTrailing","trailingiconclass","mergedRoot","mergeStyle","inputWeb","basePadding","padding","paddingLeft","hassupportingtext","hint","createElement","Fragment","style","inputContainer","_extends","getTestPropsForInput","TEXT","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","focused","variant","labelBackground","backgroundColor","undefined","placeholderTextColor","placeholderText","color","isInputFocused","text","isValid","invalid","disabled","inputWithLeadingIcon","inputWithTrailingIcon","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","readonly","secureTextEntry","type","maskchar","displayformat","background","_background","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChangeText","onChange","invokeChange","allowContentSelection","userSelect","autoCapitalize","autocapitalize","handleLayout","iconWrapper","left","pointerEvents","id","getTestId","name","iconclass","leadingIcon","accessible","onTap","right","trailingIcon"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform, View, Text } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\n\nexport class WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n constructor(props: WmTextProps) {\n super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n }\n\n public getStyleClassName(): string | undefined {\n const classes = [];\n if (this.state.props.floatinglabel) {\n classes.push('app-text-with-label');\n }\n classes.push(super.getStyleClassName());\n return classes.join(' ');\n }\n\n public renderSkeleton(props: WmTextProps): React.ReactNode {\n let skeletonWidth, skeletonHeight;\n\n if(this.props.skeletonwidth == \"0\") {\n skeletonWidth = 0\n } else {\n skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n }\n\n if(this.props.skeletonheight == \"0\") {\n skeletonHeight = 0\n } else {\n skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n }\n\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: skeletonWidth as DimensionValue,\n height: skeletonHeight as DimensionValue\n })\n }\n\n private leadingIconClick() {\n this.invokeEventCallback('onLeadingiconclick', [this.proxy]);\n }\n\n private trailingIconClick() {\n this.invokeEventCallback('onTrailingiconclick', [this.proxy]);\n }\n\n renderWidget(props: WmTextProps) {\n let opts: any = {};\n const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n const foundationStyle = this.theme.getStyle('app-input');\n const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n opts[valueExpr] = this.state.textValue?.toString() || '';\n\n const hasLeading = !!props.leadingiconclass;\n const hasTrailing = !!props.trailingiconclass;\n\n const mergedRoot = this.theme.mergeStyle(this.styles.root, foundationStyle?.root, Platform.OS === 'web' ? this.styles.inputWeb : null);\n const basePadding = mergedRoot?.padding ?? mergedRoot?.paddingLeft ?? 16;\n const hassupportingtext = !!(props.hint);\n\n return (\n <>\n <View style={this.styles.inputContainer}>\n <WMTextInput\n {...this.getTestPropsForInput()}\n {...getAccessibilityProps(\n AccessibilityWidgetType.TEXT,\n props\n )}\n ref={(ref: any) => {this.widgetRef = ref;\n // @ts-ignore\n if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n // @ts-ignore\n ref.selectionStart = ref.selectionEnd = this.cursor;\n }}}\n {...opts}\n floatingLabel={props.floatinglabel}\n floatingLabelStyle={{\n ...this.styles.floatingLabel}}\n activeFloatingLabelStyle={this.theme.mergeStyle(this.styles.activeFloatingLabel,\n this.theme.getStyle('app-text-with-label')?.activeFloatingLabel,\n this.theme.getStyle(`${classname}`)?.focused)\n }\n variant={props.variant as 'filled' | 'outlined' | undefined}\n labelBackground={props.variant === 'outlined' ? (mergedRoot?.backgroundColor as string) : undefined}\n placeholderTextColor={this.styles.placeholderText.color as any}\n isInputFocused={ this.state.isInputFocused }\n style={[this.theme.mergeStyle(this.styles.root, foundationStyle?.root),\n this.theme.mergeStyle(this.styles.text, foundationStyle?.text, this.theme.getStyle(`${classname}`)),\n this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {},\n hasLeading ? this.styles.inputWithLeadingIcon : {},\n hasTrailing ? this.styles.inputWithTrailingIcon : {},\n Platform.OS === 'web' ? this.styles.inputWeb : null //added to override the bordercolor getting applied only in web.\n ]}\n keyboardType={this.state.keyboardType}\n autoComplete={props.autocomplete === \"true\" ? \"username\" : props.autocomplete === \"false\" ? \"off\" : props.autocomplete}\n autoFocus={props.autofocus}\n editable={props.disabled || props.readonly ? false : true}\n secureTextEntry={props.type === 'password' && !props.maskchar ? true : false}\n displayformat={props.displayformat}\n background={this._background}\n maskchar={props.maskchar}\n maxLength={props.maxchars}\n placeholder={props.placeholder}\n onBlur={this.onBlur.bind(this)}\n onFocus={this.onFocus.bind(this)}\n onKeyPress={this.onKeyPress.bind(this)}\n onChangeText={this.onChangeText.bind(this)}\n onChange={this.invokeChange.bind(this)}\n allowContentSelection={this.styles.text.userSelect === 'text'}\n autoCapitalize={props.autocapitalize}\n handleLayout={this.handleLayout}\n leadingiconclass={props.leadingiconclass}\n />\n {hasLeading && (\n <View\n style={[this.styles.iconWrapper, { left: basePadding as any }]}\n pointerEvents=\"none\"\n >\n <WmIcon\n id={this.getTestId('leading-icon')}\n name={`${props.name}_leading_icon`}\n iconclass={props.leadingiconclass}\n styles={this.styles.leadingIcon}\n accessible={true}\n onTap={this.leadingIconClick.bind(this)}\n />\n </View>\n )}\n {hasTrailing && (\n <View\n style={this.theme.mergeStyle(this.styles.iconWrapper, { right: basePadding as any })}\n pointerEvents=\"none\"\n >\n <WmIcon\n id={this.getTestId('trailing-icon')}\n name={`${props.name}_trailing_icon`}\n iconclass={props.trailingiconclass}\n styles={this.styles.trailingIcon}\n accessible={true}\n onTap={this.trailingIconClick.bind(this)}\n />\n </View>\n )}\n\n </View>\n {hassupportingtext && (\n <Text>\n {props.hint}\n </Text>\n )\n }\n </>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","Platform","View","Text","WmTextProps","DEFAULT_CLASS","WMTextInput","BaseInputComponent","BaseInputState","isNull","AccessibilityWidgetType","getAccessibilityProps","createSkeleton","WmIcon","WmTextState","WmText","constructor","props","getStyleClassName","classes","state","floatinglabel","push","join","onChangeText","text","uppercase","s","String","toUpperCase","renderSkeleton","skeletonWidth","skeletonHeight","skeletonwidth","_this$styles$root","styles","root","width","skeletonheight","_this$styles$root2","height","theme","skeleton","leadingIconClick","invokeEventCallback","proxy","trailingIconClick","renderWidget","_this$state$textValue","_ref","_mergedRoot$padding","_mergedRoot$height","_this$theme$getStyle","_this$theme$getStyle2","_props$maxchars","opts","valueExpr","OS","foundationStyle","getStyle","classname","split","pop","textValue","toString","hasLeading","leadingiconclass","hasTrailing","trailingiconclass","mergedRoot","mergeStyle","inputWeb","basePadding","padding","paddingLeft","hassupportingtext","hint","inputHeight","minHeight","createElement","Fragment","style","inputContainer","_extends","getTestPropsForInput","TEXT","ref","widgetRef","selectionStart","selectionEnd","cursor","floatingLabel","inputheight","undefined","floatingLabelStyle","activeFloatingLabelStyle","activeFloatingLabel","focused","variant","labelBackground","backgroundColor","inactiveFloatingLabelStyle","inactiveFloatingLabel","placeholderTextColor","placeholderText","color","isInputFocused","isValid","invalid","disabled","inputWithLeadingIcon","inputWithTrailingIcon","keyboardType","autoComplete","autocomplete","autoFocus","autofocus","editable","readonly","secureTextEntry","type","maskchar","displayformat","background","_background","maxLength","maxchars","placeholder","onBlur","bind","onFocus","onKeyPress","onChange","invokeChange","allowContentSelection","userSelect","autoCapitalize","autocapitalize","handleLayout","iconWrapper","left","pointerEvents","id","getTestId","name","iconclass","leadingIcon","accessible","onTap","right","trailingIcon"],"sources":["text.component.tsx"],"sourcesContent":["import React from 'react';\nimport { DimensionValue, Platform, View, Text } from 'react-native';\n\nimport WmTextProps from './text.props';\nimport { DEFAULT_CLASS, WmTextStyles } from './text.styles';\nimport { WMTextInput } from '@wavemaker-ai/app-rn-runtime/core/components/textinput.component';\nimport { BaseInputComponent, BaseInputState } from \"@wavemaker-ai/app-rn-runtime/components/input/baseinput/baseinput.component\";\nimport { isNull } from 'lodash';\nimport { AccessibilityWidgetType, getAccessibilityProps } from '@wavemaker-ai/app-rn-runtime/core/accessibility';\nimport { createSkeleton } from '@wavemaker-ai/app-rn-runtime/components/basic/skeleton/skeleton.component';\nimport WmIcon from '@wavemaker-ai/app-rn-runtime/components/basic/icon/icon.component';\n\nexport class WmTextState extends BaseInputState<WmTextProps> {\n}\n\nexport default class WmText extends BaseInputComponent<WmTextProps, WmTextState, WmTextStyles> {\n\n constructor(props: WmTextProps) {\n super(props, DEFAULT_CLASS, new WmTextProps(), new WmTextState());\n }\n\n public getStyleClassName(): string | undefined {\n const classes = [];\n if (this.state.props.floatinglabel) {\n classes.push('app-text-with-label');\n }\n classes.push(super.getStyleClassName());\n return classes.join(' ');\n }\n\n public onChangeText(text: any) {\n if (!this.props.uppercase) {\n super.onChangeText(text);\n return;\n }\n const s = text == null ? '' : String(text);\n super.onChangeText(s ? s.toUpperCase() : s);\n }\n\n public renderSkeleton(props: WmTextProps): React.ReactNode { \n let skeletonWidth, skeletonHeight;\n\n if(this.props.skeletonwidth == \"0\") {\n skeletonWidth = 0\n } else {\n skeletonWidth = this.props.skeletonwidth || this.styles.root?.width\n }\n\n if(this.props.skeletonheight == \"0\") {\n skeletonHeight = 0\n } else {\n skeletonHeight = this.props.skeletonheight || this.styles.root?.height;\n }\n\n return createSkeleton(this.theme, this.styles.skeleton, {\n ...this.styles.root,\n width: skeletonWidth as DimensionValue,\n height: skeletonHeight as DimensionValue\n })\n }\n\n private leadingIconClick() {\n this.invokeEventCallback('onLeadingiconclick', [this.proxy]);\n }\n\n private trailingIconClick() {\n this.invokeEventCallback('onTrailingiconclick', [this.proxy]);\n }\n\n renderWidget(props: WmTextProps) {\n let opts: any = {};\n const valueExpr = Platform.OS === 'web' ? 'value' : 'defaultValue';\n const foundationStyle = this.theme.getStyle('app-input');\n const classname = this.state.props.classname ? this.state.props.classname.split(\" \").pop() : '';\n opts[valueExpr] = this.state.textValue?.toString() || '';\n\n const hasLeading = !!props.leadingiconclass;\n const hasTrailing = !!props.trailingiconclass;\n\n const mergedRoot = this.theme.mergeStyle(this.styles.root, foundationStyle?.root, Platform.OS === 'web' ? this.styles.inputWeb : null);\n const basePadding = mergedRoot?.padding ?? mergedRoot?.paddingLeft ?? 16;\n const hassupportingtext = !!(props.hint);\n const inputHeight = mergedRoot.height ?? mergedRoot.minHeight;\n\n return (\n <>\n <View style={this.styles.inputContainer}>\n <WMTextInput\n {...this.getTestPropsForInput()}\n {...getAccessibilityProps(\n AccessibilityWidgetType.TEXT,\n props\n )}\n ref={(ref: any) => {this.widgetRef = ref;\n // @ts-ignore\n if (ref && !isNull(ref.selectionStart) && !isNull(ref.selectionEnd)) {\n // @ts-ignore\n ref.selectionStart = ref.selectionEnd = this.cursor;\n }}}\n {...opts}\n floatingLabel={props.floatinglabel}\n inputheight={typeof inputHeight === 'number' ? inputHeight : undefined}\n floatingLabelStyle={{\n ...this.styles.floatingLabel}}\n activeFloatingLabelStyle={this.theme.mergeStyle(this.styles.activeFloatingLabel,\n this.theme.getStyle('app-text-with-label')?.activeFloatingLabel,\n this.theme.getStyle(`${classname}`)?.focused) \n }\n variant={props.variant as 'filled' | 'outlined' | undefined}\n labelBackground={props.variant != 'filled' ? (mergedRoot?.backgroundColor as string) : undefined}\n inactiveFloatingLabelStyle={this.styles.inactiveFloatingLabel}\n placeholderTextColor={this.styles.placeholderText.color as any}\n isInputFocused={ this.state.isInputFocused }\n style={[this.theme.mergeStyle(this.styles.root, foundationStyle?.root),\n this.theme.mergeStyle(this.styles.text, foundationStyle?.text, this.theme.getStyle(`${classname}`)),\n this.state.isValid ? {} : this.theme.mergeStyle(this.styles.invalid, foundationStyle?.invalid),\n this.state.isInputFocused ? this.theme.mergeStyle(this.styles.root, this.styles.focused, foundationStyle?.focused, this.theme.getStyle(`${classname}`).focused) : {},\n this.state.props.disabled ? this.theme.mergeStyle(this.styles.root, foundationStyle?.disabled, this.theme.getStyle(`${classname}`).disabled) : {},\n hasLeading ? this.styles.inputWithLeadingIcon : {},\n hasTrailing ? this.styles.inputWithTrailingIcon : {},\n Platform.OS === 'web' ? this.styles.inputWeb : null //added to override the bordercolor getting applied only in web.\n ]}\n keyboardType={this.state.keyboardType}\n autoComplete={props.autocomplete === \"true\" ? \"username\" : props.autocomplete === \"false\" ? \"off\" : props.autocomplete}\n autoFocus={props.autofocus}\n editable={props.disabled || props.readonly ? false : true}\n secureTextEntry={props.type === 'password' && !props.maskchar ? true : false}\n displayformat={props.displayformat}\n background={this._background}\n maskchar={props.maskchar}\n maxLength={props.maxchars ?? undefined} \n placeholder={props.placeholder}\n onBlur={this.onBlur.bind(this)}\n onFocus={this.onFocus.bind(this)}\n onKeyPress={this.onKeyPress.bind(this)}\n onChangeText={this.onChangeText.bind(this)}\n onChange={this.invokeChange.bind(this)}\n allowContentSelection={this.styles.text.userSelect === 'text'}\n autoCapitalize={props.autocapitalize}\n handleLayout={this.handleLayout}\n leadingiconclass={props.leadingiconclass}\n />\n {hasLeading && (\n <View\n style={[this.styles.iconWrapper, { left: basePadding as any }]}\n pointerEvents=\"none\"\n >\n <WmIcon\n id={this.getTestId('leading-icon')}\n name={`${props.name}_leading_icon`}\n iconclass={props.leadingiconclass}\n styles={this.styles.leadingIcon}\n accessible={true}\n onTap={this.leadingIconClick.bind(this)}\n />\n </View>\n )}\n {hasTrailing && (\n <View\n style={this.theme.mergeStyle(this.styles.iconWrapper, { right: basePadding as any })}\n pointerEvents=\"none\"\n >\n <WmIcon\n id={this.getTestId('trailing-icon')}\n name={`${props.name}_trailing_icon`}\n iconclass={props.trailingiconclass}\n styles={this.styles.trailingIcon}\n accessible={true}\n onTap={this.trailingIconClick.bind(this)}\n />\n </View>\n )}\n </View>\n {hassupportingtext && (\n <Text>\n {props.hint}\n </Text>\n )\n }\n </>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,6 +10,7 @@ export default class WmTextProps extends BaseInputProps {
|
|
|
10
10
|
_defineProperty(this, "skeletonheight", null);
|
|
11
11
|
_defineProperty(this, "skeletonwidth", null);
|
|
12
12
|
_defineProperty(this, "autocapitalize", 'none');
|
|
13
|
+
_defineProperty(this, "uppercase", false);
|
|
13
14
|
_defineProperty(this, "returnkeytype", 'auto');
|
|
14
15
|
_defineProperty(this, "onSubmitEditing", () => {});
|
|
15
16
|
_defineProperty(this, "variant", void 0);
|