| "use client"; |
| var __defProp = Object.defineProperty; |
| var __name = (target, value) => __defProp(target, "name", { value, configurable: true }); |
|
|
| |
| import * as React from "react"; |
| import { createContextScope } from "@radix-ui/react-context"; |
| import { Primitive } from "@radix-ui/react-primitive"; |
| import { jsx } from "react/jsx-runtime"; |
| var PROGRESS_NAME = "Progress"; |
| var DEFAULT_MAX = 100; |
| var [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME); |
| var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME); |
| var Progress = React.forwardRef( |
| |
| __name(function Progress2(props, forwardedRef) { |
| const { |
| __scopeProgress, |
| value: valueProp = null, |
| max: maxProp, |
| getValueLabel = defaultGetValueLabel, |
| ...progressProps |
| } = props; |
| if ((maxProp || maxProp === 0) && !isValidMaxNumber(maxProp)) { |
| console.error(getInvalidMaxError(`${maxProp}`, "Progress")); |
| } |
| const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX; |
| if (valueProp !== null && !isValidValueNumber(valueProp, max)) { |
| console.error(getInvalidValueError(`${valueProp}`, "Progress")); |
| } |
| const value = isValidValueNumber(valueProp, max) ? valueProp : null; |
| const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0; |
| return jsx(ProgressProvider, { scope: __scopeProgress, value, max, children: jsx( |
| Primitive.div, |
| { |
| "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, |
| ref: forwardedRef |
| } |
| ) }); |
| }, "Progress") |
| ); |
| var INDICATOR_NAME = "ProgressIndicator"; |
| var ProgressIndicator = React.forwardRef( |
| |
| __name(function ProgressIndicator2(props, forwardedRef) { |
| const { __scopeProgress, ...indicatorProps } = props; |
| const context = useProgressContext(INDICATOR_NAME, __scopeProgress); |
| return jsx( |
| Primitive.div, |
| { |
| "data-state": getProgressState(context.value, context.max), |
| "data-value": context.value ?? void 0, |
| "data-max": context.max, |
| ...indicatorProps, |
| ref: forwardedRef |
| } |
| ); |
| }, "ProgressIndicator") |
| ); |
| function defaultGetValueLabel(value, max) { |
| return `${Math.round(value / max * 100)}%`; |
| } |
| __name(defaultGetValueLabel, "defaultGetValueLabel"); |
| function getProgressState(value, maxValue) { |
| return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading"; |
| } |
| __name(getProgressState, "getProgressState"); |
| function isNumber(value) { |
| return typeof value === "number"; |
| } |
| __name(isNumber, "isNumber"); |
| function isValidMaxNumber(max) { |
| return isNumber(max) && !isNaN(max) && max > 0; |
| } |
| __name(isValidMaxNumber, "isValidMaxNumber"); |
| function isValidValueNumber(value, max) { |
| return isNumber(value) && !isNaN(value) && value <= max && value >= 0; |
| } |
| __name(isValidValueNumber, "isValidValueNumber"); |
| function getInvalidMaxError(propValue, componentName) { |
| return `Invalid prop \`max\` of value \`${propValue}\` supplied to \`${componentName}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${DEFAULT_MAX}\`.`; |
| } |
| __name(getInvalidMaxError, "getInvalidMaxError"); |
| function getInvalidValueError(propValue, componentName) { |
| return `Invalid prop \`value\` of value \`${propValue}\` supplied to \`${componentName}\`. The \`value\` prop must be: |
| - a positive number |
| - less than the value passed to \`max\` (or ${DEFAULT_MAX} if no \`max\` prop is set) |
| - \`null\` or \`undefined\` if the progress is indeterminate. |
| |
| Defaulting to \`null\`.`; |
| } |
| __name(getInvalidValueError, "getInvalidValueError"); |
| var Root = Progress; |
| var Indicator = ProgressIndicator; |
| export { |
| Indicator, |
| Progress, |
| ProgressIndicator, |
| Root, |
| createProgressScope |
| }; |
| |
|
|
