react-native-ui-lib 7.46.1 → 7.46.2-snapshot.7314

package/src/incubator/gradient/BorderGradient.js

@@ -0,0 +1,45 @@
+import React from 'react';
+import { LinearGradientPackage } from "../../optionalDependencies";
+const LinearGradient = LinearGradientPackage?.default;
+import View from "../../components/view";
+import Spacings from "../../style/spacings";
+import Colors from "../../style/colors";
+import useAngleTransform from "./useAngleTransform";
+const BorderGradient = props => {
+  const {
+    colors,
+    borderWidth = Spacings.s1,
+    borderRadius,
+    children,
+    width,
+    height,
+    angle,
+    ...others
+  } = props;
+  const innerWidth = width ? width - borderWidth * 2 : undefined;
+  const innerHeight = height ? height - borderWidth * 2 : undefined;
+  const {
+    start,
+    end
+  } = useAngleTransform({
+    angle
+  });
+  if (!LinearGradient) {
+    return null;
+  }
+  return <View width={width} height={height}>
+      <LinearGradient colors={colors} start={start} end={end} style={{
+      borderRadius
+    }}>
+        <View bg-white width={innerWidth} height={innerHeight} style={{
+        margin: borderWidth,
+        borderRadius,
+        borderWidth: 0,
+        borderColor: Colors.transparent
+      }} {...others}>
+          {children}
+        </View>
+      </LinearGradient>
+    </View>;
+};
+export default BorderGradient;

package/src/incubator/gradient/CircleGradient.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CircleGradientProps } from './types';
+declare const CircleGradient: (props: CircleGradientProps) => React.JSX.Element | null;
+export default CircleGradient;

package/src/incubator/gradient/CircleGradient.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { LinearGradientPackage } from "../../optionalDependencies";
+const LinearGradient = LinearGradientPackage?.default;
+import View from "../../components/view";
+import useAngleTransform from "./useAngleTransform";
+const CircleGradient = props => {
+  const {
+    colors,
+    radius,
+    angle,
+    children,
+    ...others
+  } = props;
+  const internalDiameter = radius ? radius * 2 : undefined;
+  const {
+    start,
+    end
+  } = useAngleTransform({
+    angle
+  });
+  if (!LinearGradient) {
+    return null;
+  }
+  return <View width={internalDiameter} height={internalDiameter} style={{
+    borderRadius: 999,
+    overflow: 'hidden'
+  }}>
+      <LinearGradient colors={colors} start={start} end={end}>
+        <View width={internalDiameter} height={internalDiameter} {...others}>
+          {children}
+        </View>
+      </LinearGradient>
+    </View>;
+};
+export default CircleGradient;

package/src/incubator/gradient/RectangleGradient.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RectangleGradientProps } from './types';
+declare const RectangleGradient: (props: RectangleGradientProps) => React.JSX.Element | null;
+export default RectangleGradient;

package/src/incubator/gradient/RectangleGradient.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { LinearGradientPackage } from "../../optionalDependencies";
+const LinearGradient = LinearGradientPackage?.default;
+import View from "../../components/view";
+import useAngleTransform from "./useAngleTransform";
+const RectangleGradient = props => {
+  const {
+    colors,
+    width,
+    height,
+    angle,
+    children,
+    ...others
+  } = props;
+  const {
+    start,
+    end
+  } = useAngleTransform({
+    angle
+  });
+  if (!LinearGradient) {
+    return null;
+  }
+  return <View width={width} height={height}>
+      <LinearGradient colors={colors} start={start} end={end}>
+        <View width={width} height={height} {...others}>
+          {children}
+        </View>
+      </LinearGradient>
+    </View>;
+};
+export default RectangleGradient;

package/src/incubator/gradient/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { GradientProps } from './types';
+export { GradientProps };
+declare const Gradient: (props: GradientProps) => React.JSX.Element | null;
+export default Gradient;

package/src/incubator/gradient/index.js

