react-native-ui-lib 8.0.1 → 8.1.0

package/src/components/slider/Thumb.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import { ViewStyle, ViewProps, View as RNView } from 'react-native';
-export interface ThumbProps extends ViewProps {
-    /**
-     * The thumb style
-     */
-    thumbStyle?: ViewStyle;
-    /**
-     * The active (during press) thumb style
-     */
-    activeThumbStyle?: ViewStyle;
-    /**
-     * If true the Slider will not change it's style on press
-     */
-    disableActiveStyling?: boolean;
-    /**
-     * Defines how far a touch event can start away from the thumb.
-     */
-    thumbHitSlop?: ViewProps['hitSlop'];
-    /**
-     * Thumb color
-     */
-    thumbTintColor?: string;
-    /**
-     * If true the Slider will be disabled and will appear in disabled color
-     */
-    disabled?: boolean;
-    /** ref to thumb component */
-    ref?: React.RefObject<RNView>;
-}
-declare const Thumb: React.ForwardRefExoticComponent<Omit<ThumbProps, "ref"> & React.RefAttributes<unknown>>;
-export default Thumb;

package/src/components/slider/index.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-declare const _default: React.ForwardRefExoticComponent<Omit<import("./Thumb").ThumbProps, "ref"> & {
-    value?: number | undefined;
-    minimumValue?: number | undefined;
-    maximumValue?: number | undefined;
-    initialMinimumValue?: number | undefined;
-    initialMaximumValue?: number | undefined;
-    step?: number | undefined;
-    minimumTrackTintColor?: string | undefined;
-    maximumTrackTintColor?: string | undefined;
-    renderTrack?: (() => React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactElement<any, string | React.JSXElementConstructor<any>>[]) | undefined;
-    onValueChange?: import("./types").SliderOnValueChange | undefined;
-    onSeekStart?: (() => void) | undefined;
-    onSeekEnd?: (() => void) | undefined;
-    onReset?: (() => void) | undefined;
-    containerStyle?: StyleProp<ViewStyle>;
-    trackStyle?: StyleProp<ViewStyle>;
-    disabled?: boolean | undefined;
-    useRange?: boolean | undefined;
-    useGap?: boolean | undefined;
-    onRangeChange?: import("./types").SliderOnRangeChange | undefined;
-    disableRTL?: boolean | undefined;
-    accessible?: boolean | undefined;
-    testID?: string | undefined;
-    migrate?: boolean | undefined;
-    enableThumbShadow?: boolean | undefined;
-    disabledThumbTintColor?: string | undefined;
-    throttleTime?: number | undefined;
-} & React.RefAttributes<any>>;
-export default _default;

package/src/components/slider/slider.driver.d.ts

@@ -1,5 +0,0 @@
-import { SliderProps } from './types';
-import { ComponentDriver } from '../../testkit/Component.driver';
-export declare class SliderDriver extends ComponentDriver<SliderProps> {
-    isDisabled: () => Promise<boolean>;
-}

package/src/components/slider/types.d.ts

