@tactics/toddle-styleguide 1.2.7 → 1.2.8

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

@@ -1,9 +1,14 @@
-import { ToddleDateTime } from '../../../utilities/toddle-datetime/toddle-datetime.class';
+import {ToddleDateTime} from '../../../utilities/toddle-datetime/toddle-datetime.class';
 type CalendarProps = {
-    onDayPress: (day: ToddleDateTime) => void;
-    selected: ToddleDateTime;
-    minDate?: string;
-    maxDate?: string;
+  onDayPress: (day: ToddleDateTime) => void;
+  selected: ToddleDateTime;
+  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/check-switch/check-switch.component.d.ts

@@ -1,6 +1,6 @@
 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/footer/footer.component.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { ViewStyle } from 'react-native';
-import { AnimateStyle } from 'react-native-reanimated';
+import {ViewStyle} from 'react-native';
+import {AnimateStyle} from 'react-native-reanimated';
 type FooterProps = {
-    children: React.ReactNode;
-    animatedStyle?: AnimateStyle<ViewStyle>;
+  children: React.ReactNode;
+  animatedStyle?: AnimateStyle<ViewStyle>;
 };
-declare const Footer: ({ children, animatedStyle }: FooterProps) => JSX.Element;
-export { Footer as Footer };
+declare const Footer: ({children, animatedStyle}: FooterProps) => JSX.Element;
+export {Footer as Footer};

package/src/components/atoms/heading-components/all-caps-heading/all-caps-heading.component.d.ts

@@ -1,2 +1,10 @@
-import { TextProperties } from '../../../../types/text-properties.type';
-export declare const AllCapsHeading: ({ bold, children, textColor, textAlign, numberOfLines, ellipsizeMode, addStyle, }: TextProperties) => JSX.Element;
+import {TextProperties} from '../../../../types/text-properties.type';
+export declare const AllCapsHeading: ({
+  bold,
+  children,
+  textColor,
+  textAlign,
+  numberOfLines,
+  ellipsizeMode,
+  addStyle,
+}: TextProperties) => JSX.Element;

package/src/components/atoms/heading-components/heading1/heading1.component.d.ts

@@ -1,2 +1,10 @@
-import { TextProperties } from '../../../../types/text-properties.type';
-export declare const Heading1: ({ bold, children, textColor, textAlign, addStyle, ellipsizeMode, numberOfLines, }: TextProperties) => JSX.Element;
+import {TextProperties} from '../../../../types/text-properties.type';
+export declare const Heading1: ({
+  bold,
+  children,
+  textColor,
+  textAlign,
+  addStyle,
+  ellipsizeMode,
+  numberOfLines,
+}: TextProperties) => JSX.Element;

package/src/components/atoms/heading-components/heading2/heading2.component.d.ts

@@ -1,2 +1,10 @@
-import { TextProperties } from '../../../../types/text-properties.type';
-export declare const Heading2: ({ bold, children, textColor, textAlign, numberOfLines, ellipsizeMode, addStyle, }: TextProperties) => JSX.Element;
+import {TextProperties} from '../../../../types/text-properties.type';
+export declare const Heading2: ({
+  bold,
+  children,
+  textColor,
+  textAlign,
+  numberOfLines,
+  ellipsizeMode,
+  addStyle,
+}: TextProperties) => JSX.Element;

package/src/components/atoms/heading-components/heading3/heading3.component.d.ts

@@ -1,2 +1,10 @@
-import { TextProperties } from '../../../../types/text-properties.type';
-export declare const Heading3: ({ bold, children, textColor, textAlign, addStyle, numberOfLines, ellipsizeMode, }: TextProperties) => JSX.Element;
+import {TextProperties} from '../../../../types/text-properties.type';
+export declare const Heading3: ({
+  bold,
+  children,
+  textColor,
+  textAlign,
+  addStyle,
+  numberOfLines,
+  ellipsizeMode,
+}: TextProperties) => JSX.Element;

package/src/components/atoms/heading-components/heading4/heading4.component.d.ts

@@ -1,2 +1,10 @@
-import { TextProperties } from '../../../../types/text-properties.type';
-export declare const Heading4: ({ bold, children, textColor, textAlign, addStyle, numberOfLines, ellipsizeMode, }: TextProperties) => JSX.Element;
+import {TextProperties} from '../../../../types/text-properties.type';
+export declare const Heading4: ({
+  bold,
+  children,
+  textColor,
+  textAlign,
+  addStyle,
+  numberOfLines,
+  ellipsizeMode,
+}: TextProperties) => JSX.Element;

package/src/components/atoms/heading-components/index.d.ts

@@ -1,6 +1,6 @@
-import { Heading1 } from './heading1/heading1.component';
-import { Heading2 } from './heading2/heading2.component';
-import { Heading3 } from './heading3/heading3.component';
-import { Heading4 } from './heading4/heading4.component';
-import { AllCapsHeading } from './all-caps-heading/all-caps-heading.component';
-export { AllCapsHeading, Heading1, Heading2, Heading3, Heading4 };
+import {Heading1} from './heading1/heading1.component';
+import {Heading2} from './heading2/heading2.component';
+import {Heading3} from './heading3/heading3.component';
+import {Heading4} from './heading4/heading4.component';
+import {AllCapsHeading} from './all-caps-heading/all-caps-heading.component';
+export {AllCapsHeading, Heading1, Heading2, Heading3, Heading4};

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

@@ -1,8 +1,11 @@
-import { ImageSourcePropType } from 'react-native';
-import { BubbleAlignment } from '../../../types/bubble-alignment.enum';
+import {ImageSourcePropType} from 'react-native';
+import {BubbleAlignment} from '../../../types/bubble-alignment.enum';
 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,7 +1,11 @@
 type IncrementInputProps = {
-    value: number;
-    maxValue?: number;
-    onPress: (number: number) => void;
+  value: number;
+  maxValue?: number;
+  onPress: (number: number) => void;
 };
-export declare const IncrementInput: ({ value, onPress, maxValue, }: IncrementInputProps) => JSX.Element;
+export declare const IncrementInput: ({
+  value,
+  onPress,
+  maxValue,
+}: IncrementInputProps) => JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 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/paragraph-components/index.d.ts

@@ -1,4 +1,4 @@
-import { Paragraph } from './paragraph/paragraph.component';
-import { SmallText } from './small-text/small-text.component';
-import { TinyText } from './tiny-text/tiny-text.component';
-export { Paragraph, SmallText, TinyText };
+import {Paragraph} from './paragraph/paragraph.component';
+import {SmallText} from './small-text/small-text.component';
+import {TinyText} from './tiny-text/tiny-text.component';
+export {Paragraph, SmallText, TinyText};

package/src/components/atoms/paragraph-components/paragraph/paragraph.component.d.ts

@@ -1,2 +1,10 @@
-import { TextProperties } from '../../../../types/text-properties.type';
-export declare const Paragraph: ({ bold, children, textColor, textAlign, addStyle, numberOfLines, ellipsizeMode, }: TextProperties) => JSX.Element;
+import {TextProperties} from '../../../../types/text-properties.type';
+export declare const Paragraph: ({
+  bold,
+  children,
+  textColor,
+  textAlign,
+  addStyle,
+  numberOfLines,
+  ellipsizeMode,
+}: TextProperties) => JSX.Element;

package/src/components/atoms/paragraph-components/small-text/small-text.component.d.ts

@@ -1,2 +1,10 @@
-import { TextProperties } from '../../../../types/text-properties.type';
-export declare const SmallText: ({ bold, textColor, textAlign, children, addStyle, ellipsizeMode, numberOfLines, }: TextProperties) => JSX.Element;
+import {TextProperties} from '../../../../types/text-properties.type';
+export declare const SmallText: ({
+  bold,
+  textColor,
+  textAlign,
+  children,
+  addStyle,
+  ellipsizeMode,
+  numberOfLines,
+}: TextProperties) => JSX.Element;

package/src/components/atoms/paragraph-components/tiny-text/tiny-text.component.d.ts

@@ -1,2 +1,10 @@
-import { TextProperties } from '../../../../types/text-properties.type';
-export declare const TinyText: ({ bold, children, textColor, textAlign, addStyle, numberOfLines, ellipsizeMode, }: TextProperties) => JSX.Element;
+import {TextProperties} from '../../../../types/text-properties.type';
+export declare const TinyText: ({
+  bold,
+  children,
+  textColor,
+  textAlign,
+  addStyle,
+  numberOfLines,
+  ellipsizeMode,
+}: TextProperties) => JSX.Element;

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

@@ -1,7 +1,11 @@
-import { PressableProps } from 'react-native';
+import {PressableProps} from 'react-native';
 interface QuickMessageProps extends PressableProps {
-    message: string;
-    setMessage: (value: string) => void;
+  message: string;
+  setMessage: (value: string) => void;
 }
-export declare const QuickMessage: ({ message, setMessage, ...props }: QuickMessageProps) => JSX.Element;
+export declare const QuickMessage: ({
+  message,
+  setMessage,
+  ...props
+}: QuickMessageProps) => JSX.Element;
 export {};

package/src/components/atoms/quick-message/quick-message.styles.d.ts

@@ -1,14 +1,14 @@
 export function Stylesheet(context: any): {
-    container: {
-        width: string;
-        backgroundColor: any;
-        paddingTop: number;
-        paddingBottom: number;
-        paddingRight: number;
-        paddingLeft: number;
-        borderBottomLeftRadius: number;
-        borderTopLeftRadius: number;
-        borderTopRightRadius: number;
-        borderBottomRightRadius: number;
-    };
+  container: {
+    width: string;
+    backgroundColor: any;
+    paddingTop: number;
+    paddingBottom: number;
+    paddingRight: number;
+    paddingLeft: number;
+    borderBottomLeftRadius: number;
+    borderTopLeftRadius: number;
+    borderTopRightRadius: number;
+    borderBottomRightRadius: number;
+  };
 };

package/src/components/atoms/split-container/split-container.component.d.ts

@@ -1,7 +1,10 @@
 import * as React from 'react';
 type splitContainerProps = {
-    element1: React.ReactNode;
-    element2?: React.ReactNode;
+  element1: React.ReactNode;
+  element2?: React.ReactNode;
 };
-declare const SplitContainer: ({ element1, element2 }: splitContainerProps) => JSX.Element;
-export { SplitContainer as SplitContainer };
+declare const SplitContainer: ({
+  element1,
+  element2,
+}: splitContainerProps) => JSX.Element;
+export {SplitContainer as SplitContainer};

package/src/components/atoms/static-wave/static-wave.component.d.ts

@@ -1,8 +1,13 @@
-import { ViewStyle } from 'react-native';
+import {ViewStyle} from 'react-native';
 export type WaveProps = {
-    customStyle?: ViewStyle;
-    customWavePath?: string;
-    heightSvgContainer?: number;
-    positionTop?: number;
+  customStyle?: ViewStyle;
+  customWavePath?: string;
+  heightSvgContainer?: number;
+  positionTop?: number;
 };
-export declare const StaticWave: ({ customStyle, customWavePath, heightSvgContainer, positionTop, }: WaveProps) => JSX.Element;
+export declare const StaticWave: ({
+  customStyle,
+  customWavePath,
+  heightSvgContainer,
+  positionTop,
+}: WaveProps) => JSX.Element;

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

@@ -1,8 +1,12 @@
-import { TextInputProps as NativeTextInputProps } from 'react-native';
-import { KeyBoardTypes } from '../../../types/keyboard-types.enum';
+import {TextInputProps as NativeTextInputProps} from 'react-native';
+import {KeyBoardTypes} from '../../../types/keyboard-types.enum';
 interface TextInputProps extends NativeTextInputProps {
-    keyboardType: KeyBoardTypes;
-    border?: boolean;
+  keyboardType: KeyBoardTypes;
+  border?: boolean;
 }
-declare const TextInput: ({ keyboardType, border, ...props }: TextInputProps) => JSX.Element;
-export { TextInput as TextInput };
+declare const TextInput: ({
+  keyboardType,
+  border,
+  ...props
+}: TextInputProps) => JSX.Element;
+export {TextInput as TextInput};

package/src/components/atoms/text-input/text-input.preview.d.ts

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

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

@@ -1,13 +1,20 @@
-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';
 type AvatarProps = {
-    source: ImageSourcePropType | Initials;
-    size: Size;
-    isBlocked?: boolean;
-    isActive?: boolean;
-    isLoading?: boolean;
-    hasShadow?: boolean;
+  source: ImageSourcePropType | Initials;
+  size: Size;
+  isBlocked?: boolean;
+  isActive?: boolean;
+  isLoading?: boolean;
+  hasShadow?: boolean;
 };
-declare const Avatar: ({ source, size, isBlocked, isActive, isLoading, hasShadow, }: AvatarProps) => JSX.Element;
-export { Avatar as Avatar };
+declare const Avatar: ({
+  source,
+  size,
+  isBlocked,
+  isActive,
+  isLoading,
+  hasShadow,
+}: AvatarProps) => JSX.Element;
+export {Avatar as Avatar};

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

@@ -1,5 +1,7 @@
 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/molecules/button/button.component.d.ts

@@ -1,14 +1,23 @@
-import { PressableProps } from 'react-native';
-import { IconNameType, IconStyleType } from '../../../types/icontype.type';
+import {PressableProps} from 'react-native';
+import {IconNameType, IconStyleType} from '../../../types/icontype.type';
 type ButtonType = 'regular' | 'error' | 'success' | 'light';
 interface ButtonProps extends PressableProps {
-    label: string;
-    icon?: boolean;
-    iconStyle?: IconStyleType;
-    iconName?: IconNameType;
-    iconSize?: number;
-    disabled?: boolean;
-    type?: ButtonType;
+  label: string;
+  icon?: boolean;
+  iconStyle?: IconStyleType;
+  iconName?: IconNameType;
+  iconSize?: number;
+  disabled?: boolean;
+  type?: ButtonType;
 }
-declare const Button: ({ label, icon, iconStyle, iconName, iconSize, disabled, type, ...props }: ButtonProps) => JSX.Element;
-export { Button as Button };
+declare const Button: ({
+  label,
+  icon,
+  iconStyle,
+  iconName,
+  iconSize,
+  disabled,
+  type,
+  ...props
+}: ButtonProps) => JSX.Element;
+export {Button as Button};

package/src/components/molecules/button/button.styles.d.ts

@@ -1,14 +1,18 @@
-export function Stylesheet(context: any, disabled: any, buttonColor: any): {
-    container: {
-        backgroundColor: any;
-        paddingVertical: number;
-        paddingHorizontal: number;
-        flexDirection: "row";
-        justifyContent: "center";
-        alignItems: "center";
-        borderRadius: number;
-    };
-    iconGap: {
-        marginRight: number;
-    };
+export function Stylesheet(
+  context: any,
+  disabled: any,
+  buttonColor: any
+): {
+  container: {
+    backgroundColor: any;
+    paddingVertical: number;
+    paddingHorizontal: number;
+    flexDirection: 'row';
+    justifyContent: 'center';
+    alignItems: 'center';
+    borderRadius: number;
+  };
+  iconGap: {
+    marginRight: number;
+  };
 };

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

@@ -1,9 +1,14 @@
-import { ToddleDateTime } from '../../../utilities/toddle-datetime/toddle-datetime.class';
+import {ToddleDateTime} from '../../../utilities/toddle-datetime/toddle-datetime.class';
 type CalendarSelectProps = {
-    onPressDate: (date: ToddleDateTime) => void;
-    startDate: ToddleDateTime;
-    pressChevronRight: (date: ToddleDateTime) => void;
-    pressChevronLeft: (date: ToddleDateTime) => void;
+  onPressDate: (date: ToddleDateTime) => void;
+  startDate: ToddleDateTime;
+  pressChevronRight: (date: ToddleDateTime) => void;
+  pressChevronLeft: (date: ToddleDateTime) => void;
 };
-declare const CalendarSelect: ({ onPressDate, startDate, pressChevronLeft, pressChevronRight, }: CalendarSelectProps) => JSX.Element;
-export { CalendarSelect as CalendarSelect };
+declare const CalendarSelect: ({
+  onPressDate,
+  startDate,
+  pressChevronLeft,
+  pressChevronRight,
+}: CalendarSelectProps) => JSX.Element;
+export {CalendarSelect as CalendarSelect};

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

@@ -1,6 +1,6 @@
 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/molecules/checkbox/checkbox.component.d.ts

@@ -1,7 +1,11 @@
 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/molecules/contact-role/contact-role.component.d.ts

@@ -1,6 +1,9 @@
 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/molecules/date-input/date-input.component.d.ts

@@ -1,7 +1,10 @@
-import { ToddleDateTime } from '../../../utilities/toddle-datetime/toddle-datetime.class';
+import {ToddleDateTime} from '../../../utilities/toddle-datetime/toddle-datetime.class';
 type DateInputProps = {
-    onPress: () => void;
-    value: ToddleDateTime;
+  onPress: () => void;
+  value: ToddleDateTime;
 };
-export declare const DateInput: ({ onPress, value }: DateInputProps) => JSX.Element;
+export declare const DateInput: ({
+  onPress,
+  value,
+}: DateInputProps) => JSX.Element;
 export {};

package/src/components/molecules/day/day.component.d.ts

@@ -1,8 +1,8 @@
-import { ToddleDateTime } from '../../../utilities/toddle-datetime/toddle-datetime.class';
+import {ToddleDateTime} from '../../../utilities/toddle-datetime/toddle-datetime.class';
 type DayProps = {
-    date: ToddleDateTime;
-    onSelect: (date: ToddleDateTime) => void;
-    isSelected?: boolean;
+  date: ToddleDateTime;
+  onSelect: (date: ToddleDateTime) => 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/molecules/default-select/default-select.component.d.ts

@@ -1,6 +1,9 @@
 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/molecules/department_logo/department-logo.component.d.ts

@@ -1,5 +1,7 @@
 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/molecules/failed-to-send/failed-bubble.component.d.ts

@@ -1,8 +1,13 @@
 type FailedBubbleProps = {
-    id: string;
-    text: string;
-    onPressRefresh: (id: string) => void;
-    onPressDelete: (id: string) => void;
+  id: string;
+  text: string;
+  onPressRefresh: (id: string) => void;
+  onPressDelete: (id: string) => void;
 };
-declare const FailedTextBubble: ({ id, text, onPressRefresh, onPressDelete, }: FailedBubbleProps) => JSX.Element;
-export { FailedTextBubble };
+declare const FailedTextBubble: ({
+  id,
+  text,
+  onPressRefresh,
+  onPressDelete,
+}: FailedBubbleProps) => JSX.Element;
+export {FailedTextBubble};

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

@@ -1,10 +1,17 @@
 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 {};