react-native-ui-lib 8.1.1 → 8.1.5

package/src/components/picker/helpers/useFieldType.d.ts

@@ -0,0 +1,373 @@
+import React from 'react';
+import { PickerProps } from '../types';
+type UseFieldTypeProps = Pick<PickerProps, 'fieldType' | 'preset' | 'trailingAccessory' | 'value' | 'label' | 'placeholder' | 'style' | 'labelStyle' | 'testID'>;
+declare const useFieldType: (props: UseFieldTypeProps) => {
+    propsByFieldType: {
+        preset: string | null;
+        containerStyle: {
+            flexDirection: string;
+        };
+        label: string | undefined;
+        labelStyle: {
+            color: string;
+            fontFamily?: string | undefined;
+            fontSize?: number | undefined;
+            fontStyle?: "normal" | "italic" | undefined;
+            fontWeight?: "black" | 900 | 600 | "light" | 100 | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 200 | 300 | 400 | 500 | 700 | 800 | "ultralight" | "thin" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | undefined;
+            letterSpacing?: number | undefined;
+            lineHeight?: number | undefined;
+            textAlign?: "auto" | "left" | "right" | "center" | "justify" | undefined;
+            textDecorationLine?: "none" | "underline" | "line-through" | "underline line-through" | undefined;
+            textDecorationStyle?: "solid" | "double" | "dotted" | "dashed" | undefined;
+            textDecorationColor?: import("react-native/types").ColorValue | undefined;
+            textShadowColor?: import("react-native/types").ColorValue | undefined;
+            textShadowOffset?: {
+                width: number;
+                height: number;
+            } | undefined;
+            textShadowRadius?: number | undefined;
+            textTransform?: "none" | "capitalize" | "uppercase" | "lowercase" | undefined;
+            userSelect?: "auto" | "none" | "text" | "contain" | "all" | undefined;
+            fontVariant?: import("react-native/types").FontVariant[] | undefined;
+            writingDirection?: "auto" | "ltr" | "rtl" | undefined;
+            backfaceVisibility?: "visible" | "hidden" | undefined;
+            backgroundColor?: import("react-native/types").ColorValue | undefined;
+            borderBlockColor?: import("react-native/types").ColorValue | undefined;
+            borderBlockEndColor?: import("react-native/types").ColorValue | undefined;
+            borderBlockStartColor?: import("react-native/types").ColorValue | undefined;
+            borderBottomColor?: import("react-native/types").ColorValue | undefined;
+            borderBottomEndRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderBottomLeftRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderBottomRightRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderBottomStartRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderColor?: import("react-native/types").ColorValue | undefined;
+            borderCurve?: "circular" | "continuous" | undefined;
+            borderEndColor?: import("react-native/types").ColorValue | undefined;
+            borderEndEndRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderEndStartRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderLeftColor?: import("react-native/types").ColorValue | undefined;
+            borderRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderRightColor?: import("react-native/types").ColorValue | undefined;
+            borderStartColor?: import("react-native/types").ColorValue | undefined;
+            borderStartEndRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderStartStartRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderStyle?: "solid" | "dotted" | "dashed" | undefined;
+            borderTopColor?: import("react-native/types").ColorValue | undefined;
+            borderTopEndRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderTopLeftRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderTopRightRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            borderTopStartRadius?: string | import("react-native/types").AnimatableNumericValue | undefined;
+            outlineColor?: import("react-native/types").ColorValue | undefined;
+            outlineOffset?: import("react-native/types").AnimatableNumericValue | undefined;
+            outlineStyle?: "solid" | "dotted" | "dashed" | undefined;
+            outlineWidth?: import("react-native/types").AnimatableNumericValue | undefined;
+            opacity?: import("react-native/types").AnimatableNumericValue | undefined;
+            elevation?: number | undefined;
+            pointerEvents?: "auto" | "none" | "box-none" | "box-only" | undefined;
+            isolation?: "auto" | "isolate" | undefined;
+            cursor?: import("react-native/types").CursorValue | undefined;
+            boxShadow?: string | readonly import("react-native/types").BoxShadowValue[] | undefined;
+            filter?: string | readonly import("react-native/types").FilterFunction[] | undefined;
+            mixBlendMode?: import("react-native/types").BlendMode | undefined;
+            experimental_backgroundImage?: string | readonly import("react-native/types").GradientValue[] | undefined;
+            alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined;
+            alignItems?: import("react-native/types").FlexAlignType | undefined;
+            alignSelf?: "auto" | import("react-native/types").FlexAlignType | undefined;
+            aspectRatio?: string | number | undefined;
+            borderBottomWidth?: number | undefined;
+            borderEndWidth?: number | undefined;
+            borderLeftWidth?: number | undefined;
+            borderRightWidth?: number | undefined;
+            borderStartWidth?: number | undefined;
+            borderTopWidth?: number | undefined;
+            borderWidth?: number | undefined;
+            bottom?: import("react-native/types").DimensionValue | undefined;
+            boxSizing?: "border-box" | "content-box" | undefined;
+            display?: "none" | "flex" | "contents" | undefined;
+            end?: import("react-native/types").DimensionValue | undefined;
+            flex?: number | undefined;
+            flexBasis?: import("react-native/types").DimensionValue | undefined;
+            flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
+            rowGap?: string | number | undefined;
+            gap?: string | number | undefined;
+            columnGap?: string | number | undefined;
+            flexGrow?: number | undefined;
+            flexShrink?: number | undefined;
+            flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+            height?: import("react-native/types").DimensionValue | undefined;
+            justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
+            left?: import("react-native/types").DimensionValue | undefined;
+            margin?: import("react-native/types").DimensionValue | undefined;
+            marginBottom?: import("react-native/types").DimensionValue | undefined;
+            marginEnd?: import("react-native/types").DimensionValue | undefined;
+            marginHorizontal?: import("react-native/types").DimensionValue | undefined;
+            marginLeft?: import("react-native/types").DimensionValue | undefined;
+            marginRight?: import("react-native/types").DimensionValue | undefined;
+            marginStart?: import("react-native/types").DimensionValue | undefined;
+            marginTop?: import("react-native/types").DimensionValue | undefined;
+            marginVertical?: import("react-native/types").DimensionValue | undefined;
+            maxHeight?: import("react-native/types").DimensionValue | undefined;
+            maxWidth?: import("react-native/types").DimensionValue | undefined;
+            minHeight?: import("react-native/types").DimensionValue | undefined;
+            minWidth?: import("react-native/types").DimensionValue | undefined;
+            overflow?: "visible" | "hidden" | "scroll" | undefined;
+            padding?: import("react-native/types").DimensionValue | undefined;
+            paddingBottom?: import("react-native/types").DimensionValue | undefined;
+            paddingEnd?: import("react-native/types").DimensionValue | undefined;
+            paddingHorizontal?: import("react-native/types").DimensionValue | undefined;
+            paddingLeft?: import("react-native/types").DimensionValue | undefined;
+            paddingRight?: import("react-native/types").DimensionValue | undefined;
+            paddingStart?: import("react-native/types").DimensionValue | undefined;
+            paddingTop?: import("react-native/types").DimensionValue | undefined;
+            paddingVertical?: import("react-native/types").DimensionValue | undefined;
+            position?: "absolute" | "relative" | "static" | undefined;
+            right?: import("react-native/types").DimensionValue | undefined;
+            start?: import("react-native/types").DimensionValue | undefined;
+            top?: import("react-native/types").DimensionValue | undefined;
+            width?: import("react-native/types").DimensionValue | undefined;
+            zIndex?: number | undefined;
+            direction?: "ltr" | "rtl" | "inherit" | undefined;
+            inset?: import("react-native/types").DimensionValue | undefined;
+            insetBlock?: import("react-native/types").DimensionValue | undefined;
+            insetBlockEnd?: import("react-native/types").DimensionValue | undefined;
+            insetBlockStart?: import("react-native/types").DimensionValue | undefined;
+            insetInline?: import("react-native/types").DimensionValue | undefined;
+            insetInlineEnd?: import("react-native/types").DimensionValue | undefined;
+            insetInlineStart?: import("react-native/types").DimensionValue | undefined;
+            marginBlock?: import("react-native/types").DimensionValue | undefined;
+            marginBlockEnd?: import("react-native/types").DimensionValue | undefined;
+            marginBlockStart?: import("react-native/types").DimensionValue | undefined;
+            marginInline?: import("react-native/types").DimensionValue | undefined;
+            marginInlineEnd?: import("react-native/types").DimensionValue | undefined;
+            marginInlineStart?: import("react-native/types").DimensionValue | undefined;
+            paddingBlock?: import("react-native/types").DimensionValue | undefined;
+            paddingBlockEnd?: import("react-native/types").DimensionValue | undefined;
+            paddingBlockStart?: import("react-native/types").DimensionValue | undefined;
+            paddingInline?: import("react-native/types").DimensionValue | undefined;
+            paddingInlineEnd?: import("react-native/types").DimensionValue | undefined;
+            paddingInlineStart?: import("react-native/types").DimensionValue | undefined;
+            shadowColor?: import("react-native/types").ColorValue | undefined;
+            shadowOffset?: Readonly<{
+                width: number;
+                height: number;
+            }> | undefined;
+            shadowOpacity?: import("react-native/types").AnimatableNumericValue | undefined;
+            shadowRadius?: number | undefined;
+            transform?: string | readonly (({
+                perspective: import("react-native/types").AnimatableNumericValue;
+            } & {
+                rotate?: undefined;
+                rotateX?: undefined;
+                rotateY?: undefined;
+                rotateZ?: undefined;
+                scale?: undefined;
+                scaleX?: undefined;
+                scaleY?: undefined;
+                translateX?: undefined;
+                translateY?: undefined;
+                skewX?: undefined;
+                skewY?: undefined;
+                matrix?: undefined;
+            }) | ({
+                rotate: import("react-native/types").AnimatableStringValue;
+            } & {
+                perspective?: undefined;
+                rotateX?: undefined;
+                rotateY?: undefined;
+                rotateZ?: undefined;
+                scale?: undefined;
+                scaleX?: undefined;
+                scaleY?: undefined;
+                translateX?: undefined;
+                translateY?: undefined;
+                skewX?: undefined;
+                skewY?: undefined;
+                matrix?: undefined;
+            }) | ({
+                rotateX: import("react-native/types").AnimatableStringValue;
+            } & {
+                perspective?: undefined;
+                rotate?: undefined;
+                rotateY?: undefined;
+                rotateZ?: undefined;
+                scale?: undefined;
+                scaleX?: undefined;
+                scaleY?: undefined;
+                translateX?: undefined;
+                translateY?: undefined;
+                skewX?: undefined;
+                skewY?: undefined;
+                matrix?: undefined;
+            }) | ({
+                rotateY: import("react-native/types").AnimatableStringValue;
+            } & {
+                perspective?: undefined;
+                rotate?: undefined;
+                rotateX?: undefined;
+                rotateZ?: undefined;
+                scale?: undefined;
+                scaleX?: undefined;
+                scaleY?: undefined;
+                translateX?: undefined;
+                translateY?: undefined;
+                skewX?: undefined;
+                skewY?: undefined;
+                matrix?: undefined;
+            }) | ({
+                rotateZ: import("react-native/types").AnimatableStringValue;
+            } & {
+                perspective?: undefined;
+                rotate?: undefined;
+                rotateX?: undefined;
+                rotateY?: undefined;
+                scale?: undefined;
+                scaleX?: undefined;
+                scaleY?: undefined;
+                translateX?: undefined;
+                translateY?: undefined;
+                skewX?: undefined;
+                skewY?: undefined;
+                matrix?: undefined;
+            }) | ({
+                scale: import("react-native/types").AnimatableNumericValue;
+            } & {
+                perspective?: undefined;
+                rotate?: undefined;
+                rotateX?: undefined;
+                rotateY?: undefined;
+                rotateZ?: undefined;
+                scaleX?: undefined;
+                scaleY?: undefined;
+                translateX?: undefined;
+                translateY?: undefined;
+                skewX?: undefined;
+                skewY?: undefined;
+                matrix?: undefined;
+            }) | ({
+                scaleX: import("react-native/types").AnimatableNumericValue;
+            } & {
+                perspective?: undefined;
+                rotate?: undefined;
+                rotateX?: undefined;
+                rotateY?: undefined;
+                rotateZ?: undefined;
+                scale?: undefined;
+                scaleY?: undefined;
+                translateX?: undefined;
+                translateY?: undefined;
+                skewX?: undefined;
+                skewY?: undefined;
+                matrix?: undefined;
+            }) | ({
+                scaleY: import("react-native/types").AnimatableNumericValue;
+            } & {
+                perspective?: undefined;
+                rotate?: undefined;
+                rotateX?: undefined;
+                rotateY?: undefined;
+                rotateZ?: undefined;
+                scale?: undefined;
+                scaleX?: undefined;
+                translateX?: undefined;
+                translateY?: undefined;
+                skewX?: undefined;
+                skewY?: undefined;
+                matrix?: undefined;
+            }) | ({
+                translateX: import("react-native/types").AnimatableNumericValue | `${number}%`;
+            } & {
+                perspective?: undefined;
+                rotate?: undefined;
+                rotateX?: undefined;
+                rotateY?: undefined;
+                rotateZ?: undefined;
+                scale?: undefined;
+                scaleX?: undefined;
+                scaleY?: undefined;
+                translateY?: undefined;
+                skewX?: undefined;
+                skewY?: undefined;
+                matrix?: undefined;
+            }) | ({
+                translateY: import("react-native/types").AnimatableNumericValue | `${number}%`;
+            } & {
+                perspective?: undefined;
+                rotate?: undefined;
+                rotateX?: undefined;
+                rotateY?: undefined;
+                rotateZ?: undefined;
+                scale?: undefined;
+                scaleX?: undefined;
+                scaleY?: undefined;
+                translateX?: undefined;
+                skewX?: undefined;
+                skewY?: undefined;
+                matrix?: undefined;
+            }) | ({
+                skewX: import("react-native/types").AnimatableStringValue;
+            } & {
+                perspective?: undefined;
+                rotate?: undefined;
+                rotateX?: undefined;
+                rotateY?: undefined;
+                rotateZ?: undefined;
+                scale?: undefined;
+                scaleX?: undefined;
+                scaleY?: undefined;
+                translateX?: undefined;
+                translateY?: undefined;
+                skewY?: undefined;
+                matrix?: undefined;
+            }) | ({
+                skewY: import("react-native/types").AnimatableStringValue;
+            } & {
+                perspective?: undefined;
+                rotate?: undefined;
+                rotateX?: undefined;
+                rotateY?: undefined;
+                rotateZ?: undefined;
+                scale?: undefined;
+                scaleX?: undefined;
+                scaleY?: undefined;
+                translateX?: undefined;
+                translateY?: undefined;
+                skewX?: undefined;
+                matrix?: undefined;
+            }) | ({
+                matrix: import("react-native/types").AnimatableNumericValue[];
+            } & {
+                perspective?: undefined;
+                rotate?: undefined;
+                rotateX?: undefined;
+                rotateY?: undefined;
+                rotateZ?: undefined;
+                scale?: undefined;
+                scaleX?: undefined;
+                scaleY?: undefined;
+                translateX?: undefined;
+                translateY?: undefined;
+                skewX?: undefined;
+                skewY?: undefined;
+            }))[] | undefined;
+            transformOrigin?: string | (string | number)[] | undefined;
+            transformMatrix?: number[] | undefined;
+            rotation?: import("react-native/types").AnimatableNumericValue | undefined;
+            scaleX?: import("react-native/types").AnimatableNumericValue | undefined;
+            scaleY?: import("react-native/types").AnimatableNumericValue | undefined;
+            translateX?: import("react-native/types").AnimatableNumericValue | undefined;
+            translateY?: import("react-native/types").AnimatableNumericValue | undefined;
+            textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
+            verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
+            includeFontPadding?: boolean | undefined;
+        };
+        trailingAccessory: React.JSX.Element;
+    } | {
+        preset: string | null;
+        label: undefined;
+        containerStyle?: undefined;
+        labelStyle?: undefined;
+        trailingAccessory?: undefined;
+    } | undefined;
+    pickerInnerInput: React.JSX.Element | undefined;
+};
+export default useFieldType;