@@ -1,197 +0,0 @@
-import tinycolor from 'tinycolor2';
-import { ReactElement } from 'react';
-import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { ThumbProps } from './Thumb';
-export type HSLA = tinycolor.ColorFormats.HSLA;
-export type SliderOnValueChange = (value: number) => void;
-export type SliderOnRangeChange = (values: {
-    min: number;
-    max: number;
-}) => void;
-export type SliderProps = Omit<ThumbProps, 'ref'> & {
-    /**
-     * Initial value
-     */
-    value?: number;
-    /**
-     * Track minimum value
-     */
-    minimumValue?: number;
-    /**
-     * Track maximum value
-     */
-    maximumValue?: number;
-    /**
-     * Initial minimum value (when useRange is true)
-     */
-    initialMinimumValue?: number;
-    /**
-     * Initial maximum value (when useRange is true)
-     */
-    initialMaximumValue?: number;
-    /**
-     * Step value of the slider. The value should be between 0 and (maximumValue - minimumValue)
-     */
-    step?: number;
-    /**
-     * The color used for the track from minimum value to current value
-     */
-    minimumTrackTintColor?: string;
-    /**
-     * The track color
-     */
-    maximumTrackTintColor?: string;
-    /**
-     * Custom render instead of rendering the track
-     */
-    renderTrack?: () => ReactElement | ReactElement[];
-    /**
-     * Callback for onValueChange
-     */
-    onValueChange?: SliderOnValueChange;
-    /**
-     * Callback that notifies about slider seeking is started
-     */
-    onSeekStart?: () => void;
-    /**
-     * Callback that notifies about slider seeking is finished
-     */
-    onSeekEnd?: () => void;
-    /**
-     * Callback that notifies when the reset function was invoked
-     */
-    onReset?: () => void;
-    /**
-     * The container style
-     */
-    containerStyle?: StyleProp<ViewStyle>;
-    /**
-     * The track style
-     */
-    trackStyle?: StyleProp<ViewStyle>;
-    /**
-     * If true the Slider will be disabled and will appear in disabled color
-     */
-    disabled?: boolean;
-    /**
-     * If true the Slider will display a second thumb for the min value
-     */
-    useRange?: boolean;
-    /**
-     * If true the min and max thumbs will not overlap
-     */
-    useGap?: boolean;
-    /**
-     * Callback for onRangeChange. Returns values object with the min and max values
-     */
-    onRangeChange?: SliderOnRangeChange;
-    /**
-     * If true the Slider will stay in LTR mode even if the app is on RTL mode
-     */
-    disableRTL?: boolean;
-    /**
-     * If true the component will have accessibility features enabled
-     */
-    accessible?: boolean;
-    /**
-     * The slider's test identifier
-     */
-    testID?: string;
-    /**
-     * Whether to use the new Slider implementation using Reanimated
-     */
-    migrate?: boolean;
-    /**
-    * Whether the thumb will have a shadow. default is true. (only when migrate = true)
-    */
-    enableThumbShadow?: boolean;
-    /**
-     * Disabled thumb tint color (only when migrate = true)
-     */
-    disabledThumbTintColor?: string;
-    /**
-     * Control the throttle time of the onValueChange and onRangeChange callbacks (only when migrate = true)
-     */
-    throttleTime?: number;
-};
-export declare enum GradientSliderTypes {
-    DEFAULT = "default",
-    HUE = "hue",
-    LIGHTNESS = "lightness",
-    SATURATION = "saturation"
-}
-export type GradientSliderProps<T> = Omit<SliderProps, 'onValueChange'> & {
-    /**
-     * The gradient color
-     */
-    color?: T;
-    /**
-     * The gradient type (default, hue, lightness, saturation)
-     */
-    type?: GradientSliderTypes | `${GradientSliderTypes}`;
-    /**
-     * The gradient steps
-     */
-    gradientSteps?: number;
-    /**
-     * Callback for onValueChange, returns the updated color
-     */
-    onValueChange?: (value: string, alfa: number) => void;
-    /**
-     * If true the component will have accessibility features enabled
-     */
-    accessible?: boolean;
-    /**
-     * The container style
-     */
-    containerStyle?: StyleProp<ViewStyle>;
-    /**
-     * If true the Slider will be disabled and will appear in disabled color
-     */
-    disabled?: boolean;
-};
-export type ColorSliderGroupProps<T> = {
-    /**
-     * The gradient color
-     */
-    initialColor: T;
-    /**
-     * Callback for onValueChange returns the new hex color
-     */
-    onValueChange?: (value: T) => void;
-    /**
-     * Group container style
-     */
-    containerStyle?: StyleProp<ViewStyle>;
-    /**
-     * Sliders style
-     */
-    sliderContainerStyle?: StyleProp<ViewStyle>;
-    /**
-     * Show the sliders labels (defaults are: Hue, Lightness, Saturation)
-     */
-    showLabels?: boolean;
-    /**
-     * In case you would like to change the default labels (translations etc.), you can provide
-     * this prop with a map to the relevant labels ({hue: ..., lightness: ..., saturation: ...}).
-     */
-    labels?: {
-        [key in GradientSliderTypes]: string;
-    };
-    /**
-     * The labels style
-     */
-    labelsStyle?: StyleProp<TextStyle>;
-    /**
-     * If true the component will have accessibility features enabled
-     */
-    accessible?: boolean;
-    /**
-     * Whether to use the new Slider implementation using Reanimated
-     */
-    migrate?: boolean;
-    /**
-     * Pass props to the sliders
-     */
-    sliderProps?: Omit<SliderProps, 'migrate' | 'containerStyle' | 'accessible' | 'onReset' | 'renderTrack' | 'step' | 'maximumValue' | 'value' | 'onValueChange' | 'disabled' | 'useRange'>;
-};

package/src/components/sortableGridList/SortableItem.d.ts

@@ -1,6 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import usePresenter from './usePresenter';
-import { SortableItemProps } from './types';
-declare function SortableItem(props: PropsWithChildren<SortableItemProps & ReturnType<typeof usePresenter>>): React.JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof SortableItem>;
-export default _default;

