@tamagui/progress 2.7.7 → 3.0.0-0.canary.1791057742817

package/dist/jsx/Progress.mjs

@@ -1,149 +1,120 @@
-import { getVariableValue, isWeb, styled } from "@tamagui/core";
+import { createStyledHOC, 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";
 const [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
 const [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
 const INDICATOR_NAME = "ProgressIndicator";
 const ProgressIndicatorFrame = styled(YStack, {
-  name: INDICATOR_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        height: "100%",
-        width: "100%",
-        backgroundColor: "$background"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+	displayName: INDICATOR_NAME,
+	height: "100%",
+	width: "100%"
 });
-const ProgressIndicator = ProgressIndicatorFrame.styleable(function ProgressIndicator2(props, forwardedRef) {
-  const {
-    __scopeProgress,
-    transition,
-    ...indicatorProps
-  } = props;
-  const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
-  const 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
-  });
+const ProgressIndicator = createStyledHOC(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+	const { __scopeProgress, transition, ...indicatorProps } = props;
+	const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+	const 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%",
+		...!isWeb && context.width === 0 && { opacity: 0 },
+		...indicatorProps,
+		ref: forwardedRef,
+		transition: !isWeb && !context.width ? null : { transform: transition }
+	});
 });
 function defaultGetValueLabel(value, max) {
-  return `${Math.round(value / max * 100)}%`;
+	return `${Math.round(value / max * 100)}%`;
 }
 function getProgressState(value, maxValue) {
-  return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
+	return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
 }
 function isNumber(value) {
-  return typeof value === "number";
+	return typeof value === "number";
 }
 function isValidMaxNumber(max) {
-  return isNumber(max) && !Number.isNaN(max) && max > 0;
+	return isNumber(max) && !Number.isNaN(max) && max > 0;
 }
 function isValidValueNumber(value, max) {
-  return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
+	return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
 }
 const DEFAULT_MAX = 100;
-const 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"
-  }
+const progressTrackHeight = {
+	xs: 4,
+	sm: 6,
+	md: 9,
+	lg: 12,
+	xl: 16
+};
+const resolveProgressSize = (val) => {
+	if (typeof val === "string" && val in progressTrackHeight) {
+		return progressTrackHeight[val];
+	}
+	const resolved = Number(getVariableValue(getSize(val === true ? 36 : val)));
+	const base = Number.isFinite(resolved) ? resolved : Number(getVariableValue(getSize(36)));
+	return Math.round(base * .25);
+};
+const getProgressSize = styled.dynamic((val) => {
+	const size = resolveProgressSize(val);
+	return {
+		height: size,
+		minWidth: size * 20,
+		width: "100%"
+	};
 });
-const Progress = withStaticProperties(ProgressFrame.styleable(function Progress2(props, forwardedRef) {
-  const {
-    // @ts-expect-error
-    __scopeProgress,
-    value: valueProp,
-    max: maxProp,
-    getValueLabel = defaultGetValueLabel,
-    size = "$true",
-    ...progressProps
-  } = props;
-  const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
-  const value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
-  const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
-  const [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 !== true && {
-        size
-      }),
-      ...progressProps,
-      ...(!isWeb && {
-        onLayout: e => {
-          const newWidth = Math.round(e.nativeEvent.layout.width);
-          if (newWidth !== width) {
-            setWidth(newWidth);
-          }
-          progressProps.onLayout?.(e);
-        }
-      }),
-      ref: forwardedRef
-    })
-  });
-}), {
-  Indicator: ProgressIndicator
+const ProgressFrame = styled(YStack, {
+	displayName: "Progress",
+	overflow: "hidden",
+	variants: { size: getProgressSize }
 });
+const Progress = withStaticProperties(createStyledHOC(ProgressFrame, function Progress2(props, forwardedRef) {
+	const { __scopeProgress, value: valueProp, max: maxProp, getValueLabel = defaultGetValueLabel, size = true, ...progressProps } = props;
+	const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+	const value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
+	const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+	const [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,
+			size,
+			...progressProps,
+			...!isWeb && { onLayout: (e) => {
+				const newWidth = Math.round(e.nativeEvent.layout.width);
+				if (newWidth !== width) {
+					setWidth(newWidth);
+				}
+				progressProps.onLayout?.(e);
+			} },
+			ref: forwardedRef
+		})
+	});
+}), { Indicator: ProgressIndicator });
+
 export { Progress, ProgressFrame, ProgressIndicator, ProgressIndicatorFrame, createProgressScope };
 //# sourceMappingURL=Progress.mjs.map

