@bigbinary/neetoui-rn 1.0.0 → 2.0.1

package/index.d.ts

@@ -0,0 +1,630 @@
+import React from "react";
+import Carousel from "react-native-snap-carousel";
+import dayjs from "dayjs";
+import RNPopover from "react-native-popover-view";
+import {
+  FlexboxProps,
+  SpaceProps,
+  BorderProps,
+  ColorProps,
+  LayoutProps,
+  PositionProps,
+  ButtonStyleProps,
+  TypographyProps as SSTypographyProps,
+} from "styled-system";
+import {
+  ImageProps as RNImageProps,
+  ViewProps as RNViewProps,
+  TextInputProps as RNTextInputProps,
+  ScrollViewProps as RNScrollViewProps,
+  FlatListProps as RNFlatListProps,
+  TextProps as RNTextProps,
+  TextInputAndroidProps as RNTextInputAndroidProps,
+  TextInputIOSProps as RNTextInputIOSProps,
+  ViewStyle,
+  TextStyle,
+  TouchableOpacityProps as RNTouchableOpacityProps,
+} from "react-native";
+import { ModalProps } from "react-native-modal";
+import { BottomTabBarProps } from "@react-navigation/bottom-tabs";
+import { CalendarProps as RNCalendarProps } from "react-native-calendars";
+import { FlashListProps as RNFlashListProps } from "@shopify/flash-list";
+import {
+  RichEditorProps,
+  RichToolbarProps,
+} from "react-native-pell-rich-editor";
+import { MaterialTopTabBarProps } from "@react-navigation/material-top-tabs";
+import {
+  ToastProps as RNToastProps,
+  ToastHideParams,
+  ToastShowParams,
+  ToastConfig,
+} from "react-native-toast-message";
+import { FastImageProps } from "react-native-fast-image";
+
+import { theme as themeDef } from "./src/theme";
+import { BUTTON_VARIANTS } from "./src/components/Button";
+
+type addPrefixToObject<
+  TObject extends object,
+  TPrefix extends string
+> = `${TPrefix}${keyof TObject}`;
+
+const theme: {
+  colors: {
+    font: addPrefixToObject<typeof themeDef.colors.font, "font.">;
+    background: addPrefixToObject<
+      typeof themeDef.colors.background,
+      "background."
+    >;
+    border: addPrefixToObject<typeof themeDef.colors.border, "border.">;
+    toast: addPrefixToObject<typeof themeDef.colors.toast, "toast.">;
+  };
+  fonts: keyof typeof themeDef.fonts;
+  fontSizes: keyof typeof themeDef.fontSizes;
+};
+
+interface StyleProps
+  extends FlexboxProps,
+    SpaceProps,
+    BorderProps,
+    ColorProps,
+    LayoutProps,
+    PositionProps {
+  borderColor?: typeof theme.colors.border;
+  borderTopColor?: typeof theme.colors.border;
+  borderBottomColor?: typeof theme.colors.border;
+  borderLeftColor?: typeof theme.colors.border;
+  borderRightColor?: typeof theme.colors.border;
+  backgroundColor?: typeof theme.colors.background;
+  bg?: typeof theme.colors.background;
+  color?: typeof theme.colors.font;
+}
+
+interface TypographyProps extends SSTypographyProps {
+  fontFamily?: typeof theme.fonts;
+  fontSize?: typeof theme.fontSizes;
+}
+
+interface ViewProps extends RNViewProps, StyleProps {
+  children?: React.ReactNode;
+}
+interface TextProps extends RNTextProps, StyleProps, TypographyProps {
+  children?: React.ReactNode;
+}
+interface TextInputProps
+  extends RNTextInputAndroidProps,
+    RNTextInputIOSProps,
+    StyleProps,
+    TypographyProps {}
+interface FlatListProps extends RNFlatListProps, StyleProps {}
+interface ScrollViewProps extends RNScrollViewProps, StyleProps {}
+interface TouchableOpacityProps
+  extends RNTouchableOpacityProps,
+    StyleProps,
+    ButtonStyleProps {
+  children?: React.ReactNode;
+}
+
+interface RipplePropTypes {
+  isCentered?: boolean;
+  isSequential?: boolean;
+  shouldFade?: boolean;
+  shouldOverflowContainer?: boolean;
+  color?: string;
+  opacity?: number;
+  duration?: number;
+  size?: number;
+  containerBorderRadius?: number;
+}
+
+interface TouchableProps extends StyleProps, ButtonStyleProps {
+  children?: React.ReactNode;
+  rippleConfig?: RipplePropTypes;
+}
+
+interface AccordionProps extends ViewProps {
+  header?: () => React.ReactNode;
+  headerContainerProps?: TouchableOpacityProps;
+  noBorder?: boolean;
+  onStateChanged?: (isExpanded: boolean) => void;
+  iconProp?: {
+    Label?: () => React.ReactNode;
+    size?: number;
+    color?: string;
+  };
+  position?: "top" | "bottom";
+  shouldShowToggle?: boolean;
+}
+
+type AlertProps = {};
+type AlertButton = {
+  label: string;
+  onPress?: () => void;
+  variant?: typeof BUTTON_VARIANTS[keyof typeof BUTTON_VARIANTS];
+};
+type AlertShowParams = {
+  title?: string;
+  description?: string;
+  isCancelable?: boolean;
+  onDismiss?: () => void;
+  buttons?: Array<AlertButton>;
+};
+
+interface AnimatedImageProps extends RNImageProps, FastImageProps {
+  imageHeight?: number;
+  imageWidth?: number;
+  imageUrl: string;
+}
+
+interface AvatarProps extends ViewProps {
+  name?: string;
+  variant?: "extra-small" | "small" | "medium";
+  bgColor?: typeof theme.colors.background;
+  fontColor?: typeof theme.colors.font;
+  imageUrl?: string;
+}
+
+interface BadgeProps extends ViewProps {
+  badgeColor?: typeof theme.colors.background;
+  content?: string | number;
+  size?: number;
+  fontSize?: typeof theme.fontSizes;
+  fontFamily?: typeof theme.fonts;
+  color?: typeof theme.colors.font;
+}
+
+interface BottomSheetProps extends ViewProps {
+  showCreateOption?: boolean;
+  CreateItemComponent?: React.FC;
+  showCreateOptionLoader?: boolean;
+  createSearchedOptionLabelStyle?: TextProps;
+  createOptionLabel?: string;
+  onPressCreateOption?: (searchText: string) => void;
+  createSearchedOptionContainerStyle?: TouchableProps;
+  data?: Array<any>;
+  title?: string;
+  hide?: () => void;
+  isVisible?: boolean;
+  onItemPress?: ({ index, item }: { index: number; item: any }) => void;
+  selectedItem?: object | string;
+  bg?: typeof theme.colors.background;
+  titleContainerStyle?: ViewProps;
+  titleTextStyle?: TextProps;
+  modalParams?: ModalProps;
+  HeaderComponent?: () => React.ReactNode;
+  ContentRow?: () => React.ReactNode;
+  contentType?: "checkbox" | null;
+  canSearch?: boolean;
+  onDonePress?: () => void;
+  valueExtractor?: () => {};
+  labelExtractor?: () => {};
+  searchBarProps?: SearchBarProps;
+  onBackdropPress?: () => void;
+  disabled?: boolean;
+  noResultsLabelContainerStyle?: ViewProps;
+  noResultsLabelStyle?: TextProps;
+  noResultsLabel?: string;
+  NoResultsComponent?: () => React.ReactNode;
+  shouldHideKeyboardOnScrollBegin?: boolean;
+  shouldShowItemSeparator?: boolean;
+}
+
+interface ButtonProps extends TouchableProps {
+  variant?: typeof BUTTON_VARIANTS[keyof typeof BUTTON_VARIANTS];
+  label: string;
+  labelStyle?: TextProps;
+  RightIcon?: () => React.ReactNode;
+  LeftIcon?: () => React.ReactNode;
+  disabled?: boolean;
+  isLoading?: boolean;
+  loadingText?: string;
+  fontFamily?: typeof theme.fonts;
+  color?: typeof theme.colors;
+  fontSize?: typeof theme.fontSizes;
+}
+
+type ButtonGroupProps = {
+  activeColor?: typeof theme.colors[keyof typeof theme.colors];
+  inActiveColor?: typeof theme.colors[keyof typeof theme.colors];
+  buttonItems: Array<string>;
+  onPress: () => void;
+  currentActiveBtn: string;
+  wrapperStyle?: ViewProps;
+  buttonTextStyle?: TextProps;
+  buttonStyle?: TouchableProps;
+};
+
+interface CalendarProps extends RNCalendarProps {
+  selectedDate?: string | typeof dayjs;
+}
+
+interface CardProps extends TouchableOpacityProps, StyleProps {
+  elevation?: number;
+}
+
+type CarouselProps = {
+  itemArray: Array<any>;
+  renderItem: () => React.ReactNode;
+  carouselRef?: React.RefObject<Carousel>;
+  onSnapToItem?: (index: number) => void;
+  containerStyle: ViewProps;
+};
+
+interface CheckBoxProps extends TouchableProps {
+  checked: boolean;
+  onSelect: () => void;
+  disabled?: boolean;
+  label?: string;
+  checkIconStyle?: any;
+  labelStyle?: TextProps;
+}
+
+type ChipProps = {
+  label: string;
+  LeftIcon?: React.FC;
+  variant?: "outlined" | "solid";
+  labelColor?: typeof theme.colors.font;
+  closeIconBackground?: typeof theme.colors.background;
+  closeIconColor?: string;
+  onClose?: () => void;
+  onChipPress?: () => void;
+  isDisabled?: disabled;
+  closeIconSize?: number;
+  closeIcon?: string;
+  containerStyle?: TouchableProps;
+  closeIconContainerStyle?: TouchableProps;
+};
+
+interface DividerProps extends ViewProps {
+  thickness?: number | string;
+  orientation?: "horizontal" | "vertical";
+  bg?: typeof theme.colors.background;
+}
+
+interface FabProps extends TouchableProps {
+  Icon: React.FC;
+  bg: typeof theme.colors.background;
+  disabled?: boolean;
+  variant?: "solid" | "inverse";
+  onPress: () => void;
+}
+
+interface FlashListProps extends RNFlashListProps {
+  SkeletonComponent?: React.FC;
+  animationDuration?: number;
+  data: Array<any>;
+  isLoading?: boolean;
+  placeHolderItemCount?: number;
+  onRefresh?: () => void;
+  onEndReached?: () => void;
+  keyExtractor?: (item: any, index: number) => string;
+}
+
+type InputProps = {
+  label?: string;
+  value: string;
+  onChangeText: (val: string) => void;
+  onBlur?: () => void;
+  errorMessage?: string;
+  PrefixIcon?: React.FC;
+  SuffixIcon?: React.FC;
+  autoFocus?: boolean;
+  disabled?: boolean;
+  noBorder?: boolean;
+  showInputAccessoryView?: boolean;
+  inputProps?: RNTextInputProps;
+  textAlignVertical?: string;
+};
+
+type ChatInputProps = {
+  isLoading?: boolean;
+  shouldShowEmailFields?: boolean;
+  value: string;
+  initialSelectedOption?: "REPLY" | "NOTE" | "FORWARD";
+  onOptionChange?: (option: string) => void;
+  onChangeText: (text: string) => void;
+  onForward?: () => void;
+  onCannedResponse?: () => void;
+  toEmails?: string;
+  onReply?: () => void;
+  onAddNote?: () => void;
+  onAttachment?: () => void;
+  attachmentsCount?: number;
+  Attachments?: React.FC;
+  showCannedResponsesFor?: Array<"REPLY" | "NOTE" | "FORWARD">;
+  showSuggestionsFor?: Array<"REPLY" | "NOTE" | "FORWARD">;
+  disabled?: boolean;
+  suggestions: Array<{
+    name: string;
+    imageUrl: string;
+    id: string;
+  }>;
+};
+
+type LineLoaderProps = {
+  backgroundColor?: string;
+  foregroundColor?: string;
+  height?: number;
+  isLoading?: boolean;
+};
+
+type InputEmailChipProps = {
+  disabled?: boolean;
+  label?: string;
+  emails?: Array<string>;
+  delimiters?: Array<string>;
+  onUpdate?: (emails: Array<string>) => void;
+};
+
+interface ListItemProps extends ViewProps {
+  LeftComponent?: React.FC;
+  label: string;
+  RightComponent: React.FC;
+}
+
+interface LoaderProps extends ViewProps {
+  size?: "s" | "m" | "l";
+  color: typeof theme.colors.background;
+}
+
+type NotificationPreferenceListItem = {
+  label: string;
+  enabled: boolean;
+  onSwitch: (item: any, index: number) => void;
+  LeftIcon?: React.FC;
+};
+interface NotificationPreferenceListProps extends ViewProps {
+  data: Array<NotificationPreferenceListItem>;
+  itemWrapperProps?: ViewProps;
+  itemContainerProps?: ViewProps;
+  labelContainerProps?: ViewProps;
+  labelProps?: TypographyProps;
+  title?: string;
+  titleProps?: TypographyProps;
+  isLoading?: boolean;
+}
+
+interface MultiSelectConfirmationAlertObjProps {
+  alertTitle?: string;
+  alertDescription?: string;
+  alertConfirmButtonLabel?: string;
+  showDeleteAlertConfirmation?: boolean;
+}
+
+interface MultiSelectProps extends ViewProps {
+  options?: Array<any>;
+  label?: string;
+  value?: string | Array<any>;
+  labelExtractor?: (item: any, index: number) => string;
+  valueExtractor?: (item: any, index: number) => string;
+  onSelect?: (selectedData: Array<any>) => void;
+  deletedValue?: (deletedOption: any) => void;
+  isLoading?: boolean;
+  isSearchable?: boolean;
+  showCreateOption?: boolean;
+  labelStyle?: TextProps;
+  containerStyle?: ViewProps;
+  inputContainerStyle?: ViewProps;
+  dropdownContainerStyle?: ViewProps;
+  itemContainerStyle?: ViewProps;
+  multiSelectedItemContainerStyle?: ViewProps;
+  multiSelectedItemLabelStyle?: TextProps;
+  selectedValue?: (selectedOption: any) => void;
+  CreateItemComponent?: React.FC;
+  showCreateOptionLoader?: boolean;
+  createSearchedOptionLabelStyle?: TextProps;
+  onPressCreateOption?: (searchText: string) => void;
+  createSearchedOptionContainerStyle?: ViewProps;
+  onDonePress?: () => void;
+  disabled?: boolean;
+  noResultsLabelContainerStyle?: ViewStyle;
+  noResultsLabelStyle?: TextStyle;
+  noResultsLabel?: TypographyProps;
+  NoResultsComponent?: React.ReactNode;
+  maxItemSize?: number;
+  moreItemLabelContainerStyle?: ViewStyle;
+  moreItemLabelStyle?: TextStyle;
+  MoreItemComponent?: () => React.ReactNode;
+  onBackdropPress?: () => void;
+  searchbarProps?: SearchBarProps;
+  confirmationAlertObj?: MultiSelectConfirmationAlertObjProps;
+}
+
+type OnBoardingProps = {
+  appLogo: React.FC;
+  slides: Array<any>;
+  onComplete: () => void;
+  logoWidth?: number;
+};
+
+interface OrganizationItemProps extends ViewProps {
+  label?: string;
+  labelContainerProps?: ViewProps;
+  iconContainerProps?: ViewProps;
+  iconProps?: { size: number; color: typeof theme.colors.font; name: string };
+  labelProps?: TypographyProps;
+  name: string;
+  nameProps?: TypographyProps;
+}
+
+type OtpInputsProps = {
+  handleChange: (value: string) => void;
+  numberOfInputs: number;
+  error?: boolean;
+  code: string;
+  containerStyles?: ViewProps;
+  textStyles?: TextProps;
+};
+
+interface ParentViewProps extends ViewProps {
+  barStyle?: "light-content" | "dark-content";
+  topInset?: boolean;
+  rightInset?: boolean;
+  leftInset?: boolean;
+  bottomInset?: boolean;
+  shouldDismissKeyboardOnTap?: boolean;
+  backgroundColor?: string;
+  bg?: string;
+}
+interface PopOverItemNestedItemProps {
+  Icon?: React.FC;
+  label?: string;
+  labelProps?: TypographyProps;
+}
+interface PopoverItemProps {
+  item?: PopOverItemNestedItemProps;
+  onPress?: () => void;
+  fontFamily?: typeof theme.fonts;
+  fontSize?: typeof theme.fontSizes;
+}
+
+type RNPopoverProps = typeof RNPopover.propTypes;
+interface PopoverProps extends RNPopoverProps {
+  children?: React.ReactNode;
+  data?: Array<PopoverItemProps>;
+  fontFamily?: typeof theme.fonts;
+  fontSize?: typeof theme.fontSizes;
+}
+
+interface RadioButtonProps extends TouchableProps {
+  selected: boolean;
+  onSelect: () => void;
+  disabled?: boolean;
+  label?: string;
+  radioButtonStyle?: ViewProps;
+  labelStyle?: TextProps;
+}
+
+type RichTextEditorProps = {
+  onChange: (val: string) => void;
+  placeholderText?: string;
+  children?: React.ReactNode;
+  toolbarActions: Array<string>;
+  editorProps?: RichEditorProps;
+  toolBarProps?: RichToolbarProps;
+};
+
+interface SearchBarProps extends ViewProps {
+  placeholder?: string;
+  onChangeText: (val: string) => void;
+  onCancel?: () => void;
+  debounceDelay?: number | string;
+  showCancelButton?: boolean;
+  containerProps?: ViewProps;
+  searchbarProps?: TextInputProps;
+}
+
+interface SegmentedTopBarStateProps {
+  routes?: Array<any>;
+  index?: number;
+}
+
+interface NavigationProps {
+  navigation: NavigationScreenProp<NavigationState, NavigationParams>;
+}
+interface SegmentedTopBarProps extends MaterialTopTabBarProps {
+  state?: SegmentedTopBarStateProps;
+  navigation?: NavigationProps;
+  height?: number;
+  descriptors?: object;
+}
+
+interface SocialButtonProps extends TouchableProps {
+  variant: "apple" | "google";
+  disabled?: boolean;
+  labelStyle?: TextProps;
+  isLoading?: boolean;
+}
+
+interface ToastProps extends Omit<RNToastProps, "config" | "position"> {
+  toasterConfig: ToastConfig;
+}
+
+type ToggleSwitchProps = {
+  value: boolean;
+  onValueChange?: () => void;
+  disabled?: boolean;
+};
+
+type TopBarProps = {
+  data: Array<any>;
+  activeIndex?: number;
+  onActiveTabChange: () => void;
+  activeTabTextStyle?: TextStyle;
+  activeTabContainerStyle?: ViewStyle;
+  inActiveTabTextStyle?: TextStyle;
+  inActiveTabContainerStyle?: ViewStyle;
+  tabContainerStyle?: ViewStyle;
+};
+
+type NotificationIconProps = {
+  unreadCount: number;
+  onPress: () => void;
+};
+
+type ActionIconProps = {
+  isLoading: boolean;
+  icon: () => React.ReactNode;
+  onPress: () => void;
+  size: number;
+  color: typeof theme.colors.font;
+  disabled: boolean;
+  label?: string;
+  iconProps: {
+    size?: number;
+    color?: typeof theme.colors.font;
+    viewBox: string;
+  };
+};
+
+export const Accordion: React.FC<AccordionProps>;
+export const ActionIcon: React.FC<ActionIconProps>;
+export const Alert: React.FC<AlertProps> & {
+  show?: (params: AlertShowParams) => void;
+};
+export const AnimatedImage: React.FC<AnimatedImageProps>;
+export const Avatar: React.FC<AvatarProps>;
+export const Badge: React.FC<BadgeProps>;
+export const BottomSheet: React.FC<BottomSheetProps>;
+export const BottomTabBar: React.FC<BottomTabBarProps>;
+export const Button: React.FC<ButtonProps>;
+export const ButtonGroup: React.FC<ButtonGroupProps>;
+export const Calendar: React.FC<CalendarProps>;
+export const Card: React.FC<CardProps>;
+export const Carousel: React.FC<CarouselProps>;
+export const CheckBox: React.FC<CheckBoxProps>;
+export const Chip: React.FC<ChipProps>;
+export const Container: React.FC<ViewProps>;
+export const Divider: React.FC<DividerProps>;
+export const FAB: React.FC<FabProps>;
+export const FlashList: React.FC<FlashListProps>;
+export const FlatList: React.FC<FlatListProps>;
+export const Input: React.FC<InputProps>;
+export const InputEmailChip: React.FC<InputEmailChipProps>;
+export const ChatInput: React.FC<ChatInputProps>;
+export const LineLoader: React.FC<LineLoaderProps>;
+export const ListItem: React.FC<ListItemProps>;
+export const Loader: React.FC<LoaderProps>;
+export const NotificationPreferenceList: React.FC<NotificationPreferenceListProps>;
+export const NotificationIcon: React.FC<NotificationIconProps>;
+export const MultiSelect: React.FC<MultiSelectProps>;
+export const OnBoarding: React.FC<OnBoardingProps>;
+export const OrganizationItem: React.FC<OrganizationItemProps>;
+export const OtpInputs: React.FC<OtpInputsProps>;
+export const ParentView: React.FC<ParentViewProps>;
+export const Popover: React.FC<PopoverProps>;
+export const RadioButton: React.FC<RadioButtonProps>;
+export const RichTextEditor: React.FC<RichTextEditorProps>;
+export const ScrollView: React.FC<ScrollViewProps>;
+export const SearchBar: React.FC<SearchBarProps>;
+export const SegmentedTopBar: React.FC<SegmentedTopBarProps>;
+export const SocialButton: React.FC<SocialButtonProps>;
+export const Toast: React.FC<ToastProps> & {
+  show?: (params: ToastShowParams) => void;
+  hide?: (params: ToastHideParams) => void;
+};
+export const ToggleSwitch: React.FC<ToggleSwitchProps>;
+export const TopBar: React.FC<TopBarProps>;
+export const Touchable: React.FC<TouchableProps>;
+export const Typography: React.FC<TextProps>;

