@draftbit/core 48.1.1-0e721c.2 → 48.1.1-131fc8.2

package/src/components/Progress/LinearProgress/LinearProgress.tsx

@@ -1,132 +0,0 @@
-import React from "react";
-import Svg, { Line, LineProps } from "react-native-svg";
-import Animated, {
-  useAnimatedProps,
-  useSharedValue,
-  withTiming,
-} from "react-native-reanimated";
-import {
-  DEFAULT_ANIMATION_DURATION,
-  ValueProgressProps,
-} from "../ProgressCommon";
-
-export const AnimatedLine = Animated.createAnimatedComponent(Line);
-
-export const LinearProgress: React.FC<ValueProgressProps> = ({
-  theme,
-  minimumValue = 0,
-  maximumValue = 100,
-  value = minimumValue,
-  thickness = 10,
-  trackThickness = thickness,
-  color = theme.colors.primary,
-  trackColor = theme.colors.divider,
-  trackOpacity = 1,
-  showTrack = true,
-  animationDuration = DEFAULT_ANIMATION_DURATION,
-  isAnimated = true,
-  lineCap = "round",
-  trackLineCap = lineCap,
-  dashWidth,
-  trackDashWidth,
-  dashGap,
-  trackDashGap,
-  dashOffset,
-  trackDashOffset,
-  customDashArray,
-  trackCustomDashArray,
-  onFullPathWidth,
-  style,
-  testID,
-}) => {
-  const [svgContainerWidth, setSvgContainerWidth] = React.useState(0);
-
-  const dashArray =
-    dashWidth !== undefined
-      ? `${dashWidth} ${dashGap || dashWidth}`
-      : undefined;
-  const trackDashArray =
-    trackDashWidth !== undefined
-      ? `${trackDashWidth} ${trackDashGap || trackDashWidth}`
-      : undefined;
-
-  const maxThickness = Math.max(thickness, trackThickness);
-  const thicknessOffset = maxThickness / 2; // This offset guarantees nothing is cut off by view bounds
-
-  const progressLineWidth = svgContainerWidth - thicknessOffset;
-  const trackProgressLineWidth = svgContainerWidth - thicknessOffset;
-
-  const currentFillPercentage = value / (maximumValue + minimumValue);
-  const currentProgressLineWidth = useSharedValue(
-    currentFillPercentage * progressLineWidth
-  );
-
-  const progressLineAnimatedProps = useAnimatedProps<LineProps>(() => {
-    const isBelowMinWidth = currentProgressLineWidth.value <= thicknessOffset;
-    return {
-      x2: Math.min(progressLineWidth, currentProgressLineWidth.value), //Prevents going beyond the max width
-      strokeOpacity: isBelowMinWidth ? 0.0 : 1.0,
-    };
-  });
-
-  React.useEffect(() => {
-    currentProgressLineWidth.value = withTiming(
-      progressLineWidth * currentFillPercentage,
-      {
-        duration: isAnimated ? animationDuration : 0,
-      }
-    );
-  }, [
-    value,
-    progressLineWidth,
-    currentFillPercentage,
-    animationDuration,
-    currentProgressLineWidth,
-    maximumValue,
-    minimumValue,
-    isAnimated,
-  ]);
-
-  return (
-    <Svg
-      testID={testID ?? "linear-progress-component"}
-      onLayout={(event) => {
-        const width = event.nativeEvent.layout.width;
-        setSvgContainerWidth(width);
-        onFullPathWidth?.(width);
-      }}
-      style={[
-        {
-          height: maxThickness,
-        },
-        style,
-      ]}
-    >
-      {showTrack && (
-        <Line
-          x1={thicknessOffset}
-          y1={thicknessOffset}
-          x2={trackProgressLineWidth}
-          y2={thicknessOffset}
-          stroke={trackColor}
-          strokeWidth={trackThickness}
-          strokeOpacity={trackOpacity}
-          strokeLinecap={trackLineCap}
-          strokeDasharray={trackCustomDashArray || trackDashArray}
-          strokeDashoffset={trackDashOffset}
-        />
-      )}
-      <AnimatedLine
-        animatedProps={progressLineAnimatedProps}
-        x1={thicknessOffset}
-        y1={thicknessOffset}
-        y2={thicknessOffset}
-        stroke={color}
-        strokeWidth={thickness}
-        strokeLinecap={lineCap}
-        strokeDasharray={customDashArray || dashArray}
-        strokeDashoffset={dashOffset}
-      />
-    </Svg>
-  );
-};

