@tactics/toddle-styleguide 2.0.4 → 3.0.0

package/src/components/organisms/journal-entry/components/journal-entry-type/journal-entry-type.component.d.ts

@@ -1,17 +1,11 @@
-import {ToddleDateTime} from '../../../../../utilities/toddle-datetime/toddle-datetime.class';
+import { ToddleDateTime } from '../../../../../utilities/toddle-datetime/toddle-datetime.class';
 import React from 'react';
 interface JournalEntryTypeProps {
-  prio: boolean;
-  type: string;
-  happenedAt?: ToddleDateTime;
-  loading?: boolean;
-  send: boolean;
+    prio: boolean;
+    type: string;
+    happenedAt?: ToddleDateTime;
+    loading?: boolean;
+    send: boolean;
 }
-export declare const JournalEntryType: ({
-  prio,
-  type,
-  happenedAt,
-  loading,
-  send,
-}: JournalEntryTypeProps) => React.JSX.Element;
+export declare const JournalEntryType: ({ prio, type, happenedAt, loading, send, }: JournalEntryTypeProps) => React.JSX.Element;
 export {};

package/src/components/organisms/journal-entry/journal-entry.component.d.ts

@@ -1,34 +1,20 @@
 import React from 'react';
-import {ToddleDateTime} from '../../../utilities/toddle-datetime/toddle-datetime.class';
-import {VisualState} from '../../../types/visual-state.enum';
+import { ToddleDateTime } from '../../../utilities/toddle-datetime/toddle-datetime.class';
+import { VisualState } from '../../../types/visual-state.enum';
 interface JournalEntryProps {
-  id: string;
-  prio: boolean;
-  happenedAt?: ToddleDateTime;
-  type: string;
-  text: string;
-  visualState: VisualState;
-  createdAt?: ToddleDateTime;
-  timestampLabel?: string;
-  onFail?: (id: string) => void;
-  onEdit?: (id: string) => void;
-  onDelete?: (id: string) => void;
-  afterAnimationComplete?: () => void;
-  loadingNewEntry?: boolean;
+    id: string;
+    prio: boolean;
+    happenedAt?: ToddleDateTime;
+    type: string;
+    text: string;
+    visualState: VisualState;
+    createdAt?: ToddleDateTime;
+    timestampLabel?: string;
+    onFail?: (id: string) => void;
+    onEdit?: (id: string) => void;
+    onDelete?: (id: string) => void;
+    afterAnimationComplete?: () => void;
+    loadingNewEntry?: boolean;
 }
-export declare const JournalEntry: ({
-  id,
-  prio,
-  happenedAt,
-  type,
-  text,
-  visualState,
-  createdAt,
-  timestampLabel,
-  onFail,
-  onEdit,
-  onDelete,
-  afterAnimationComplete,
-  loadingNewEntry,
-}: JournalEntryProps) => React.JSX.Element;
+export declare const JournalEntry: ({ id, prio, happenedAt, type, text, visualState, createdAt, timestampLabel, onFail, onEdit, onDelete, afterAnimationComplete, loadingNewEntry, }: JournalEntryProps) => React.JSX.Element;
 export {};

package/src/components/organisms/loading-indicator/animation-style.animate.d.ts

@@ -1,13 +1,3 @@
-import {Animated} from 'react-native';
-export declare const animationStyle: (
-  animation: string | undefined,
-  node: Animated.Value,
-  delay: number,
-  size: number | undefined
-) => any;
-export declare const styles: (
-  animation: string | undefined,
-  color: string | undefined,
-  size: number | undefined,
-  dynamicSize: Animated.Value | undefined
-) => any;
+import { Animated } from 'react-native';
+export declare const animationStyle: (animation: string | undefined, node: Animated.Value, delay: number, size: number | undefined) => any;
+export declare const styles: (animation: string | undefined, color: string | undefined, size: number | undefined, dynamicSize: Animated.Value | undefined) => any;