package/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});var _components=require("./components");Object.keys(_components).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_components[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _components[key];}});});var _theme=require("./theme");Object.keys(_theme).forEach(function(key){if(key==="default"||key==="__esModule")return;if(key in exports&&exports[key]===_theme[key])return;Object.defineProperty(exports,key,{enumerable:true,get:function get(){return _theme[key];}});});

package/package.json

@@ -1,16 +1,10 @@
 {
   "name": "@bigbinary/neetoui-rn",
-  "version": "1.0.0",
-  "main": "dist/index.js",
+  "version": "2.0.1",
+  "main": ".",
   "author": "BigBinary",
   "license": "MIT",
   "description": "The neetoUI-RN library drives the experience in all neeto product's React Native applications built at BigBinary.",
-  "files": [
-    "dist",
-    "react-native.config.js",
-    "index.d.ts",
-    "assets"
-  ],
   "peerDependencies": {
     "react-native-device-info": "^10.3.0",
     "react-native-reanimated": "3.6.0",

package/react-native.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+  project: {
+    ios: {},
+    android: {},
+  },
+  assets: ["./assets/fonts/"],
+  dependency: {
+    assets: ["./assets/fonts/"],
+  },
+};

package/theme/index.js

@@ -0,0 +1 @@
+var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.theme=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _reactNativeSizeMatters=require("react-native-size-matters");var defaultColors={white:"#ffffff",base:"#008068",danger:"#D7373F",success:"#018d6d",menubackground:"#F6F6FA"};var toastBorderColors={success:"#00BA88",error:"#F56A58",info:"#276EF1",warning:"#F3CD82"};var greyVariants={grey:"#828282",grey100:"#f8f9f9",grey200:"#e9ebed",grey300:"#d8dcde",grey400:"#c2c8cc",grey500:"#87929d",grey600:"#68737d",grey700:"#2f3941",grey800:"#1f1f1f"};var darkBlueVariant={darkBlue100:"#0B4885"};var lightBlueVariants={lightBlue100:"#EAF3FC",lightBlue400:"#4558F9"};var purpleVariants={purple100:"#F2F4FF",purple200:"#ECF4FF",purple500:"#4557F8",purple700:"#342DF4"};var greenVariants={green500:"#34C759",green600:"#33C8A0",green700:"#00BA88",green800:"#00956D"};var colors={font:(0,_extends2.default)({primary:"#2F3941",secondary:"#49545C"},defaultColors,greyVariants,lightBlueVariants,darkBlueVariant,purpleVariants,greenVariants),background:(0,_extends2.default)({parentView:"#ffffff",primary:"#ffffff",secondary:"#F6F6FA",oldLace:"#FDF6E5"},defaultColors,greyVariants,lightBlueVariants,darkBlueVariant,purpleVariants,greenVariants),border:(0,_extends2.default)({primary:"#E9EBED",secondary:"#C2C8CC"},greyVariants,lightBlueVariants,darkBlueVariant,defaultColors,purpleVariants),toast:(0,_extends2.default)({},toastBorderColors)};var baseTheme={colors:colors,fonts:{sf400:"SFProText-Regular",sf500:"SFProText-Medium",sf600:"SFProText-Semibold",sf700:"SFProText-Bold"},lineHeights:[24],text:{primaryColor:colors.font.base,color:colors.font.base},fontSizes:{"4xs":(0,_reactNativeSizeMatters.moderateScale)(10),"3xs":(0,_reactNativeSizeMatters.moderateScale)(11),"2xs":(0,_reactNativeSizeMatters.moderateScale)(12),xs:(0,_reactNativeSizeMatters.moderateScale)(13),s:(0,_reactNativeSizeMatters.moderateScale)(14),m:(0,_reactNativeSizeMatters.moderateScale)(15),l:(0,_reactNativeSizeMatters.moderateScale)(16),xl:(0,_reactNativeSizeMatters.moderateScale)(17),"2xl":(0,_reactNativeSizeMatters.moderateScale)(18),"3xl":(0,_reactNativeSizeMatters.moderateScale)(20),"4xl":(0,_reactNativeSizeMatters.moderateScale)(22),"5xl":(0,_reactNativeSizeMatters.moderateScale)(30)},space:new Array(100).fill(0).map(function(_,index){return index+1;})};baseTheme.lineHeights.note=baseTheme.lineHeights[0]+"px";var theme=exports.theme=(0,_extends2.default)({},baseTheme,{textStyles:{defaultTextStyle:{color:baseTheme.colors.font.grey800,fontSize:baseTheme.fontSizes.s,fontFamily:baseTheme.fonts.sf400},header:{color:baseTheme.colors.font.primary,fontSize:baseTheme.fontSizes["3xl"],fontFamily:baseTheme.fonts.sf600},modalHeader:{color:baseTheme.colors.font.primary,fontSize:baseTheme.fontSizes["xl"],fontFamily:baseTheme.fonts.sf600},body:{color:baseTheme.colors.font.grey500,fontSize:baseTheme.fontSizes.s},subtext:{color:baseTheme.colors.font.primary,fontSize:baseTheme.fontSizes["2xs"]},solid:{color:baseTheme.colors.font.white},inverse:{color:baseTheme.colors.font.base},text:{primaryColor:baseTheme.colors.font.base,color:baseTheme.colors.font.base}},buttons:{solid:{border:2,borderColor:baseTheme.colors.background.base,backgroundColor:baseTheme.colors.background.base},inverse:{border:2,borderColor:baseTheme.colors.border.base,backgroundColor:baseTheme.colors.background.white},text:{color:baseTheme.colors.font.grey800,backgroundColor:baseTheme.colors.background.white}}});

package/utils/index.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,"__esModule",{value:true});exports.trimChars=exports.isValidEmail=exports.isAndroid=exports.getShadowStyles=exports.endsWithChars=exports.charsForRegex=void 0;var _reactNative=require("react-native");var shadowRadiusList=[1,1.41,2.22,2.62,3.84,4.65,4.65,4.65,5.46,6.27,6.68,7.49,8.3,9.11,9.51,10.32,11.14,11.95,12.35,13.16,13.97,14.78,15.19,16];var shadowOpacityList=[0.18,0.2,0.22,0.23,0.25,0.27,0.29,0.3,0.32,0.34,0.36,0.37,0.39,0.41,0.43,0.44,0.46,0.48,0.5,0.51,0.53,0.55,0.57,0.58];var getShadowStyles=exports.getShadowStyles=function getShadowStyles(){var elevation=arguments.length>0&&arguments[0]!==undefined?arguments[0]:0;if(elevation>24)elevation=24;return{shadowOffset:{width:0,height:Math.floor(elevation/2)},shadowRadius:shadowRadiusList[elevation-1],shadowOpacity:shadowOpacityList[elevation-1],elevation:elevation};};var isAndroid=exports.isAndroid=function isAndroid(){return _reactNative.Platform.OS==="android";};var isValidEmail=exports.isValidEmail=function isValidEmail(email){return String(email).toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);};var charsForRegex=exports.charsForRegex=function charsForRegex(chars){return(chars==null?void 0:chars.join("|"))||"";};var endsWithChars=exports.endsWithChars=function endsWithChars(text,chars){var regex="("+charsForRegex(chars)+")$";return text.match(regex);};var trimChars=exports.trimChars=function trimChars(text,chars){var charsRegex=charsForRegex(chars);var startRegexPattern="^("+charsRegex+")+";var endRegexPattern="("+charsRegex+")+$";var startRegex=new RegExp(startRegexPattern);var endRegex=new RegExp(endRegexPattern);var trimmedText=text.replace(startRegex,"").replace(endRegex,"");return trimmedText;};