package/src/components/picker/helpers/useImperativePickerHandle.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ExpandableOverlayMethods } from '../../../incubator/expandableOverlay';
+import { TextFieldMethods } from '../../textField';
+declare const useImperativePickerHandle: (ref: React.Ref<any>, expandableRef: React.MutableRefObject<ExpandableOverlayMethods | null>) => React.MutableRefObject<TextFieldMethods | undefined>;
+export default useImperativePickerHandle;

package/src/components/picker/helpers/useNewPickerProps.d.ts

@@ -0,0 +1,3 @@
+import { PickerProps } from '../types';
+declare const useNewPickerProps: (props: PickerProps) => PickerProps;
+export default useNewPickerProps;

package/src/components/picker/helpers/usePickerLabel.d.ts

@@ -0,0 +1,17 @@
+import { PickerProps, PickerValue } from '../types';
+interface UsePickerLabelProps extends Pick<PickerProps, 'value' | 'getLabel' | 'placeholder' | 'accessibilityLabel' | 'accessibilityHint'> {
+    items: {
+        value: string | number;
+        label: string;
+    }[] | null | undefined;
+}
+declare const usePickerLabel: (props: UsePickerLabelProps) => {
+    getLabelsFromArray: (value: PickerValue) => string;
+    getLabel: (value: PickerValue) => string | undefined;
+    accessibilityInfo: {
+        accessibilityLabel: string;
+        accessibilityHint: string;
+    };
+    label: string;
+};
+export default usePickerLabel;