package/dist/jsx/Progress.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getVariableValue","isWeb","styled","createContextScope","getSize","withStaticProperties","YStack","useState","jsx","PROGRESS_NAME","createProgressContext","createProgressScope","ProgressProvider","useProgressContext","INDICATOR_NAME","ProgressIndicatorFrame","name","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","TAMAGUI_HEADLESS","ProgressIndicator","styleable","props","forwardedRef","__scopeProgress","transition","indicatorProps","context","progressRatio","value","max","x","baseWidth","Math","ceil","getProgressState","animateOnly","opacity","ref","defaultGetValueLabel","round","maxValue","isNumber","isValidMaxNumber","Number","isNaN","isValidValueNumber","DEFAULT_MAX","ProgressFrame","borderRadius","overflow","size","val","minWidth","Progress","Progress2","valueProp","maxProp","getValueLabel","progressProps","valueLabel","setWidth","scope","children","role","onLayout","e","newWidth","nativeEvent","layout","Indicator"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Progress.js","names":[],"sources":["jsx/Progress.js"],"sourcesContent":["import { createStyledHOC, getVariableValue, isWeb, styled } from \"@tamagui/core\";\nimport { createContextScope } from \"@tamagui/create-context\";\nimport { getSize } from \"@tamagui/get-token\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { useState } from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst PROGRESS_NAME = \"Progress\";\nconst [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);\nconst [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);\nconst INDICATOR_NAME = \"ProgressIndicator\";\nconst ProgressIndicatorFrame = styled(YStack, {\n  displayName: INDICATOR_NAME,\n  height: \"100%\",\n  width: \"100%\"\n});\nconst ProgressIndicator = createStyledHOC(\n  ProgressIndicatorFrame,\n  function ProgressIndicator2(props, forwardedRef) {\n    const { __scopeProgress, transition, ...indicatorProps } = props;\n    const context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n    const progressRatio = (context.value ?? 0) / context.max;\n    let x;\n    if (isWeb) {\n      x = `${-100 + progressRatio * 50}%`;\n    } else {\n      const baseWidth = context.width || 0;\n      x = Math.ceil(-baseWidth * (2 - progressRatio));\n    }\n    return /* @__PURE__ */ jsx(\n      ProgressIndicatorFrame,\n      {\n        \"data-state\": getProgressState(context.value, context.max),\n        \"data-value\": context.value ?? void 0,\n        \"data-max\": context.max,\n        x,\n        width: \"200%\",\n        ...!isWeb && context.width === 0 && { opacity: 0 },\n        ...indicatorProps,\n        ref: forwardedRef,\n        transition: !isWeb && !context.width ? null : { transform: transition }\n      }\n    );\n  }\n);\nfunction defaultGetValueLabel(value, max) {\n  return `${Math.round(value / max * 100)}%`;\n}\nfunction getProgressState(value, maxValue) {\n  return value == null ? \"indeterminate\" : value === maxValue ? \"complete\" : \"loading\";\n}\nfunction isNumber(value) {\n  return typeof value === \"number\";\n}\nfunction isValidMaxNumber(max) {\n  return isNumber(max) && !Number.isNaN(max) && max > 0;\n}\nfunction isValidValueNumber(value, max) {\n  return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;\n}\nconst DEFAULT_MAX = 100;\nconst progressTrackHeight = {\n  xs: 4,\n  sm: 6,\n  md: 9,\n  lg: 12,\n  xl: 16\n};\nconst resolveProgressSize = (val) => {\n  if (typeof val === \"string\" && val in progressTrackHeight) {\n    return progressTrackHeight[val];\n  }\n  const resolved = Number(getVariableValue(getSize(val === true ? 36 : val)));\n  const base = Number.isFinite(resolved) ? resolved : Number(getVariableValue(getSize(36)));\n  return Math.round(base * 0.25);\n};\nconst getProgressSize = styled.dynamic((val) => {\n  const size = resolveProgressSize(val);\n  return {\n    height: size,\n    minWidth: size * 20,\n    width: \"100%\"\n  };\n});\nconst ProgressFrame = styled(YStack, {\n  displayName: \"Progress\",\n  overflow: \"hidden\",\n  variants: {\n    size: getProgressSize\n  }\n});\nconst Progress = withStaticProperties(\n  createStyledHOC(ProgressFrame, function Progress2(props, forwardedRef) {\n    const {\n      // @ts-expect-error\n      __scopeProgress,\n      value: valueProp,\n      max: maxProp,\n      getValueLabel = defaultGetValueLabel,\n      size = true,\n      ...progressProps\n    } = props;\n    const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;\n    const value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;\n    const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;\n    const [width, setWidth] = useState(0);\n    return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max, width, children: /* @__PURE__ */ jsx(\n      ProgressFrame,\n      {\n        \"aria-valuemax\": max,\n        \"aria-valuemin\": 0,\n        \"aria-valuenow\": isNumber(value) ? value : void 0,\n        \"aria-valuetext\": valueLabel,\n        role: \"progressbar\",\n        \"data-state\": getProgressState(value, max),\n        \"data-value\": value ?? void 0,\n        \"data-max\": max,\n        size,\n        ...progressProps,\n        ...!isWeb && {\n          onLayout: (e) => {\n            const newWidth = Math.round(e.nativeEvent.layout.width);\n            if (newWidth !== width) {\n              setWidth(newWidth);\n            }\n            progressProps.onLayout?.(e);\n          }\n        },\n        ref: forwardedRef\n      }\n    ) });\n  }),\n  {\n    Indicator: ProgressIndicator\n  }\n);\nexport {\n  Progress,\n  ProgressFrame,\n  ProgressIndicator,\n  ProgressIndicatorFrame,\n  createProgressScope\n};\n//# sourceMappingURL=Progress.js.map\n"],"mappings":"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"}