@@ -0,0 +1,31 @@
+import React, { useEffect } from 'react';
+import { LinearGradientPackage } from "../../optionalDependencies";
+const LinearGradient = LinearGradientPackage?.default;
+import { LogService } from "../../services";
+import { GradientProps } from "./types";
+import RectangleGradient from "./RectangleGradient";
+import CircleGradient from "./CircleGradient";
+import BorderGradient from "./BorderGradient";
+export { GradientProps };
+const Gradient = props => {
+  const {
+    type = 'rectangle',
+    ...others
+  } = props;
+  useEffect(() => {
+    if (LinearGradient === undefined) {
+      LogService.error(`RNUILib Gradient requires installing "react-native-linear-gradient" dependency`);
+    }
+  }, []);
+  switch (type) {
+    case 'rectangle':
+      return <RectangleGradient {...others} />;
+    case 'circle':
+      return <CircleGradient {...others} />;
+    case 'border':
+      return <BorderGradient {...others} />;
+    default:
+      return null;
+  }
+};
+export default Gradient;

package/src/incubator/gradient/types.d.ts

@@ -0,0 +1,26 @@
+import type { LinearGradientProps } from 'react-native-linear-gradient';
+type CommonGradientProps = Pick<LinearGradientProps, 'colors' | 'children'> & {
+    angle?: number;
+    center?: boolean;
+    centerH?: boolean;
+    centerV?: boolean;
+};
+export type GradientProps = ({
+    type: 'rectangle';
+} & RectangleGradientProps) | ({
+    type: 'circle';
+} & CircleGradientProps) | ({
+    type: 'border';
+} & BorderGradientProps);
+export type RectangleGradientProps = CommonGradientProps & {
+    width?: number;
+    height?: number;
+};
+export type CircleGradientProps = CommonGradientProps & {
+    radius: number;
+};
+export type BorderGradientProps = RectangleGradientProps & {
+    borderWidth?: number;
+    borderRadius?: number;
+};
+export {};

package/src/incubator/gradient/types.js

@@ -0,0 +1 @@
+export {};

package/src/incubator/gradient/useAngleTransform.d.ts

@@ -0,0 +1,27 @@
+declare function getStartEndFromAngle(angle?: number): {
+    start: {
+        x: number;
+        y: number;
+    };
+    end: {
+        x: number;
+        y: number;
+    };
+};
+export declare const _forTesting: {
+    getStartEndFromAngle: typeof getStartEndFromAngle;
+};
+export type AngleTransformProps = {
+    angle?: number;
+};
+declare const useAngleTransform: (props: AngleTransformProps) => {
+    start: {
+        x: number;
+        y: number;
+    };
+    end: {
+        x: number;
+        y: number;
+    };
+};
+export default useAngleTransform;

package/src/incubator/gradient/useAngleTransform.js

@@ -0,0 +1,72 @@
+import { useMemo } from 'react';
+const EPSILON = 1e-12;
+function getStartEndFromAngle(angle = 0) {
+  // Normalize angle to [0, 360)
+  let a = angle % 360;
+  if (a < 0) {
+    a += 360;
+  }
+  const rad = a * Math.PI / 180;
+
+  // Direction vector where 0deg points up, 90deg right, etc.
+  const vx = Math.sin(rad);
+  const vy = -Math.cos(rad);
+
+  // Distance from center (0.5,0.5) to box edge along v
+  const denomX = Math.abs(vx) > EPSILON ? 0.5 / Math.abs(vx) : Number.POSITIVE_INFINITY;
+  const denomY = Math.abs(vy) > EPSILON ? 0.5 / Math.abs(vy) : Number.POSITIVE_INFINITY;
+  const t = Math.min(denomX, denomY);
+  const cx = 0.5;
+  const cy = 0.5;
+  const end = {
+    x: cx + vx * t,
+    y: cy + vy * t
+  };
+  const start = {
+    x: cx - vx * t,
+    y: cy - vy * t
+  };
+
+  // Quantize to avoid tiny floating errors for canonical angles (0, 45, 90, ...).
+  const quantize = v => {
+    if (Math.abs(v - 0) < EPSILON) {
+      return 0;
+    }
+    if (Math.abs(v - 0.5) < EPSILON) {
+      return 0.5;
+    }
+    if (Math.abs(v - 1) < EPSILON) {
+      return 1;
+    }
+    // Clamp just in case of tiny over/underflows
+    if (v < 0) {
+      return 0;
+    }
+    if (v > 1) {
+      return 1;
+    }
+    return v;
+  };
+  return {
+    start: {
+      x: quantize(start.x),
+      y: quantize(start.y)
+    },
+    end: {
+      x: quantize(end.x),
+      y: quantize(end.y)
+    }
+  };
+}
+export const _forTesting = {
+  getStartEndFromAngle
+}; // exporting private functions for testing only
+
+const useAngleTransform = props => {
+  const {
+    angle
+  } = props;
+  const startEnd = useMemo(() => getStartEndFromAngle(angle), [angle]);
+  return startEnd;
+};
+export default useAngleTransform;

