@xaui/native 0.2.8 → 0.9.1-alpha.1

package/dist/chunk-YIEUN3G5.cjs

@@ -1,384 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
-
-var _chunk7UFBLUMVcjs = require('./chunk-7UFBLUMV.cjs');
-
-// src/components/indicator/indicator.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _reactnative = require('react-native');
-
-// src/components/indicator/circular-activity-indicator.tsx
-
-
-
-// src/components/indicator/indicator.style.ts
-
-var styles = _reactnative.StyleSheet.create({
-  container: {
-    flexShrink: 1,
-    flexBasis: "auto",
-    width: "100%",
-    justifyContent: "center"
-  },
-  layer: {
-    ..._reactnative.StyleSheet.absoluteFillObject,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  track: {
-    width: "100%",
-    overflow: "hidden"
-  },
-  progress: {
-    height: "100%"
-  }
-});
-
-// src/components/indicator/circular-activity-indicator.tsx
-var _core = require('@xaui/core');
-var DURATION = 1800;
-var CircularActivityIndicator = ({
-  size = 40,
-  themeColor = "primary",
-  color,
-  backgroundColor,
-  disableAnimation = false,
-  showTrack = true
-}) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const { current: timer } = _react.useRef.call(void 0, new _reactnative.Animated.Value(0));
-  const rotation = _react.useRef.call(void 0, void 0);
-  const startRotation = _react2.default.useCallback(() => {
-    if (rotation.current) {
-      timer.setValue(0);
-      _reactnative.Animated.loop(rotation.current).start();
-    }
-  }, [timer]);
-  const stopRotation = () => {
-    if (rotation.current) rotation.current.stop();
-  };
-  _react.useEffect.call(void 0, () => {
-    if (rotation.current === void 0) {
-      rotation.current = _reactnative.Animated.timing(timer, {
-        duration: DURATION,
-        easing: _reactnative.Easing.linear,
-        useNativeDriver: _reactnative.Platform.OS !== "web",
-        toValue: 1
-      });
-    }
-    if (!disableAnimation) startRotation();
-    else stopRotation();
-  }, [disableAnimation, startRotation, timer]);
-  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  const mainColor = color || colorScheme.main;
-  const trackColor = showTrack ? _nullishCoalesce(backgroundColor, () => ( colorScheme.container)) : "transparent";
-  const strokeWidth = size * 0.1;
-  const frames = 60 * DURATION / 1e3;
-  const easing = _reactnative.Easing.bezier(0.4, 0, 0.7, 1);
-  const containerStyle = {
-    width: size,
-    height: size / 2,
-    overflow: "hidden"
-  };
-  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, { width: size, height: size }] }, /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.View,
-    {
-      style: {
-        width: size,
-        height: size,
-        borderRadius: size / 2,
-        borderWidth: strokeWidth,
-        borderColor: trackColor
-      }
-    }
-  ), /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.View,
-    {
-      style: {
-        width: size,
-        height: size,
-        position: "absolute"
-      }
-    },
-    [0, 1].map((index) => {
-      const inputRange = Array.from(
-        new Array(frames),
-        (_, frameIndex) => frameIndex / (frames - 1)
-      );
-      const outputRange = Array.from(new Array(frames), (_, frameIndex) => {
-        let progress = 2 * frameIndex / (frames - 1);
-        const rotationValue = index ? +(360 - 15) : -(180 - 15);
-        if (progress > 1) {
-          progress = 2 - progress;
-        }
-        const direction = index ? -1 : 1;
-        return `${direction * (180 - 30) * easing(progress) + rotationValue}deg`;
-      });
-      const layerStyle = {
-        width: size,
-        height: size,
-        transform: [
-          {
-            rotate: timer.interpolate({
-              inputRange: [0, 1],
-              outputRange: [`${0 + 30 + 15}deg`, `${2 * 360 + 30 + 15}deg`]
-            })
-          }
-        ]
-      };
-      const viewportStyle = {
-        width: size,
-        height: size,
-        transform: [
-          { translateY: index ? -size / 2 : 0 },
-          {
-            rotate: timer.interpolate({ inputRange, outputRange })
-          }
-        ]
-      };
-      const offsetStyle = index ? { top: size / 2 } : null;
-      const lineStyle = {
-        width: size,
-        height: size,
-        borderColor: mainColor,
-        borderWidth: strokeWidth,
-        borderRadius: size / 2
-      };
-      return /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { key: index, style: [styles.layer] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: layerStyle }, /* @__PURE__ */ _react2.default.createElement(
-        _reactnative.Animated.View,
-        {
-          style: [containerStyle, offsetStyle],
-          collapsable: false
-        },
-        /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: viewportStyle }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: containerStyle, collapsable: false }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: lineStyle })))
-      )));
-    })
-  ));
-};
-
-// src/components/indicator/linear-activity-indicator.tsx
-
-
-var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
-
-// src/components/indicator/indicator.hook.ts
-
-
-
-
-
-
-
-
-
-var useLinearActivityIndicatorAnimation = (disableAnimation) => {
-  const primaryTranslateX = _reactnativereanimated.useSharedValue.call(void 0, 0);
-  const primaryScaleX = _reactnativereanimated.useSharedValue.call(void 0, 0.08);
-  const secondaryTranslateX = _reactnativereanimated.useSharedValue.call(void 0, 0);
-  const secondaryScaleX = _reactnativereanimated.useSharedValue.call(void 0, 0.08);
-  _react.useEffect.call(void 0, () => {
-    if (disableAnimation) {
-      _reactnativereanimated.cancelAnimation.call(void 0, primaryTranslateX);
-      _reactnativereanimated.cancelAnimation.call(void 0, primaryScaleX);
-      _reactnativereanimated.cancelAnimation.call(void 0, secondaryTranslateX);
-      _reactnativereanimated.cancelAnimation.call(void 0, secondaryScaleX);
-      return;
-    }
-    primaryTranslateX.value = _reactnativereanimated.withRepeat.call(void 0, 
-      _reactnativereanimated.withSequence.call(void 0, 
-        _reactnativereanimated.withTiming.call(void 0, 0, { duration: 0 }),
-        _reactnativereanimated.withTiming.call(void 0, 0, { duration: 400, easing: _reactnativereanimated.Easing.linear }),
-        _reactnativereanimated.withTiming.call(void 0, 0.836714, {
-          duration: 783,
-          easing: _reactnativereanimated.Easing.bezier(0.5, 0, 0.701732, 0.495819)
-        }),
-        _reactnativereanimated.withTiming.call(void 0, 2.00611, {
-          duration: 817,
-          easing: _reactnativereanimated.Easing.bezier(0.302435, 0.381352, 0.55, 0.956352)
-        })
-      ),
-      -1,
-      false
-    );
-    primaryScaleX.value = _reactnativereanimated.withRepeat.call(void 0, 
-      _reactnativereanimated.withSequence.call(void 0, 
-        _reactnativereanimated.withTiming.call(void 0, 0.08, { duration: 0 }),
-        _reactnativereanimated.withTiming.call(void 0, 0.08, { duration: 733, easing: _reactnativereanimated.Easing.linear }),
-        _reactnativereanimated.withTiming.call(void 0, 0.661479, {
-          duration: 650,
-          easing: _reactnativereanimated.Easing.bezier(0.334731, 0.12482, 0.785844, 1)
-        }),
-        _reactnativereanimated.withTiming.call(void 0, 0.08, {
-          duration: 617,
-          easing: _reactnativereanimated.Easing.bezier(0.06, 0.11, 0.6, 1)
-        })
-      ),
-      -1,
-      false
-    );
-    secondaryTranslateX.value = _reactnativereanimated.withRepeat.call(void 0, 
-      _reactnativereanimated.withSequence.call(void 0, 
-        _reactnativereanimated.withTiming.call(void 0, 0, { duration: 0 }),
-        _reactnativereanimated.withTiming.call(void 0, 0.376519, {
-          duration: 500,
-          easing: _reactnativereanimated.Easing.bezier(0.15, 0, 0.515058, 0.409685)
-        }),
-        _reactnativereanimated.withTiming.call(void 0, 0.843862, {
-          duration: 467,
-          easing: _reactnativereanimated.Easing.bezier(0.31033, 0.284058, 0.8, 0.733712)
-        }),
-        _reactnativereanimated.withTiming.call(void 0, 1.60278, {
-          duration: 1033,
-          easing: _reactnativereanimated.Easing.bezier(0.4, 0.627035, 0.6, 0.902026)
-        })
-      ),
-      -1,
-      false
-    );
-    secondaryScaleX.value = _reactnativereanimated.withRepeat.call(void 0, 
-      _reactnativereanimated.withSequence.call(void 0, 
-        _reactnativereanimated.withTiming.call(void 0, 0.08, { duration: 0 }),
-        _reactnativereanimated.withTiming.call(void 0, 0.457104, {
-          duration: 383,
-          easing: _reactnativereanimated.Easing.bezier(0.205028, 0.057051, 0.57661, 0.453971)
-        }),
-        _reactnativereanimated.withTiming.call(void 0, 0.72796, {
-          duration: 500,
-          easing: _reactnativereanimated.Easing.bezier(0.152313, 0.196432, 0.648374, 1.00432)
-        }),
-        _reactnativereanimated.withTiming.call(void 0, 0.08, {
-          duration: 1117,
-          easing: _reactnativereanimated.Easing.bezier(0.257759, -3163e-6, 0.211762, 1.38179)
-        })
-      ),
-      -1,
-      false
-    );
-    return () => {
-      _reactnativereanimated.cancelAnimation.call(void 0, primaryTranslateX);
-      _reactnativereanimated.cancelAnimation.call(void 0, primaryScaleX);
-      _reactnativereanimated.cancelAnimation.call(void 0, secondaryTranslateX);
-      _reactnativereanimated.cancelAnimation.call(void 0, secondaryScaleX);
-    };
-  }, [disableAnimation]);
-  return {
-    primaryTranslateX,
-    primaryScaleX,
-    secondaryTranslateX,
-    secondaryScaleX
-  };
-};
-
-// src/components/indicator/linear-activity-indicator.tsx
-var LinearActivityIndicator = ({
-  size = 4,
-  themeColor = "primary",
-  color,
-  backgroundColor,
-  disableAnimation = false,
-  borderRadius = 0,
-  showTrack = true
-}) => {
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const { primaryTranslateX, primaryScaleX, secondaryTranslateX, secondaryScaleX } = useLinearActivityIndicatorAnimation(disableAnimation);
-  const colorScheme = theme.colors[themeColor];
-  const mainColor = color || colorScheme.main;
-  const trackColor = showTrack ? _nullishCoalesce(backgroundColor, () => ( colorScheme.container)) : "transparent";
-  const barStyle = {
-    ..._reactnative.StyleSheet.absoluteFillObject,
-    backgroundColor: mainColor,
-    borderRadius
-  };
-  const primaryStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, () => ({
-    transform: [
-      { translateX: `${(primaryTranslateX.value - 1.45167) * 100}%` },
-      { scaleX: primaryScaleX.value }
-    ]
-  }));
-  const secondaryStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, () => ({
-    transform: [
-      { translateX: `${(secondaryTranslateX.value - 0.548889) * 100}%` },
-      { scaleX: secondaryScaleX.value }
-    ]
-  }));
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.View,
-    {
-      style: {
-        height: size,
-        width: "100%",
-        borderRadius,
-        backgroundColor: trackColor,
-        overflow: "hidden"
-      }
-    },
-    /* @__PURE__ */ _react2.default.createElement(_reactnativereanimated2.default.View, { style: [barStyle, primaryStyle] }),
-    /* @__PURE__ */ _react2.default.createElement(_reactnativereanimated2.default.View, { style: [barStyle, secondaryStyle] })
-  );
-};
-
-// src/components/indicator/indicator.tsx
-var ActivityIndicator = (props) => {
-  const {
-    variant = "circular",
-    themeColor = "primary",
-    color,
-    backgroundColor,
-    size,
-    disableAnimation = false,
-    borderRadius,
-    showTrack
-  } = props;
-  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
-  const colorScheme = theme.colors[themeColor];
-  const mainColor = _nullishCoalesce(color, () => ( colorScheme.main));
-  const trackColor = _nullishCoalesce(backgroundColor, () => ( (showTrack ? colorScheme.container : "transparent")));
-  if (variant === "circular") {
-    const circleSize = _nullishCoalesce(size, () => ( 40));
-    return /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.View,
-      {
-        style: [styles.container, { width: circleSize, height: circleSize }],
-        accessible: true,
-        accessibilityRole: "progressbar",
-        accessibilityLabel: "Loading"
-      },
-      /* @__PURE__ */ _react2.default.createElement(
-        CircularActivityIndicator,
-        {
-          size: circleSize,
-          themeColor,
-          color: mainColor,
-          backgroundColor: trackColor,
-          disableAnimation
-        }
-      )
-    );
-  }
-  const linearSize = _nullishCoalesce(size, () => ( 4));
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.View,
-    {
-      style: styles.container,
-      accessible: true,
-      accessibilityRole: "progressbar",
-      accessibilityLabel: "Loading"
-    },
-    /* @__PURE__ */ _react2.default.createElement(
-      LinearActivityIndicator,
-      {
-        size: linearSize,
-        themeColor,
-        color: mainColor,
-        backgroundColor: trackColor,
-        disableAnimation,
-        borderRadius,
-        showTrack
-      }
-    )
-  );
-};
-
-
-
-exports.ActivityIndicator = ActivityIndicator;