package/dist/jsx/Progress.native.cjs

@@ -0,0 +1,150 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Progress_exports = {};
+__export(Progress_exports, {
+	Progress: () => Progress,
+	ProgressFrame: () => ProgressFrame,
+	ProgressIndicator: () => ProgressIndicator,
+	ProgressIndicatorFrame: () => ProgressIndicatorFrame,
+	createProgressScope: () => createProgressScope
+});
+module.exports = __toCommonJS(Progress_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_create_context = require("@tamagui/create-context");
+var import_get_token = require("@tamagui/get-token");
+var import_helpers = require("@tamagui/helpers");
+var import_stacks = require("@tamagui/stacks");
+var import_react = require("react");
+var PROGRESS_NAME = "Progress";
+var [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME);
+var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
+var INDICATOR_NAME = "ProgressIndicator";
+var ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: INDICATOR_NAME,
+	height: "100%",
+	width: "100%"
+});
+var ProgressIndicator = (0, import_core.createStyledHOC)(ProgressIndicatorFrame, function ProgressIndicator2(props, forwardedRef) {
+	var { __scopeProgress, transition, ...indicatorProps } = props;
+	var context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+	var _context_value;
+	var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;
+	var x;
+	if (import_core.isWeb) {
+		x = `${-100 + progressRatio * 50}%`;
+	} else {
+		var baseWidth = context.width || 0;
+		x = Math.ceil(-baseWidth * (2 - progressRatio));
+	}
+	var _context_value1;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressIndicatorFrame, {
+		"data-state": getProgressState(context.value, context.max),
+		"data-value": (_context_value1 = context.value) !== null && _context_value1 !== void 0 ? _context_value1 : void 0,
+		"data-max": context.max,
+		x,
+		width: "200%",
+		...!import_core.isWeb && context.width === 0 && { opacity: 0 },
+		...indicatorProps,
+		ref: forwardedRef,
+		transition: !import_core.isWeb && !context.width ? null : { transform: 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;
+}
+var DEFAULT_MAX = 100;
+var progressTrackHeight = {
+	xs: 4,
+	sm: 6,
+	md: 9,
+	lg: 12,
+	xl: 16
+};
+var resolveProgressSize = function(val) {
+	if (typeof val === "string" && val in progressTrackHeight) {
+		return progressTrackHeight[val];
+	}
+	var resolved = Number((0, import_core.getVariableValue)((0, import_get_token.getSize)(val === true ? 36 : val)));
+	var base = Number.isFinite(resolved) ? resolved : Number((0, import_core.getVariableValue)((0, import_get_token.getSize)(36)));
+	return Math.round(base * .25);
+};
+var getProgressSize = import_core.styled.dynamic(function(val) {
+	var size = resolveProgressSize(val);
+	return {
+		height: size,
+		minWidth: size * 20,
+		width: "100%"
+	};
+});
+var ProgressFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: "Progress",
+	overflow: "hidden",
+	variants: { size: getProgressSize }
+});
+var Progress = (0, import_helpers.withStaticProperties)((0, import_core.createStyledHOC)(ProgressFrame, function Progress2(props, forwardedRef) {
+	var { __scopeProgress, value: valueProp, max: maxProp, getValueLabel = defaultGetValueLabel, size = true, ...progressProps } = props;
+	var max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+	var value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
+	var valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+	var [width, setWidth] = (0, import_react.useState)(0);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressProvider, {
+		scope: __scopeProgress,
+		value,
+		max,
+		width,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.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 !== null && value !== void 0 ? value : void 0,
+			"data-max": max,
+			size,
+			...progressProps,
+			...!import_core.isWeb && { onLayout: function(e) {
+				var _progressProps_onLayout;
+				var newWidth = Math.round(e.nativeEvent.layout.width);
+				if (newWidth !== width) {
+					setWidth(newWidth);
+				}
+				(_progressProps_onLayout = progressProps.onLayout) === null || _progressProps_onLayout === void 0 ? void 0 : _progressProps_onLayout.call(progressProps, e);
+			} },
+			ref: forwardedRef
+		})
+	});
+}), { Indicator: ProgressIndicator });