package/src/components/sortableGridList/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { SortableGridListProps } from './types';
-declare function SortableGridList<T = any>(props: SortableGridListProps<T>): React.JSX.Element;
-export { SortableGridListProps };
-export default SortableGridList;

package/src/components/sortableGridList/types.d.ts

@@ -1,34 +0,0 @@
-import { FlatListProps, ScrollViewProps, StyleProp, ViewStyle } from 'react-native';
-import Animated from 'react-native-reanimated';
-import { GridListBaseProps } from '../gridList';
-export type ItemLayout = {
-    width: number;
-    height: number;
-} | undefined;
-export type ItemsOrder = string[];
-export type ItemProps<T> = T & {
-    id: string;
-};
-export interface SortableGridListProps<T = any> extends GridListBaseProps, ScrollViewProps {
-    data: FlatListProps<ItemProps<T>>['data'];
-    renderItem: FlatListProps<ItemProps<T>>['renderItem'];
-    onOrderChange?: (newData: ItemProps<T>[], newOrder: ItemsOrder) => void;
-    extraData?: any;
-    /**
-     * Temporary migration flag for enabling flex on the container of the list (like it should be by default)
-     */
-    flexMigration?: boolean;
-    /**
-     * Wether to reorder the items by index instead of by replacing locations.
-     * Items will move to the new index by pushing other items ahead or aback instead of swapping places with the item at the new index.
-     */
-    orderByIndex?: boolean;
-}
-export interface SortableItemProps {
-    id: string;
-    data: any;
-    itemsOrder: Animated.SharedValue<ItemsOrder>;
-    onChange: () => void;
-    style: StyleProp<ViewStyle>;
-    orderByIndex?: boolean;
-}

package/src/components/sortableGridList/usePresenter.d.ts

@@ -1,21 +0,0 @@
-import { ItemsOrder } from './types';
-export declare const WINDOW_WIDTH: number;
-export declare const DEFAULT_NO_OF_COLUMNS = 3;
-export declare const animationConfig: {
-    easing: import("react-native-reanimated").EasingFunction;
-    duration: number;
-};
-declare const usePresenter: (numOfColumns: number, itemSize: number, itemSpacing: number) => {
-    updateItemLayout: (layout: {
-        width: number;
-        height: number;
-    }) => void;
-    getTranslationByOrderChange: (newOrder: number, oldOrder: number) => {
-        x: number;
-        y: number;
-    };
-    getOrderByPosition: (positionX: number, positionY: number) => number;
-    getItemOrderById: (itemsOrder: ItemsOrder, itemId: string) => number;
-    getIdByItemOrder: (itemsOrder: ItemsOrder, orderIndex: number) => string;
-};
-export default usePresenter;

package/src/components/sortableList/SortableList.driver.new.d.ts

@@ -1,2 +0,0 @@
-import { ComponentProps } from '../../testkit/new/Component.driver';
-export declare const SortableListDriver: (props: ComponentProps) => import("../../testkit/new/Component.driver").ComponentDriverResult;

package/src/components/sortableList/SortableListContext.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import type { ViewProps, FlatListProps } from 'react-native';
-import { SharedValue } from 'react-native-reanimated';
-import type { Dictionary } from '../../typings/common';
-import { Data, OrderChangeInfo, SortableListItemProps, SortableListProps } from './types';
-export interface SortableListContextType<ItemT extends SortableListItemProps> {
-    data: Data<ItemT>;
-    itemsOrder: SharedValue<string[]>;
-    lockedIds: SharedValue<Dictionary<boolean>>;
-    onChange: (info: OrderChangeInfo) => void;
-    itemSize: SharedValue<number>;
-    horizontal?: FlatListProps<ItemT>['horizontal'];
-    onItemLayout: ViewProps['onLayout'];
-    enableHaptic?: boolean;
-    scale?: number;
-    itemProps?: SortableListProps<ItemT>['itemProps'];
-}
-declare const SortableListContext: import("react").Context<SortableListContextType<SortableListItemProps>>;
-export default SortableListContext;

package/src/components/sortableList/SortableListItem.d.ts

@@ -1,8 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-export interface InternalSortableListItemProps {
-    index: number;
-}
-type Props = PropsWithChildren<InternalSortableListItemProps>;
-export declare const DEFAULT_LIST_ITEM_SIZE = 52;
-declare const _default: React.MemoExoticComponent<(props: Props) => React.JSX.Element>;
-export default _default;

package/src/components/sortableList/SortableListItem.driver.new.d.ts