package/src/components/picker/helpers/usePickerMigrationWarnings.d.ts

@@ -0,0 +1,4 @@
+import { PickerProps } from '../types';
+type UsePickerMigrationWarnings = Pick<PickerProps, 'children' | 'onShow'>;
+declare const usePickerMigrationWarnings: (props: UsePickerMigrationWarnings) => void;
+export default usePickerMigrationWarnings;

package/src/components/picker/helpers/usePickerSearch.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { PickerProps } from '../types';
+type UsePickerSearchProps = Pick<PickerProps, 'showSearch' | 'onSearchChange' | 'children' | 'items'>;
+declare const usePickerSearch: (props: UsePickerSearchProps) => {
+    setSearchValue: import("react").Dispatch<import("react").SetStateAction<string>>;
+    onSearchChange: (searchValue: string) => void;
+    filteredItems: any;
+};
+export default usePickerSearch;

package/src/components/picker/helpers/usePickerSelection.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+import { PickerProps, PickerValue, PickerSingleValue, PickerMultiValue } from '../types';
+interface UsePickerSelectionProps extends Pick<PickerProps, 'value' | 'onChange' | 'topBarProps' | 'mode' | 'items'> {
+    pickerExpandableRef: RefObject<any>;
+    setSearchValue: (searchValue: string) => void;
+}
+declare const usePickerSelection: (props: UsePickerSelectionProps) => {
+    multiDraftValue: PickerMultiValue;
+    onDoneSelecting: (item: PickerValue) => void;
+    toggleItemSelection: (item: PickerSingleValue) => void;
+    cancelSelect: () => void;
+    areAllItemsSelected: boolean;
+    selectedCount: number;
+    toggleAllItemsSelection: (selectAll: boolean) => void;
+};
+export default usePickerSelection;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import PickerItem from './PickerItem';
+import { extractPickerItems } from './PickerPresenter';
+import { PickerProps, PickerItemProps, PickerValue, PickerModes, PickerFieldTypes, PickerSearchStyle, RenderCustomModalProps, PickerItemsListProps, PickerMethods, PickerSelectionStatusProps } from './types';
+type PickerStatics = {
+    Item: typeof PickerItem;
+    modes: typeof PickerModes;
+    fieldTypes: typeof PickerFieldTypes;
+    extractPickerItems: typeof extractPickerItems;
+};
+declare const Picker: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<unknown>>;
+export { PickerProps, PickerItemProps, PickerValue, PickerModes, PickerFieldTypes, PickerSearchStyle, RenderCustomModalProps, PickerItemsListProps, PickerMethods, PickerSelectionStatusProps };
+export { Picker };
+declare const _default: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<unknown>> & PickerStatics;
+export default _default;