package/src/components/organisms/loading-indicator/dot.component.d.ts

@@ -1,6 +1,6 @@
-import {Animated} from 'react-native';
+import { Animated } from 'react-native';
 type DotProps = {
-  dynamicSize: Animated.Value;
+    dynamicSize: Animated.Value;
 };
-export declare const Dot: ({dynamicSize}: DotProps) => JSX.Element;
+export declare const Dot: ({ dynamicSize }: DotProps) => JSX.Element;
 export {};

package/src/components/organisms/loading-indicator/loading-indicator.component.d.ts

@@ -1,9 +1,2 @@
-import {LoadingDotsProps} from '../../../types/loading-dots.type';
-export declare const LoadingIndicator: ({
-  animation,
-  dots,
-  color,
-  size,
-  spacing,
-  delay,
-}: LoadingDotsProps) => JSX.Element;
+import { LoadingDotsProps } from '../../../types/loading-dots.type';
+export declare const LoadingIndicator: ({ animation, dots, color, size, spacing, delay, }: LoadingDotsProps) => JSX.Element;

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

@@ -1,20 +1,13 @@
 import React from 'react';
-import {ImageSourcePropType} from 'react-native';
-import {Initials} from '../../../models/initials.model';
+import { ImageSourcePropType } from 'react-native';
+import { Initials } from '../../../models/initials.model';
 type MyChildListItemProps = {
-  id: string;
-  name: string;
-  age: string;
-  sourceAvatar: ImageSourcePropType | Initials;
-  onPressChild: (id: string) => void;
-  onPressArrow: (id: string) => void;
+    id: string;
+    name: string;
+    age: string;
+    sourceAvatar: ImageSourcePropType | Initials;
+    onPressChild: (id: string) => void;
+    onPressArrow: (id: string) => void;
 };
-export declare const MyChildListItem: ({
-  id,
-  name,
-  age,
-  sourceAvatar,
-  onPressChild,
-  onPressArrow,
-}: MyChildListItemProps) => React.JSX.Element;
+export declare const MyChildListItem: ({ id, name, age, sourceAvatar, onPressChild, onPressArrow, }: MyChildListItemProps) => React.JSX.Element;
 export {};

package/src/components/organisms/person-info-card/person-info-card.component.d.ts

@@ -1,22 +1,14 @@
-import {ImageSourcePropType, ViewStyle} from 'react-native';
-import {Initials} from '../../../models/initials.model';
+import { ImageSourcePropType, ViewStyle } from 'react-native';
+import { Initials } from '../../../models/initials.model';
 import React from 'react';
 interface IContactInfoCard {
-  source: ImageSourcePropType | Initials;
-  name: string;
-  label?: string;
-  isBlocked?: boolean;
-  isActive?: boolean;
-  style?: ViewStyle;
-  isLoading?: boolean;
+    source: ImageSourcePropType | Initials;
+    name: string;
+    label?: string;
+    isBlocked?: boolean;
+    isActive?: boolean;
+    style?: ViewStyle;
+    isLoading?: boolean;
 }
-export declare const PersonInfoCard: ({
-  source,
-  isBlocked,
-  isActive,
-  name,
-  label,
-  style,
-  isLoading,
-}: IContactInfoCard) => React.JSX.Element;
+export declare const PersonInfoCard: ({ source, isBlocked, isActive, name, label, style, isLoading, }: IContactInfoCard) => React.JSX.Element;
 export {};

package/src/components/organisms/text-bubble/text-bubble.component.d.ts

@@ -1,24 +1,15 @@
 import * as React from 'react';