@@ -1,11 +0,0 @@
-import { ComponentProps } from '../../testkit/new/Component.driver';
-export declare const SortableListItemDriver: (props: ComponentProps) => {
-    dragUp: (indices: number) => Promise<void>;
-    dragDown: (indices: number) => Promise<void>;
-    dragLeft: (indices: number) => Promise<void>;
-    dragRight: (indices: number) => Promise<void>;
-    drag: (distanceOrEvent: number | import("../../testkit/new/useDraggable.driver").DragEvent | import("../../testkit/new/useDraggable.driver").DragEvent[]) => void;
-    getElement: () => import("react-test-renderer").ReactTestInstance;
-    queryElement: () => import("react-test-renderer").ReactTestInstance | undefined;
-    exists: () => boolean;
-};

package/src/components/sortableList/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { SortableListProps, SortableListItemProps } from './types';
-export { SortableListProps, SortableListItemProps };
-declare const SortableList: <ItemT extends SortableListItemProps>(props: SortableListProps<ItemT>) => React.JSX.Element;
-export default SortableList;

package/src/components/sortableList/types.d.ts

@@ -1,48 +0,0 @@
-import { ForwardedRef } from 'react';
-import { FlatListProps, FlatList } from 'react-native';
-import { SortableListContextType } from './SortableListContext';
-export interface SortableListItemProps {
-    id: string;
-    locked?: boolean;
-}
-export type Data<ItemT extends SortableListItemProps> = ArrayLike<ItemT>;
-export type OrderChangeInfo = {
-    from: number;
-    to: number;
-};
-export interface SortableListProps<ItemT extends SortableListItemProps> extends Omit<FlatListProps<ItemT>, 'extraData' | 'data'>, Pick<SortableListContextType<ItemT>, 'scale'> {
-    /**
-     * The data of the list.
-       IMPORTANT: Do not update 'data' in 'onOrderChange' (i.e. for each order change); only update it when you change the items (i.g. adding and removing an item).
-     */
-    data: Data<ItemT>;
-    /**
-     * A callback to get the new order (or swapped items).
-     */
-    onOrderChange: (data: ItemT[], info: OrderChangeInfo) => void;
-    /**
-     * Whether to enable the haptic feedback
-     * (please note that react-native-haptic-feedback does not support the specific haptic type on Android starting on an unknown version, you can use 1.8.2 for it to work properly)
-     */
-    enableHaptic?: boolean;
-    /**
-     * Extra props for the item
-     */
-    itemProps?: {
-        backgroundColor?: string;
-        margins?: {
-            marginTop?: number;
-            marginBottom?: number;
-            marginLeft?: number;
-            marginRight?: number;
-        };
-    };
-    /**
-     * List forwarded ref.
-     */
-    listRef?: ForwardedRef<FlatList<ItemT>>;
-    /**
-     * Temporary migration flag for enabling flex on the container of the list (like it should be by default)
-     */
-    flexMigration?: boolean;
-}

package/src/components/sortableList/usePresenter.d.ts

@@ -1,12 +0,0 @@
-export declare const animationConfig: {
-    easing: import("react-native-reanimated").EasingFunction;
-    duration: number;
-};
-type ItemsOrder = string[];
-declare const usePresenter: () => {
-    getTranslationByIndexChange: (newIndex: number, oldIndex: number, itemSize: number) => number;
-    getIndexByPosition: (position: number, itemSize: number) => number;
-    getItemIndexById: (itemsOrder: ItemsOrder, itemId: string) => number;
-    getIdByItemIndex: (itemsOrder: ItemsOrder, orderIndex: number) => string;
-};
-export default usePresenter;

package/src/components/stackAggregator/index.d.ts