package/src/components/Progress/LinearProgress/index.js

@@ -1,14 +0,0 @@
-import React from "react";
-import IndeterminateProgress from "../IndeterminateProgress";
-import { LinearProgress as LinearProgressComponent } from "./LinearProgress";
-import { withTheme } from "../../../theming";
-const LinearProgress = (props) => {
-    if (props.indeterminate) {
-        return (React.createElement(IndeterminateProgress, { ProgressComponent: LinearProgressComponent, ...props }));
-    }
-    else {
-        return React.createElement(LinearProgressComponent, { ...props });
-    }
-};
-export default withTheme(LinearProgress);
-//# sourceMappingURL=index.js.map

package/src/components/Progress/LinearProgress/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,qBAAqB,MAAM,0BAA0B,CAAC;AAK7D,OAAO,EAAE,cAAc,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,cAAc,GAEhB,CAAC,KAAK,EAAE,EAAE;IACZ,IAAI,KAAK,CAAC,aAAa,EAAE;QACvB,OAAO,CACL,oBAAC,qBAAqB,IACpB,iBAAiB,EAAE,uBAAuB,KACtC,KAAK,GACT,CACH,CAAC;KACH;SAAM;QACL,OAAO,oBAAC,uBAAuB,OAAK,KAAK,GAAI,CAAC;KAC/C;AACH,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,cAAc,CAAC,CAAC"}

package/src/components/Progress/LinearProgress/index.tsx

@@ -1,25 +0,0 @@
-import React from "react";
-import IndeterminateProgress from "../IndeterminateProgress";
-import {
-  IndeterminateProgressProps,
-  ValueProgressProps,
-} from "../ProgressCommon";
-import { LinearProgress as LinearProgressComponent } from "./LinearProgress";
-import { withTheme } from "../../../theming";
-
-const LinearProgress: React.FC<
-  ValueProgressProps & IndeterminateProgressProps
-> = (props) => {
-  if (props.indeterminate) {
-    return (
-      <IndeterminateProgress
-        ProgressComponent={LinearProgressComponent}
-        {...props}
-      />
-    );
-  } else {
-    return <LinearProgressComponent {...props} />;
-  }
-};
-
-export default withTheme(LinearProgress);

package/src/components/Progress/ProgressCommon.js

@@ -1,2 +0,0 @@
-export const DEFAULT_ANIMATION_DURATION = 500;
-//# sourceMappingURL=ProgressCommon.js.map

package/src/components/Progress/ProgressCommon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressCommon.js","sourceRoot":"","sources":["ProgressCommon.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAC"}

package/src/components/Progress/ProgressCommon.ts

@@ -1,44 +0,0 @@
-import { StyleProp, ViewStyle } from "react-native";
-import { Theme } from "../../styles/DefaultTheme";
-
-type LineCap = "round" | "square";
-
-export const DEFAULT_ANIMATION_DURATION = 500;
-
-export interface BaseProgressProps {
-  thickness?: number;
-  trackThickness?: number;
-  color?: string;
-  trackColor?: string;
-  trackOpacity?: number;
-  showTrack?: boolean;
-  animationDuration?: number;
-  isAnimated?: boolean;
-  lineCap?: LineCap;
-  trackLineCap?: LineCap;
-  dashWidth?: string | number;
-  trackDashWidth?: string | number;
-  dashGap?: string | number;
-  trackDashGap?: string | number;
-  dashOffset?: string | number;
-  trackDashOffset?: string | number;
-  customDashArray?: string;
-  trackCustomDashArray?: string;
-  onFullPathWidth?: (width: number) => void;
-  style?: StyleProp<ViewStyle>;
-  theme: Theme;
-  testID?: string;
-}
-export interface ValueProgressProps extends BaseProgressProps {
-  value?: number;
-  minimumValue?: number;
-  maximumValue?: number;
-}
-
-export interface IndeterminateProgressProps extends BaseProgressProps {
-  indeterminate?: boolean;
-}
-
-export interface CircularProgressProps {
-  startPosition?: "left" | "top" | "right" | "bottom";
-}