-import {VisualState} from '../../../types/visual-state.enum';
-import {ToddleDateTime} from '../../../utilities/toddle-datetime/toddle-datetime.class';
+import { VisualState } from '../../../types/visual-state.enum';
+import { ToddleDateTime } from '../../../utilities/toddle-datetime/toddle-datetime.class';
 type TextBubbleProps = {
-  id: string;
-  text: string;
-  visualState: VisualState;
-  timestamp?: ToddleDateTime;
-  timestampLabel?: string;
-  onFail?: (id: string) => void;
-  onEdit?: (id: string) => void;
-  onDelete?: (id: string) => void;
+    id: string;
+    text: string;
+    visualState: VisualState;
+    timestamp?: ToddleDateTime;
+    timestampLabel?: string;
+    onFail?: (id: string) => void;
+    onEdit?: (id: string) => void;
+    onDelete?: (id: string) => void;
 };
-declare const TextBubble: ({
-  id,
-  text,
-  visualState,
-  timestamp,
-  timestampLabel,
-  onFail,
-  onEdit,
-  onDelete,
-}: TextBubbleProps) => React.JSX.Element;
-export {TextBubble as TextBubble};
+declare const TextBubble: ({ id, text, visualState, timestamp, timestampLabel, onFail, onEdit, onDelete, }: TextBubbleProps) => React.JSX.Element;
+export { TextBubble as TextBubble };

package/src/components/organisms/timetable-edit/timetable-edit.component.d.ts

@@ -1,29 +1,17 @@
 import React from 'react';
-import {TimetableEditState} from '../../../types/timetable-edit.enum';
+import { TimetableEditState } from '../../../types/timetable-edit.enum';
 interface TimetableEditProps {
-  index: number;
-  initialInHours: string;
-  initialInMinutes: string;
-  initialOutHours: string;
-  initialOutMinutes: string;
-  onChangeInHours: (value: string) => void;
-  onChangeInMinutes: (value: string) => void;
-  onChangeOutHours: (value: string) => void;
-  onChangeOutMinutes: (value: string) => void;
-  onPressTag: (val: TimetableEditState, index: number) => void;
-  initialEditState: string;
+    index: number;
+    initialInHours: string;
+    initialInMinutes: string;
+    initialOutHours: string;
+    initialOutMinutes: string;
+    onChangeInHours: (value: string) => void;
+    onChangeInMinutes: (value: string) => void;
+    onChangeOutHours: (value: string) => void;
+    onChangeOutMinutes: (value: string) => void;
+    onPressTag: (val: TimetableEditState, index: number) => void;
+    initialEditState: string;
 }
-export declare const TimetableEdit: ({
-  index,
-  initialInHours,
-  initialInMinutes,
-  initialOutHours,
-  initialOutMinutes,
-  onChangeInHours,
-  onChangeInMinutes,
-  onChangeOutHours,
-  onChangeOutMinutes,
-  initialEditState,
-  onPressTag,
-}: TimetableEditProps) => React.JSX.Element;
+export declare const TimetableEdit: ({ index, initialInHours, initialInMinutes, initialOutHours, initialOutMinutes, onChangeInHours, onChangeInMinutes, onChangeOutHours, onChangeOutMinutes, initialEditState, onPressTag, }: TimetableEditProps) => React.JSX.Element;
 export {};

package/src/components/organisms/timetable-editor/components/timetable-edit-wrapper.d.ts

@@ -1,18 +1,12 @@
-import {TimeSlotRecord} from '../../../../models/time-slot-record';
+import { TimeSlotRecord } from '../../../../models/time-slot-record';
 import React from 'react';
-import {TimetableEditState} from '../../../../types/timetable-edit.enum';
+import { TimetableEditState } from '../../../../types/timetable-edit.enum';
 interface TimetableEditWrapperProps {
-  index: number;
-  record: TimeSlotRecord;
-  onUpdate: (rec: TimeSlotRecord) => void;
-  onPressTag: (val: TimetableEditState, index: number) => void;
-  editState: TimetableEditState;
+    index: number;
+    record: TimeSlotRecord;
+    onUpdate: (rec: TimeSlotRecord) => void;
+    onPressTag: (val: TimetableEditState, index: number) => void;
+    editState: TimetableEditState;
 }
