@tactics/toddle-styleguide 5.0.5 → 5.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/app.json +1 -0
  2. package/index.tsx +1 -1
  3. package/package.json +25 -25
  4. package/src/components/organisms/child-list-item/child-list-item.component.d.ts +2 -1
  5. package/src/components/organisms/child-list-item/child-list-item.component.tsx +3 -0
  6. package/src/components/organisms/child-list-item/child-list-item.preview.tsx +2 -1
  7. package/src/context/theme.context.d.ts +2 -2
  8. package/src/context/theme.context.ts +2 -2
  9. package/src/theme/provider/parent.theme.d.ts +2 -2
  10. package/src/theme/provider/parent.theme.ts +2 -2
  11. package/src/theme/provider/staff-member.theme.d.ts +2 -2
  12. package/src/theme/provider/staff-member.theme.ts +2 -2
package/app.json CHANGED
@@ -11,6 +11,7 @@
11
11
  "resizeMode": "contain",
12
12
  "backgroundColor": "#ffffff"
13
13
  },
14
+ "newArchEnabled": true,
14
15
  "updates": {
15
16
  "fallbackToCacheTimeout": 0
16
17
  },
package/index.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  // Needed to run Expo
2
- import registerRootComponent from 'expo/build/launch/registerRootComponent';
2
+ import { registerRootComponent } from 'expo';
3
3
  import 'intl';
4
4
  import 'intl/locale-data/jsonp/en';
5
5
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tactics/toddle-styleguide",
3
- "version": "5.0.5",
3
+ "version": "5.1.1",
4
4
  "main": "index.tsx",
5
5
  "types": "index.d.ts",
6
6
  "prepublish": "tsc",
@@ -19,11 +19,11 @@
19
19
  "packageManager": "yarn@3.3.1",
20
20
  "dependencies": {
21
21
  "@callstack/react-theme-provider": "^3.0.8",
22
- "@expo/config-plugins": "~8.0.0",
23
- "@expo/metro-runtime": "~3.2.3",
22
+ "@expo/config-plugins": "~9.0.0",
23
+ "@expo/metro-runtime": "~4.0.0",
24
24
  "@expo/webpack-config": "~19.0.1",
25
25
  "@miblanchard/react-native-slider": "^2.3.1",
26
- "@react-native-picker/picker": "2.7.5",
26
+ "@react-native-picker/picker": "2.9.0",
27
27
  "@react-navigation/bottom-tabs": "^6.5.8",
28
28
  "@react-navigation/drawer": "^6.6.3",
29
29
  "@react-navigation/native": "^6.1.7",
@@ -33,45 +33,45 @@
33
33
  "@testing-library/react-native": "^12.1.2",
34
34
  "@types/luxon": "^3.3.0",
35
35
  "@types/xdate": "^0.8.32",
36
- "expo": "~51.0.38",
37
- "expo-font": "~12.0.10",
38
- "expo-haptics": "~13.0.1",
39
- "expo-linear-gradient": "~13.0.2",
40
- "expo-status-bar": "~1.12.1",
36
+ "expo": "~52.0.20",
37
+ "expo-font": "~13.0.2",
38
+ "expo-haptics": "~14.0.0",
39
+ "expo-linear-gradient": "~14.0.1",
40
+ "expo-status-bar": "~2.0.0",
41
41
  "intl": "^1.2.5",
42
42
  "jsc-android": "^250231.0.0",
43
43
  "lottie-ios": "4.2.0",
44
- "lottie-react-native": "6.7.0",
44
+ "lottie-react-native": "^7.1.0",
45
45
  "luxon": "^3.3.0",
46
- "react": "18.2.0",
47
- "react-dom": "18.2.0",
48
- "react-native": "0.74.5",
46
+ "react": "18.3.1",
47
+ "react-dom": "18.3.1",
48
+ "react-native": "0.76.5",
49
49
  "react-native-calendar-strip": "^2.2.6",
50
50
  "react-native-calendars": "^1.1299.0",
51
- "react-native-gesture-handler": "~2.16.1",
52
- "react-native-pager-view": "6.3.0",
51
+ "react-native-gesture-handler": "~2.20.2",
52
+ "react-native-pager-view": "6.5.1",
53
53
  "react-native-picker-select": "^8.0.4",
54
- "react-native-reanimated": "~3.10.1",
55
- "react-native-safe-area-context": "4.10.5",
56
- "react-native-screens": "3.31.1",
57
- "react-native-svg": "15.2.0",
54
+ "react-native-reanimated": "~3.16.1",
55
+ "react-native-safe-area-context": "4.12.0",
56
+ "react-native-screens": "~4.4.0",
57
+ "react-native-svg": "15.8.0",
58
58
  "react-native-swipe-gestures": "^1.0.5",
59
- "react-native-web": "~0.19.10",
59
+ "react-native-web": "~0.19.13",
60
60
  "react-native-wheel-picker-expo": "^0.5.4",
61
61
  "react-native-wheely": "^0.6.0",
62
62
  "react-test-renderer": "^18.2.0"
63
63
  },
