@tamagui/progress 2.0.0-rc.4 → 2.0.0-rc.40
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/cjs/Progress.cjs +138 -131
- package/dist/cjs/Progress.native.js +141 -134
- package/dist/cjs/Progress.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/Progress.mjs +118 -113
- package/dist/esm/Progress.mjs.map +1 -1
- package/dist/esm/Progress.native.js +122 -117
- package/dist/esm/Progress.native.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/Progress.mjs +118 -113
- package/dist/jsx/Progress.mjs.map +1 -1
- package/dist/jsx/Progress.native.js +141 -134
- package/dist/jsx/Progress.native.js.map +1 -1
- package/dist/jsx/index.js +1 -1
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +7 -5
- package/package.json +12 -15
- package/dist/cjs/Progress.js +0 -146
- package/dist/cjs/Progress.js.map +0 -6
- package/dist/cjs/index.js +0 -15
- package/dist/cjs/index.js.map +0 -6
- package/dist/esm/Progress.js +0 -136
- package/dist/esm/Progress.js.map +0 -6
- package/dist/jsx/Progress.js +0 -136
- package/dist/jsx/Progress.js.map +0 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Progress_exports","__export","Progress","ProgressFrame","ProgressIndicator","ProgressIndicatorFrame","createProgressScope","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_get_token","import_helpers","import_stacks","import_react","PROGRESS_NAME","createProgressContext","createContextScope","ProgressProvider","useProgressContext","INDICATOR_NAME","styled","YStack","name","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","TAMAGUI_HEADLESS","styleable","props","forwardedRef","__scopeProgress","transition","indicatorProps","context","_context_value","progressRatio","max","x","isWeb","baseWidth","Math","ceil","_context_value1","jsx","getProgressState","animateOnly","opacity","ref","defaultGetValueLabel","round","maxValue","isNumber","isValidMaxNumber","Number","isNaN","isValidValueNumber","DEFAULT_MAX","borderRadius","overflow","size","...size","val","getVariableValue","getSize","minWidth","withStaticProperties","valueProp","maxProp","getValueLabel","progressProps","valueLabel","setWidth","useState","scope","children","role","onLayout","e","_progressProps_onLayout","newWidth","nativeEvent","layout","call"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Progress_exports","__export","Progress","ProgressFrame","ProgressIndicator","ProgressIndicatorFrame","createProgressScope","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_get_token","import_helpers","import_stacks","import_react","PROGRESS_NAME","createProgressContext","createContextScope","ProgressProvider","useProgressContext","INDICATOR_NAME","styled","YStack","name","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","TAMAGUI_HEADLESS","styleable","ProgressIndicator2","props","forwardedRef","__scopeProgress","transition","indicatorProps","context","_context_value","progressRatio","max","x","isWeb","baseWidth","Math","ceil","_context_value1","jsx","getProgressState","animateOnly","opacity","ref","defaultGetValueLabel","round","maxValue","isNumber","isValidMaxNumber","Number","isNaN","isValidValueNumber","DEFAULT_MAX","borderRadius","overflow","size","...size","val","getVariableValue","getSize","minWidth","withStaticProperties","Progress2","valueProp","maxProp","getValueLabel","progressProps","valueLabel","setWidth","useState","scope","children","role","onLayout","e","_progressProps_onLayout","newWidth","nativeEvent","layout","call"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -3,15 +3,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
3
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
4
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
5
|
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
|
|
6
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
7
8
|
get: () => from[key],
|
|
8
9
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
9
10
|
});
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
}
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
13
15
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
14
|
-
value:
|
|
16
|
+
value: true
|
|
15
17
|
}), mod);
|
|
16
18
|
var index_exports = {};
|
|
17
19
|
module.exports = __toCommonJS(index_exports);
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
|
|
8
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
9
10
|
get: () => from[key],
|
|
10
11
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
12
|
});
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
}
|
|
14
|
+
return to;
|
|
15
|
+
};
|
|
16
|
+
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
17
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
-
value:
|
|
18
|
+
value: true
|
|
17
19
|
}), mod);
|
|
18
20
|
var index_exports = {};
|
|
19
21
|
module.exports = __toCommonJS(index_exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}
|
package/dist/esm/Progress.mjs
CHANGED
|
@@ -5,56 +5,58 @@ import { withStaticProperties } from "@tamagui/helpers";
|
|
|
5
5
|
import { YStack } from "@tamagui/stacks";
|
|
6
6
|
import { useState } from "react";
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
const PROGRESS_NAME = "Progress"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
}
|
|
8
|
+
const PROGRESS_NAME = "Progress";
|
|
9
|
+
const [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
|
|
10
|
+
const [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
|
|
11
|
+
const INDICATOR_NAME = "ProgressIndicator";
|
|
12
|
+
const ProgressIndicatorFrame = styled(YStack, {
|
|
13
|
+
name: INDICATOR_NAME,
|
|
14
|
+
variants: {
|
|
15
|
+
unstyled: {
|
|
16
|
+
false: {
|
|
17
|
+
height: "100%",
|
|
18
|
+
width: "100%",
|
|
19
|
+
backgroundColor: "$background"
|
|
21
20
|
}
|
|
22
|
-
},
|
|
23
|
-
defaultVariants: {
|
|
24
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
25
|
-
}
|
|
26
|
-
}),
|
|
27
|
-
ProgressIndicator = ProgressIndicatorFrame.styleable(function (props, forwardedRef) {
|
|
28
|
-
const {
|
|
29
|
-
__scopeProgress,
|
|
30
|
-
transition,
|
|
31
|
-
...indicatorProps
|
|
32
|
-
} = props,
|
|
33
|
-
context = useProgressContext(INDICATOR_NAME, __scopeProgress),
|
|
34
|
-
progressRatio = (context.value ?? 0) / context.max;
|
|
35
|
-
let x;
|
|
36
|
-
if (isWeb) x = `${-100 + progressRatio * 50}%`;else {
|
|
37
|
-
const baseWidth = context.width || 0;
|
|
38
|
-
x = Math.ceil(-baseWidth * (2 - progressRatio));
|
|
39
21
|
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
22
|
+
},
|
|
23
|
+
defaultVariants: {
|
|
24
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
const ProgressIndicator = ProgressIndicatorFrame.styleable(function ProgressIndicator2(props, forwardedRef) {
|
|
28
|
+
const {
|
|
29
|
+
__scopeProgress,
|
|
30
|
+
transition,
|
|
31
|
+
...indicatorProps
|
|
32
|
+
} = props;
|
|
33
|
+
const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
|
|
34
|
+
const progressRatio = (context.value ?? 0) / context.max;
|
|
35
|
+
let x;
|
|
36
|
+
if (isWeb) {
|
|
37
|
+
x = `${-100 + progressRatio * 50}%`;
|
|
38
|
+
} else {
|
|
39
|
+
const baseWidth = context.width || 0;
|
|
40
|
+
x = Math.ceil(-baseWidth * (2 - progressRatio));
|
|
41
|
+
}
|
|
42
|
+
return /* @__PURE__ */jsx(ProgressIndicatorFrame, {
|
|
43
|
+
"data-state": getProgressState(context.value, context.max),
|
|
44
|
+
"data-value": context.value ?? void 0,
|
|
45
|
+
"data-max": context.max,
|
|
46
|
+
x,
|
|
47
|
+
width: "200%",
|
|
48
|
+
...(!props.unstyled && {
|
|
49
|
+
animateOnly: ["transform"],
|
|
50
|
+
// on native, hide until we have width measurement
|
|
51
|
+
...(!isWeb && context.width === 0 && {
|
|
52
|
+
opacity: 0
|
|
53
|
+
})
|
|
54
|
+
}),
|
|
55
|
+
...indicatorProps,
|
|
56
|
+
ref: forwardedRef,
|
|
57
|
+
transition: !isWeb && !context.width ? null : transition
|
|
57
58
|
});
|
|
59
|
+
});
|
|
58
60
|
function defaultGetValueLabel(value, max) {
|
|
59
61
|
return `${Math.round(value / max * 100)}%`;
|
|
60
62
|
}
|
|
@@ -62,7 +64,7 @@ function getProgressState(value, maxValue) {
|
|
|
62
64
|
return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
|
|
63
65
|
}
|
|
64
66
|
function isNumber(value) {
|
|
65
|
-
return typeof value
|
|
67
|
+
return typeof value === "number";
|
|
66
68
|
}
|
|
67
69
|
function isValidMaxNumber(max) {
|
|
68
70
|
return isNumber(max) && !Number.isNaN(max) && max > 0;
|
|
@@ -70,75 +72,78 @@ function isValidMaxNumber(max) {
|
|
|
70
72
|
function isValidValueNumber(value, max) {
|
|
71
73
|
return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
|
|
72
74
|
}
|
|
73
|
-
const DEFAULT_MAX = 100
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
}
|
|
83
|
-
},
|
|
84
|
-
size: {
|
|
85
|
-
"...size": val => {
|
|
86
|
-
const size = Math.round(getVariableValue(getSize(val)) * 0.25);
|
|
87
|
-
return {
|
|
88
|
-
height: size,
|
|
89
|
-
minWidth: getVariableValue(size) * 20,
|
|
90
|
-
width: "100%"
|
|
91
|
-
};
|
|
92
|
-
}
|
|
75
|
+
const DEFAULT_MAX = 100;
|
|
76
|
+
const ProgressFrame = styled(YStack, {
|
|
77
|
+
name: "Progress",
|
|
78
|
+
variants: {
|
|
79
|
+
unstyled: {
|
|
80
|
+
false: {
|
|
81
|
+
borderRadius: 1e5,
|
|
82
|
+
overflow: "hidden",
|
|
83
|
+
backgroundColor: "$background"
|
|
93
84
|
}
|
|
94
85
|
},
|
|
95
|
-
|
|
96
|
-
|
|
86
|
+
size: {
|
|
87
|
+
"...size": val => {
|
|
88
|
+
const size = Math.round(getVariableValue(getSize(val)) * 0.25);
|
|
89
|
+
return {
|
|
90
|
+
height: size,
|
|
91
|
+
minWidth: getVariableValue(size) * 20,
|
|
92
|
+
width: "100%"
|
|
93
|
+
};
|
|
94
|
+
}
|
|
97
95
|
}
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
96
|
+
},
|
|
97
|
+
defaultVariants: {
|
|
98
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
const Progress = withStaticProperties(ProgressFrame.styleable(function Progress2(props, forwardedRef) {
|
|
102
|
+
const {
|
|
103
|
+
// @ts-expect-error
|
|
104
|
+
__scopeProgress,
|
|
105
|
+
value: valueProp,
|
|
106
|
+
max: maxProp,
|
|
107
|
+
getValueLabel = defaultGetValueLabel,
|
|
108
|
+
size = "$true",
|
|
109
|
+
...progressProps
|
|
110
|
+
} = props;
|
|
111
|
+
const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
|
|
112
|
+
const value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
|
|
113
|
+
const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
|
|
114
|
+
const [width, setWidth] = useState(0);
|
|
115
|
+
return /* @__PURE__ */jsx(ProgressProvider, {
|
|
116
|
+
scope: __scopeProgress,
|
|
117
|
+
value,
|
|
118
|
+
max,
|
|
119
|
+
width,
|
|
120
|
+
children: /* @__PURE__ */jsx(ProgressFrame, {
|
|
121
|
+
"aria-valuemax": max,
|
|
122
|
+
"aria-valuemin": 0,
|
|
123
|
+
"aria-valuenow": isNumber(value) ? value : void 0,
|
|
124
|
+
"aria-valuetext": valueLabel,
|
|
125
|
+
role: "progressbar",
|
|
126
|
+
"data-state": getProgressState(value, max),
|
|
127
|
+
"data-value": value ?? void 0,
|
|
128
|
+
"data-max": max,
|
|
129
|
+
...(progressProps.unstyled !== true && {
|
|
130
|
+
size
|
|
131
|
+
}),
|
|
132
|
+
...progressProps,
|
|
133
|
+
...(!isWeb && {
|
|
134
|
+
onLayout: e => {
|
|
135
|
+
const newWidth = Math.round(e.nativeEvent.layout.width);
|
|
136
|
+
if (newWidth !== width) {
|
|
137
|
+
setWidth(newWidth);
|
|
135
138
|
}
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
})
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
Indicator: ProgressIndicator
|
|
139
|
+
progressProps.onLayout?.(e);
|
|
140
|
+
}
|
|
141
|
+
}),
|
|
142
|
+
ref: forwardedRef
|
|
143
|
+
})
|
|
142
144
|
});
|
|
145
|
+
}), {
|
|
146
|
+
Indicator: ProgressIndicator
|
|
147
|
+
});
|
|
143
148
|
export { Progress, ProgressFrame, ProgressIndicator, ProgressIndicatorFrame, createProgressScope };
|
|
144
149
|
//# sourceMappingURL=Progress.mjs.map
|
|
@@ -1 +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","valueProp","maxProp","getValueLabel","progressProps","valueLabel","setWidth","scope","children","role","onLayout","e","newWidth","nativeEvent","layout","Indicator"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"AAIA,SAASA,gBAAA,EAAkBC,KAAA,EAAOC,MAAA,QAAc;AAEhD,SAASC,kBAAA,QAA0B;AACnC,SAASC,OAAA,QAAe;AACxB,SAASC,oBAAA,QAA4B;AACrC,SAASC,MAAA,QAAc;AACvB,SAASC,QAAA,QAAgB;AAoErB,SAAAC,GAAA;AAlEJ,MAAMC,aAAA,GAAgB;
|
|
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","ProgressIndicator2","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":[]}
|