@tactics/toddle-styleguide 2.0.4 → 3.0.1

package/App.tsx

@@ -42,7 +42,6 @@ import {ChildListItemPreview} from './src/components/organisms/child-list-item/c
 import {TimeLinePreview} from './src/components/molecules/timeline/timeline.preview';
 import {SelectPickerPreview} from './src/components/molecules/select-picker/select-picker.preview';
 import {FilterRangePreview} from './src/components/molecules/filter-range/filter-range.preview';
-import {DaySelectPreview} from './src/components/organisms/day-select/day-select.preview';
 import {IncrementInputPreview} from './src/components/atoms/increment-input/increment-input.preview';
 import {SwipePreview} from './src/components/molecules/swipe/swipe.preview';
 import {LogoPreview} from './src/components/atoms/logo/logo.preview';
@@ -68,9 +67,7 @@ import {ToddleDateTimePreview} from './src/utilities/toddle-datetime/toddle-date
 import {BackgroundGradientPreview} from './src/components/atoms/background-gradient/background-gradient.preview';
 import {PersonInfoCardPreview} from './src/components/organisms/person-info-card/person-info-card.preview';
 import {TimePickerPreview} from './src/components/molecules/time-picker/time-picker.preview';
-import {PopOverActionPreview} from './src/components/templates/popover-action/popover-action.preview';
 import {QuickMessagePreview} from './src/components/atoms/quick-message/quick-message.preview';
-import {TabViewPreview} from './src/components/organisms/tab-view/tab-view.preview';
 import {LinePreview} from './src/components/atoms/line/line.preview';
 import {JournalEntryPreview} from './src/components/organisms/journal-entry/journal-entry.preview';
 import { ContextLabelPreview } from './src/components/molecules/context-label/context-label.preview';
@@ -384,9 +381,6 @@ function App() {
           <Stack.Screen name="date-input">
             {() => <DateInputPreview />}
           </Stack.Screen>
-          <Stack.Screen name="day-select">
-            {() => <DaySelectPreview />}
-          </Stack.Screen>
           <Stack.Screen name="default-select">
             {() => <DefaultSelectPreview />}
           </Stack.Screen>
@@ -458,9 +452,6 @@ function App() {
           <Stack.Screen name="popover" options={{headerShown: false}}>
             {() => <PopoverPreview />}
           </Stack.Screen>
-          <Stack.Screen name="popover-action" options={{headerShown: false}}>
-            {() => <PopOverActionPreview />}
-          </Stack.Screen>
           <Stack.Screen name="pressable-icon">
             {() => <PressableIconPreview />}
           </Stack.Screen>
@@ -487,9 +478,6 @@ function App() {
             {() => <SplitContainerPreview />}
           </Stack.Screen>
           <Stack.Screen name="swiper">{() => <SwipePreview />}</Stack.Screen>
-          <Stack.Screen name="tab-view">
-            {() => <TabViewPreview />}
-          </Stack.Screen>
           <Stack.Screen name="tag">{() => <TagPreview />}</Stack.Screen>
           <Stack.Screen name="textBubble">
             {() => <TextBubblePreview />}

package/app.json

@@ -27,6 +27,7 @@
       }
     },
     "web": {
+      "bundler": "metro",
       "favicon": "./assets/favicon.png"
     }
   }

package/babel.config.js

@@ -1,7 +1,20 @@
 module.exports = function (api) {
   api.cache(true);
+  const disableImportExportTransform = true;
   return {
-    presets: ['babel-preset-expo'],
+    presets: [
+      [
+        'babel-preset-expo',
+        {
+          native: {
+            disableImportExportTransform,
+          },
+          web: {
+            disableImportExportTransform,
+          },
+        },
+      ],
+    ],
     plugins: ['react-native-reanimated/plugin'],
   };
 };

package/index.d.ts

@@ -25,9 +25,7 @@ import { WideButton } from './src/components/molecules/wide-button/wide-button.c
 import { Icon } from './src/icons';
 import { Calendar } from './src/components/atoms/calendar/calendar.component';
 import { IncrementInput } from './src/components/atoms/increment-input/increment-input.component';
-import { Swipe } from './src/components/molecules/swipe/swipe.component';
 import { Logo } from './src/components/atoms/logo/logo.component';
-import { DaySelect } from './src/components/organisms/day-select/day-select.component';
 import { Search } from './src/components/molecules/search-input/search.component';
 import { BlockedMessage } from './src/components/molecules/blocked-message/blocked-message.component';
 import { DepartmentLogo } from './src/components/molecules/department_logo/department-logo.component';
@@ -53,9 +51,7 @@ import { WaveBackground } from './src/components/molecules/wave-background/wave.
 import { BackgroundGradient } from './src/components/atoms/background-gradient/background-gradient.component';
 import { PersonInfoCard } from './src/components/organisms/person-info-card/person-info-card.component';
 import { TimePicker } from './src/components/molecules/time-picker/time-picker.component';
