@radix-ui/react-progress 1.0.3 → 1.1.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -1,18 +1,30 @@
1
- import * as React from "react";
2
- import * as Radix from "@radix-ui/react-primitive";
3
- import { Primitive } from "@radix-ui/react-primitive";
4
- export const createProgressScope: import("@radix-ui/react-context").CreateScope;
5
- type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
6
- export interface ProgressProps extends PrimitiveDivProps {
1
+ import * as React from 'react';
2
+ import * as Radix from '@radix-ui/react-primitive';
3
+ import { Primitive } from '@radix-ui/react-primitive';
4
+
5
+ declare type Scope<C = any> = {
6
+ [scopeName: string]: React.Context<C>[];
7
+ } | undefined;
8
+ declare type ScopeHook = (scope: Scope) => {
9
+ [__scopeProp: string]: Scope;
10
+ };
11
+ interface CreateScope {
12
+ scopeName: string;
13
+ (): ScopeHook;
14
+ }
15
+
16
+ declare const createProgressScope: CreateScope;
17
+ declare type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
18
+ interface ProgressProps extends PrimitiveDivProps {
7
19
  value?: number | null | undefined;
8
20
  max?: number;
9
21
  getValueLabel?(value: number, max: number): string;
10
22
  }
11
- export const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
12
- export interface ProgressIndicatorProps extends PrimitiveDivProps {
23
+ declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
24
+ interface ProgressIndicatorProps extends PrimitiveDivProps {
13
25
  }
14
- export const ProgressIndicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>>;
15
- export const Root: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
16
- export const Indicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>>;
26
+ declare const ProgressIndicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>>;
27
+ declare const Root: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
28
+ declare const Indicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>>;
17
29
 
18
- //# sourceMappingURL=index.d.ts.map
30
+ export { Indicator, Progress, ProgressIndicator, type ProgressIndicatorProps, type ProgressProps, Root, createProgressScope };
package/dist/index.d.ts CHANGED
@@ -1,18 +1,30 @@
1
- import * as React from "react";
2
- import * as Radix from "@radix-ui/react-primitive";
3
- import { Primitive } from "@radix-ui/react-primitive";
4
- export const createProgressScope: import("@radix-ui/react-context").CreateScope;
5
- type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
6
- export interface ProgressProps extends PrimitiveDivProps {
1
+ import * as React from 'react';
2
+ import * as Radix from '@radix-ui/react-primitive';
3
+ import { Primitive } from '@radix-ui/react-primitive';
4
+
5
+ declare type Scope<C = any> = {
6
+ [scopeName: string]: React.Context<C>[];
7
+ } | undefined;
8
+ declare type ScopeHook = (scope: Scope) => {
9
+ [__scopeProp: string]: Scope;
10
+ };
11
+ interface CreateScope {
12
+ scopeName: string;
13
+ (): ScopeHook;
14
+ }
15
+
16
+ declare const createProgressScope: CreateScope;
17
+ declare type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
18
+ interface ProgressProps extends PrimitiveDivProps {
7
19
  value?: number | null | undefined;
8
20
  max?: number;
9
21
  getValueLabel?(value: number, max: number): string;
10
22
  }
11
- export const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
12
- export interface ProgressIndicatorProps extends PrimitiveDivProps {
23
+ declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
24
+ interface ProgressIndicatorProps extends PrimitiveDivProps {
13
25
  }
14
- export const ProgressIndicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>>;
15
- export const Root: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
16
- export const Indicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>>;
26
+ declare const ProgressIndicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>>;
27
+ declare const Root: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
28
+ declare const Indicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLDivElement>>;
17
29
 
18
- //# sourceMappingURL=index.d.ts.map
30
+ export { Indicator, Progress, ProgressIndicator, type ProgressIndicatorProps, type ProgressProps, Root, createProgressScope };
package/dist/index.js CHANGED
@@ -1,120 +1,138 @@
1
- var $1DGzP$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
2
- var $1DGzP$react = require("react");
3
- var $1DGzP$radixuireactcontext = require("@radix-ui/react-context");
4
- var $1DGzP$radixuireactprimitive = require("@radix-ui/react-primitive");
5
-
6
- function $parcel$export(e, n, v, s) {
7
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
8
- }
9
- function $parcel$interopDefault(a) {
10
- return a && a.__esModule ? a.default : a;
11
- }
12
-
13
- $parcel$export(module.exports, "createProgressScope", () => $66e9ff9cece0fdb5$export$388eb2d8f6d3261f);
14
- $parcel$export(module.exports, "Progress", () => $66e9ff9cece0fdb5$export$b25a304ec7d746bb);
15
- $parcel$export(module.exports, "ProgressIndicator", () => $66e9ff9cece0fdb5$export$2b776f7e7ee60dbd);
16
- $parcel$export(module.exports, "Root", () => $66e9ff9cece0fdb5$export$be92b6f5f03c0fe9);
17
- $parcel$export(module.exports, "Indicator", () => $66e9ff9cece0fdb5$export$adb584737d712b70);
18
-
19
-
20
-
1
+ "use strict";
2
+ "use client";
3
+ (() => {
4
+ var __create = Object.create;
5
+ var __defProp = Object.defineProperty;
6
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
+ var __getOwnPropNames = Object.getOwnPropertyNames;
8
+ var __getProtoOf = Object.getPrototypeOf;
9
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
11
+ get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
12
+ }) : x)(function(x) {
13
+ if (typeof require !== "undefined") return require.apply(this, arguments);
14
+ throw Error('Dynamic require of "' + x + '" is not supported');
15
+ });
16
+ var __copyProps = (to, from, except, desc) => {
17
+ if (from && typeof from === "object" || typeof from === "function") {
18
+ for (let key of __getOwnPropNames(from))
19
+ if (!__hasOwnProp.call(to, key) && key !== except)
20
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
21
+ }
22
+ return to;
23
+ };
24
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
25
+ // If the importer is in node compatibility mode or this is not an ESM
26
+ // file that has been converted to a CommonJS file using a Babel-
27
+ // compatible transform (i.e. "__esModule" has not been set), then set
28
+ // "default" to the CommonJS "module.exports" for node compatibility.
29
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
30
+ mod
31
+ ));
21
32
 
22
- /* -------------------------------------------------------------------------------------------------
23
- * Progress
24
- * -----------------------------------------------------------------------------------------------*/ const $66e9ff9cece0fdb5$var$PROGRESS_NAME = 'Progress';
25
- const $66e9ff9cece0fdb5$var$DEFAULT_MAX = 100;
26
- const [$66e9ff9cece0fdb5$var$createProgressContext, $66e9ff9cece0fdb5$export$388eb2d8f6d3261f] = $1DGzP$radixuireactcontext.createContextScope($66e9ff9cece0fdb5$var$PROGRESS_NAME);
27
- const [$66e9ff9cece0fdb5$var$ProgressProvider, $66e9ff9cece0fdb5$var$useProgressContext] = $66e9ff9cece0fdb5$var$createProgressContext($66e9ff9cece0fdb5$var$PROGRESS_NAME);
28
- const $66e9ff9cece0fdb5$export$b25a304ec7d746bb = /*#__PURE__*/ $1DGzP$react.forwardRef((props, forwardedRef)=>{
29
- const { __scopeProgress: __scopeProgress , value: valueProp , max: maxProp , getValueLabel: getValueLabel = $66e9ff9cece0fdb5$var$defaultGetValueLabel , ...progressProps } = props;
30
- const max = $66e9ff9cece0fdb5$var$isValidMaxNumber(maxProp) ? maxProp : $66e9ff9cece0fdb5$var$DEFAULT_MAX;
31
- const value = $66e9ff9cece0fdb5$var$isValidValueNumber(valueProp, max) ? valueProp : null;
32
- const valueLabel = $66e9ff9cece0fdb5$var$isNumber(value) ? getValueLabel(value, max) : undefined;
33
- return /*#__PURE__*/ $1DGzP$react.createElement($66e9ff9cece0fdb5$var$ProgressProvider, {
34
- scope: __scopeProgress,
35
- value: value,
36
- max: max
37
- }, /*#__PURE__*/ $1DGzP$react.createElement($1DGzP$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($1DGzP$babelruntimehelpersextends))({
38
- "aria-valuemax": max,
39
- "aria-valuemin": 0,
40
- "aria-valuenow": $66e9ff9cece0fdb5$var$isNumber(value) ? value : undefined,
41
- "aria-valuetext": valueLabel,
42
- role: "progressbar",
43
- "data-state": $66e9ff9cece0fdb5$var$getProgressState(value, max),
44
- "data-value": value !== null && value !== void 0 ? value : undefined,
45
- "data-max": max
46
- }, progressProps, {
47
- ref: forwardedRef
48
- })));
49
- });
50
- /*#__PURE__*/ Object.assign($66e9ff9cece0fdb5$export$b25a304ec7d746bb, {
51
- displayName: $66e9ff9cece0fdb5$var$PROGRESS_NAME
52
- });
53
- $66e9ff9cece0fdb5$export$b25a304ec7d746bb.propTypes = {
54
- max (props, propName, componentName) {
55
- const propValue = props[propName];
56
- const strVal = String(propValue);
57
- if (propValue && !$66e9ff9cece0fdb5$var$isValidMaxNumber(propValue)) return new Error($66e9ff9cece0fdb5$var$getInvalidMaxError(strVal, componentName));
58
- return null;
33
+ // packages/react/progress/src/Progress.tsx
34
+ var React = __toESM(__require("react"));
35
+ var import_react_context = __require("@radix-ui/react-context");
36
+ var import_react_primitive = __require("@radix-ui/react-primitive");
37
+ var import_jsx_runtime = __require("react/jsx-runtime");
38
+ var PROGRESS_NAME = "Progress";
39
+ var DEFAULT_MAX = 100;
40
+ var [createProgressContext, createProgressScope] = (0, import_react_context.createContextScope)(PROGRESS_NAME);
41
+ var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
42
+ var Progress = React.forwardRef(
43
+ (props, forwardedRef) => {
44
+ const {
45
+ __scopeProgress,
46
+ value: valueProp,
47
+ max: maxProp,
48
+ getValueLabel = defaultGetValueLabel,
49
+ ...progressProps
50
+ } = props;
51
+ const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
52
+ const value = isValidValueNumber(valueProp, max) ? valueProp : null;
53
+ const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
54
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressProvider, { scope: __scopeProgress, value, max, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
55
+ import_react_primitive.Primitive.div,
56
+ {
57
+ "aria-valuemax": max,
58
+ "aria-valuemin": 0,
59
+ "aria-valuenow": isNumber(value) ? value : void 0,
60
+ "aria-valuetext": valueLabel,
61
+ role: "progressbar",
62
+ "data-state": getProgressState(value, max),
63
+ "data-value": value ?? void 0,
64
+ "data-max": max,
65
+ ...progressProps,
66
+ ref: forwardedRef
67
+ }
68
+ ) });
69
+ }
70
+ );
71
+ Progress.displayName = PROGRESS_NAME;
72
+ Progress.propTypes = {
73
+ max(props, propName, componentName) {
74
+ const propValue = props[propName];
75
+ const strVal = String(propValue);
76
+ if (propValue && !isValidMaxNumber(propValue)) {
77
+ return new Error(getInvalidMaxError(strVal, componentName));
78
+ }
79
+ return null;
59
80
  },
60
- value (props, propName, componentName) {
61
- const valueProp = props[propName];
62
- const strVal = String(valueProp);
63
- const max = $66e9ff9cece0fdb5$var$isValidMaxNumber(props.max) ? props.max : $66e9ff9cece0fdb5$var$DEFAULT_MAX;
64
- if (valueProp != null && !$66e9ff9cece0fdb5$var$isValidValueNumber(valueProp, max)) return new Error($66e9ff9cece0fdb5$var$getInvalidValueError(strVal, componentName));
65
- return null;
81
+ value(props, propName, componentName) {
82
+ const valueProp = props[propName];
83
+ const strVal = String(valueProp);
84
+ const max = isValidMaxNumber(props.max) ? props.max : DEFAULT_MAX;
85
+ if (valueProp != null && !isValidValueNumber(valueProp, max)) {
86
+ return new Error(getInvalidValueError(strVal, componentName));
87
+ }
88
+ return null;
89
+ }
90
+ };
91
+ var INDICATOR_NAME = "ProgressIndicator";
92
+ var ProgressIndicator = React.forwardRef(
93
+ (props, forwardedRef) => {
94
+ const { __scopeProgress, ...indicatorProps } = props;
95
+ const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
96
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
97
+ import_react_primitive.Primitive.div,
98
+ {
99
+ "data-state": getProgressState(context.value, context.max),
100
+ "data-value": context.value ?? void 0,
101
+ "data-max": context.max,
102
+ ...indicatorProps,
103
+ ref: forwardedRef
104
+ }
105
+ );
66
106
  }
67
- };
68
- /* -------------------------------------------------------------------------------------------------
69
- * ProgressIndicator
70
- * -----------------------------------------------------------------------------------------------*/ const $66e9ff9cece0fdb5$var$INDICATOR_NAME = 'ProgressIndicator';
71
- const $66e9ff9cece0fdb5$export$2b776f7e7ee60dbd = /*#__PURE__*/ $1DGzP$react.forwardRef((props, forwardedRef)=>{
72
- var _context$value;
73
- const { __scopeProgress: __scopeProgress , ...indicatorProps } = props;
74
- const context = $66e9ff9cece0fdb5$var$useProgressContext($66e9ff9cece0fdb5$var$INDICATOR_NAME, __scopeProgress);
75
- return /*#__PURE__*/ $1DGzP$react.createElement($1DGzP$radixuireactprimitive.Primitive.div, ($parcel$interopDefault($1DGzP$babelruntimehelpersextends))({
76
- "data-state": $66e9ff9cece0fdb5$var$getProgressState(context.value, context.max),
77
- "data-value": (_context$value = context.value) !== null && _context$value !== void 0 ? _context$value : undefined,
78
- "data-max": context.max
79
- }, indicatorProps, {
80
- ref: forwardedRef
81
- }));
82
- });
83
- /*#__PURE__*/ Object.assign($66e9ff9cece0fdb5$export$2b776f7e7ee60dbd, {
84
- displayName: $66e9ff9cece0fdb5$var$INDICATOR_NAME
85
- });
86
- /* ---------------------------------------------------------------------------------------------- */ function $66e9ff9cece0fdb5$var$defaultGetValueLabel(value, max) {
107
+ );
108
+ ProgressIndicator.displayName = INDICATOR_NAME;
109
+ function defaultGetValueLabel(value, max) {
87
110
  return `${Math.round(value / max * 100)}%`;
88
- }
89
- function $66e9ff9cece0fdb5$var$getProgressState(value, maxValue) {
90
- return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading';
91
- }
92
- function $66e9ff9cece0fdb5$var$isNumber(value) {
93
- return typeof value === 'number';
94
- }
95
- function $66e9ff9cece0fdb5$var$isValidMaxNumber(max) {
96
- // prettier-ignore
97
- return $66e9ff9cece0fdb5$var$isNumber(max) && !isNaN(max) && max > 0;
98
- }
99
- function $66e9ff9cece0fdb5$var$isValidValueNumber(value, max) {
100
- // prettier-ignore
101
- return $66e9ff9cece0fdb5$var$isNumber(value) && !isNaN(value) && value <= max && value >= 0;
102
- } // Split this out for clearer readability of the error message.
103
- function $66e9ff9cece0fdb5$var$getInvalidMaxError(propValue, componentName) {
104
- return `Invalid prop \`max\` of value \`${propValue}\` supplied to \`${componentName}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${$66e9ff9cece0fdb5$var$DEFAULT_MAX}\`.`;
105
- }
106
- function $66e9ff9cece0fdb5$var$getInvalidValueError(propValue, componentName) {
111
+ }
112
+ function getProgressState(value, maxValue) {
113
+ return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
114
+ }
115
+ function isNumber(value) {
116
+ return typeof value === "number";
117
+ }
118
+ function isValidMaxNumber(max) {
119
+ return isNumber(max) && !isNaN(max) && max > 0;
120
+ }
121
+ function isValidValueNumber(value, max) {
122
+ return isNumber(value) && !isNaN(value) && value <= max && value >= 0;
123
+ }
124
+ function getInvalidMaxError(propValue, componentName) {
125
+ return `Invalid prop \`max\` of value \`${propValue}\` supplied to \`${componentName}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${DEFAULT_MAX}\`.`;
126
+ }
127
+ function getInvalidValueError(propValue, componentName) {
107
128
  return `Invalid prop \`value\` of value \`${propValue}\` supplied to \`${componentName}\`. The \`value\` prop must be:
108
129
  - a positive number
109
- - less than the value passed to \`max\` (or ${$66e9ff9cece0fdb5$var$DEFAULT_MAX} if no \`max\` prop is set)
130
+ - less than the value passed to \`max\` (or ${DEFAULT_MAX} if no \`max\` prop is set)
110
131
  - \`null\` if the progress is indeterminate.
111
132
 
112
133
  Defaulting to \`null\`.`;
113
- }
114
- const $66e9ff9cece0fdb5$export$be92b6f5f03c0fe9 = $66e9ff9cece0fdb5$export$b25a304ec7d746bb;
115
- const $66e9ff9cece0fdb5$export$adb584737d712b70 = $66e9ff9cece0fdb5$export$2b776f7e7ee60dbd;
116
-
117
-
118
-
119
-
134
+ }
135
+ var Root = Progress;
136
+ var Indicator = ProgressIndicator;
137
+ })();
120
138
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1,7 @@
1
- {"mappings":"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","sources":["packages/react/progress/src/index.ts","packages/react/progress/src/Progress.tsx"],"sourcesContent":["export {\n createProgressScope,\n //\n Progress,\n ProgressIndicator,\n //\n Root,\n Indicator,\n} from './Progress';\nexport type { ProgressProps, ProgressIndicatorProps } from './Progress';\n","import * as React from 'react';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Progress\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROGRESS_NAME = 'Progress';\nconst DEFAULT_MAX = 100;\n\ntype ScopedProps<P> = P & { __scopeProgress?: Scope };\nconst [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);\n\ntype ProgressState = 'indeterminate' | 'complete' | 'loading';\ntype ProgressContextValue = { value: number | null; max: number };\nconst [ProgressProvider, useProgressContext] =\n createProgressContext<ProgressContextValue>(PROGRESS_NAME);\n\ntype ProgressElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ProgressProps extends PrimitiveDivProps {\n value?: number | null | undefined;\n max?: number;\n getValueLabel?(value: number, max: number): string;\n}\n\nconst Progress = React.forwardRef<ProgressElement, ProgressProps>(\n (props: ScopedProps<ProgressProps>, forwardedRef) => {\n const {\n __scopeProgress,\n value: valueProp,\n max: maxProp,\n getValueLabel = defaultGetValueLabel,\n ...progressProps\n } = props;\n\n const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;\n const value = isValidValueNumber(valueProp, max) ? valueProp : null;\n const valueLabel = isNumber(value) ? getValueLabel(value, max) : undefined;\n\n return (\n <ProgressProvider scope={__scopeProgress} value={value} max={max}>\n <Primitive.div\n aria-valuemax={max}\n aria-valuemin={0}\n aria-valuenow={isNumber(value) ? value : undefined}\n aria-valuetext={valueLabel}\n role=\"progressbar\"\n data-state={getProgressState(value, max)}\n data-value={value ?? undefined}\n data-max={max}\n {...progressProps}\n ref={forwardedRef}\n />\n </ProgressProvider>\n );\n }\n);\n\nProgress.displayName = PROGRESS_NAME;\n\nProgress.propTypes = {\n max(props, propName, componentName) {\n const propValue = props[propName];\n const strVal = String(propValue);\n if (propValue && !isValidMaxNumber(propValue)) {\n return new Error(getInvalidMaxError(strVal, componentName));\n }\n return null;\n },\n value(props, propName, componentName) {\n const valueProp = props[propName];\n const strVal = String(valueProp);\n const max = isValidMaxNumber(props.max) ? props.max : DEFAULT_MAX;\n if (valueProp != null && !isValidValueNumber(valueProp, max)) {\n return new Error(getInvalidValueError(strVal, componentName));\n }\n return null;\n },\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProgressIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'ProgressIndicator';\n\ntype ProgressIndicatorElement = React.ElementRef<typeof Primitive.div>;\ninterface ProgressIndicatorProps extends PrimitiveDivProps {}\n\nconst ProgressIndicator = React.forwardRef<ProgressIndicatorElement, ProgressIndicatorProps>(\n (props: ScopedProps<ProgressIndicatorProps>, forwardedRef) => {\n const { __scopeProgress, ...indicatorProps } = props;\n const context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n return (\n <Primitive.div\n data-state={getProgressState(context.value, context.max)}\n data-value={context.value ?? undefined}\n data-max={context.max}\n {...indicatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nProgressIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction defaultGetValueLabel(value: number, max: number) {\n return `${Math.round((value / max) * 100)}%`;\n}\n\nfunction getProgressState(value: number | undefined | null, maxValue: number): ProgressState {\n return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading';\n}\n\nfunction isNumber(value: any): value is number {\n return typeof value === 'number';\n}\n\nfunction isValidMaxNumber(max: any): max is number {\n // prettier-ignore\n return (\n isNumber(max) &&\n !isNaN(max) &&\n max > 0\n );\n}\n\nfunction isValidValueNumber(value: any, max: number): value is number {\n // prettier-ignore\n return (\n isNumber(value) &&\n !isNaN(value) &&\n value <= max &&\n value >= 0\n );\n}\n\n// Split this out for clearer readability of the error message.\nfunction getInvalidMaxError(propValue: string, componentName: string) {\n return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`;\n}\n\nfunction getInvalidValueError(propValue: string, componentName: string) {\n return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n - a positive number\n - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n - \\`null\\` if the progress is indeterminate.\n\nDefaulting to \\`null\\`.`;\n}\n\nconst Root = Progress;\nconst Indicator = ProgressIndicator;\n\nexport {\n createProgressScope,\n //\n Progress,\n ProgressIndicator,\n //\n Root,\n Indicator,\n};\nexport type { ProgressProps, ProgressIndicatorProps };\n"],"names":["createProgressScope","Progress","ProgressIndicator","Root","Indicator","React","createContextScope","Primitive","PROGRESS_NAME","DEFAULT_MAX","createProgressContext","ProgressProvider","useProgressContext","forwardRef","props","forwardedRef","__scopeProgress","value","valueProp","max","maxProp","getValueLabel","defaultGetValueLabel","progressProps","isValidMaxNumber","isValidValueNumber","valueLabel","isNumber","undefined","getProgressState","propTypes","propName","componentName","propValue","strVal","String","Error","getInvalidMaxError","getInvalidValueError","INDICATOR_NAME","indicatorProps","context","Math","round","maxValue","isNaN"],"version":3,"file":"index.js.map"}
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/Progress.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Progress\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROGRESS_NAME = 'Progress';\nconst DEFAULT_MAX = 100;\n\ntype ScopedProps<P> = P & { __scopeProgress?: Scope };\nconst [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);\n\ntype ProgressState = 'indeterminate' | 'complete' | 'loading';\ntype ProgressContextValue = { value: number | null; max: number };\nconst [ProgressProvider, useProgressContext] =\n createProgressContext<ProgressContextValue>(PROGRESS_NAME);\n\ntype ProgressElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ProgressProps extends PrimitiveDivProps {\n value?: number | null | undefined;\n max?: number;\n getValueLabel?(value: number, max: number): string;\n}\n\nconst Progress = React.forwardRef<ProgressElement, ProgressProps>(\n (props: ScopedProps<ProgressProps>, forwardedRef) => {\n const {\n __scopeProgress,\n value: valueProp,\n max: maxProp,\n getValueLabel = defaultGetValueLabel,\n ...progressProps\n } = props;\n\n const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;\n const value = isValidValueNumber(valueProp, max) ? valueProp : null;\n const valueLabel = isNumber(value) ? getValueLabel(value, max) : undefined;\n\n return (\n <ProgressProvider scope={__scopeProgress} value={value} max={max}>\n <Primitive.div\n aria-valuemax={max}\n aria-valuemin={0}\n aria-valuenow={isNumber(value) ? value : undefined}\n aria-valuetext={valueLabel}\n role=\"progressbar\"\n data-state={getProgressState(value, max)}\n data-value={value ?? undefined}\n data-max={max}\n {...progressProps}\n ref={forwardedRef}\n />\n </ProgressProvider>\n );\n }\n);\n\nProgress.displayName = PROGRESS_NAME;\n\nProgress.propTypes = {\n max(props, propName, componentName) {\n const propValue = props[propName];\n const strVal = String(propValue);\n if (propValue && !isValidMaxNumber(propValue)) {\n return new Error(getInvalidMaxError(strVal, componentName));\n }\n return null;\n },\n value(props, propName, componentName) {\n const valueProp = props[propName];\n const strVal = String(valueProp);\n const max = isValidMaxNumber(props.max) ? props.max : DEFAULT_MAX;\n if (valueProp != null && !isValidValueNumber(valueProp, max)) {\n return new Error(getInvalidValueError(strVal, componentName));\n }\n return null;\n },\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProgressIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'ProgressIndicator';\n\ntype ProgressIndicatorElement = React.ElementRef<typeof Primitive.div>;\ninterface ProgressIndicatorProps extends PrimitiveDivProps {}\n\nconst ProgressIndicator = React.forwardRef<ProgressIndicatorElement, ProgressIndicatorProps>(\n (props: ScopedProps<ProgressIndicatorProps>, forwardedRef) => {\n const { __scopeProgress, ...indicatorProps } = props;\n const context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n return (\n <Primitive.div\n data-state={getProgressState(context.value, context.max)}\n data-value={context.value ?? undefined}\n data-max={context.max}\n {...indicatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nProgressIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction defaultGetValueLabel(value: number, max: number) {\n return `${Math.round((value / max) * 100)}%`;\n}\n\nfunction getProgressState(value: number | undefined | null, maxValue: number): ProgressState {\n return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading';\n}\n\nfunction isNumber(value: any): value is number {\n return typeof value === 'number';\n}\n\nfunction isValidMaxNumber(max: any): max is number {\n // prettier-ignore\n return (\n isNumber(max) &&\n !isNaN(max) &&\n max > 0\n );\n}\n\nfunction isValidValueNumber(value: any, max: number): value is number {\n // prettier-ignore\n return (\n isNumber(value) &&\n !isNaN(value) &&\n value <= max &&\n value >= 0\n );\n}\n\n// Split this out for clearer readability of the error message.\nfunction getInvalidMaxError(propValue: string, componentName: string) {\n return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`;\n}\n\nfunction getInvalidValueError(propValue: string, componentName: string) {\n return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n - a positive number\n - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n - \\`null\\` if the progress is indeterminate.\n\nDefaulting to \\`null\\`.`;\n}\n\nconst Root = Progress;\nconst Indicator = ProgressIndicator;\n\nexport {\n createProgressScope,\n //\n Progress,\n ProgressIndicator,\n //\n Root,\n Indicator,\n};\nexport type { ProgressProps, ProgressIndicatorProps };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,cAAuB;AACvB,6BAAmC;AACnC,+BAA0B;AA4ClB;AAnCR,MAAM,gBAAgB;AACtB,MAAM,cAAc;AAGpB,MAAM,CAAC,uBAAuB,mBAAmB,QAAI,yCAAmB,aAAa;AAIrF,MAAM,CAAC,kBAAkB,kBAAkB,IACzC,sBAA4C,aAAa;AAU3D,MAAM,WAAiB;AAAA,IACrB,CAAC,OAAmC,iBAAiB;AACnD,YAAM;AAAA,QACJ;AAAA,QACA,OAAO;AAAA,QACP,KAAK;AAAA,QACL,gBAAgB;AAAA,QAChB,GAAG;AAAA,MACL,IAAI;AAEJ,YAAM,MAAM,iBAAiB,OAAO,IAAI,UAAU;AAClD,YAAM,QAAQ,mBAAmB,WAAW,GAAG,IAAI,YAAY;AAC/D,YAAM,aAAa,SAAS,KAAK,IAAI,cAAc,OAAO,GAAG,IAAI;AAEjE,aACE,4CAAC,oBAAiB,OAAO,iBAAiB,OAAc,KACtD;AAAA,QAAC,iCAAU;AAAA,QAAV;AAAA,UACC,iBAAe;AAAA,UACf,iBAAe;AAAA,UACf,iBAAe,SAAS,KAAK,IAAI,QAAQ;AAAA,UACzC,kBAAgB;AAAA,UAChB,MAAK;AAAA,UACL,cAAY,iBAAiB,OAAO,GAAG;AAAA,UACvC,cAAY,SAAS;AAAA,UACrB,YAAU;AAAA,UACT,GAAG;AAAA,UACJ,KAAK;AAAA;AAAA,MACP,GACF;AAAA,IAEJ;AAAA,EACF;AAEA,WAAS,cAAc;AAEvB,WAAS,YAAY;AAAA,IACnB,IAAI,OAAO,UAAU,eAAe;AAClC,YAAM,YAAY,MAAM,QAAQ;AAChC,YAAM,SAAS,OAAO,SAAS;AAC/B,UAAI,aAAa,CAAC,iBAAiB,SAAS,GAAG;AAC7C,eAAO,IAAI,MAAM,mBAAmB,QAAQ,aAAa,CAAC;AAAA,MAC5D;AACA,aAAO;AAAA,IACT;AAAA,IACA,MAAM,OAAO,UAAU,eAAe;AACpC,YAAM,YAAY,MAAM,QAAQ;AAChC,YAAM,SAAS,OAAO,SAAS;AAC/B,YAAM,MAAM,iBAAiB,MAAM,GAAG,IAAI,MAAM,MAAM;AACtD,UAAI,aAAa,QAAQ,CAAC,mBAAmB,WAAW,GAAG,GAAG;AAC5D,eAAO,IAAI,MAAM,qBAAqB,QAAQ,aAAa,CAAC;AAAA,MAC9D;AACA,aAAO;AAAA,IACT;AAAA,EACF;AAMA,MAAM,iBAAiB;AAKvB,MAAM,oBAA0B;AAAA,IAC9B,CAAC,OAA4C,iBAAiB;AAC5D,YAAM,EAAE,iBAAiB,GAAG,eAAe,IAAI;AAC/C,YAAM,UAAU,mBAAmB,gBAAgB,eAAe;AAClE,aACE;AAAA,QAAC,iCAAU;AAAA,QAAV;AAAA,UACC,cAAY,iBAAiB,QAAQ,OAAO,QAAQ,GAAG;AAAA,UACvD,cAAY,QAAQ,SAAS;AAAA,UAC7B,YAAU,QAAQ;AAAA,UACjB,GAAG;AAAA,UACJ,KAAK;AAAA;AAAA,MACP;AAAA,IAEJ;AAAA,EACF;AAEA,oBAAkB,cAAc;AAIhC,WAAS,qBAAqB,OAAe,KAAa;AACxD,WAAO,GAAG,KAAK,MAAO,QAAQ,MAAO,GAAG,CAAC;AAAA,EAC3C;AAEA,WAAS,iBAAiB,OAAkC,UAAiC;AAC3F,WAAO,SAAS,OAAO,kBAAkB,UAAU,WAAW,aAAa;AAAA,EAC7E;AAEA,WAAS,SAAS,OAA6B;AAC7C,WAAO,OAAO,UAAU;AAAA,EAC1B;AAEA,WAAS,iBAAiB,KAAyB;AAEjD,WACE,SAAS,GAAG,KACZ,CAAC,MAAM,GAAG,KACV,MAAM;AAAA,EAEV;AAEA,WAAS,mBAAmB,OAAY,KAA8B;AAEpE,WACE,SAAS,KAAK,KACd,CAAC,MAAM,KAAK,KACZ,SAAS,OACT,SAAS;AAAA,EAEb;AAGA,WAAS,mBAAmB,WAAmB,eAAuB;AACpE,WAAO,mCAAmC,SAAS,oBAAoB,aAAa,yEAAyE,WAAW;AAAA,EAC1K;AAEA,WAAS,qBAAqB,WAAmB,eAAuB;AACtE,WAAO,qCAAqC,SAAS,oBAAoB,aAAa;AAAA;AAAA,gDAExC,WAAW;AAAA;AAAA;AAAA;AAAA,EAI3D;AAEA,MAAM,OAAO;AACb,MAAM,YAAY;",
6
+ "names": []
7
+ }
package/dist/index.mjs CHANGED
@@ -1,109 +1,114 @@
1
- import $k03wI$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
2
- import {forwardRef as $k03wI$forwardRef, createElement as $k03wI$createElement} from "react";
3
- import {createContextScope as $k03wI$createContextScope} from "@radix-ui/react-context";
4
- import {Primitive as $k03wI$Primitive} from "@radix-ui/react-primitive";
1
+ "use client";
5
2
 
6
-
7
-
8
-
9
-
10
- /* -------------------------------------------------------------------------------------------------
11
- * Progress
12
- * -----------------------------------------------------------------------------------------------*/ const $67824d98245208a0$var$PROGRESS_NAME = 'Progress';
13
- const $67824d98245208a0$var$DEFAULT_MAX = 100;
14
- const [$67824d98245208a0$var$createProgressContext, $67824d98245208a0$export$388eb2d8f6d3261f] = $k03wI$createContextScope($67824d98245208a0$var$PROGRESS_NAME);
15
- const [$67824d98245208a0$var$ProgressProvider, $67824d98245208a0$var$useProgressContext] = $67824d98245208a0$var$createProgressContext($67824d98245208a0$var$PROGRESS_NAME);
16
- const $67824d98245208a0$export$b25a304ec7d746bb = /*#__PURE__*/ $k03wI$forwardRef((props, forwardedRef)=>{
17
- const { __scopeProgress: __scopeProgress , value: valueProp , max: maxProp , getValueLabel: getValueLabel = $67824d98245208a0$var$defaultGetValueLabel , ...progressProps } = props;
18
- const max = $67824d98245208a0$var$isValidMaxNumber(maxProp) ? maxProp : $67824d98245208a0$var$DEFAULT_MAX;
19
- const value = $67824d98245208a0$var$isValidValueNumber(valueProp, max) ? valueProp : null;
20
- const valueLabel = $67824d98245208a0$var$isNumber(value) ? getValueLabel(value, max) : undefined;
21
- return /*#__PURE__*/ $k03wI$createElement($67824d98245208a0$var$ProgressProvider, {
22
- scope: __scopeProgress,
23
- value: value,
24
- max: max
25
- }, /*#__PURE__*/ $k03wI$createElement($k03wI$Primitive.div, $k03wI$babelruntimehelpersesmextends({
3
+ // packages/react/progress/src/Progress.tsx
4
+ import * as React from "react";
5
+ import { createContextScope } from "@radix-ui/react-context";
6
+ import { Primitive } from "@radix-ui/react-primitive";
7
+ import { jsx } from "react/jsx-runtime";
8
+ var PROGRESS_NAME = "Progress";
9
+ var DEFAULT_MAX = 100;
10
+ var [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
11
+ var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
12
+ var Progress = React.forwardRef(
13
+ (props, forwardedRef) => {
14
+ const {
15
+ __scopeProgress,
16
+ value: valueProp,
17
+ max: maxProp,
18
+ getValueLabel = defaultGetValueLabel,
19
+ ...progressProps
20
+ } = props;
21
+ const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
22
+ const value = isValidValueNumber(valueProp, max) ? valueProp : null;
23
+ const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
24
+ return /* @__PURE__ */ jsx(ProgressProvider, { scope: __scopeProgress, value, max, children: /* @__PURE__ */ jsx(
25
+ Primitive.div,
26
+ {
26
27
  "aria-valuemax": max,
27
28
  "aria-valuemin": 0,
28
- "aria-valuenow": $67824d98245208a0$var$isNumber(value) ? value : undefined,
29
+ "aria-valuenow": isNumber(value) ? value : void 0,
29
30
  "aria-valuetext": valueLabel,
30
31
  role: "progressbar",
31
- "data-state": $67824d98245208a0$var$getProgressState(value, max),
32
- "data-value": value !== null && value !== void 0 ? value : undefined,
33
- "data-max": max
34
- }, progressProps, {
32
+ "data-state": getProgressState(value, max),
33
+ "data-value": value ?? void 0,
34
+ "data-max": max,
35
+ ...progressProps,
35
36
  ref: forwardedRef
36
- })));
37
- });
38
- /*#__PURE__*/ Object.assign($67824d98245208a0$export$b25a304ec7d746bb, {
39
- displayName: $67824d98245208a0$var$PROGRESS_NAME
40
- });
41
- $67824d98245208a0$export$b25a304ec7d746bb.propTypes = {
42
- max (props, propName, componentName) {
43
- const propValue = props[propName];
44
- const strVal = String(propValue);
45
- if (propValue && !$67824d98245208a0$var$isValidMaxNumber(propValue)) return new Error($67824d98245208a0$var$getInvalidMaxError(strVal, componentName));
46
- return null;
47
- },
48
- value (props, propName, componentName) {
49
- const valueProp = props[propName];
50
- const strVal = String(valueProp);
51
- const max = $67824d98245208a0$var$isValidMaxNumber(props.max) ? props.max : $67824d98245208a0$var$DEFAULT_MAX;
52
- if (valueProp != null && !$67824d98245208a0$var$isValidValueNumber(valueProp, max)) return new Error($67824d98245208a0$var$getInvalidValueError(strVal, componentName));
53
- return null;
37
+ }
38
+ ) });
39
+ }
40
+ );
41
+ Progress.displayName = PROGRESS_NAME;
42
+ Progress.propTypes = {
43
+ max(props, propName, componentName) {
44
+ const propValue = props[propName];
45
+ const strVal = String(propValue);
46
+ if (propValue && !isValidMaxNumber(propValue)) {
47
+ return new Error(getInvalidMaxError(strVal, componentName));
48
+ }
49
+ return null;
50
+ },
51
+ value(props, propName, componentName) {
52
+ const valueProp = props[propName];
53
+ const strVal = String(valueProp);
54
+ const max = isValidMaxNumber(props.max) ? props.max : DEFAULT_MAX;
55
+ if (valueProp != null && !isValidValueNumber(valueProp, max)) {
56
+ return new Error(getInvalidValueError(strVal, componentName));
54
57
  }
58
+ return null;
59
+ }
55
60
  };
56
- /* -------------------------------------------------------------------------------------------------
57
- * ProgressIndicator
58
- * -----------------------------------------------------------------------------------------------*/ const $67824d98245208a0$var$INDICATOR_NAME = 'ProgressIndicator';
59
- const $67824d98245208a0$export$2b776f7e7ee60dbd = /*#__PURE__*/ $k03wI$forwardRef((props, forwardedRef)=>{
60
- var _context$value;
61
- const { __scopeProgress: __scopeProgress , ...indicatorProps } = props;
62
- const context = $67824d98245208a0$var$useProgressContext($67824d98245208a0$var$INDICATOR_NAME, __scopeProgress);
63
- return /*#__PURE__*/ $k03wI$createElement($k03wI$Primitive.div, $k03wI$babelruntimehelpersesmextends({
64
- "data-state": $67824d98245208a0$var$getProgressState(context.value, context.max),
65
- "data-value": (_context$value = context.value) !== null && _context$value !== void 0 ? _context$value : undefined,
66
- "data-max": context.max
67
- }, indicatorProps, {
61
+ var INDICATOR_NAME = "ProgressIndicator";
62
+ var ProgressIndicator = React.forwardRef(
63
+ (props, forwardedRef) => {
64
+ const { __scopeProgress, ...indicatorProps } = props;
65
+ const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
66
+ return /* @__PURE__ */ jsx(
67
+ Primitive.div,
68
+ {
69
+ "data-state": getProgressState(context.value, context.max),
70
+ "data-value": context.value ?? void 0,
71
+ "data-max": context.max,
72
+ ...indicatorProps,
68
73
  ref: forwardedRef
69
- }));
70
- });
71
- /*#__PURE__*/ Object.assign($67824d98245208a0$export$2b776f7e7ee60dbd, {
72
- displayName: $67824d98245208a0$var$INDICATOR_NAME
73
- });
74
- /* ---------------------------------------------------------------------------------------------- */ function $67824d98245208a0$var$defaultGetValueLabel(value, max) {
75
- return `${Math.round(value / max * 100)}%`;
74
+ }
75
+ );
76
+ }
77
+ );
78
+ ProgressIndicator.displayName = INDICATOR_NAME;
79
+ function defaultGetValueLabel(value, max) {
80
+ return `${Math.round(value / max * 100)}%`;
81
+ }
82
+ function getProgressState(value, maxValue) {
83
+ return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
76
84
  }
77
- function $67824d98245208a0$var$getProgressState(value, maxValue) {
78
- return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading';
85
+ function isNumber(value) {
86
+ return typeof value === "number";
79
87
  }
80
- function $67824d98245208a0$var$isNumber(value) {
81
- return typeof value === 'number';
88
+ function isValidMaxNumber(max) {
89
+ return isNumber(max) && !isNaN(max) && max > 0;
82
90
  }
83
- function $67824d98245208a0$var$isValidMaxNumber(max) {
84
- // prettier-ignore
85
- return $67824d98245208a0$var$isNumber(max) && !isNaN(max) && max > 0;
91
+ function isValidValueNumber(value, max) {
92
+ return isNumber(value) && !isNaN(value) && value <= max && value >= 0;
86
93
  }
87
- function $67824d98245208a0$var$isValidValueNumber(value, max) {
88
- // prettier-ignore
89
- return $67824d98245208a0$var$isNumber(value) && !isNaN(value) && value <= max && value >= 0;
90
- } // Split this out for clearer readability of the error message.
91
- function $67824d98245208a0$var$getInvalidMaxError(propValue, componentName) {
92
- return `Invalid prop \`max\` of value \`${propValue}\` supplied to \`${componentName}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${$67824d98245208a0$var$DEFAULT_MAX}\`.`;
94
+ function getInvalidMaxError(propValue, componentName) {
95
+ return `Invalid prop \`max\` of value \`${propValue}\` supplied to \`${componentName}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${DEFAULT_MAX}\`.`;
93
96
  }
94
- function $67824d98245208a0$var$getInvalidValueError(propValue, componentName) {
95
- return `Invalid prop \`value\` of value \`${propValue}\` supplied to \`${componentName}\`. The \`value\` prop must be:
97
+ function getInvalidValueError(propValue, componentName) {
98
+ return `Invalid prop \`value\` of value \`${propValue}\` supplied to \`${componentName}\`. The \`value\` prop must be:
96
99
  - a positive number
97
- - less than the value passed to \`max\` (or ${$67824d98245208a0$var$DEFAULT_MAX} if no \`max\` prop is set)
100
+ - less than the value passed to \`max\` (or ${DEFAULT_MAX} if no \`max\` prop is set)
98
101
  - \`null\` if the progress is indeterminate.
99
102
 
100
103
  Defaulting to \`null\`.`;
101
104
  }
102
- const $67824d98245208a0$export$be92b6f5f03c0fe9 = $67824d98245208a0$export$b25a304ec7d746bb;
103
- const $67824d98245208a0$export$adb584737d712b70 = $67824d98245208a0$export$2b776f7e7ee60dbd;
104
-
105
-
106
-
107
-
108
- export {$67824d98245208a0$export$388eb2d8f6d3261f as createProgressScope, $67824d98245208a0$export$b25a304ec7d746bb as Progress, $67824d98245208a0$export$2b776f7e7ee60dbd as ProgressIndicator, $67824d98245208a0$export$be92b6f5f03c0fe9 as Root, $67824d98245208a0$export$adb584737d712b70 as Indicator};
105
+ var Root = Progress;
106
+ var Indicator = ProgressIndicator;
107
+ export {
108
+ Indicator,
109
+ Progress,
110
+ ProgressIndicator,
111
+ Root,
112
+ createProgressScope
113
+ };
109
114
  //# sourceMappingURL=index.mjs.map
@@ -1 +1,7 @@
1
- {"mappings":"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","sources":["packages/react/progress/src/index.ts","packages/react/progress/src/Progress.tsx"],"sourcesContent":["export {\n createProgressScope,\n //\n Progress,\n ProgressIndicator,\n //\n Root,\n Indicator,\n} from './Progress';\nexport type { ProgressProps, ProgressIndicatorProps } from './Progress';\n","import * as React from 'react';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Progress\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROGRESS_NAME = 'Progress';\nconst DEFAULT_MAX = 100;\n\ntype ScopedProps<P> = P & { __scopeProgress?: Scope };\nconst [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);\n\ntype ProgressState = 'indeterminate' | 'complete' | 'loading';\ntype ProgressContextValue = { value: number | null; max: number };\nconst [ProgressProvider, useProgressContext] =\n createProgressContext<ProgressContextValue>(PROGRESS_NAME);\n\ntype ProgressElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ProgressProps extends PrimitiveDivProps {\n value?: number | null | undefined;\n max?: number;\n getValueLabel?(value: number, max: number): string;\n}\n\nconst Progress = React.forwardRef<ProgressElement, ProgressProps>(\n (props: ScopedProps<ProgressProps>, forwardedRef) => {\n const {\n __scopeProgress,\n value: valueProp,\n max: maxProp,\n getValueLabel = defaultGetValueLabel,\n ...progressProps\n } = props;\n\n const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;\n const value = isValidValueNumber(valueProp, max) ? valueProp : null;\n const valueLabel = isNumber(value) ? getValueLabel(value, max) : undefined;\n\n return (\n <ProgressProvider scope={__scopeProgress} value={value} max={max}>\n <Primitive.div\n aria-valuemax={max}\n aria-valuemin={0}\n aria-valuenow={isNumber(value) ? value : undefined}\n aria-valuetext={valueLabel}\n role=\"progressbar\"\n data-state={getProgressState(value, max)}\n data-value={value ?? undefined}\n data-max={max}\n {...progressProps}\n ref={forwardedRef}\n />\n </ProgressProvider>\n );\n }\n);\n\nProgress.displayName = PROGRESS_NAME;\n\nProgress.propTypes = {\n max(props, propName, componentName) {\n const propValue = props[propName];\n const strVal = String(propValue);\n if (propValue && !isValidMaxNumber(propValue)) {\n return new Error(getInvalidMaxError(strVal, componentName));\n }\n return null;\n },\n value(props, propName, componentName) {\n const valueProp = props[propName];\n const strVal = String(valueProp);\n const max = isValidMaxNumber(props.max) ? props.max : DEFAULT_MAX;\n if (valueProp != null && !isValidValueNumber(valueProp, max)) {\n return new Error(getInvalidValueError(strVal, componentName));\n }\n return null;\n },\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProgressIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'ProgressIndicator';\n\ntype ProgressIndicatorElement = React.ElementRef<typeof Primitive.div>;\ninterface ProgressIndicatorProps extends PrimitiveDivProps {}\n\nconst ProgressIndicator = React.forwardRef<ProgressIndicatorElement, ProgressIndicatorProps>(\n (props: ScopedProps<ProgressIndicatorProps>, forwardedRef) => {\n const { __scopeProgress, ...indicatorProps } = props;\n const context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n return (\n <Primitive.div\n data-state={getProgressState(context.value, context.max)}\n data-value={context.value ?? undefined}\n data-max={context.max}\n {...indicatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nProgressIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction defaultGetValueLabel(value: number, max: number) {\n return `${Math.round((value / max) * 100)}%`;\n}\n\nfunction getProgressState(value: number | undefined | null, maxValue: number): ProgressState {\n return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading';\n}\n\nfunction isNumber(value: any): value is number {\n return typeof value === 'number';\n}\n\nfunction isValidMaxNumber(max: any): max is number {\n // prettier-ignore\n return (\n isNumber(max) &&\n !isNaN(max) &&\n max > 0\n );\n}\n\nfunction isValidValueNumber(value: any, max: number): value is number {\n // prettier-ignore\n return (\n isNumber(value) &&\n !isNaN(value) &&\n value <= max &&\n value >= 0\n );\n}\n\n// Split this out for clearer readability of the error message.\nfunction getInvalidMaxError(propValue: string, componentName: string) {\n return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`;\n}\n\nfunction getInvalidValueError(propValue: string, componentName: string) {\n return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n - a positive number\n - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n - \\`null\\` if the progress is indeterminate.\n\nDefaulting to \\`null\\`.`;\n}\n\nconst Root = Progress;\nconst Indicator = ProgressIndicator;\n\nexport {\n createProgressScope,\n //\n Progress,\n ProgressIndicator,\n //\n Root,\n Indicator,\n};\nexport type { ProgressProps, ProgressIndicatorProps };\n"],"names":["createProgressScope","Progress","ProgressIndicator","Root","Indicator","React","createContextScope","Primitive","PROGRESS_NAME","DEFAULT_MAX","createProgressContext","ProgressProvider","useProgressContext","forwardRef","props","forwardedRef","__scopeProgress","value","valueProp","max","maxProp","getValueLabel","defaultGetValueLabel","progressProps","isValidMaxNumber","isValidValueNumber","valueLabel","isNumber","undefined","getProgressState","propTypes","propName","componentName","propValue","strVal","String","Error","getInvalidMaxError","getInvalidValueError","INDICATOR_NAME","indicatorProps","context","Math","round","maxValue","isNaN"],"version":3,"file":"index.mjs.map"}
1
+ {
2
+ "version": 3,
3
+ "sources": ["../src/Progress.tsx"],
4
+ "sourcesContent": ["import * as React from 'react';\nimport { createContextScope } from '@radix-ui/react-context';\nimport { Primitive } from '@radix-ui/react-primitive';\n\nimport type * as Radix from '@radix-ui/react-primitive';\nimport type { Scope } from '@radix-ui/react-context';\n\n/* -------------------------------------------------------------------------------------------------\n * Progress\n * -----------------------------------------------------------------------------------------------*/\n\nconst PROGRESS_NAME = 'Progress';\nconst DEFAULT_MAX = 100;\n\ntype ScopedProps<P> = P & { __scopeProgress?: Scope };\nconst [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);\n\ntype ProgressState = 'indeterminate' | 'complete' | 'loading';\ntype ProgressContextValue = { value: number | null; max: number };\nconst [ProgressProvider, useProgressContext] =\n createProgressContext<ProgressContextValue>(PROGRESS_NAME);\n\ntype ProgressElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface ProgressProps extends PrimitiveDivProps {\n value?: number | null | undefined;\n max?: number;\n getValueLabel?(value: number, max: number): string;\n}\n\nconst Progress = React.forwardRef<ProgressElement, ProgressProps>(\n (props: ScopedProps<ProgressProps>, forwardedRef) => {\n const {\n __scopeProgress,\n value: valueProp,\n max: maxProp,\n getValueLabel = defaultGetValueLabel,\n ...progressProps\n } = props;\n\n const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;\n const value = isValidValueNumber(valueProp, max) ? valueProp : null;\n const valueLabel = isNumber(value) ? getValueLabel(value, max) : undefined;\n\n return (\n <ProgressProvider scope={__scopeProgress} value={value} max={max}>\n <Primitive.div\n aria-valuemax={max}\n aria-valuemin={0}\n aria-valuenow={isNumber(value) ? value : undefined}\n aria-valuetext={valueLabel}\n role=\"progressbar\"\n data-state={getProgressState(value, max)}\n data-value={value ?? undefined}\n data-max={max}\n {...progressProps}\n ref={forwardedRef}\n />\n </ProgressProvider>\n );\n }\n);\n\nProgress.displayName = PROGRESS_NAME;\n\nProgress.propTypes = {\n max(props, propName, componentName) {\n const propValue = props[propName];\n const strVal = String(propValue);\n if (propValue && !isValidMaxNumber(propValue)) {\n return new Error(getInvalidMaxError(strVal, componentName));\n }\n return null;\n },\n value(props, propName, componentName) {\n const valueProp = props[propName];\n const strVal = String(valueProp);\n const max = isValidMaxNumber(props.max) ? props.max : DEFAULT_MAX;\n if (valueProp != null && !isValidValueNumber(valueProp, max)) {\n return new Error(getInvalidValueError(strVal, componentName));\n }\n return null;\n },\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProgressIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'ProgressIndicator';\n\ntype ProgressIndicatorElement = React.ElementRef<typeof Primitive.div>;\ninterface ProgressIndicatorProps extends PrimitiveDivProps {}\n\nconst ProgressIndicator = React.forwardRef<ProgressIndicatorElement, ProgressIndicatorProps>(\n (props: ScopedProps<ProgressIndicatorProps>, forwardedRef) => {\n const { __scopeProgress, ...indicatorProps } = props;\n const context = useProgressContext(INDICATOR_NAME, __scopeProgress);\n return (\n <Primitive.div\n data-state={getProgressState(context.value, context.max)}\n data-value={context.value ?? undefined}\n data-max={context.max}\n {...indicatorProps}\n ref={forwardedRef}\n />\n );\n }\n);\n\nProgressIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nfunction defaultGetValueLabel(value: number, max: number) {\n return `${Math.round((value / max) * 100)}%`;\n}\n\nfunction getProgressState(value: number | undefined | null, maxValue: number): ProgressState {\n return value == null ? 'indeterminate' : value === maxValue ? 'complete' : 'loading';\n}\n\nfunction isNumber(value: any): value is number {\n return typeof value === 'number';\n}\n\nfunction isValidMaxNumber(max: any): max is number {\n // prettier-ignore\n return (\n isNumber(max) &&\n !isNaN(max) &&\n max > 0\n );\n}\n\nfunction isValidValueNumber(value: any, max: number): value is number {\n // prettier-ignore\n return (\n isNumber(value) &&\n !isNaN(value) &&\n value <= max &&\n value >= 0\n );\n}\n\n// Split this out for clearer readability of the error message.\nfunction getInvalidMaxError(propValue: string, componentName: string) {\n return `Invalid prop \\`max\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. Only numbers greater than 0 are valid max values. Defaulting to \\`${DEFAULT_MAX}\\`.`;\n}\n\nfunction getInvalidValueError(propValue: string, componentName: string) {\n return `Invalid prop \\`value\\` of value \\`${propValue}\\` supplied to \\`${componentName}\\`. The \\`value\\` prop must be:\n - a positive number\n - less than the value passed to \\`max\\` (or ${DEFAULT_MAX} if no \\`max\\` prop is set)\n - \\`null\\` if the progress is indeterminate.\n\nDefaulting to \\`null\\`.`;\n}\n\nconst Root = Progress;\nconst Indicator = ProgressIndicator;\n\nexport {\n createProgressScope,\n //\n Progress,\n ProgressIndicator,\n //\n Root,\n Indicator,\n};\nexport type { ProgressProps, ProgressIndicatorProps };\n"],
5
+ "mappings": ";;;AAAA,YAAY,WAAW;AACvB,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AA4ClB;AAnCR,IAAM,gBAAgB;AACtB,IAAM,cAAc;AAGpB,IAAM,CAAC,uBAAuB,mBAAmB,IAAI,mBAAmB,aAAa;AAIrF,IAAM,CAAC,kBAAkB,kBAAkB,IACzC,sBAA4C,aAAa;AAU3D,IAAM,WAAiB;AAAA,EACrB,CAAC,OAAmC,iBAAiB;AACnD,UAAM;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,MACP,KAAK;AAAA,MACL,gBAAgB;AAAA,MAChB,GAAG;AAAA,IACL,IAAI;AAEJ,UAAM,MAAM,iBAAiB,OAAO,IAAI,UAAU;AAClD,UAAM,QAAQ,mBAAmB,WAAW,GAAG,IAAI,YAAY;AAC/D,UAAM,aAAa,SAAS,KAAK,IAAI,cAAc,OAAO,GAAG,IAAI;AAEjE,WACE,oBAAC,oBAAiB,OAAO,iBAAiB,OAAc,KACtD;AAAA,MAAC,UAAU;AAAA,MAAV;AAAA,QACC,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,iBAAe,SAAS,KAAK,IAAI,QAAQ;AAAA,QACzC,kBAAgB;AAAA,QAChB,MAAK;AAAA,QACL,cAAY,iBAAiB,OAAO,GAAG;AAAA,QACvC,cAAY,SAAS;AAAA,QACrB,YAAU;AAAA,QACT,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,IACP,GACF;AAAA,EAEJ;AACF;AAEA,SAAS,cAAc;AAEvB,SAAS,YAAY;AAAA,EACnB,IAAI,OAAO,UAAU,eAAe;AAClC,UAAM,YAAY,MAAM,QAAQ;AAChC,UAAM,SAAS,OAAO,SAAS;AAC/B,QAAI,aAAa,CAAC,iBAAiB,SAAS,GAAG;AAC7C,aAAO,IAAI,MAAM,mBAAmB,QAAQ,aAAa,CAAC;AAAA,IAC5D;AACA,WAAO;AAAA,EACT;AAAA,EACA,MAAM,OAAO,UAAU,eAAe;AACpC,UAAM,YAAY,MAAM,QAAQ;AAChC,UAAM,SAAS,OAAO,SAAS;AAC/B,UAAM,MAAM,iBAAiB,MAAM,GAAG,IAAI,MAAM,MAAM;AACtD,QAAI,aAAa,QAAQ,CAAC,mBAAmB,WAAW,GAAG,GAAG;AAC5D,aAAO,IAAI,MAAM,qBAAqB,QAAQ,aAAa,CAAC;AAAA,IAC9D;AACA,WAAO;AAAA,EACT;AACF;AAMA,IAAM,iBAAiB;AAKvB,IAAM,oBAA0B;AAAA,EAC9B,CAAC,OAA4C,iBAAiB;AAC5D,UAAM,EAAE,iBAAiB,GAAG,eAAe,IAAI;AAC/C,UAAM,UAAU,mBAAmB,gBAAgB,eAAe;AAClE,WACE;AAAA,MAAC,UAAU;AAAA,MAAV;AAAA,QACC,cAAY,iBAAiB,QAAQ,OAAO,QAAQ,GAAG;AAAA,QACvD,cAAY,QAAQ,SAAS;AAAA,QAC7B,YAAU,QAAQ;AAAA,QACjB,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;AAIhC,SAAS,qBAAqB,OAAe,KAAa;AACxD,SAAO,GAAG,KAAK,MAAO,QAAQ,MAAO,GAAG,CAAC;AAC3C;AAEA,SAAS,iBAAiB,OAAkC,UAAiC;AAC3F,SAAO,SAAS,OAAO,kBAAkB,UAAU,WAAW,aAAa;AAC7E;AAEA,SAAS,SAAS,OAA6B;AAC7C,SAAO,OAAO,UAAU;AAC1B;AAEA,SAAS,iBAAiB,KAAyB;AAEjD,SACE,SAAS,GAAG,KACZ,CAAC,MAAM,GAAG,KACV,MAAM;AAEV;AAEA,SAAS,mBAAmB,OAAY,KAA8B;AAEpE,SACE,SAAS,KAAK,KACd,CAAC,MAAM,KAAK,KACZ,SAAS,OACT,SAAS;AAEb;AAGA,SAAS,mBAAmB,WAAmB,eAAuB;AACpE,SAAO,mCAAmC,SAAS,oBAAoB,aAAa,yEAAyE,WAAW;AAC1K;AAEA,SAAS,qBAAqB,WAAmB,eAAuB;AACtE,SAAO,qCAAqC,SAAS,oBAAoB,aAAa;AAAA;AAAA,gDAExC,WAAW;AAAA;AAAA;AAAA;AAI3D;AAEA,IAAM,OAAO;AACb,IAAM,YAAY;",
6
+ "names": []
7
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@radix-ui/react-progress",
3
- "version": "1.0.3",
3
+ "version": "1.1.0-rc.2",
4
4
  "license": "MIT",
5
5
  "exports": {
6
6
  ".": {
@@ -28,9 +28,8 @@
28
28
  "version": "yarn version"
29
29
  },
30
30
  "dependencies": {
31
- "@babel/runtime": "^7.13.10",
32
- "@radix-ui/react-context": "1.0.1",
33
- "@radix-ui/react-primitive": "1.0.3"
31
+ "@radix-ui/react-context": "1.1.0-rc.2",
32
+ "@radix-ui/react-primitive": "1.1.0-rc.2"
34
33
  },
35
34
  "peerDependencies": {
36
35
  "@types/react": "*",
@@ -53,5 +52,6 @@
53
52
  },
54
53
  "bugs": {
55
54
  "url": "https://github.com/radix-ui/primitives/issues"
56
- }
55
+ },
56
+ "stableVersion": "1.0.3"
57
57
  }
@@ -1 +0,0 @@
1
- {"mappings":";;;AAeA,OAAA,0FAAsF,CAAC;AAQvF,yBAAyB,MAAM,wBAAwB,CAAC,OAAO,UAAU,GAAG,CAAC,CAAC;AAC9E,8BAAwB,SAAQ,iBAAiB;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACpD;AAED,OAAA,MAAM,8FA+BL,CAAC;AA+BF,uCAAiC,SAAQ,iBAAiB;CAAG;AAE7D,OAAA,MAAM,gHAcL,CAAC;AAmDF,OAAA,MAAM,0FAAe,CAAC;AACtB,OAAA,MAAM,wGAA6B,CAAC","sources":["packages/react/progress/src/packages/react/progress/src/Progress.tsx","packages/react/progress/src/packages/react/progress/src/index.ts","packages/react/progress/src/index.ts"],"sourcesContent":[null,null,"export {\n createProgressScope,\n //\n Progress,\n ProgressIndicator,\n //\n Root,\n Indicator,\n} from './Progress';\nexport type { ProgressProps, ProgressIndicatorProps } from './Progress';\n"],"names":[],"version":3,"file":"index.d.ts.map"}