@bigbinary/neetoui-rn 0.0.287 → 1.0.0

package/index.d.ts

@@ -1,630 +0,0 @@
-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/lib/components/Accordion.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Accordion=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _neetoIconsRn=require("@bigbinary/neeto-icons-rn");var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=_interopRequireWildcard(require("styled-components/native"));var _styledSystem=require("styled-system");var _Container=require("./Container");var _excluded=["header","noBorder","iconProp","onStateChanged","children","position","shouldShowToggle","headerContainerProps"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/Accordion.jsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var TouchableOpacity=_native.default.TouchableOpacity(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n  ","\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),_styledSystem.buttonStyle,_styledSystem.flexbox,_styledSystem.space,_styledSystem.border,_styledSystem.color,_styledSystem.layout);var AccordionBody=function AccordionBody(_ref){var isExpanded=_ref.isExpanded,children=_ref.children;var animationController=(0,_react.useRef)(new _reactNative.Animated.Value(isExpanded?1:0)).current;var _useState=(0,_react.useState)(0),_useState2=(0,_slicedToArray2.default)(_useState,2),viewHeight=_useState2[0],setViewHeight=_useState2[1];(0,_react.useEffect)(function(){_reactNative.Animated.timing(animationController,{duration:300,toValue:isExpanded?1:0,useNativeDriver:false}).start();},[isExpanded]);var bodyContentHeight=animationController.interpolate({inputRange:[0,1],outputRange:[0,viewHeight]});var getLayout=function getLayout(event){var height=event.nativeEvent.layout.height;setViewHeight(height);};return _react.default.createElement(_reactNative.Animated.View,{style:{height:bodyContentHeight,overflow:"hidden"},__self:_this,__source:{fileName:_jsxFileName,lineNumber:60,columnNumber:5}},_react.default.createElement(_Container.Container,{position:"absolute",width:"100%",onLayout:getLayout,__self:_this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:7}},children));};var Accordion=exports.Accordion=_react.default.forwardRef(function(_ref2,ref){var header=_ref2.header,_ref2$noBorder=_ref2.noBorder,noBorder=_ref2$noBorder===void 0?false:_ref2$noBorder,_ref2$iconProp=_ref2.iconProp,iconProp=_ref2$iconProp===void 0?{}:_ref2$iconProp,onStateChanged=_ref2.onStateChanged,children=_ref2.children,_ref2$position=_ref2.position,position=_ref2$position===void 0?"bottom":_ref2$position,_ref2$shouldShowToggl=_ref2.shouldShowToggle,shouldShowToggle=_ref2$shouldShowToggl===void 0?true:_ref2$shouldShowToggl,headerContainerProps=_ref2.headerContainerProps,rest=(0,_objectWithoutProperties2.default)(_ref2,_excluded);var Label=iconProp.Label,size=iconProp.size,color=iconProp.color;var theme=(0,_react.useContext)(_native.ThemeContext);var _useState3=(0,_react.useState)(false),_useState4=(0,_slicedToArray2.default)(_useState3,2),isExpanded=_useState4[0],setIsExpanded=_useState4[1];var animationController=(0,_react.useRef)(new _reactNative.Animated.Value(isExpanded?1:0)).current;(0,_react.useEffect)(function(){_reactNative.Animated.timing(animationController,{duration:300,toValue:isExpanded?1:0,useNativeDriver:false}).start(function(){!!onStateChanged&&onStateChanged(isExpanded);});},[isExpanded]);var handleAnimation=function handleAnimation(){setIsExpanded(!isExpanded);};(0,_react.useImperativeHandle)(ref,function(){return{toggleAccordion:handleAnimation,openAccordion:function openAccordion(){return setIsExpanded(true);},closeAccordion:function closeAccordion(){return setIsExpanded(false);}};});var arrowAngle=animationController.interpolate({inputRange:[0,1],outputRange:["0rad",Math.PI+"rad"]});var marginTop=animationController.interpolate({inputRange:[0,1],outputRange:[(0,_reactNativeSizeMatters.moderateScale)(10),(0,_reactNativeSizeMatters.moderateScale)(-2)]});return _react.default.createElement(_Container.Container,(0,_extends2.default)({},!noBorder&&{borderColor:"border.grey400",borderWidth:(0,_reactNativeSizeMatters.moderateScale)(1),borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8)},{padding:(0,_reactNativeSizeMatters.moderateScale)(12),width:"100%"},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:163,columnNumber:7}}),position==="top"&&_react.default.createElement(AccordionBody,{isExpanded:isExpanded,__self:_this,__source:{fileName:_jsxFileName,lineNumber:174,columnNumber:11}},children),_react.default.createElement(TouchableOpacity,(0,_extends2.default)({style:styles.accordionContainer,onPress:function onPress(){handleAnimation();}},headerContainerProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:176,columnNumber:9}}),!!header&&_react.default.createElement(_Container.Container,{flexGrow:1,__self:_this,__source:{fileName:_jsxFileName,lineNumber:183,columnNumber:24}},header()),!!shouldShowToggle&&_react.default.createElement(_Container.Container,{alignItems:"center",flexDirection:"row",justifyContent:"center",minHeight:(0,_reactNativeSizeMatters.moderateScale)(40),__self:_this,__source:{fileName:_jsxFileName,lineNumber:185,columnNumber:13}},Label&&_react.default.createElement(Label,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:191,columnNumber:25}}),_react.default.createElement(_reactNative.Animated.View,{style:{alignItems:"center",marginTop:marginTop,transform:[{rotateZ:arrowAngle}]},__self:_this,__source:{fileName:_jsxFileName,lineNumber:192,columnNumber:15}},_react.default.createElement(_neetoIconsRn.Down,{color:color!=null?color:theme.colors.font.grey700,size:size!=null?size:(0,_reactNativeSizeMatters.moderateScale)(40),__self:_this,__source:{fileName:_jsxFileName,lineNumber:199,columnNumber:17}})))),position==="bottom"&&_react.default.createElement(AccordionBody,{isExpanded:isExpanded,__self:_this,__source:{fileName:_jsxFileName,lineNumber:208,columnNumber:11}},children));});AccordionBody.propTypes={isExpanded:_propTypes.default.bool.isRequired,children:_propTypes.default.element};Accordion.propTypes={header:_propTypes.default.func,headerContainerProps:_propTypes.default.object,children:_propTypes.default.node,noBorder:_propTypes.default.bool,onStateChanged:_propTypes.default.func,iconProp:_propTypes.default.shape({name:_propTypes.default.string,Label:_propTypes.default.elementType,size:_propTypes.default.number,color:_propTypes.default.string}),position:_propTypes.default.string,shouldShowToggle:_propTypes.default.bool};var styles=_reactNative.StyleSheet.create({accordionContainer:{flexDirection:"row",alignItems:"center"}});Accordion.displayName="Accordion";

