@tamagui/progress 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/esm/Progress.js

@@ -1,136 +0,0 @@
-import { getVariableValue, isWeb, styled } from "@tamagui/core";
-import { createContextScope } from "@tamagui/create-context";
-import { getSize } from "@tamagui/get-token";
-import { withStaticProperties } from "@tamagui/helpers";
-import { YStack } from "@tamagui/stacks";
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = styled(YStack, {
-  name: INDICATOR_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        height: "100%",
-        width: "100%",
-        backgroundColor: "$background"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), ProgressIndicator = ProgressIndicatorFrame.styleable(function(props, forwardedRef) {
-  const { __scopeProgress, transition, ...indicatorProps } = props, context = useProgressContext(INDICATOR_NAME, __scopeProgress), progressRatio = (context.value ?? 0) / context.max;
-  let x;
-  if (isWeb)
-    x = `${-100 + progressRatio * 50}%`;
-  else {
-    const baseWidth = context.width || 0;
-    x = Math.ceil(-baseWidth * (2 - progressRatio));
-  }
-  return /* @__PURE__ */ jsx(
-    ProgressIndicatorFrame,
-    {
-      "data-state": getProgressState(context.value, context.max),
-      "data-value": context.value ?? void 0,
-      "data-max": context.max,
-      x,
-      width: "200%",
-      ...!props.unstyled && {
-        animateOnly: ["transform"],
-        // on native, hide until we have width measurement
-        ...!isWeb && context.width === 0 && { opacity: 0 }
-      },
-      ...indicatorProps,
-      ref: forwardedRef,
-      transition: !isWeb && !context.width ? null : transition
-    }
-  );
-});
-function defaultGetValueLabel(value, max) {
-  return `${Math.round(value / max * 100)}%`;
-}
-function getProgressState(value, maxValue) {
-  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
-}
-function isNumber(value) {
-  return typeof value == "number";
-}
-function isValidMaxNumber(max) {
-  return isNumber(max) && !Number.isNaN(max) && max > 0;
-}
-function isValidValueNumber(value, max) {
-  return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
-}
-const DEFAULT_MAX = 100, ProgressFrame = styled(YStack, {
-  name: "Progress",
-  variants: {
-    unstyled: {
-      false: {
-        borderRadius: 1e5,
-        overflow: "hidden",
-        backgroundColor: "$background"
-      }
-    },
-    size: {
-      "...size": (val) => {
-        const size = Math.round(getVariableValue(getSize(val)) * 0.25);
-        return {
-          height: size,
-          minWidth: getVariableValue(size) * 20,
-          width: "100%"
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), Progress = withStaticProperties(
-  ProgressFrame.styleable(function(props, forwardedRef) {
-    const {
-      // @ts-expect-error
-      __scopeProgress,
-      value: valueProp,
-      max: maxProp,
-      getValueLabel = defaultGetValueLabel,
-      size = "$true",
-      ...progressProps
-    } = props, max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX, value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null, valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0, [width, setWidth] = useState(0);
-    return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max, width, children: /* @__PURE__ */ jsx(
-      ProgressFrame,
-      {
-        "aria-valuemax": max,
-        "aria-valuemin": 0,
-        "aria-valuenow": isNumber(value) ? value : void 0,
-        "aria-valuetext": valueLabel,
-        role: "progressbar",
-        "data-state": getProgressState(value, max),
-        "data-value": value ?? void 0,
-        "data-max": max,
-        ...progressProps.unstyled !== !0 && {
-          size
-        },
-        ...progressProps,
-        ...!isWeb && {
-          onLayout: (e) => {
-            const newWidth = Math.round(e.nativeEvent.layout.width);
-            newWidth !== width && setWidth(newWidth), progressProps.onLayout?.(e);
-          }
-        },
-        ref: forwardedRef
-      }
-    ) });
-  }),
-  {
-    Indicator: ProgressIndicator
-  }
-);
-export {
-  Progress,
-  ProgressFrame,
-  ProgressIndicator,
-  ProgressIndicatorFrame,
-  createProgressScope
-};
-//# sourceMappingURL=Progress.js.map

package/dist/esm/Progress.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Progress.tsx"],
-  "mappings": "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",
-  "names": []
-}

package/dist/jsx/Progress.js

@@ -1,136 +0,0 @@
-import { getVariableValue, isWeb, styled } from "@tamagui/core";
-import { createContextScope } from "@tamagui/create-context";
-import { getSize } from "@tamagui/get-token";
-import { withStaticProperties } from "@tamagui/helpers";
-import { YStack } from "@tamagui/stacks";
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-const PROGRESS_NAME = "Progress", [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME), [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME), INDICATOR_NAME = "ProgressIndicator", ProgressIndicatorFrame = styled(YStack, {
-  name: INDICATOR_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        height: "100%",
-        width: "100%",
-        backgroundColor: "$background"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), ProgressIndicator = ProgressIndicatorFrame.styleable(function(props, forwardedRef) {
-  const { __scopeProgress, transition, ...indicatorProps } = props, context = useProgressContext(INDICATOR_NAME, __scopeProgress), progressRatio = (context.value ?? 0) / context.max;
-  let x;
-  if (isWeb)
-    x = `${-100 + progressRatio * 50}%`;
-  else {
-    const baseWidth = context.width || 0;
-    x = Math.ceil(-baseWidth * (2 - progressRatio));
-  }
-  return /* @__PURE__ */ jsx(
-    ProgressIndicatorFrame,
-    {
-      "data-state": getProgressState(context.value, context.max),
-      "data-value": context.value ?? void 0,
-      "data-max": context.max,
-      x,
-      width: "200%",
-      ...!props.unstyled && {
-        animateOnly: ["transform"],
-        // on native, hide until we have width measurement
-        ...!isWeb && context.width === 0 && { opacity: 0 }
-      },
-      ...indicatorProps,
-      ref: forwardedRef,
-      transition: !isWeb && !context.width ? null : transition
-    }
-  );
-});
-function defaultGetValueLabel(value, max) {
-  return `${Math.round(value / max * 100)}%`;
-}
-function getProgressState(value, maxValue) {
-  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
-}
-function isNumber(value) {
-  return typeof value == "number";
-}
-function isValidMaxNumber(max) {
-  return isNumber(max) && !Number.isNaN(max) && max > 0;
-}
-function isValidValueNumber(value, max) {
-  return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
-}
-const DEFAULT_MAX = 100, ProgressFrame = styled(YStack, {
-  name: "Progress",
-  variants: {
-    unstyled: {
-      false: {
-        borderRadius: 1e5,
-        overflow: "hidden",
-        backgroundColor: "$background"
-      }
-    },
-    size: {
-      "...size": (val) => {
-        const size = Math.round(getVariableValue(getSize(val)) * 0.25);
-        return {
-          height: size,
-          minWidth: getVariableValue(size) * 20,
-          width: "100%"
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
-}), Progress = withStaticProperties(
-  ProgressFrame.styleable(function(props, forwardedRef) {
-    const {
-      // @ts-expect-error
-      __scopeProgress,
-      value: valueProp,
-      max: maxProp,
-      getValueLabel = defaultGetValueLabel,
-      size = "$true",
-      ...progressProps
-    } = props, max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX, value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null, valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0, [width, setWidth] = useState(0);
-    return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max, width, children: /* @__PURE__ */ jsx(
-      ProgressFrame,
-      {
-        "aria-valuemax": max,
-        "aria-valuemin": 0,
-        "aria-valuenow": isNumber(value) ? value : void 0,
-        "aria-valuetext": valueLabel,
-        role: "progressbar",
-        "data-state": getProgressState(value, max),
-        "data-value": value ?? void 0,
-        "data-max": max,
-        ...progressProps.unstyled !== !0 && {
-          size
-        },
-        ...progressProps,
-        ...!isWeb && {
-          onLayout: (e) => {
-            const newWidth = Math.round(e.nativeEvent.layout.width);
-            newWidth !== width && setWidth(newWidth), progressProps.onLayout?.(e);
-          }
-        },
-        ref: forwardedRef
-      }
-    ) });
-  }),
-  {
-    Indicator: ProgressIndicator
-  }
-);
-export {
-  Progress,
-  ProgressFrame,
-  ProgressIndicator,
-  ProgressIndicatorFrame,
-  createProgressScope
-};
-//# sourceMappingURL=Progress.js.map

package/dist/jsx/Progress.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Progress.tsx"],
-  "mappings": "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",
-  "names": []
-}