64
64
  "devDependencies": {
65
- "@babel/core": "^7.24.0",
65
+ "@babel/core": "^7.26.0",
66
66
  "@babel/preset-typescript": "^7.22.5",
67
67
  "@types/jest": "^29.5.2",
68
68
  "@types/luxon": "^3.3.0",
69
69
  "@types/node": "^20.3.1",
70
- "@types/react": "~18.2.79",
71
- "@types/react-dom": "~18.2.25",
70
+ "@types/react": "~18.3.12",
71
+ "@types/react-dom": "~18.3.1",
72
72
  "@types/react-test-renderer": "^18.0.0",
73
- "jest": "^29.5.0",
74
- "jest-expo": "~51.0.4",
73
+ "jest": "~29.7.0",
74
+ "jest-expo": "~52.0.2",
75
75
  "prettier": "2.8.8",
76
76
  "ts-jest": "^29.1.0",
77
77
  "ts-node": "^10.9.1",
package/src/components/organisms/child-list-item/child-list-item.component.d.ts CHANGED
@@ -18,6 +18,7 @@ type ChildListItemProps = {
18
18
  tags?: string[];
19
19
  error: boolean;
20
20
  isBirthday?: boolean;
21
+ isOutside?: boolean;
21
22
  };
22
- declare const ChildListItem: React.MemoExoticComponent<({ id, name, department, selectable, isSelected, onPressArrow, onPressText, onLongPress, onSelect, sourceAvatar, textTimeTracker, visualStateTimeTracker, tags, error, isBirthday, }: ChildListItemProps) => React.JSX.Element>;
23
+ declare const ChildListItem: React.MemoExoticComponent<({ id, name, department, selectable, isSelected, onPressArrow, onPressText, onLongPress, onSelect, sourceAvatar, textTimeTracker, visualStateTimeTracker, tags, error, isBirthday, isOutside }: ChildListItemProps) => React.JSX.Element>;
23
24
  export { ChildListItem as ChildListItem };
package/src/components/organisms/child-list-item/child-list-item.component.tsx CHANGED
@@ -30,6 +30,7 @@ type ChildListItemProps = {
30
30
  tags?: string[];
31
31
  error: boolean;
32
32
  isBirthday?: boolean;
33
+ isOutside?: boolean;
33
34
  };
34
35
 
35
36
  const ChildListItem = React.memo(
@@ -49,6 +50,7 @@ const ChildListItem = React.memo(
49
50
  tags,
50
51
  error,
51
52
  isBirthday,
53
+ isOutside
52
54
  }: ChildListItemProps) => {
53
55
  const context = useContext(ThemeCtx);
54
56
  const styles = Stylesheet(isSelected, context);
@@ -105,6 +107,7 @@ const ChildListItem = React.memo(
105
107
  size={Size.MEDIUM}
106
108
  isLoading={longPressExecuting}
107
109
  isBirthday={isBirthday}
110
+ isBlocked={isOutside}
108
111
  />
109
112
  <View style={styles.pressableText}>
110
113
  <View style={styles.trackerContainer}>
package/src/components/organisms/child-list-item/child-list-item.preview.tsx CHANGED
@@ -98,7 +98,8 @@ export const ChildListItemPreview = ({}: {}) => {
98
98
  // sourceAvatar={require('./../../../../assets/components/avatar/baby.png')}
99
99
  sourceAvatar={Initials.for('Zeno', 'Driesen')}
100
100
  tags={item.tags}
101
- error={true}
101
+ error={false}
102
+ isOutside={true}
102
103
  />
103
104
  </SwipeableContainer>
104
105
  );
package/src/context/theme.context.d.ts CHANGED
@@ -2,8 +2,8 @@
2
2
  interface ThemeInterface {
3
3
  colors: {
4
4
  gradient: {
5
- 1: string[];
6
- 0: string[];
5
+ 1: readonly [string, string, ...string[]];
6
+ 0: readonly [string, string, ...string[]];
7
7
  };
8
8
  main: {
9
9
  9: string;
package/src/context/theme.context.ts CHANGED
@@ -4,8 +4,8 @@ import {StaffMemberTheme} from '../theme/provider';
4
4
  interface ThemeInterface {
5
5
  colors: {
6
6
  gradient: {
7
- 1: string[];
8
- 0: string[];
7
+ 1: readonly [string, string, ...string[]];
8
+ 0: readonly [string, string, ...string[]];
9
9
  };
10
10
  main: {
11
11
  9: string;
package/src/theme/provider/parent.theme.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export declare const ParentTheme: {
2
2
  colors: {
3
3
  gradient: {
4
- 1: string[];
5
- 0: string[];
4
+ 1: readonly [string, string, ...string[]];
5
+ 0: readonly [string, string, ...string[]];
6
6
  };
7
7
  main: {
8
8
  9: string;
package/src/theme/provider/parent.theme.ts CHANGED
@@ -3,8 +3,8 @@ import {Colors} from '@tactics/kinderopvang-branding';
3
3
  export const ParentTheme = {
4
4
  colors: {
5
5
  gradient: {
6
- 1: [Colors.primary[2], Colors.primary[5], Colors.primary[5]],
7
- 0: [Colors.primary[1], Colors.primary[5], Colors.primary[9]],
6
+ 1: [Colors.primary[2], Colors.primary[5], Colors.primary[5]] as const,
7
+ 0: [Colors.primary[1], Colors.primary[5], Colors.primary[9]] as const,
8
8
  },
9
9
  main: {
10
10
  9: Colors.primary[9],
package/src/theme/provider/staff-member.theme.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  export declare const StaffMemberTheme: {
2
2
  colors: {
3
3
  gradient: {
4
- 1: string[];
5
- 0: string[];
4
+ 1: readonly [string, string, ...string[]];
5
+ 0: readonly [string, string, ...string[]];
6
6
  };
7
7
  main: {
8
8
  9: string;
package/src/theme/provider/staff-member.theme.ts CHANGED
@@ -3,8 +3,8 @@ import {Colors} from '@tactics/kinderopvang-branding';
3
3
  export const StaffMemberTheme = {
4
4
  colors: {
5
5
  gradient: {
6
- 1: [Colors.secondary[2], Colors.secondary[5], Colors.secondary[5]],
7
- 0: [Colors.secondary[2], Colors.secondary[5], Colors.tertiary[4]],
6
+ 1: [Colors.secondary[2], Colors.secondary[5], Colors.secondary[5]] as const,
7
+ 0: [Colors.secondary[2], Colors.secondary[5], Colors.tertiary[4]] as const,
8
8
  },
9
9
  main: {
10
10
  9: Colors.secondary[9],