-export declare const TimetableEditWrapper: ({
-  index,
-  record,
-  onUpdate,
-  editState,
-  onPressTag,
-}: TimetableEditWrapperProps) => React.JSX.Element;
+export declare const TimetableEditWrapper: ({ index, record, onUpdate, editState, onPressTag, }: TimetableEditWrapperProps) => React.JSX.Element;
 export {};

package/src/components/organisms/timetable-editor/timetable-editor-staff.component.d.ts

@@ -1,11 +1,8 @@
 import React from 'react';
-import {TimeSlotSequence} from '../../../models/time-slot-sequence';
+import { TimeSlotSequence } from '../../../models/time-slot-sequence';
 interface TimetableEditorStaffProps {
-  sequence: TimeSlotSequence;
-  onChange: (seq: TimeSlotSequence) => void;
+    sequence: TimeSlotSequence;
+    onChange: (seq: TimeSlotSequence) => void;
 }
-export declare const TimetableEditorStaff: ({
-  sequence,
-  onChange,
-}: TimetableEditorStaffProps) => React.JSX.Element;
+export declare const TimetableEditorStaff: ({ sequence, onChange, }: TimetableEditorStaffProps) => React.JSX.Element;
 export {};

package/src/components/organisms/timetable-editor/timetable-editor.component.d.ts

@@ -1,11 +1,8 @@
 import React from 'react';
-import {TimeSlotSequence} from '../../../models/time-slot-sequence';
+import { TimeSlotSequence } from '../../../models/time-slot-sequence';
 interface TimetableEditorProps {
-  sequence: TimeSlotSequence;
-  onChange: (seq: TimeSlotSequence) => void;
+    sequence: TimeSlotSequence;
+    onChange: (seq: TimeSlotSequence) => void;
 }
-export declare const TimetableEditor: ({
-  sequence,
-  onChange,
-}: TimetableEditorProps) => React.JSX.Element;
+export declare const TimetableEditor: ({ sequence, onChange }: TimetableEditorProps) => React.JSX.Element;
 export {};

package/src/components/templates/modal/components/fade-panel.component.d.ts

@@ -1,18 +1,11 @@
 import React from 'react';
 type FadePanelProps = {
-  title: string;
-  subtitle?: string;
-  isVisible: boolean;
-  onClose: () => void;
-  maxHeight: number;
-  children: React.ReactNode;
+    title: string;
+    subtitle?: string;
+    isVisible: boolean;
+    onClose: () => void;
+    maxHeight: number;
+    children: React.ReactNode;
 };
-export declare const FadePanel: ({
-  title,
-  subtitle,
-  isVisible,
-  onClose,
-  maxHeight,
-  children,
-}: FadePanelProps) => React.JSX.Element;
+export declare const FadePanel: ({ title, subtitle, isVisible, onClose, maxHeight, children, }: FadePanelProps) => React.JSX.Element;
 export {};

package/src/components/templates/modal/modal.component.d.ts

@@ -1,16 +1,10 @@
 import React from 'react';
 type ModalProps = {
-  title: string;
-  subtitle?: string;
-  isVisible: boolean;
-  onClose: () => void;
-  children?: React.ReactNode;
+    title: string;
+    subtitle?: string;
+    isVisible: boolean;
+    onClose: () => void;
+    children?: React.ReactNode;
 };
-export declare const Modal: ({
-  title,
-  subtitle,
-  isVisible,
-  onClose,
-  children,
-}: ModalProps) => React.JSX.Element;
+export declare const Modal: ({ title, subtitle, isVisible, onClose, children, }: ModalProps) => React.JSX.Element;
 export {};

package/src/components/templates/popover/components/foreground/foreground.component.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
-import {Modal} from '../modal/modal.component';
+import { Modal } from '../modal/modal.component';
 type PopoverForegroundProps = {
-  children: React.ReactElement<typeof Modal>;
+    children: React.ReactElement<typeof Modal>;
 };