@@ -1,89 +0,0 @@
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { ViewProps } from '../view';
-import { ButtonProps } from '../button';
-export type StackAggregatorProps = ViewProps & {
-    /**
-     * The initial state of the stack
-     */
-    collapsed?: boolean;
-    /**
-     * Component Children
-     */
-    children: JSX.Element | JSX.Element[];
-    /**
-     * The container style
-     */
-    containerStyle?: StyleProp<ViewStyle>;
-    /**
-     * The content container style
-     */
-    contentContainerStyle?: StyleProp<ViewStyle>;
-    /**
-     * The items border radius
-     */
-    itemBorderRadius?: number;
-    /**
-     * Props passed to the 'show less' button
-     */
-    buttonProps?: ButtonProps;
-    /**
-     * A callback for item press
-     */
-    onItemPress?: (index: number) => void;
-    /**
-     * A callback for collapse state will change (value is future collapsed state)
-     */
-    onCollapseWillChange?: (changed: boolean) => void;
-    /**
-     * A callback for collapse state change (value is collapsed state)
-     */
-    onCollapseChanged?: (changed: boolean) => void;
-    /**
-     * A setting that disables the cards' onPress
-     */
-    disablePresses?: boolean;
-};
-declare const _default: React.ForwardRefExoticComponent<ViewProps & {
-    /**
-     * The initial state of the stack
-     */
-    collapsed?: boolean | undefined;
-    /**
-     * Component Children
-     */
-    children: JSX.Element | JSX.Element[];
-    /**
-     * The container style
-     */
-    containerStyle?: StyleProp<ViewStyle>;
-    /**
-     * The content container style
-     */
-    contentContainerStyle?: StyleProp<ViewStyle>;
-    /**
-     * The items border radius
-     */
-    itemBorderRadius?: number | undefined;
-    /**
-     * Props passed to the 'show less' button
-     */
-    buttonProps?: ButtonProps | undefined;
-    /**
-     * A callback for item press
-     */
-    onItemPress?: ((index: number) => void) | undefined;
-    /**
-     * A callback for collapse state will change (value is future collapsed state)
-     */
-    onCollapseWillChange?: ((changed: boolean) => void) | undefined;
-    /**
-     * A callback for collapse state change (value is collapsed state)
-     */
-    onCollapseChanged?: ((changed: boolean) => void) | undefined;
-    /**
-     * A setting that disables the cards' onPress
-     */
-    disablePresses?: boolean | undefined;
-} & React.RefAttributes<any>>;
-export default _default;

package/src/components/stateScreen/index.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { StateScreenProps } from './types';
-export { StateScreenProps };
-declare const _default: React.ForwardRefExoticComponent<StateScreenProps & React.RefAttributes<any>>;
-export default _default;

package/src/components/stateScreen/types.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-import { ImageURISource } from 'react-native';
-export type StateScreenProps = {
-    /**
-     * The image source that's showing at the top. use an image that was required locally
-     */
-    imageSource?: ImageURISource;
-    source?: ImageURISource;
-    /**
-     * To to show as the title
-     */
-    title: string;
-    /**
-     * Text to to show as the subtitle
-     */
-    subtitle?: string | React.ReactNode;
-    /**
-     * Text to to show in the "call to action" button
-     */
-    ctaLabel?: string;
-    /**
-     * Action handler for "call to action" button
-     */
-    onCtaPress?: () => void;
-    /**
-     * Use to identify the container in tests
-     */
-    testId?: string;
-    testID?: string;
-};

package/src/components/stepper/index.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-export type StepperType = 'default' | 'floating';
-interface Props {
-    /**
-     * Stepper style type
-     */
-    type?: StepperType;
-    /**
-     * Stepper value.
-     */
-    value?: number;
-    /**
-     * Minimum value.
-     */
-    minValue?: number;
-    /**
-     * Maximum value.
-     */
-    maxValue?: number;
-    /**
-     * The step to increase and decrease by (default is 1)
-     */
-    step?: number;
-    /**
-     * On value change callback function
-     */
-    onValueChange?: (value: number, testID?: string) => void;
-    /**
-     * disables interaction with the stepper
-     */
-    disabled?: boolean;
-    /**
-     * Renders a small sized Stepper
-     */
-    small?: boolean;
-    /**
-     * Component accessibility label
-     */
-    accessibilityLabel?: string;
-    /**
-     * Test id for component
-     */
-    testID?: string;
-}
-export type StepperProps = Props;
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
-export default _default;

package/src/components/svgImage/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface SvgImageProps {
-    /**
-     * the asset tint
-     */
-    tintColor?: string | null;
-    data: any;
-}
-declare function SvgImage(props: SvgImageProps): React.JSX.Element | null;
-declare namespace SvgImage {
-    var displayName: string;
-    var isSvg: typeof import("../../utils/imageUtils").isSvg;
-}
-export default SvgImage;

package/src/components/svgImage/index.web.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-export interface SvgImageProps {
-    /**
-     * the asset tint
-     */
-    tintColor?: string | null;
-    data: any;
-    style?: object[];
-    height?: number;
-    width?: number;
-    id?: string;
-}
-declare function SvgImage(props: SvgImageProps): React.JSX.Element | null;
-declare namespace SvgImage {
-    var displayName: string;
-    var isSvg: typeof import("../../utils/imageUtils").isSvg;
-}
-export default SvgImage;