package/lib/components/ActionIcon.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ActionIcon=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeSizeMatters=require("react-native-size-matters");var _theme=require("../theme");var _Loader=require("./Loader");var _Touchable=require("./Touchable");var _Typography=require("./Typography");var _excluded=["isLoading","icon","onPress","size","color","disabled","label","iconProps"];var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/ActionIcon.jsx";var ActionIcon=exports.ActionIcon=function ActionIcon(_ref){var _ref$isLoading=_ref.isLoading,isLoading=_ref$isLoading===void 0?false:_ref$isLoading,Icon=_ref.icon,onPress=_ref.onPress,_ref$size=_ref.size,size=_ref$size===void 0?(0,_reactNativeSizeMatters.moderateScale)(24):_ref$size,_ref$color=_ref.color,color=_ref$color===void 0?_theme.theme.colors.font.grey800:_ref$color,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,label=_ref.label,iconProps=_ref.iconProps,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);return _react.default.createElement(_Touchable.Touchable,(0,_extends2.default)({alignItems:"center",aspectRatio:1,disabled:disabled||isLoading,height:(0,_reactNativeSizeMatters.moderateScale)(40),justifyContent:"center",maxHeight:(0,_reactNativeSizeMatters.moderateScale)(64),maxWidth:(0,_reactNativeSizeMatters.moderateScale)(64),opacity:disabled?0.5:1,onPress:onPress},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:23,columnNumber:3}}),isLoading?_react.default.createElement(_Loader.Loader,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:18}}):_react.default.createElement(Icon,(0,_extends2.default)({color:color,size:size},iconProps,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:35,columnNumber:31}})),!!label&&_react.default.createElement(_Typography.Typography,{color:"font.grey600",fontFamily:"sf400",fontSize:"4xs",mt:(0,_reactNativeSizeMatters.moderateScale)(2),__self:_this,__source:{fileName:_jsxFileName,lineNumber:37,columnNumber:7}},label));};ActionIcon.propTypes={icon:_propTypes.default.elementType,onPress:_propTypes.default.func,size:_propTypes.default.number,color:_propTypes.default.string,disabled:_propTypes.default.bool,label:_propTypes.default.string,isLoading:_propTypes.default.bool,iconProps:_propTypes.default.object};