-declare const Foreground: ({
-  children,
-}: PopoverForegroundProps) => React.JSX.Element;
-export {Foreground as Foreground};
+declare const Foreground: ({ children }: PopoverForegroundProps) => React.JSX.Element;
+export { Foreground as Foreground };

package/src/components/templates/popover/components/modal/close/close.component.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import {GestureResponderEvent} from 'react-native';
+import { GestureResponderEvent } from 'react-native';
 type ModalCloseProps = {
-  onPress: (event: GestureResponderEvent) => void;
+    onPress: (event: GestureResponderEvent) => void;
 };
-declare const Close: ({onPress}: ModalCloseProps) => React.JSX.Element;
-export {Close as Close};
+declare const Close: ({ onPress }: ModalCloseProps) => React.JSX.Element;
+export { Close as Close };

package/src/components/templates/popover/components/modal/heading/heading.component.d.ts

@@ -1,10 +1,7 @@
 import * as React from 'react';
 type ModalHeadingProps = {
-  title: string;
-  subtitle?: string;
+    title: string;
+    subtitle?: string;
 };
-declare const Heading: ({
-  title,
-  subtitle,
-}: ModalHeadingProps) => React.JSX.Element;
-export {Heading as Heading};
+declare const Heading: ({ title, subtitle }: ModalHeadingProps) => React.JSX.Element;
+export { Heading as Heading };

package/src/components/templates/popover/components/modal/modal.component.d.ts

@@ -1,20 +1,12 @@
 import * as React from 'react';
 type PopoverModalProps = {
-  onClose: () => void;
-  title?: string;
-  subtitle?: string;
-  isVisible: boolean;
-  children: React.ReactNode;
-  windowHeight: number;
-  disableSrollContent?: boolean;
+    onClose: () => void;
+    title?: string;
+    subtitle?: string;
+    isVisible: boolean;
+    children: React.ReactNode;
+    windowHeight: number;
+    disableSrollContent?: boolean;
 };
-declare const Modal: ({
-  isVisible,
-  title,
-  subtitle,
-  onClose,
-  children,
-  windowHeight,
-  disableSrollContent,
-}: PopoverModalProps) => React.JSX.Element;
-export {Modal as Modal};
+declare const Modal: ({ isVisible, title, subtitle, onClose, children, windowHeight, disableSrollContent, }: PopoverModalProps) => React.JSX.Element;
+export { Modal as Modal };

package/src/components/templates/popover/components/modal/scroll-content/scroll-content.component.d.ts

@@ -1,8 +1,6 @@
 import * as React from 'react';
 type ModalScrollContentProps = {
-  children: React.ReactNode;
+    children: React.ReactNode;
 };
-declare const ScrollContent: ({
-  children,
-}: ModalScrollContentProps) => React.JSX.Element;
-export {ScrollContent as ScrollContent};
+declare const ScrollContent: ({ children }: ModalScrollContentProps) => React.JSX.Element;
+export { ScrollContent as ScrollContent };

package/src/components/templates/popover/popover.component.d.ts

@@ -1,18 +1,11 @@
 import * as React from 'react';
 type PopoverProps = {
-  onClose: () => void;
-  title?: string;
-  subtitle?: string;
-  isVisible: boolean;
-  children?: React.ReactNode;
-  disableScrollContent?: boolean;
+    onClose: () => void;
+    title?: string;
+    subtitle?: string;
+    isVisible: boolean;
+    children?: React.ReactNode;
+    disableScrollContent?: boolean;
 };
-declare const Popover: ({
-  isVisible,
-  title,
-  subtitle,
-  onClose,
-  children,
-  disableScrollContent,
-}: PopoverProps) => React.JSX.Element;
-export {Popover as Popover};
+declare const Popover: ({ isVisible, title, subtitle, onClose, children, disableScrollContent, }: PopoverProps) => React.JSX.Element;
+export { Popover as Popover };

