@tactics/toddle-styleguide 0.1.7 → 0.1.8

package/package.json

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

package/src/components/atoms/avatar/avatar.component.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import {ImageSourcePropType} from 'react-native';
-import {Size} from '../../../types/size.enum';
-import {Initials} from '../../../models/initials.model';
+import { ImageSourcePropType } from 'react-native';
+import { Size } from '../../../types/size.enum';
+import { Initials } from '../../../models/initials.model';
 declare type AvatarProps = {
-  source: ImageSourcePropType | Initials;
-  size: Size;
-  isBlocked?: boolean;
+    source: ImageSourcePropType | Initials;
+    size: Size;
+    isBlocked?: boolean;
 };
 declare const Avatar: React.FC<AvatarProps>;
-export {Avatar as Avatar};
+export { Avatar as Avatar };

package/src/components/atoms/blocked-message/blocked-message.component.d.ts

@@ -1,7 +1,5 @@
 declare type BlockedMessageProps = {
-  message: string;
+    message: string;
 };
-export declare const BlockedMessage: ({
-  message,
-}: BlockedMessageProps) => JSX.Element;
+export declare const BlockedMessage: ({ message }: BlockedMessageProps) => JSX.Element;
 export {};

package/src/components/atoms/button/button.component.d.ts

@@ -1,13 +1,8 @@
 declare type ButtonProps = {
-  label: string;
-  icon?: any;
-  disabled?: boolean;
-  onPress?: () => void;
+    label: string;
+    icon?: any;
+    disabled?: boolean;
+    onPress?: () => void;
 };
-declare const Button: ({
-  label,
-  icon,
-  disabled,
-  onPress,
-}: ButtonProps) => JSX.Element;
-export {Button as Button};
+declare const Button: ({ label, icon, disabled, onPress }: ButtonProps) => JSX.Element;
+export { Button as Button };

package/src/components/atoms/calendar/calendar.component.d.ts

@@ -1,14 +1,9 @@
-import {DateTime} from 'luxon';
+import { DateTime } from 'luxon';
 declare type CalendarProps = {
-  onDayPress: (day: DateTime) => void;
-  selected: DateTime;
-  minDate?: string;
-  maxDate?: string;
+    onDayPress: (day: DateTime) => void;
+    selected: DateTime;
+    minDate?: string;
+    maxDate?: string;
 };
-export declare const Calendar: ({
-  onDayPress,
-  selected,
-  minDate,
-  maxDate,
-}: CalendarProps) => JSX.Element;
+export declare const Calendar: ({ onDayPress, selected, minDate, maxDate, }: CalendarProps) => JSX.Element;
 export {};

package/src/components/atoms/calendar-select/calendar-select.component.d.ts

@@ -1,10 +1,7 @@
-import {DateTime} from 'luxon';
+import { DateTime } from 'luxon';
 declare type CalendarSelectProps = {
-  onPressDate: (date: DateTime) => void;
-  startDate: DateTime;
+    onPressDate: (date: DateTime) => void;
+    startDate: DateTime;
 };
-declare const CalendarSelect: ({
-  onPressDate,
-  startDate,
-}: CalendarSelectProps) => JSX.Element;
-export {CalendarSelect as CalendarSelect};
+declare const CalendarSelect: ({ onPressDate, startDate }: CalendarSelectProps) => JSX.Element;
+export { CalendarSelect as CalendarSelect };

package/src/components/atoms/cancel-link/cancel-link.component.d.ts

@@ -1,6 +1,6 @@
 declare type CancelLinkProps = {
-  label: string;
-  onPress: () => void;
+    label: string;
+    onPress: () => void;
 };
-declare const CancelLink: ({label, onPress}: CancelLinkProps) => JSX.Element;
-export {CancelLink as CancelLink};
+declare const CancelLink: ({ label, onPress }: CancelLinkProps) => JSX.Element;
+export { CancelLink as CancelLink };

package/src/components/atoms/check-switch/check-switch.component.d.ts