package/lib/components/Alert.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.Alert=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _reactNativeModal=_interopRequireDefault(require("react-native-modal"));var _reactNativeSizeMatters=require("react-native-size-matters");var _Button=require("./Button");var _Container=require("./Container");var _Typography=require("./Typography");var _this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/Alert.jsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var useAlertHook=function useAlertHook(){var _React$useState=_react.default.useState(false),_React$useState2=(0,_slicedToArray2.default)(_React$useState,2),isVisible=_React$useState2[0],setIsVisible=_React$useState2[1];var _useState=(0,_react.useState)({}),_useState2=(0,_slicedToArray2.default)(_useState,2),params=_useState2[0],setParams=_useState2[1];var _params$title=params.title,title=_params$title===void 0?"":_params$title,_params$description=params.description,description=_params$description===void 0?"":_params$description,_params$isCancelable=params.isCancelable,isCancelable=_params$isCancelable===void 0?true:_params$isCancelable,onDismiss=params.onDismiss,_params$buttons=params.buttons,buttons=_params$buttons===void 0?[]:_params$buttons;var show=_react.default.useCallback(function(params){setParams(params);setIsVisible(true);},[]);var hide=_react.default.useCallback(function(){setIsVisible(false);},[]);var hideOnBackPressDrop=_react.default.useCallback(function(){if(isCancelable){hide();}if(onDismiss&&isCancelable){onDismiss();}},[hide,isCancelable,onDismiss]);return{isVisible:isVisible,show:show,hide:hide,hideOnBackPressDrop:hideOnBackPressDrop,title:title,description:description,isCancelable:isCancelable,buttons:buttons};};var rootLevelRef=null;var Alert=exports.Alert=function Alert(){var _useAlertHook=useAlertHook(),isVisible=_useAlertHook.isVisible,show=_useAlertHook.show,hide=_useAlertHook.hide,buttons=_useAlertHook.buttons,hideOnBackPressDrop=_useAlertHook.hideOnBackPressDrop,title=_useAlertHook.title,description=_useAlertHook.description;var _buttons=(0,_slicedToArray2.default)(buttons,3),_buttons$=_buttons[0],button1=_buttons$===void 0?{label:"OK",onPress:function onPress(){},variant:"solid"}:_buttons$,button2=_buttons[1],button3=_buttons[2];var ref=_react.default.useRef(null);_react.default.useImperativeHandle(ref,_react.default.useCallback(function(){return{show:show};},[show]));_react.default.useEffect(function(){rootLevelRef=ref.current;},[ref]);return _react.default.createElement(_reactNativeModal.default,{hideModalContentWhileAnimating:true,useNativeDriver:true,isVisible:isVisible,style:styles.modalStyle,onBackdropPress:hideOnBackPressDrop,__self:_this,__source:{fileName:_jsxFileName,lineNumber:162,columnNumber:5}},_react.default.createElement(_Container.Container,{alignItems:"center",bg:"background.primary",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8),justifyContent:"center",padding:(0,_reactNativeSizeMatters.moderateScale)(18),width:"90%",__self:_this,__source:{fileName:_jsxFileName,lineNumber:169,columnNumber:7}},_react.default.createElement(_Typography.Typography,{color:"font.grey800",fontFamily:"sf600",fontSize:"3xl",textAlign:"center",__self:_this,__source:{fileName:_jsxFileName,lineNumber:177,columnNumber:9}},title),_react.default.createElement(_Container.Container,{alignItems:"center",justifyContent:"center",__self:_this,__source:{fileName:_jsxFileName,lineNumber:185,columnNumber:9}},_react.default.createElement(_Typography.Typography,{color:"font.grey500",fontFamily:"sf400",fontSize:"s",py:(0,_reactNativeSizeMatters.moderateScale)(20),textAlign:"center",__self:_this,__source:{fileName:_jsxFileName,lineNumber:186,columnNumber:11}},description)),_react.default.createElement(_Container.Container,{flexDirection:"row",justifyContent:"space-around",width:"100%",__self:_this,__source:{fileName:_jsxFileName,lineNumber:196,columnNumber:9}},button2&&_react.default.createElement(_Button.Button,{borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8),borderWidth:(0,_reactNativeSizeMatters.moderateScale)(1),fontFamily:"sf400",fontSize:"m",height:(0,_reactNativeSizeMatters.moderateScale)(35),label:button2.label,minWidth:(0,_reactNativeSizeMatters.moderateScale)(110),p:0,variant:button2.variant||"text",width:undefined,onPress:function onPress(){button2.onPress==null?void 0:button2.onPress();hide();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:202,columnNumber:13}}),button1&&_react.default.createElement(_Button.Button,{borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8),fontFamily:"sf400",fontSize:"m",height:(0,_reactNativeSizeMatters.moderateScale)(35),label:button1.label,minWidth:(0,_reactNativeSizeMatters.moderateScale)(110),p:0,variant:button1.variant,width:undefined,onPress:function onPress(){button1.onPress==null?void 0:button1.onPress();hide();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:220,columnNumber:13}})),button3&&_react.default.createElement(_Button.Button,{borderRadius:(0,_reactNativeSizeMatters.moderateScale)(8),borderWidth:(0,_reactNativeSizeMatters.moderateScale)(1),fontFamily:"sf400",fontSize:"m",height:(0,_reactNativeSizeMatters.moderateScale)(35),label:button3.label,minWidth:(0,_reactNativeSizeMatters.moderateScale)(110),mt:(0,_reactNativeSizeMatters.moderateScale)(20),p:0,variant:button3.variant,onPress:function onPress(){button3.onPress==null?void 0:button3.onPress();hide();},__self:_this,__source:{fileName:_jsxFileName,lineNumber:238,columnNumber:11}})));};var styles=_reactNative.StyleSheet.create({modalStyle:{alignItems:"center",justifyContent:"center"}});Alert.show=function(params){rootLevelRef.show(params);};