package/src/components/templates/popover-action/popover-action.component.tsx

@@ -16,6 +16,7 @@ export const PopOverAction = ({
   children,
   touchBackDrop,
 }: PopOverActionProps) => {
+
   const [windowHeight, setWindowHeight] = useState(
     Dimensions.get('window').height
   );

package/src/context/loading-dots.context.d.ts

@@ -1,11 +1,8 @@
-import React, {ReactNode} from 'react';
-import {LoadingDotsProps} from '../types/loading-dots.type';
+import React, { ReactNode } from 'react';
+import { LoadingDotsProps } from '../types/loading-dots.type';
 declare const useLoadingContext: () => LoadingDotsProps;
-declare const LoadingDotContextProvider: ({
-  children,
-  values,
-}: {
-  children: ReactNode;
-  values: LoadingDotsProps;
+declare const LoadingDotContextProvider: ({ children, values, }: {
+    children: ReactNode;
+    values: LoadingDotsProps;
 }) => React.JSX.Element;
-export {LoadingDotContextProvider, useLoadingContext};
+export { LoadingDotContextProvider, useLoadingContext };

package/src/context/theme.context.d.ts

@@ -2,71 +2,71 @@
 /// <reference types="node" />
 /// <reference types="react-native" />
 interface ThemeInterface {
-  colors: {
-    gradient: {
-      1: string[];
-      0: string[];
+    colors: {
+        gradient: {
+            1: string[];
+            0: string[];
+        };
+        main: {
+            9: string;
+            8: string;
+            7: string;
+            6: string;
+            5: string;
+            4: string;
+            3: string;
+            2: string;
+            1: string;
+            0: string;
+        };
+        state: {
+            unplanned: {
+                default: string;
+                dark: string;
+            };
+            expected: {
+                default: string;
+                dark: string;
+            };
+            in: {
+                default: string;
+                dark: string;
+            };
+            out: {
+                default: string;
+                dark: string;
+            };
+        };
+        ui: {
+            black: string;
+            white: string;
+            xlightgrey: string;
+            lightgrey: string;
+            grey: string;
+            darkgrey: string;
+            success: {
+                xlight: string;
+                light: string;
+                default: string;
+                dark: string;
+            };
+            warning: {
+                xlight: string;
+                light: string;
+                default: string;
+                dark: string;
+            };
+            error: {
+                xlight: string;
+                light: string;
+                default: string;
+                dark: string;
+            };
+        };
     };
-    main: {
-      9: string;
-      8: string;
-      7: string;
-      6: string;
-      5: string;
-      4: string;
-      3: string;
-      2: string;
-      1: string;
-      0: string;
+    wave: {
+        path: NodeRequire;
     };
-    state: {
-      unplanned: {
-        default: string;
-        dark: string;
-      };
-      expected: {
-        default: string;
-        dark: string;
-      };
-      in: {
-        default: string;
-        dark: string;
-      };
-      out: {
-        default: string;
-        dark: string;
-      };
-    };
-    ui: {
-      black: string;
-      white: string;
-      xlightgrey: string;
-      lightgrey: string;
-      grey: string;
-      darkgrey: string;
-      success: {
-        xlight: string;
-        light: string;
-        default: string;
-        dark: string;
-      };
-      warning: {
-        xlight: string;
-        light: string;
-        default: string;
-        dark: string;
-      };
-      error: {
-        xlight: string;
-        light: string;
-        default: string;
-        dark: string;
-      };
-    };
-  };
-  wave: {
-    path: NodeRequire;
-  };
 }
-declare const ThemeCtx: import('react').Context<ThemeInterface>;
-export {ThemeCtx as ThemeCtx};
+declare const ThemeCtx: import("react").Context<ThemeInterface>;
+export { ThemeCtx as ThemeCtx };