@@ -1,6 +1,6 @@
 declare type CheckProps = {
-  value: boolean;
-  onToggle: () => void;
+    value: boolean;
+    onToggle: () => void;
 };
-export declare const Check: ({value, onToggle}: CheckProps) => JSX.Element;
+export declare const Check: ({ value, onToggle }: CheckProps) => JSX.Element;
 export {};

package/src/components/atoms/checkbox/checkbox.component.d.ts

@@ -1,11 +1,7 @@
 declare type CheckboxProps = {
-  value: boolean;
-  onValueChange: () => void;
-  label: string;
+    value: boolean;
+    onValueChange: () => void;
+    label: string;
 };
-declare const Checkbox: ({
-  value,
-  onValueChange,
-  label,
-}: CheckboxProps) => JSX.Element;
-export {Checkbox as Checkbox};
+declare const Checkbox: ({ value, onValueChange, label }: CheckboxProps) => JSX.Element;
+export { Checkbox as Checkbox };

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

@@ -1,6 +1,6 @@
-import {ImageSourcePropType} from 'react-native';
-import {Initials} from '../../../models/initials.model';
-import {VisualState} from '../../../types/visual-state.enum';
+import { ImageSourcePropType } from 'react-native';
+import { Initials } from '../../../models/initials.model';
+import { VisualState } from '../../../types/visual-state.enum';
 declare type ChildListItemProps = {
     id: string;
     name: string;
@@ -14,17 +14,5 @@ declare type ChildListItemProps = {
     textTimeTracker: string;
     visualStateTimeTracker: VisualState;
 };
-declare const ChildListItem: ({
-  id,
-  name,
-  label,
-  selectable,
-  isSelected,
-  onPressArrow,
-  onPressText,
-  onSelect,
-  sourceAvatar,
-  textTimeTracker,
-  visualStateTimeTracker,
-}: ChildListItemProps) => JSX.Element;
-export {ChildListItem as ChildListItem};
+declare const ChildListItem: ({ id, name, label, selectable, isSelected, onPressArrow, onPressText, onSelect, sourceAvatar, textTimeTracker, visualStateTimeTracker, }: ChildListItemProps) => JSX.Element;
+export { ChildListItem as ChildListItem };

package/src/components/atoms/contact-item/contact-item.component.d.ts

@@ -1,15 +1,9 @@
 declare type ContactItemProps = {
-  name: string;
-  firstname: string;
-  label: string;
-  onPress?: () => void;
-  isBlocked?: boolean;
+    name: string;
+    firstname: string;
+    label: string;
+    onPress?: () => void;
+    isBlocked?: boolean;
 };
-declare const ContactItem: ({
-  name,
-  firstname,
-  label,
-  onPress,
-  isBlocked,
-}: ContactItemProps) => JSX.Element;
-export {ContactItem as ContactItem};
+declare const ContactItem: ({ name, firstname, label, onPress, isBlocked, }: ContactItemProps) => JSX.Element;
+export { ContactItem as ContactItem };

package/src/components/atoms/contact-role/contact-role.component.d.ts

@@ -1,9 +1,6 @@
 declare type ContactRoleProps = {
-  name: string;
-  role?: string;
+    name: string;
+    role?: string;
 };
-export declare const ContactRole: ({
-  name,
-  role,
-}: ContactRoleProps) => JSX.Element;
+export declare const ContactRole: ({ name, role }: ContactRoleProps) => JSX.Element;
 export {};

package/src/components/atoms/date-input/date-input.component.d.ts

@@ -1,10 +1,7 @@
-import {DateTime} from 'luxon';
+import { DateTime } from 'luxon';
 declare type DateInputProps = {
-  onPress: () => void;
-  value: DateTime;
+    onPress: () => void;
+    value: DateTime;
 };
-export declare const DateInput: ({
-  onPress,
-  value,
-}: DateInputProps) => JSX.Element;
+export declare const DateInput: ({ onPress, value }: DateInputProps) => JSX.Element;
 export {};

package/src/components/atoms/day-select/components/day/day.component.d.ts

@@ -1,8 +1,8 @@
-import {DateTime} from 'luxon';
+import { DateTime } from 'luxon';
 declare type DayProps = {
-  date: DateTime;
-  onSelect: (date: DateTime) => void;
-  isSelected?: boolean;
+    date: DateTime;
+    onSelect: (date: DateTime) => void;
+    isSelected?: boolean;
 };
-declare const Day: ({onSelect, date, isSelected}: DayProps) => JSX.Element;
-export {Day as Day};
+declare const Day: ({ onSelect, date, isSelected }: DayProps) => JSX.Element;
+export { Day as Day };

package/src/components/atoms/day-select/day-select.component.d.ts

@@ -1,12 +1,8 @@
-import {DateTime} from 'luxon';
+import { DateTime } from 'luxon';
 declare type DaySelectProps = {
-  onSelectDate: (date: DateTime) => void;
-  startDate: DateTime;
-  selectedDate: DateTime;
+    onSelectDate: (date: DateTime) => void;
+    startDate: DateTime;
+    selectedDate: DateTime;
 };
-declare const DaySelect: ({
-  onSelectDate,
-  selectedDate,
-  startDate,
-}: DaySelectProps) => JSX.Element;
-export {DaySelect as DaySelect};
+declare const DaySelect: ({ onSelectDate, selectedDate, startDate }: DaySelectProps) => JSX.Element;
+export { DaySelect as DaySelect };

package/src/components/atoms/default-select/default-select.component.d.ts

@@ -1,9 +1,6 @@
 declare type DefaultSelectProps = {
-  label: string;
-  onPress: () => void;
+    label: string;
+    onPress: () => void;
 };
-export declare const DefaultSelect: ({
-  label,
-  onPress,
-}: DefaultSelectProps) => JSX.Element;
+export declare const DefaultSelect: ({ label, onPress }: DefaultSelectProps) => JSX.Element;
 export {};

package/src/components/atoms/department_logo/department-logo.component.d.ts

@@ -1,7 +1,5 @@
 declare type DepartmentLogoProps = {
-  department: string;
+    department: string;
 };
-declare const DepartmentLogo: ({
-  department,
-}: DepartmentLogoProps) => JSX.Element;
-export {DepartmentLogo as DepartmentLogo};
+declare const DepartmentLogo: ({ department }: DepartmentLogoProps) => JSX.Element;
+export { DepartmentLogo as DepartmentLogo };

package/src/components/atoms/filter-range/filter-range.component.d.ts

@@ -1,17 +1,10 @@
 declare type FilterRangeProps = {
-  value: number | number[];
-  onChange: (value: number | number[]) => void;
-  minValue: number;
-  maxValue: number;
-  prefix?: string;
-  suffix?: string;
+    value: number | number[];
+    onChange: (value: number | number[]) => void;
+    minValue: number;
+    maxValue: number;
+    prefix?: string;
+    suffix?: string;
 };
-export declare const FilterRange: ({
-  value,
-  minValue,
-  maxValue,
-  onChange,
-  prefix,
-  suffix,
-}: FilterRangeProps) => JSX.Element;
+export declare const FilterRange: ({ value, minValue, maxValue, onChange, prefix, suffix, }: FilterRangeProps) => JSX.Element;
 export {};

package/src/components/atoms/filter-tab/filter-tab.component.d.ts

@@ -1,12 +1,9 @@
 declare type FilterTab = {
-  tabItem: {
-    value: string;
-    label: string;
-  }[];
-  filterValue: (value: string) => void;
+    tabItem: {
+        value: string;
+        label: string;
+    }[];
+    filterValue: (value: string) => void;
 };
-export declare const FilterTab: ({
-  tabItem,
-  filterValue,
-}: FilterTab) => JSX.Element;
+export declare const FilterTab: ({ tabItem, filterValue }: FilterTab) => JSX.Element;
 export {};

package/src/components/atoms/footer/footer.component.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 declare type FooterProps = {
-  child: React.ReactNode;
+    child: React.ReactNode;
 };
-declare const Footer: ({child}: FooterProps) => JSX.Element;
-export {Footer as Footer};
+declare const Footer: ({ child }: FooterProps) => JSX.Element;
+export { Footer as Footer };

package/src/components/atoms/image-bubble/image-bubble.component.d.ts

@@ -1,11 +1,8 @@
-import {ImageSourcePropType} from 'react-native';
-import {BubbleAlignment} from '../../../types/bubble-alignment.enum';
+import { ImageSourcePropType } from 'react-native';
+import { BubbleAlignment } from '../../../types/bubble-alignment.enum';
 declare type ImageBubbleProps = {
-  source: ImageSourcePropType;
-  bubbleAlignment: BubbleAlignment;
+    source: ImageSourcePropType;
+    bubbleAlignment: BubbleAlignment;
 };
-declare const ImageBubble: ({
-  source,
-  bubbleAlignment,
-}: ImageBubbleProps) => JSX.Element;
-export {ImageBubble as ImageBubble};
+declare const ImageBubble: ({ source, bubbleAlignment }: ImageBubbleProps) => JSX.Element;
+export { ImageBubble as ImageBubble };

package/src/components/atoms/increment-input/increment-input.component.d.ts

@@ -1,9 +1,6 @@
 declare type IncrementInputProps = {
-  value: number;
-  onPress: (number: number) => void;
+    value: number;
+    onPress: (number: number) => void;
 };
-export declare const IncrementInput: ({
-  value,
-  onPress,
-}: IncrementInputProps) => JSX.Element;
+export declare const IncrementInput: ({ value, onPress }: IncrementInputProps) => JSX.Element;
 export {};

package/src/components/atoms/info/info.component.d.ts

@@ -1,6 +1,6 @@
 declare type InfoProps = {
-  label: string;
-  description: string;
+    label: string;
+    description: string;
 };
-declare const Info: ({label, description}: InfoProps) => JSX.Element;
-export {Info as Info};
+declare const Info: ({ label, description }: InfoProps) => JSX.Element;
+export { Info as Info };

package/src/components/atoms/logo/logo.component.d.ts

@@ -1,6 +1,6 @@
 declare type logoProps = {
-  colorIsWhite?: boolean;
-  big?: boolean;
+    colorIsWhite?: boolean;
+    big?: boolean;
 };
-declare const Logo: ({colorIsWhite, big}: logoProps) => JSX.Element;
-export {Logo as Logo};
+declare const Logo: ({ colorIsWhite, big }: logoProps) => JSX.Element;
+export { Logo as Logo };

package/src/components/atoms/pill/pill.component.d.ts

@@ -1,7 +1,7 @@
-import {VisualState} from '../../../types/visual-state.enum';
+import { VisualState } from '../../../types/visual-state.enum';
 declare type PillProps = {
-  variant: VisualState;
-  label: string;
+    variant: VisualState;
+    label: string;
 };
-declare const Pill: ({variant, label}: PillProps) => JSX.Element;
-export {Pill as Pill};
+declare const Pill: ({ variant, label }: PillProps) => JSX.Element;
+export { Pill as Pill };

package/src/components/atoms/popover/components/backdrop/backdrop.component.d.ts

@@ -1,5 +1,5 @@
 declare type PopoverBackdropProps = {
-  isVisible: boolean;
+    isVisible: boolean;
 };
-declare const Backdrop: ({isVisible}: PopoverBackdropProps) => JSX.Element;
-export {Backdrop as Backdrop};
+declare const Backdrop: ({ isVisible }: PopoverBackdropProps) => JSX.Element;
+export { Backdrop as Backdrop };

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

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

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

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

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

@@ -1,6 +1,6 @@
 declare type ModalHeadingProps = {
-  title: string;
-  subtitle?: string;
+    title: string;
+    subtitle?: string;
 };
-declare const Heading: ({title, subtitle}: ModalHeadingProps) => JSX.Element;
-export {Heading as Heading};
+declare const Heading: ({ title, subtitle }: ModalHeadingProps) => JSX.Element;
+export { Heading as Heading };

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

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

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

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

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

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

package/src/components/atoms/pressable-icon/pressable-icon.component.d.ts

@@ -1,14 +1,9 @@
 import * as React from 'react';
 declare type PressableIconProps = {
-  icon: React.ReactElement;
-  inverted?: boolean;
-  disabled?: boolean;
-  onPress?: () => void;
+    icon: React.ReactElement;
+    inverted?: boolean;
+    disabled?: boolean;
+    onPress?: () => void;
 };
-export declare const PressableIcon: ({
-  icon,
-  inverted,
-  disabled,
-  onPress,
-}: PressableIconProps) => JSX.Element;
+export declare const PressableIcon: ({ icon, inverted, disabled, onPress, }: PressableIconProps) => JSX.Element;
 export {};

package/src/components/atoms/quick-filter/quick-filter.component.d.ts

@@ -1,16 +1,10 @@
-import {VisualState} from '../../../types/visual-state.enum';
+import { VisualState } from '../../../types/visual-state.enum';
 declare type QuickFilterProps = {
-  id: string;
-  amount: number;
-  isSelected?: boolean;
-  onSelect: (id: string) => void;
-  visualState: VisualState;
+    id: string;
+    amount: number;
+    isSelected?: boolean;
+    onSelect: (id: string) => void;
+    visualState: VisualState;
 };
-declare const QuickFilter: ({
-  id,
-  amount,
-  isSelected,
-  onSelect,
-  visualState,
-}: QuickFilterProps) => JSX.Element;
-export {QuickFilter as QuickFilter};
+declare const QuickFilter: ({ id, amount, isSelected, onSelect, visualState, }: QuickFilterProps) => JSX.Element;
+export { QuickFilter as QuickFilter };

package/src/components/atoms/search/search.component.d.ts

@@ -1,12 +1,8 @@
-import {KeyBoardTypes} from '../../../types/keyboard-types.enum';
+import { KeyBoardTypes } from '../../../types/keyboard-types.enum';
 declare type SearchProps = {
-  placeholder?: string;
-  onchangeText?: (text: string) => void;
-  keyboardType: KeyBoardTypes;
+    placeholder?: string;
+    onchangeText?: (text: string) => void;
+    keyboardType: KeyBoardTypes;
 };
-declare const Search: ({
-  placeholder,
-  onchangeText,
-  keyboardType,
-}: SearchProps) => JSX.Element;
-export {Search as Search};
+declare const Search: ({ placeholder, onchangeText, keyboardType }: SearchProps) => JSX.Element;
+export { Search as Search };

package/src/components/atoms/search/search.preview.d.ts

@@ -1 +1 @@
-export declare const SearchPreview: ({}: {}) => JSX.Element;
+export declare const SearchPreview: ({}?: {}) => JSX.Element;

package/src/components/atoms/select-link/select-link.component.d.ts

@@ -1,6 +1,6 @@
 declare type SelectLinkProps = {
-  label: string;
-  onPress: () => void;
+    label: string;
+    onPress: () => void;
 };
-declare const SelectLink: ({label, onPress}: SelectLinkProps) => JSX.Element;
-export {SelectLink as SelectLink};
+declare const SelectLink: ({ label, onPress }: SelectLinkProps) => JSX.Element;
+export { SelectLink as SelectLink };

package/src/components/atoms/select-list-item/select-list-item.component.d.ts

@@ -1,16 +1,10 @@
 import * as React from 'react';
 declare type SelectListProps = {
-  title: string;
-  subtitle?: string;
-  icon: React.ReactElement;
-  onPress?: () => void;
-  inverse?: boolean;
+    title: string;
+    subtitle?: string;
+    icon: React.ReactElement;
+    onPress?: () => void;
+    inverse?: boolean;
 };
-declare const SelectListItem: ({
-  title,
-  subtitle,
-  icon,
-  onPress,
-  inverse,
-}: SelectListProps) => JSX.Element;
-export {SelectListItem as SelectListItem};
+declare const SelectListItem: ({ title, subtitle, icon, onPress, inverse, }: SelectListProps) => JSX.Element;
+export { SelectListItem as SelectListItem };