react-native-paper-dates 0.11.12 → 0.11.14

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.
@@ -77,7 +77,7 @@ function Day(props) {
77
77
  } : null]
78
78
  }, /*#__PURE__*/React.createElement(_reactNativePaper.Text, {
79
79
  style: [textColor ? {
80
- color: theme.isV3 && isToday ? theme.colors.primary : textColor
80
+ color: theme.isV3 && isToday && selected ? textColor : theme.isV3 && isToday ? theme.colors.primary : textColor
81
81
  } : undefined, { ...textFont
82
82
  }],
83
83
  selectable: false
@@ -1 +1 @@
1
- {"version":3,"names":["EmptyDayPure","styles","empty","EmptyDay","React","memo","Day","props","day","month","year","selected","inRange","leftCrop","rightCrop","onPressDate","primaryColor","selectColor","isToday","disabled","textColorOnPrimary","theme","onPress","useCallback","Date","borderColor","isV3","colors","primary","dark","textColor","onPrimary","onPrimaryContainer","onSurface","undefined","textFont","fonts","bodySmall","medium","root","button","backgroundColor","color","StyleSheet","create","flex","flexBasis","opacity","justifyContent","alignItems","position","width","daySize","height","overflow","borderRadius","borderWidth","flex1"],"sources":["Day.tsx"],"sourcesContent":["import * as React from 'react'\nimport { MD2Theme, Text, TouchableRipple } from 'react-native-paper'\nimport { StyleSheet, View } from 'react-native'\nimport DayRange from './DayRange'\nimport { daySize } from './dateUtils'\n\nimport type { PaperTheme } from '../utils'\n\nfunction EmptyDayPure() {\n return <View style={styles.empty} />\n}\nexport const EmptyDay = React.memo(EmptyDayPure)\n\nfunction Day(props: {\n theme: PaperTheme\n textColorOnPrimary: string\n day: number\n month: number\n year: number\n selected: boolean\n inRange: boolean\n leftCrop: boolean\n rightCrop: boolean\n primaryColor: string\n selectColor: string\n isToday: boolean\n disabled: boolean\n onPressDate: (date: Date) => any\n}) {\n const {\n day,\n month,\n year,\n selected,\n inRange,\n leftCrop,\n rightCrop,\n onPressDate,\n primaryColor,\n selectColor,\n isToday,\n disabled,\n textColorOnPrimary,\n theme,\n } = props\n const onPress = React.useCallback(() => {\n onPressDate(new Date(year, month, day))\n }, [onPressDate, year, month, day])\n\n const borderColor = theme.isV3\n ? theme.colors.primary\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.dark\n ? '#fff'\n : '#000'\n\n const textColor =\n theme.isV3 && selected\n ? theme.colors.onPrimary\n : theme.isV3 && inRange && theme.dark\n ? theme.colors.onPrimaryContainer\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.isV3\n ? theme.colors.onSurface\n : undefined\n\n let textFont = theme?.isV3\n ? theme.fonts.bodySmall\n : (theme as any as MD2Theme).fonts.medium\n\n return (\n <View style={[styles.root, disabled && styles.disabled]}>\n <DayRange\n inRange={inRange}\n leftCrop={leftCrop}\n rightCrop={rightCrop}\n selectColor={selectColor}\n />\n <TouchableRipple\n testID={`react-native-paper-dates-day-${year}-${month}-${day}`}\n disabled={disabled}\n borderless={true}\n onPress={disabled ? undefined : onPress}\n style={[\n styles.button,\n { backgroundColor: inRange ? selectColor : undefined },\n ]}\n accessibilityRole=\"button\"\n >\n <View\n style={[\n styles.day,\n isToday ? { borderColor: borderColor } : null,\n selected ? { backgroundColor: primaryColor } : null,\n ]}\n >\n <Text\n style={[\n textColor\n ? {\n color:\n theme.isV3 && isToday ? theme.colors.primary : textColor,\n }\n : undefined,\n { ...textFont },\n ]}\n selectable={false}\n >\n {day}\n </Text>\n </View>\n </TouchableRipple>\n </View>\n )\n}\n\nconst styles = StyleSheet.create({\n empty: {\n flex: 1,\n flexBasis: 0,\n },\n disabled: {\n opacity: 0.3,\n },\n root: {\n flexBasis: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n },\n button: {\n width: daySize,\n height: daySize,\n overflow: 'hidden',\n borderRadius: daySize / 2,\n },\n day: {\n flexBasis: 0,\n flex: 1,\n borderRadius: daySize / 2,\n width: daySize,\n height: daySize,\n justifyContent: 'center',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'transparent',\n },\n flex1: {\n flex: 1,\n },\n})\n\nexport default React.memo(Day)\n"],"mappings":"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"}
1
+ {"version":3,"names":["EmptyDayPure","styles","empty","EmptyDay","React","memo","Day","props","day","month","year","selected","inRange","leftCrop","rightCrop","onPressDate","primaryColor","selectColor","isToday","disabled","textColorOnPrimary","theme","onPress","useCallback","Date","borderColor","isV3","colors","primary","dark","textColor","onPrimary","onPrimaryContainer","onSurface","undefined","textFont","fonts","bodySmall","medium","root","button","backgroundColor","color","StyleSheet","create","flex","flexBasis","opacity","justifyContent","alignItems","position","width","daySize","height","overflow","borderRadius","borderWidth","flex1"],"sources":["Day.tsx"],"sourcesContent":["import * as React from 'react'\nimport { MD2Theme, Text, TouchableRipple } from 'react-native-paper'\nimport { StyleSheet, View } from 'react-native'\nimport DayRange from './DayRange'\nimport { daySize } from './dateUtils'\n\nimport type { PaperTheme } from '../utils'\n\nfunction EmptyDayPure() {\n return <View style={styles.empty} />\n}\nexport const EmptyDay = React.memo(EmptyDayPure)\n\nfunction Day(props: {\n theme: PaperTheme\n textColorOnPrimary: string\n day: number\n month: number\n year: number\n selected: boolean\n inRange: boolean\n leftCrop: boolean\n rightCrop: boolean\n primaryColor: string\n selectColor: string\n isToday: boolean\n disabled: boolean\n onPressDate: (date: Date) => any\n}) {\n const {\n day,\n month,\n year,\n selected,\n inRange,\n leftCrop,\n rightCrop,\n onPressDate,\n primaryColor,\n selectColor,\n isToday,\n disabled,\n textColorOnPrimary,\n theme,\n } = props\n const onPress = React.useCallback(() => {\n onPressDate(new Date(year, month, day))\n }, [onPressDate, year, month, day])\n\n const borderColor = theme.isV3\n ? theme.colors.primary\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.dark\n ? '#fff'\n : '#000'\n\n const textColor =\n theme.isV3 && selected\n ? theme.colors.onPrimary\n : theme.isV3 && inRange && theme.dark\n ? theme.colors.onPrimaryContainer\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.isV3\n ? theme.colors.onSurface\n : undefined\n\n let textFont = theme?.isV3\n ? theme.fonts.bodySmall\n : (theme as any as MD2Theme).fonts.medium\n\n return (\n <View style={[styles.root, disabled && styles.disabled]}>\n <DayRange\n inRange={inRange}\n leftCrop={leftCrop}\n rightCrop={rightCrop}\n selectColor={selectColor}\n />\n <TouchableRipple\n testID={`react-native-paper-dates-day-${year}-${month}-${day}`}\n disabled={disabled}\n borderless={true}\n onPress={disabled ? undefined : onPress}\n style={[\n styles.button,\n { backgroundColor: inRange ? selectColor : undefined },\n ]}\n accessibilityRole=\"button\"\n >\n <View\n style={[\n styles.day,\n isToday ? { borderColor: borderColor } : null,\n selected ? { backgroundColor: primaryColor } : null,\n ]}\n >\n <Text\n style={[\n textColor\n ? {\n color:\n theme.isV3 && isToday && selected\n ? textColor\n : theme.isV3 && isToday\n ? theme.colors.primary\n : textColor,\n }\n : undefined,\n { ...textFont },\n ]}\n selectable={false}\n >\n {day}\n </Text>\n </View>\n </TouchableRipple>\n </View>\n )\n}\n\nconst styles = StyleSheet.create({\n empty: {\n flex: 1,\n flexBasis: 0,\n },\n disabled: {\n opacity: 0.3,\n },\n root: {\n flexBasis: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n },\n button: {\n width: daySize,\n height: daySize,\n overflow: 'hidden',\n borderRadius: daySize / 2,\n },\n day: {\n flexBasis: 0,\n flex: 1,\n borderRadius: daySize / 2,\n width: daySize,\n height: daySize,\n justifyContent: 'center',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'transparent',\n },\n flex1: {\n flex: 1,\n },\n})\n\nexport default React.memo(Day)\n"],"mappings":"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"}
@@ -59,7 +59,7 @@ function Day(props) {
59
59
  } : null]
60
60
  }, /*#__PURE__*/React.createElement(Text, {
61
61
  style: [textColor ? {
62
- color: theme.isV3 && isToday ? theme.colors.primary : textColor
62
+ color: theme.isV3 && isToday && selected ? textColor : theme.isV3 && isToday ? theme.colors.primary : textColor
63
63
  } : undefined, { ...textFont
64
64
  }],
65
65
  selectable: false
@@ -1 +1 @@
1
- {"version":3,"names":["React","Text","TouchableRipple","StyleSheet","View","DayRange","daySize","EmptyDayPure","styles","empty","EmptyDay","memo","Day","props","day","month","year","selected","inRange","leftCrop","rightCrop","onPressDate","primaryColor","selectColor","isToday","disabled","textColorOnPrimary","theme","onPress","useCallback","Date","borderColor","isV3","colors","primary","dark","textColor","onPrimary","onPrimaryContainer","onSurface","undefined","textFont","fonts","bodySmall","medium","root","button","backgroundColor","color","create","flex","flexBasis","opacity","justifyContent","alignItems","position","width","height","overflow","borderRadius","borderWidth","flex1"],"sources":["Day.tsx"],"sourcesContent":["import * as React from 'react'\nimport { MD2Theme, Text, TouchableRipple } from 'react-native-paper'\nimport { StyleSheet, View } from 'react-native'\nimport DayRange from './DayRange'\nimport { daySize } from './dateUtils'\n\nimport type { PaperTheme } from '../utils'\n\nfunction EmptyDayPure() {\n return <View style={styles.empty} />\n}\nexport const EmptyDay = React.memo(EmptyDayPure)\n\nfunction Day(props: {\n theme: PaperTheme\n textColorOnPrimary: string\n day: number\n month: number\n year: number\n selected: boolean\n inRange: boolean\n leftCrop: boolean\n rightCrop: boolean\n primaryColor: string\n selectColor: string\n isToday: boolean\n disabled: boolean\n onPressDate: (date: Date) => any\n}) {\n const {\n day,\n month,\n year,\n selected,\n inRange,\n leftCrop,\n rightCrop,\n onPressDate,\n primaryColor,\n selectColor,\n isToday,\n disabled,\n textColorOnPrimary,\n theme,\n } = props\n const onPress = React.useCallback(() => {\n onPressDate(new Date(year, month, day))\n }, [onPressDate, year, month, day])\n\n const borderColor = theme.isV3\n ? theme.colors.primary\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.dark\n ? '#fff'\n : '#000'\n\n const textColor =\n theme.isV3 && selected\n ? theme.colors.onPrimary\n : theme.isV3 && inRange && theme.dark\n ? theme.colors.onPrimaryContainer\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.isV3\n ? theme.colors.onSurface\n : undefined\n\n let textFont = theme?.isV3\n ? theme.fonts.bodySmall\n : (theme as any as MD2Theme).fonts.medium\n\n return (\n <View style={[styles.root, disabled && styles.disabled]}>\n <DayRange\n inRange={inRange}\n leftCrop={leftCrop}\n rightCrop={rightCrop}\n selectColor={selectColor}\n />\n <TouchableRipple\n testID={`react-native-paper-dates-day-${year}-${month}-${day}`}\n disabled={disabled}\n borderless={true}\n onPress={disabled ? undefined : onPress}\n style={[\n styles.button,\n { backgroundColor: inRange ? selectColor : undefined },\n ]}\n accessibilityRole=\"button\"\n >\n <View\n style={[\n styles.day,\n isToday ? { borderColor: borderColor } : null,\n selected ? { backgroundColor: primaryColor } : null,\n ]}\n >\n <Text\n style={[\n textColor\n ? {\n color:\n theme.isV3 && isToday ? theme.colors.primary : textColor,\n }\n : undefined,\n { ...textFont },\n ]}\n selectable={false}\n >\n {day}\n </Text>\n </View>\n </TouchableRipple>\n </View>\n )\n}\n\nconst styles = StyleSheet.create({\n empty: {\n flex: 1,\n flexBasis: 0,\n },\n disabled: {\n opacity: 0.3,\n },\n root: {\n flexBasis: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n },\n button: {\n width: daySize,\n height: daySize,\n overflow: 'hidden',\n borderRadius: daySize / 2,\n },\n day: {\n flexBasis: 0,\n flex: 1,\n borderRadius: daySize / 2,\n width: daySize,\n height: daySize,\n justifyContent: 'center',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'transparent',\n },\n flex1: {\n flex: 1,\n },\n})\n\nexport default React.memo(Day)\n"],"mappings":"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"}
1
+ {"version":3,"names":["React","Text","TouchableRipple","StyleSheet","View","DayRange","daySize","EmptyDayPure","styles","empty","EmptyDay","memo","Day","props","day","month","year","selected","inRange","leftCrop","rightCrop","onPressDate","primaryColor","selectColor","isToday","disabled","textColorOnPrimary","theme","onPress","useCallback","Date","borderColor","isV3","colors","primary","dark","textColor","onPrimary","onPrimaryContainer","onSurface","undefined","textFont","fonts","bodySmall","medium","root","button","backgroundColor","color","create","flex","flexBasis","opacity","justifyContent","alignItems","position","width","height","overflow","borderRadius","borderWidth","flex1"],"sources":["Day.tsx"],"sourcesContent":["import * as React from 'react'\nimport { MD2Theme, Text, TouchableRipple } from 'react-native-paper'\nimport { StyleSheet, View } from 'react-native'\nimport DayRange from './DayRange'\nimport { daySize } from './dateUtils'\n\nimport type { PaperTheme } from '../utils'\n\nfunction EmptyDayPure() {\n return <View style={styles.empty} />\n}\nexport const EmptyDay = React.memo(EmptyDayPure)\n\nfunction Day(props: {\n theme: PaperTheme\n textColorOnPrimary: string\n day: number\n month: number\n year: number\n selected: boolean\n inRange: boolean\n leftCrop: boolean\n rightCrop: boolean\n primaryColor: string\n selectColor: string\n isToday: boolean\n disabled: boolean\n onPressDate: (date: Date) => any\n}) {\n const {\n day,\n month,\n year,\n selected,\n inRange,\n leftCrop,\n rightCrop,\n onPressDate,\n primaryColor,\n selectColor,\n isToday,\n disabled,\n textColorOnPrimary,\n theme,\n } = props\n const onPress = React.useCallback(() => {\n onPressDate(new Date(year, month, day))\n }, [onPressDate, year, month, day])\n\n const borderColor = theme.isV3\n ? theme.colors.primary\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.dark\n ? '#fff'\n : '#000'\n\n const textColor =\n theme.isV3 && selected\n ? theme.colors.onPrimary\n : theme.isV3 && inRange && theme.dark\n ? theme.colors.onPrimaryContainer\n : selected || (inRange && theme.dark)\n ? textColorOnPrimary\n : theme.isV3\n ? theme.colors.onSurface\n : undefined\n\n let textFont = theme?.isV3\n ? theme.fonts.bodySmall\n : (theme as any as MD2Theme).fonts.medium\n\n return (\n <View style={[styles.root, disabled && styles.disabled]}>\n <DayRange\n inRange={inRange}\n leftCrop={leftCrop}\n rightCrop={rightCrop}\n selectColor={selectColor}\n />\n <TouchableRipple\n testID={`react-native-paper-dates-day-${year}-${month}-${day}`}\n disabled={disabled}\n borderless={true}\n onPress={disabled ? undefined : onPress}\n style={[\n styles.button,\n { backgroundColor: inRange ? selectColor : undefined },\n ]}\n accessibilityRole=\"button\"\n >\n <View\n style={[\n styles.day,\n isToday ? { borderColor: borderColor } : null,\n selected ? { backgroundColor: primaryColor } : null,\n ]}\n >\n <Text\n style={[\n textColor\n ? {\n color:\n theme.isV3 && isToday && selected\n ? textColor\n : theme.isV3 && isToday\n ? theme.colors.primary\n : textColor,\n }\n : undefined,\n { ...textFont },\n ]}\n selectable={false}\n >\n {day}\n </Text>\n </View>\n </TouchableRipple>\n </View>\n )\n}\n\nconst styles = StyleSheet.create({\n empty: {\n flex: 1,\n flexBasis: 0,\n },\n disabled: {\n opacity: 0.3,\n },\n root: {\n flexBasis: 0,\n flex: 1,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n },\n button: {\n width: daySize,\n height: daySize,\n overflow: 'hidden',\n borderRadius: daySize / 2,\n },\n day: {\n flexBasis: 0,\n flex: 1,\n borderRadius: daySize / 2,\n width: daySize,\n height: daySize,\n justifyContent: 'center',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'transparent',\n },\n flex1: {\n flex: 1,\n },\n})\n\nexport default React.memo(Day)\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-paper-dates",
3
- "version": "0.11.12",
3
+ "version": "0.11.14",
4
4
  "description": "Performant Date Picker for React Native Paper",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -77,7 +77,10 @@
77
77
  "react-native-safe-area-context": "^4.4.1",
78
78
  "react-native-vector-icons": "^9.2.0",
79
79
  "release-it": "^15.4.0",
80
- "typescript": "^4.9.4"
80
+ "typescript": "^4.9.4",
81
+ "react-test-renderer": "^18.2.0",
82
+ "@types/react-test-renderer": "^18.0.0",
83
+ "caniuse-lite": "^1.0.30001383"
81
84
  },
82
85
  "peerDependencies": {
83
86
  "react": "*",
@@ -163,9 +166,6 @@
163
166
  ]
164
167
  },
165
168
  "dependencies": {
166
- "@types/react-test-renderer": "^18.0.0",
167
- "caniuse-lite": "^1.0.30001383",
168
- "color": "^3.2.1",
169
- "react-test-renderer": "^18.2.0"
169
+ "color": "^3.2.1"
170
170
  }
171
171
  }
package/src/Date/Day.tsx CHANGED
@@ -101,7 +101,11 @@ function Day(props: {
101
101
  textColor
102
102
  ? {
103
103
  color:
104
- theme.isV3 && isToday ? theme.colors.primary : textColor,
104
+ theme.isV3 && isToday && selected
105
+ ? textColor
106
+ : theme.isV3 && isToday
107
+ ? theme.colors.primary
108
+ : textColor,
105
109
  }
106
110
  : undefined,
107
111
  { ...textFont },