-import { PopOverAction } from './src/components/templates/popover-action/popover-action.component';
 import { QuickMessage } from './src/components/atoms/quick-message/quick-message.component';
-import { TabView } from './src/components/organisms/tab-view/tab-view.component';
 import { Line } from './src/components/atoms/line/line.component';
 import { JournalEntry } from './src/components/organisms/journal-entry/journal-entry.component';
 import { TimetableEdit } from './src/components/organisms/timetable-edit/timetable-edit.component';
@@ -78,4 +74,4 @@ import { ToddleDateTime } from './src/utilities/toddle-datetime/toddle-datetime.
 import { ThemeCtx } from './src/context/theme.context';
 import { Scale } from './src/theme/scale/index';
 import CreateResponsiveStyle from './src/theme/responsive/index';
-export { AllCapsHeading, Avatar, BackgroundGradient, BlockedMessage, Button, Calendar, CalendarSelect, CancelLink, Check, Checkbox, ChildListItem, ContactItem, ContactRole, DateInput, DaySelect, DefaultSelect, DepartmentLogo, FilterRange, FilterTab, Footer, Heading1, Heading2, Heading3, Heading4, Icon, ImageBubble, IncrementInput, Info, JournalEntry, LanguageButton, Line, LoadingIndicator, Logo, MessageInput, Modal, MoreInfoButton, MyChildListItem, Paragraph, PasswordInput, PersonInfoCard, Pill, Popover, PopOverAction, PressableIcon, QuickFilter, QuickMessage, Search, SelectLink, SelectListItem, SelectPicker, SmallText, Snackbar, SplitContainer, Swipe, TabView, Tag, TextBubble, TextInput, TimeLine, TimePicker, TimeTracker, TinyText, WaveBackground, WideButton, BubbleAlignment, Initials, KeyBoardTypes, Size, ThemeCtx, ToddleDateTime, VisualState, CreateResponsiveStyle, Scale, TimetableEdit, ContextLabel, Count, Amount, TimetableEditor, TimetableEditorStaff, TimeSlotRecord, TimeSlotSequence, InlineError, InlineNotice, SelectableListItem };
+export { AllCapsHeading, Avatar, BackgroundGradient, BlockedMessage, Button, Calendar, CalendarSelect, CancelLink, Check, Checkbox, ChildListItem, ContactItem, ContactRole, DateInput, DefaultSelect, DepartmentLogo, FilterRange, FilterTab, Footer, Heading1, Heading2, Heading3, Heading4, Icon, ImageBubble, IncrementInput, Info, JournalEntry, LanguageButton, Line, LoadingIndicator, Logo, MessageInput, Modal, MoreInfoButton, MyChildListItem, Paragraph, PasswordInput, PersonInfoCard, Pill, Popover, PressableIcon, QuickFilter, QuickMessage, Search, SelectLink, SelectListItem, SelectPicker, SmallText, Snackbar, SplitContainer, Tag, TextBubble, TextInput, TimeLine, TimePicker, TimeTracker, TinyText, WaveBackground, WideButton, BubbleAlignment, Initials, KeyBoardTypes, Size, ThemeCtx, ToddleDateTime, VisualState, CreateResponsiveStyle, Scale, TimetableEdit, ContextLabel, Count, Amount, TimetableEditor, TimetableEditorStaff, TimeSlotRecord, TimeSlotSequence, InlineError, InlineNotice, SelectableListItem };

package/index.tsx

@@ -33,9 +33,7 @@ import {WideButton} from './src/components/molecules/wide-button/wide-button.com
 import {Icon} from './src/icons';
 import {Calendar} from './src/components/atoms/calendar/calendar.component';
 import {IncrementInput} from './src/components/atoms/increment-input/increment-input.component';
-import {Swipe} from './src/components/molecules/swipe/swipe.component';
 import {Logo} from './src/components/atoms/logo/logo.component';
-import {DaySelect} from './src/components/organisms/day-select/day-select.component';
 import {Search} from './src/components/molecules/search-input/search.component';
 import {BlockedMessage} from './src/components/molecules/blocked-message/blocked-message.component';
 import {DepartmentLogo} from './src/components/molecules/department_logo/department-logo.component';
@@ -71,9 +69,7 @@ import {WaveBackground} from './src/components/molecules/wave-background/wave.co
 import {BackgroundGradient} from './src/components/atoms/background-gradient/background-gradient.component';
 import {PersonInfoCard} from './src/components/organisms/person-info-card/person-info-card.component';
 import {TimePicker} from './src/components/molecules/time-picker/time-picker.component';
