@tactics/toddle-styleguide 5.1.0 → 5.2.1

package/app.json

@@ -11,7 +11,7 @@
       "resizeMode": "contain",
       "backgroundColor": "#ffffff"
     },
-    "newArchEnabled": true,
+    "newArchEnabled": false,
     "updates": {
       "fallbackToCacheTimeout": 0
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "5.1.0",
+  "version": "5.2.1",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",

package/src/components/organisms/child-list-item/child-list-item.component.d.ts

@@ -18,6 +18,7 @@ type ChildListItemProps = {
     tags?: string[];
     error: boolean;
     isBirthday?: boolean;
+    isOutside?: boolean;
 };
-declare const ChildListItem: React.MemoExoticComponent<({ id, name, department, selectable, isSelected, onPressArrow, onPressText, onLongPress, onSelect, sourceAvatar, textTimeTracker, visualStateTimeTracker, tags, error, isBirthday, }: ChildListItemProps) => React.JSX.Element>;
+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>;
 export { ChildListItem as ChildListItem };

package/src/components/organisms/child-list-item/child-list-item.component.tsx

@@ -30,6 +30,7 @@ type ChildListItemProps = {
   tags?: string[];
   error: boolean;
   isBirthday?: boolean;
+  isOutside?: boolean;
 };
 
 const ChildListItem = React.memo(
@@ -49,6 +50,7 @@ const ChildListItem = React.memo(
     tags,
     error,
     isBirthday,
+    isOutside
   }: ChildListItemProps) => {
     const context = useContext(ThemeCtx);
     const styles = Stylesheet(isSelected, context);
@@ -105,6 +107,7 @@ const ChildListItem = React.memo(
               size={Size.MEDIUM}
               isLoading={longPressExecuting}
               isBirthday={isBirthday}
+              isBlocked={isOutside}
             />
             <View style={styles.pressableText}>
               <View style={styles.trackerContainer}>

package/src/components/organisms/child-list-item/child-list-item.preview.tsx

@@ -98,7 +98,8 @@ export const ChildListItemPreview = ({}: {}) => {
           // sourceAvatar={require('./../../../../assets/components/avatar/baby.png')}
           sourceAvatar={Initials.for('Zeno', 'Driesen')}
           tags={item.tags}
-          error={true}
+          error={false}
+          isOutside={true}
         />
       </SwipeableContainer>
     );