package/lib/components/AnimatedImage.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.AnimatedImage=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _taggedTemplateLiteralLoose2=_interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react=_interopRequireWildcard(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _reactNativeFastImage=_interopRequireDefault(require("react-native-fast-image"));var _reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated"));var _reactNativeSizeMatters=require("react-native-size-matters");var _native=_interopRequireDefault(require("styled-components/native"));var _styledSystem=require("styled-system");var _imagePlaceholder=_interopRequireDefault(require("../../assets/images/image-placeholder.svg"));var _=require("./");var _theme=require("../theme");var _excluded=["imageHeight","imageWidth","imageUrl"];var _templateObject,_this=this,_jsxFileName="/home/runner/work/neeto-ui-rn/neeto-ui-rn/src/components/AnimatedImage.jsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var StyledImage=(0,_native.default)(_reactNativeFastImage.default)(_templateObject||(_templateObject=(0,_taggedTemplateLiteralLoose2.default)(["\n  ","\n  ","\n  ","\n  ","\n  ","\n"])),_styledSystem.flexbox,_styledSystem.space,_styledSystem.border,_styledSystem.color,_styledSystem.layout);var borderRadius=(0,_reactNativeSizeMatters.moderateScale)(10);var AnimatedImage=exports.AnimatedImage=function AnimatedImage(_ref){var _ref$imageHeight=_ref.imageHeight,imageHeight=_ref$imageHeight===void 0?139:_ref$imageHeight,_ref$imageWidth=_ref.imageWidth,imageWidth=_ref$imageWidth===void 0?255:_ref$imageWidth,imageUrl=_ref.imageUrl,rest=(0,_objectWithoutProperties2.default)(_ref,_excluded);var opacity=(0,_reactNativeReanimated.useSharedValue)(0);var _useState=(0,_react.useState)(false),_useState2=(0,_slicedToArray2.default)(_useState,2),isImageLoaded=_useState2[0],setIsImageLoaded=_useState2[1];var profileImageStyle=(0,_reactNativeReanimated.useAnimatedStyle)(function(){return{opacity:(0,_reactNativeReanimated.withTiming)(opacity.value,{duration:300,easing:_reactNativeReanimated.Easing.bezier(0.25,0.1,0.25,1)}),height:imageHeight,width:imageWidth,alignSelf:"center",borderRadius:borderRadius};});return _react.default.createElement(_.Container,{alignItems:"center",borderRadius:(0,_reactNativeSizeMatters.moderateScale)(10),justifyContent:"center",overflow:"hidden",__self:_this,__source:{fileName:_jsxFileName,lineNumber:77,columnNumber:5}},_react.default.createElement(_reactNativeReanimated.default.View,{style:profileImageStyle,__self:_this,__source:{fileName:_jsxFileName,lineNumber:83,columnNumber:7}},_react.default.createElement(StyledImage,(0,_extends2.default)({height:imageHeight,width:imageWidth,source:{uri:imageUrl,headers:{Accept:"*/*","Content-Type":"application/json",Pragma:"no-cache"}},onLoad:function onLoad(){setIsImageLoaded(true);opacity.value=1;},onLoadStart:function onLoadStart(){setIsImageLoaded(false);opacity.value=0;}},rest,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:84,columnNumber:9}}))),!isImageLoaded&&_react.default.createElement(_.Container,{position:"absolute",__self:_this,__source:{fileName:_jsxFileName,lineNumber:107,columnNumber:9}},_react.default.createElement(_imagePlaceholder.default,{__self:_this,__source:{fileName:_jsxFileName,lineNumber:108,columnNumber:11}}),_react.default.createElement(_.Container,{bottom:(0,_reactNativeSizeMatters.moderateScale)(15),position:"absolute",right:(0,_reactNativeSizeMatters.moderateScale)(15),__self:_this,__source:{fileName:_jsxFileName,lineNumber:109,columnNumber:11}},_react.default.createElement(_.Loader,{color:_theme.theme.colors.font.grey600,__self:_this,__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:13}}))));};AnimatedImage.defaultProps={alignItems:"center",justifyContent:"center"};AnimatedImage.propTypes={imageHeight:_propTypes.default.number|_propTypes.default.string,imageWidth:_propTypes.default.number,imageUrl:_propTypes.default.string};