-import {PopOverAction} from './src/components/templates/popover-action/popover-action.component';
 import {QuickMessage} from './src/components/atoms/quick-message/quick-message.component';
-import {TabView} from './src/components/organisms/tab-view/tab-view.component';
 import {Line} from './src/components/atoms/line/line.component';
 import {JournalEntry} from './src/components/organisms/journal-entry/journal-entry.component';
 import {TimetableEdit} from './src/components/organisms/timetable-edit/timetable-edit.component';
@@ -124,7 +120,6 @@ export {
   ContactItem,
   ContactRole,
   DateInput,
-  DaySelect,
   DefaultSelect,
   DepartmentLogo,
   FilterRange,
@@ -152,7 +147,6 @@ export {
   PersonInfoCard,
   Pill,
   Popover,
-  PopOverAction,
   PressableIcon,
   QuickFilter,
   QuickMessage,
@@ -163,8 +157,6 @@ export {
   SmallText,
   Snackbar,
   SplitContainer,
-  Swipe,
-  TabView,
   Tag,
   TextBubble,
   TextInput,

package/metro.config.js

@@ -0,0 +1,11 @@
+const { getDefaultConfig } = require('expo/metro-config');
+
+const config = getDefaultConfig(__dirname);
+
+config.transformer.getTransformOptions = async () => ({
+    transform: {
+      experimentalImportSupport: true,
+    },
+  });
+
+module.exports = config;

package/package.json

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

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

@@ -1,10 +1,7 @@
 import * as React from 'react';
 type PopoverBackdropProps = {
-  isVisible: boolean;
-  touchBackDrop?: (value: boolean) => void;
+    isVisible: boolean;
+    touchBackDrop?: (value: boolean) => void;
 };
-declare const Backdrop: ({
-  isVisible,
-  touchBackDrop,
-}: PopoverBackdropProps) => React.JSX.Element;
-export {Backdrop as Backdrop};
+declare const Backdrop: ({ isVisible, touchBackDrop }: PopoverBackdropProps) => React.JSX.Element;
+export { Backdrop as Backdrop };

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

@@ -1,15 +1,10 @@
 import React from 'react';
-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) => React.JSX.Element;
+export declare const Calendar: ({ onDayPress, selected, minDate, maxDate, }: CalendarProps) => React.JSX.Element;
 export {};

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

@@ -1,10 +1,7 @@
 import * as React from 'react';
 type CheckProps = {
-  value: boolean;
-  onToggle: () => void;
+    value: boolean;
+    onToggle: () => void;
 };
-export declare const Check: ({
-  value,
-  onToggle,
-}: CheckProps) => React.JSX.Element;
+export declare const Check: ({ value, onToggle }: CheckProps) => React.JSX.Element;
 export {};

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

@@ -1,10 +1,7 @@
 import React from 'react';
 interface CountProps {
-  count: number;
-  disabled?: boolean;
+    count: number;
+    disabled?: boolean;
 }
-export declare const Count: ({
-  count,
-  disabled,
-}: CountProps) => React.JSX.Element;
+export declare const Count: ({ count, disabled }: CountProps) => React.JSX.Element;
 export {};

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

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

package/src/components/atoms/footer/footer.component.tsx

@@ -1,29 +1,27 @@
 import React from 'react';
 import {useContext} from 'react';
-import {ViewStyle} from 'react-native';
+import {View} from 'react-native';
 
 import {ThemeCtx} from '../../../context/theme.context';
 import {Stylesheet} from './footer.styles';
-import Animated, {AnimateStyle} from 'react-native-reanimated';
 import {useSafeAreaInsets} from 'react-native-safe-area-context';
 
 type FooterProps = {
   children: React.ReactNode;
-  animatedStyle?: AnimateStyle<ViewStyle>;
 };
 
-const Footer = ({children, animatedStyle}: FooterProps) => {
+const Footer = ({children}: FooterProps) => {
   const context = useContext(ThemeCtx);
   const insets = useSafeAreaInsets();
   const styles = Stylesheet(context, insets);
 
   return (
-    <Animated.View
-      style={[styles.container, animatedStyle]}
+    <View
+      style={styles.container}
       testID="footer-container"
     >
       {children}
-    </Animated.View>
+    </View>
   );
 };
 

package/src/components/atoms/footer/footer.preview.tsx

@@ -1,8 +1,5 @@
 import React from 'react';
 import {Footer} from './footer.component';
-import {SplitContainer} from '../split-container/split-container.component';
-import {SelectLink} from '../../molecules/select-link/select-link.component';
-import {Button} from '../../molecules/button/button.component';
 import {Icon} from '../../../icons/index';
 import {Pressable, View} from 'react-native';
 
@@ -10,20 +7,6 @@ export const FooterPreview = ({}: {}) => {
   return (
     <View style={{flex: 1, justifyContent: 'flex-end'}}>
       <Footer>
-        {/*<SplitContainer*/}
-        {/*  element1={*/}
-        {/*    <SelectLink*/}
-        {/*      label={'Selecteer alle'}*/}
-        {/*      onPress={() => console.log('selecteer alle')}*/}
-        {/*    />*/}
-        {/*  }*/}
-        {/*  element2={*/}
-        {/*    <Button*/}
-        {/*      label="Kies actie"*/}
-        {/*      onPress={() => console.log('element 2 pressed')}*/}
-        {/*    />*/}
-        {/*  }*/}
-        {/*/>*/}
         <Pressable
           style={{
             width: 42,

package/src/components/atoms/footer/footer.styles.js

@@ -1,4 +1,4 @@
-import {StyleSheet} from 'react-native';
+import {Platform, StyleSheet} from 'react-native';
 import {Scale} from '../../../theme/scale/index';
 
 export const Stylesheet = (context, insets) =>
@@ -6,7 +6,7 @@ export const Stylesheet = (context, insets) =>
     container: {
       flexDirection: 'row',
       alignItems: 'center',
-      justifyContent: 'center',
+      justifyContent: Platform.OS === 'web' ? 'space-around' : 'center',
       backgroundColor: context.colors.ui.xlightgrey,
       borderTopColor: context.colors.ui.lightgrey,
       borderStyle: 'solid',

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

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

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

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

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

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

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

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

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

@@ -1,11 +1,3 @@
 import React from 'react';
-import {TextProperties} from '../../../../types/text-properties.type';
-export declare const Heading4: ({
-  bold,
-  children,
-  textColor,
-  textAlign,
-  addStyle,
-  numberOfLines,
-  ellipsizeMode,
-}: TextProperties) => React.JSX.Element;
+import { TextProperties } from '../../../../types/text-properties.type';
+export declare const Heading4: ({ bold, children, textColor, textAlign, addStyle, numberOfLines, ellipsizeMode, }: TextProperties) => React.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,12 +1,9 @@
 import * as React from 'react';
-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) => React.JSX.Element;
-export {ImageBubble as ImageBubble};
+declare const ImageBubble: ({ source, bubbleAlignment }: ImageBubbleProps) => React.JSX.Element;
+export { ImageBubble as ImageBubble };

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

@@ -1,12 +1,8 @@
 import React from 'react';
 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) => React.JSX.Element;
+export declare const IncrementInput: ({ value, onPress, maxValue, }: IncrementInputProps) => React.JSX.Element;
 export {};

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

@@ -1,13 +1,9 @@
 import * as React from 'react';
 type Orientation = 'horizontal' | 'vertical';
 interface LineProps {
-  color?: string;
-  thickness?: number;
-  orientation?: Orientation;
+    color?: string;
+    thickness?: number;
+    orientation?: Orientation;
 }
-export declare const Line: ({
-  color,
-  thickness,
-  orientation,
-}: LineProps) => React.JSX.Element;
+export declare const Line: ({ color, thickness, orientation, }: LineProps) => React.JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import React from 'react';
 type logoProps = {
-  colorIsWhite?: boolean;
-  big?: boolean;
+    colorIsWhite?: boolean;
+    big?: boolean;
 };
-declare const Logo: ({colorIsWhite, big}: logoProps) => React.JSX.Element;
-export {Logo as Logo};
+declare const Logo: ({ colorIsWhite, big }: logoProps) => React.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,11 +1,3 @@
 import React from 'react';
-import {TextProperties} from '../../../../types/text-properties.type';
-export declare const Paragraph: ({
-  bold,
-  children,
-  textColor,
-  textAlign,
-  addStyle,
-  numberOfLines,
-  ellipsizeMode,
-}: TextProperties) => React.JSX.Element;
+import { TextProperties } from '../../../../types/text-properties.type';
+export declare const Paragraph: ({ bold, children, textColor, textAlign, addStyle, numberOfLines, ellipsizeMode, }: TextProperties) => React.JSX.Element;

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

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

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

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

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

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

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

@@ -1,10 +1,7 @@
 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) => React.JSX.Element;
-export {SplitContainer as SplitContainer};
+declare const SplitContainer: ({ element1, element2 }: splitContainerProps) => React.JSX.Element;
+export { SplitContainer as SplitContainer };

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

@@ -1,14 +1,9 @@
 import React from 'react';
-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) => React.JSX.Element;
+export declare const StaticWave: ({ customStyle, customWavePath, heightSvgContainer, positionTop, }: WaveProps) => React.JSX.Element;

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

@@ -1,13 +1,9 @@
 import * as React from 'react';
-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) => React.JSX.Element;
-export {TextInput as TextInput};
+declare const TextInput: ({ keyboardType, border, ...props }: TextInputProps) => React.JSX.Element;
+export { TextInput as TextInput };