package/src/incubator/index.d.ts

@@ -3,8 +3,7 @@ export { default as ExpandableOverlay, ExpandableOverlayProps, ExpandableOverlay
 export { default as TextField, TextFieldProps, FieldContextType, TextFieldMethods, TextFieldRef, TextFieldValidationMessagePosition, TextFieldValidator } from '../components/textField';
 export { default as Toast, ToastProps, ToastPresets } from './toast';
 export { default as TouchableOpacity, TouchableOpacityProps } from './TouchableOpacity';
-export { default as PanView, PanViewProps, PanViewDirections, PanViewDismissThreshold } from './panView';
 export { default as Slider, SliderRef, SliderProps } from './slider';
-export { default as Dialog, DialogProps, DialogHeaderProps, DialogStatics, DialogImperativeMethods } from './dialog';
 export { default as ChipsInput, ChipsInputProps, ChipsInputChangeReason, ChipsInputChipProps } from '../components/chipsInput';
 export { default as WheelPicker, WheelPickerProps, WheelPickerItemProps, WheelPickerAlign, WheelPickerItemValue } from '../components/WheelPicker';
+export { default as Gradient, GradientProps } from './gradient';

package/src/incubator/index.js

@@ -4,9 +4,8 @@ export { default as ExpandableOverlay, ExpandableOverlayProps, ExpandableOverlay
 export { default as TextField, TextFieldProps, FieldContextType, TextFieldMethods, TextFieldRef, TextFieldValidationMessagePosition, TextFieldValidator } from "../components/textField";
 export { default as Toast, ToastProps, ToastPresets } from "./toast";
 export { default as TouchableOpacity, TouchableOpacityProps } from "./TouchableOpacity";
-export { default as PanView, PanViewProps, PanViewDirections, PanViewDismissThreshold } from "./panView";
 export { default as Slider, SliderRef, SliderProps } from "./slider";
-export { default as Dialog, DialogProps, DialogHeaderProps, DialogStatics, DialogImperativeMethods } from "./dialog";
 // TODO: delete exports after fully removing from private
 export { default as ChipsInput, ChipsInputProps, ChipsInputChangeReason, ChipsInputChipProps } from "../components/chipsInput";
-export { default as WheelPicker, WheelPickerProps, WheelPickerItemProps, WheelPickerAlign, WheelPickerItemValue } from "../components/WheelPicker";
+export { default as WheelPicker, WheelPickerProps, WheelPickerItemProps, WheelPickerAlign, WheelPickerItemValue } from "../components/WheelPicker";
+export { default as Gradient, GradientProps } from "./gradient";

package/src/incubator/toast/index.js

@@ -7,7 +7,7 @@ import View from "../../components/view";
 import Text from "../../components/text";
 import Icon from "../../components/icon";
 import Button from "../../components/button";
-import PanView from "../panView";
+import PanView from "../../components/panView";
 import { ToastProps, ToastPresets } from "./types";
 import useToastTimer from "./helpers/useToastTimer";
 import useToastPresets from "./helpers/useToastPresets";

package/src/index.d.ts

@@ -6,7 +6,7 @@ export * from 'uilib-native';
 export { asBaseComponent, Config, Constants, forwardRef, withScrollEnabler, WithScrollEnablerProps, withScrollReached, WithScrollReachedProps, UIComponent, BaseComponentInjectedProps, ForwardRefInjectedProps, ContainerModifiers, MarginModifiers, PaddingModifiers, TypographyModifiers, ColorsModifiers, BackgroundColorModifier } from './commons/new';
 export { BaseComponent, PureBaseComponent } from './commons';
 import * as Incubator from './incubator';
-export { ExpandableOverlayProps, ExpandableOverlayMethods, ToastProps, ToastPresets, PanViewProps, PanViewDirections, PanViewDismissThreshold } from './incubator';
+export { ExpandableOverlayProps, ExpandableOverlayMethods, ToastProps, ToastPresets } from './incubator';
 import * as Hooks from './hooks';
 import * as Modifiers from './commons/modifiers';
 export { default as LogService } from './services/LogService';
@@ -32,7 +32,7 @@ export { default as ColorSwatch, ColorSwatchProps, ColorInfo } from './component
 export { default as ConnectionStatusBar, ConnectionStatusBarProps } from './components/connectionStatusBar';
 export { default as Dash, DashProps } from './components/dash';
 export { default as DateTimePicker, DateTimePickerProps, DateTimePickerMode } from './components/dateTimePicker';
-export { default as Dialog, DialogProps, DialogDirections, DialogDirectionsEnum } from './components/dialog';
+export { default as Dialog, DialogProps, DialogHeaderProps, DialogStatics, DialogImperativeMethods, DialogDirections, DialogDirectionsEnum } from './components/dialog';
 export { default as Drawer, DrawerProps, DrawerItemProps } from './components/drawer';
 export { default as ExpandableSection, ExpandableSectionProps } from './components/expandableSection';
 export { default as Fader, FaderProps, FaderPosition } from './components/fader';
@@ -60,14 +60,8 @@ export { default as Modal, ModalProps, ModalTopBarProps } from './components/mod
 export { default as NumberInput, NumberInputProps, NumberInputData } from './components/numberInput';
 export { default as Overlay, OverlayTypes } from './components/overlay';
 export { default as PageControl, PageControlProps } from './components/pageControl';
-export { default as PanDismissibleView, PanDismissibleViewProps, DismissibleAnimationProps } from './components/panningViews/panDismissibleView';
-export { default as PanGestureView, PanGestureViewProps } from './components/panningViews/panGestureView';
-export { default as PanListenerView, PanListenerViewProps } from './components/panningViews/panListenerView';
-export { default as PanningContext } from './components/panningViews/panningContext';
-export { default as PanningProvider, PanningDirections, PanLocationProps, PanAmountsProps, PanDirectionsProps } from './components/panningViews/panningProvider';
-export { default as PanResponderView, PanResponderViewProps } from './components/panningViews/panResponderView';
-export { default as asPanViewConsumer } from './components/panningViews/asPanViewConsumer';
 export { default as Picker, PickerProps, PickerItemProps, PickerValue, PickerModes, PickerFieldTypes, PickerSearchStyle, RenderCustomModalProps, PickerItemsListProps, PickerMethods, PickerSelectionStatusProps } from './components/picker';
+export { default as PanView, PanViewProps, PanningDirections, PanningDirectionsEnum, PanViewDirections, PanViewDirectionsEnum, PanViewDismissThreshold } from './components/panView';
 export { default as PieChart, type PieChartProps, PieChartSegmentProps } from './components/pieChart';
 export { default as ProgressBar, ProgressBarProps } from './components/progressBar';
 export { default as ProgressiveImage, ProgressiveImageProps } from './components/progressiveImage';
@@ -79,7 +73,6 @@ export { default as ScrollBar, ScrollBarProps } from './components/scrollBar';
 export { default as SearchInput, SearchInputProps, SearchInputRef } from './components/searchInput';
 export { default as SectionsWheelPicker, SectionsWheelPickerProps } from './components/sectionsWheelPicker';
 export { default as SegmentedControl, SegmentedControlProps, SegmentedControlItemProps, SegmentedControlPreset } from './components/segmentedControl';
-export { default as SharedTransition } from './components/sharedTransition';
 export { default as SkeletonView, SkeletonViewProps } from './components/skeletonView';
 export { default as SortableGridList, SortableGridListProps } from './components/sortableGridList';
 export { default as SortableList, SortableListProps, SortableListItemProps } from './components/sortableList';