@hanzogui/progress 2.0.0
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/LICENSE +21 -0
- package/dist/cjs/Progress.cjs +171 -0
- package/dist/cjs/Progress.native.js +178 -0
- package/dist/cjs/Progress.native.js.map +1 -0
- package/dist/cjs/index.cjs +18 -0
- package/dist/cjs/index.native.js +21 -0
- package/dist/cjs/index.native.js.map +1 -0
- package/dist/esm/Progress.mjs +144 -0
- package/dist/esm/Progress.mjs.map +1 -0
- package/dist/esm/Progress.native.js +148 -0
- package/dist/esm/Progress.native.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/index.mjs +2 -0
- package/dist/esm/index.mjs.map +1 -0
- package/dist/esm/index.native.js +2 -0
- package/dist/esm/index.native.js.map +1 -0
- package/dist/jsx/Progress.mjs +144 -0
- package/dist/jsx/Progress.mjs.map +1 -0
- package/dist/jsx/Progress.native.js +178 -0
- package/dist/jsx/Progress.native.js.map +1 -0
- package/dist/jsx/index.js +2 -0
- package/dist/jsx/index.js.map +1 -0
- package/dist/jsx/index.mjs +2 -0
- package/dist/jsx/index.mjs.map +1 -0
- package/dist/jsx/index.native.js +21 -0
- package/dist/jsx/index.native.js.map +1 -0
- package/package.json +56 -0
- package/src/Progress.tsx +223 -0
- package/src/index.ts +1 -0
- package/types/Progress.d.ts +69 -0
- package/types/index.d.ts +2 -0
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { getVariableValue, isWeb, styled } from "@hanzo/gui-core";
|
|
3
|
+
import { createContextScope } from "@hanzo/gui-create-context";
|
|
4
|
+
import { getSize } from "@hanzo/gui-get-token";
|
|
5
|
+
import { withStaticProperties } from "@hanzo/gui-helpers";
|
|
6
|
+
import { YStack } from "@hanzo/gui-stacks";
|
|
7
|
+
import { useState } from "react";
|
|
8
|
+
var PROGRESS_NAME = "Progress",
|
|
9
|
+
[createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME),
|
|
10
|
+
[ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME),
|
|
11
|
+
INDICATOR_NAME = "ProgressIndicator",
|
|
12
|
+
ProgressIndicatorFrame = styled(YStack, {
|
|
13
|
+
name: INDICATOR_NAME,
|
|
14
|
+
variants: {
|
|
15
|
+
unstyled: {
|
|
16
|
+
false: {
|
|
17
|
+
height: "100%",
|
|
18
|
+
width: "100%",
|
|
19
|
+
backgroundColor: "$background"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
defaultVariants: {
|
|
24
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
25
|
+
}
|
|
26
|
+
}),
|
|
27
|
+
ProgressIndicator = ProgressIndicatorFrame.styleable(function (props, forwardedRef) {
|
|
28
|
+
var {
|
|
29
|
+
__scopeProgress,
|
|
30
|
+
transition,
|
|
31
|
+
...indicatorProps
|
|
32
|
+
} = props,
|
|
33
|
+
context = useProgressContext(INDICATOR_NAME, __scopeProgress),
|
|
34
|
+
_context_value,
|
|
35
|
+
progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max,
|
|
36
|
+
x;
|
|
37
|
+
if (isWeb) x = `${-100 + progressRatio * 50}%`;else {
|
|
38
|
+
var baseWidth = context.width || 0;
|
|
39
|
+
x = Math.ceil(-baseWidth * (2 - progressRatio));
|
|
40
|
+
}
|
|
41
|
+
var _context_value1;
|
|
42
|
+
return /* @__PURE__ */_jsx(ProgressIndicatorFrame, {
|
|
43
|
+
"data-state": getProgressState(context.value, context.max),
|
|
44
|
+
"data-value": (_context_value1 = context.value) !== null && _context_value1 !== void 0 ? _context_value1 : 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
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
function defaultGetValueLabel(value, max) {
|
|
61
|
+
return `${Math.round(value / max * 100)}%`;
|
|
62
|
+
}
|
|
63
|
+
function getProgressState(value, maxValue) {
|
|
64
|
+
return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
|
|
65
|
+
}
|
|
66
|
+
function isNumber(value) {
|
|
67
|
+
return typeof value == "number";
|
|
68
|
+
}
|
|
69
|
+
function isValidMaxNumber(max) {
|
|
70
|
+
return isNumber(max) && !Number.isNaN(max) && max > 0;
|
|
71
|
+
}
|
|
72
|
+
function isValidValueNumber(value, max) {
|
|
73
|
+
return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
|
|
74
|
+
}
|
|
75
|
+
var DEFAULT_MAX = 100,
|
|
76
|
+
ProgressFrame = styled(YStack, {
|
|
77
|
+
name: "Progress",
|
|
78
|
+
variants: {
|
|
79
|
+
unstyled: {
|
|
80
|
+
false: {
|
|
81
|
+
borderRadius: 1e5,
|
|
82
|
+
overflow: "hidden",
|
|
83
|
+
backgroundColor: "$background"
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
size: {
|
|
87
|
+
"...size": function (val) {
|
|
88
|
+
var size = Math.round(getVariableValue(getSize(val)) * 0.25);
|
|
89
|
+
return {
|
|
90
|
+
height: size,
|
|
91
|
+
minWidth: getVariableValue(size) * 20,
|
|
92
|
+
width: "100%"
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
defaultVariants: {
|
|
98
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
99
|
+
}
|
|
100
|
+
}),
|
|
101
|
+
Progress = withStaticProperties(ProgressFrame.styleable(function (props, forwardedRef) {
|
|
102
|
+
var {
|
|
103
|
+
// @ts-expect-error
|
|
104
|
+
__scopeProgress,
|
|
105
|
+
value: valueProp,
|
|
106
|
+
max: maxProp,
|
|
107
|
+
getValueLabel = defaultGetValueLabel,
|
|
108
|
+
size = "$true",
|
|
109
|
+
...progressProps
|
|
110
|
+
} = props,
|
|
111
|
+
max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX,
|
|
112
|
+
value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null,
|
|
113
|
+
valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0,
|
|
114
|
+
[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
|
+
// @ts-ignore
|
|
126
|
+
role: "progressbar",
|
|
127
|
+
"data-state": getProgressState(value, max),
|
|
128
|
+
"data-value": value ?? void 0,
|
|
129
|
+
"data-max": max,
|
|
130
|
+
...(progressProps.unstyled !== !0 && {
|
|
131
|
+
size
|
|
132
|
+
}),
|
|
133
|
+
...progressProps,
|
|
134
|
+
...(!isWeb && {
|
|
135
|
+
onLayout: function (e) {
|
|
136
|
+
var _progressProps_onLayout,
|
|
137
|
+
newWidth = Math.round(e.nativeEvent.layout.width);
|
|
138
|
+
newWidth !== width && setWidth(newWidth), (_progressProps_onLayout = progressProps.onLayout) === null || _progressProps_onLayout === void 0 || _progressProps_onLayout.call(progressProps, e);
|
|
139
|
+
}
|
|
140
|
+
}),
|
|
141
|
+
ref: forwardedRef
|
|
142
|
+
})
|
|
143
|
+
});
|
|
144
|
+
}), {
|
|
145
|
+
Indicator: ProgressIndicator
|
|
146
|
+
});
|
|
147
|
+
export { Progress, ProgressFrame, ProgressIndicator, ProgressIndicatorFrame, createProgressScope };
|
|
148
|
+
//# sourceMappingURL=Progress.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","getVariableValue","isWeb","styled","createContextScope","getSize","withStaticProperties","YStack","useState","PROGRESS_NAME","createProgressContext","createProgressScope","ProgressProvider","useProgressContext","INDICATOR_NAME","ProgressIndicatorFrame","name","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","HANZO_GUI_HEADLESS","ProgressIndicator","styleable","props","forwardedRef","__scopeProgress","transition","indicatorProps","context","_context_value","progressRatio","value","max","x","baseWidth","Math","ceil","_context_value1","getProgressState","animateOnly","opacity","ref","defaultGetValueLabel","round","maxValue","isNumber","isValidMaxNumber","Number","isNaN","isValidValueNumber","DEFAULT_MAX","ProgressFrame","borderRadius","overflow","size","...size","val","minWidth","Progress","valueProp","maxProp","getValueLabel","progressProps","valueLabel","setWidth","scope","children","role","onLayout","e","_progressProps_onLayout","newWidth","nativeEvent","layout","call"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
import { getVariableValue, isWeb, styled } from "@hanzo/gui-core";
|
|
2
|
+
import { createContextScope } from "@hanzo/gui-create-context";
|
|
3
|
+
import { getSize } from "@hanzo/gui-get-token";
|
|
4
|
+
import { withStaticProperties } from "@hanzo/gui-helpers";
|
|
5
|
+
import { YStack } from "@hanzo/gui-stacks";
|
|
6
|
+
import { useState } from "react";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
|
+
const PROGRESS_NAME = "Progress",
|
|
9
|
+
[createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME),
|
|
10
|
+
[ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME),
|
|
11
|
+
INDICATOR_NAME = "ProgressIndicator",
|
|
12
|
+
ProgressIndicatorFrame = styled(YStack, {
|
|
13
|
+
name: INDICATOR_NAME,
|
|
14
|
+
variants: {
|
|
15
|
+
unstyled: {
|
|
16
|
+
false: {
|
|
17
|
+
height: "100%",
|
|
18
|
+
width: "100%",
|
|
19
|
+
backgroundColor: "$background"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
defaultVariants: {
|
|
24
|
+
unstyled: process.env.HANZO_GUI_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
|
+
}
|
|
40
|
+
return /* @__PURE__ */jsx(ProgressIndicatorFrame, {
|
|
41
|
+
"data-state": getProgressState(context.value, context.max),
|
|
42
|
+
"data-value": context.value ?? void 0,
|
|
43
|
+
"data-max": context.max,
|
|
44
|
+
x,
|
|
45
|
+
width: "200%",
|
|
46
|
+
...(!props.unstyled && {
|
|
47
|
+
animateOnly: ["transform"],
|
|
48
|
+
// on native, hide until we have width measurement
|
|
49
|
+
...(!isWeb && context.width === 0 && {
|
|
50
|
+
opacity: 0
|
|
51
|
+
})
|
|
52
|
+
}),
|
|
53
|
+
...indicatorProps,
|
|
54
|
+
ref: forwardedRef,
|
|
55
|
+
transition: !isWeb && !context.width ? null : transition
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
function defaultGetValueLabel(value, max) {
|
|
59
|
+
return `${Math.round(value / max * 100)}%`;
|
|
60
|
+
}
|
|
61
|
+
function getProgressState(value, maxValue) {
|
|
62
|
+
return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
|
|
63
|
+
}
|
|
64
|
+
function isNumber(value) {
|
|
65
|
+
return typeof value == "number";
|
|
66
|
+
}
|
|
67
|
+
function isValidMaxNumber(max) {
|
|
68
|
+
return isNumber(max) && !Number.isNaN(max) && max > 0;
|
|
69
|
+
}
|
|
70
|
+
function isValidValueNumber(value, max) {
|
|
71
|
+
return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
|
|
72
|
+
}
|
|
73
|
+
const DEFAULT_MAX = 100,
|
|
74
|
+
ProgressFrame = styled(YStack, {
|
|
75
|
+
name: "Progress",
|
|
76
|
+
variants: {
|
|
77
|
+
unstyled: {
|
|
78
|
+
false: {
|
|
79
|
+
borderRadius: 1e5,
|
|
80
|
+
overflow: "hidden",
|
|
81
|
+
backgroundColor: "$background"
|
|
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
|
+
}
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
defaultVariants: {
|
|
96
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
97
|
+
}
|
|
98
|
+
}),
|
|
99
|
+
Progress = withStaticProperties(ProgressFrame.styleable(function (props, forwardedRef) {
|
|
100
|
+
const {
|
|
101
|
+
// @ts-expect-error
|
|
102
|
+
__scopeProgress,
|
|
103
|
+
value: valueProp,
|
|
104
|
+
max: maxProp,
|
|
105
|
+
getValueLabel = defaultGetValueLabel,
|
|
106
|
+
size = "$true",
|
|
107
|
+
...progressProps
|
|
108
|
+
} = props,
|
|
109
|
+
max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX,
|
|
110
|
+
value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null,
|
|
111
|
+
valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0,
|
|
112
|
+
[width, setWidth] = useState(0);
|
|
113
|
+
return /* @__PURE__ */jsx(ProgressProvider, {
|
|
114
|
+
scope: __scopeProgress,
|
|
115
|
+
value,
|
|
116
|
+
max,
|
|
117
|
+
width,
|
|
118
|
+
children: /* @__PURE__ */jsx(ProgressFrame, {
|
|
119
|
+
"aria-valuemax": max,
|
|
120
|
+
"aria-valuemin": 0,
|
|
121
|
+
"aria-valuenow": isNumber(value) ? value : void 0,
|
|
122
|
+
"aria-valuetext": valueLabel,
|
|
123
|
+
role: "progressbar",
|
|
124
|
+
"data-state": getProgressState(value, max),
|
|
125
|
+
"data-value": value ?? void 0,
|
|
126
|
+
"data-max": max,
|
|
127
|
+
...(progressProps.unstyled !== !0 && {
|
|
128
|
+
size
|
|
129
|
+
}),
|
|
130
|
+
...progressProps,
|
|
131
|
+
...(!isWeb && {
|
|
132
|
+
onLayout: e => {
|
|
133
|
+
const newWidth = Math.round(e.nativeEvent.layout.width);
|
|
134
|
+
newWidth !== width && setWidth(newWidth), progressProps.onLayout?.(e);
|
|
135
|
+
}
|
|
136
|
+
}),
|
|
137
|
+
ref: forwardedRef
|
|
138
|
+
})
|
|
139
|
+
});
|
|
140
|
+
}), {
|
|
141
|
+
Indicator: ProgressIndicator
|
|
142
|
+
});
|
|
143
|
+
export { Progress, ProgressFrame, ProgressIndicator, ProgressIndicatorFrame, createProgressScope };
|
|
144
|
+
//# sourceMappingURL=Progress.mjs.map
|
|
@@ -0,0 +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","HANZO_GUI_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;EAEhB,CAACC,qBAAA,EAAuBC,mBAAmB,IAAIR,kBAAA,CAAmBM,aAAa;EAQ/E,CAACG,gBAAA,EAAkBC,kBAAkB,IACzCH,qBAAA,CAA4CD,aAAa;EAMrDK,cAAA,GAAiB;EAEVC,sBAAA,GAAyBb,MAAA,CAAOI,MAAA,EAAQ;IACnDU,IAAA,EAAMF,cAAA;IAENG,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,MAAA,EAAQ;UACRC,KAAA,EAAO;UACPC,eAAA,EAAiB;QACnB;MACF;IACF;IAEAC,eAAA,EAAiB;MACfL,QAAA,EAAUM,OAAA,CAAQC,GAAA,CAAIC,kBAAA,KAAuB;IAC/C;EACF,CAAC;EAIKC,iBAAA,GAAoBZ,sBAAA,CAAuBa,SAAA,CAAU,UACzDC,KAAA,EACAC,YAAA,EACA;IACA,MAAM;QAAEC,eAAA;QAAiBC,UAAA;QAAY,GAAGC;MAAe,IAAIJ,KAAA;MACrDK,OAAA,GAAUrB,kBAAA,CAAmBC,cAAA,EAAgBiB,eAAe;MAE5DI,aAAA,IAAiBD,OAAA,CAAQE,KAAA,IAAS,KAAKF,OAAA,CAAQG,GAAA;IAQrD,IAAIC,CAAA;IACJ,IAAIrC,KAAA,EAGFqC,CAAA,GAAI,GAAG,OAAOH,aAAA,GAAgB,EAAE,SAC3B;MAEL,MAAMI,SAAA,GAAYL,OAAA,CAAQb,KAAA,IAAS;MACnCiB,CAAA,GAAIE,IAAA,CAAKC,IAAA,CAAK,CAACF,SAAA,IAAa,IAAIJ,aAAA,CAAc;IAChD;IAEA,OACE,eAAA3B,GAAA,CAACO,sBAAA;MACC,cAAY2B,gBAAA,CAAiBR,OAAA,CAAQE,KAAA,EAAOF,OAAA,CAAQG,GAAG;MACvD,cAAYH,OAAA,CAAQE,KAAA,IAAS;MAC7B,YAAUF,OAAA,CAAQG,GAAA;MAClBC,CAAA;MACAjB,KAAA,EAAM;MACL,IAAI,CAACQ,KAAA,CAAMX,QAAA,IAAY;QACtByB,WAAA,EAAa,CAAC,WAAW;QAAA;QAEzB,IAAI,CAAC1C,KAAA,IAASiC,OAAA,CAAQb,KAAA,KAAU,KAAK;UAAEuB,OAAA,EAAS;QAAE;MACpD;MACC,GAAGX,cAAA;MACJY,GAAA,EAAKf,YAAA;MACLE,UAAA,EAAY,CAAC/B,KAAA,IAAS,CAACiC,OAAA,CAAQb,KAAA,GAAQ,OAAOW;IAAA,CAChD;EAEJ,CAAC;AAID,SAASc,qBAAqBV,KAAA,EAAeC,GAAA,EAAa;EACxD,OAAO,GAAGG,IAAA,CAAKO,KAAA,CAAOX,KAAA,GAAQC,GAAA,GAAO,GAAG,CAAC;AAC3C;AAEA,SAASK,iBACPN,KAAA,EACAY,QAAA,EACe;EACf,OAAOZ,KAAA,IAAS,OAAO,kBAAkBA,KAAA,KAAUY,QAAA,GAAW,aAAa;AAC7E;AAEA,SAASC,SAASb,KAAA,EAA6B;EAC7C,OAAO,OAAOA,KAAA,IAAU;AAC1B;AAEA,SAASc,iBAAiBb,GAAA,EAAyB;EACjD,OAAOY,QAAA,CAASZ,GAAG,KAAK,CAACc,MAAA,CAAOC,KAAA,CAAMf,GAAG,KAAKA,GAAA,GAAM;AACtD;AAEA,SAASgB,mBAAmBjB,KAAA,EAAYC,GAAA,EAA8B;EACpE,OAAOY,QAAA,CAASb,KAAK,KAAK,CAACe,MAAA,CAAOC,KAAA,CAAMhB,KAAK,KAAKA,KAAA,IAASC,GAAA,IAAOD,KAAA,IAAS;AAC7E;AAMA,MAAMkB,WAAA,GAAc;EAMPC,aAAA,GAAgBrD,MAAA,CAAOI,MAAA,EAAQ;IAC1CU,IAAA,EAAM;IAENC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLqC,YAAA,EAAc;UACdC,QAAA,EAAU;UACVnC,eAAA,EAAiB;QACnB;MACF;MAEAoC,IAAA,EAAM;QACJ,WAAYC,GAAA,IAAQ;UAClB,MAAMD,IAAA,GAAOlB,IAAA,CAAKO,KAAA,CAAM/C,gBAAA,CAAiBI,OAAA,CAAQuD,GAAG,CAAC,IAAI,IAAI;UAC7D,OAAO;YACLvC,MAAA,EAAQsC,IAAA;YACRE,QAAA,EAAU5D,gBAAA,CAAiB0D,IAAI,IAAI;YACnCrC,KAAA,EAAO;UACT;QACF;MACF;IACF;IAEAE,eAAA,EAAiB;MACfL,QAAA,EAAUM,OAAA,CAAQC,GAAA,CAAIC,kBAAA,KAAuB;IAC/C;EACF,CAAC;EAUKmC,QAAA,GAAWxD,oBAAA,CACfkD,aAAA,CAAc3B,SAAA,CAA8B,UAAkBC,KAAA,EAAOC,YAAA,EAAc;IACjF,MAAM;QAAA;QAEJC,eAAA;QACAK,KAAA,EAAO0B,SAAA;QACPzB,GAAA,EAAK0B,OAAA;QACLC,aAAA,GAAgBlB,oBAAA;QAChBY,IAAA,GAAO;QACP,GAAGO;MACL,IAAIpC,KAAA;MAEEQ,GAAA,GAAMa,gBAAA,CAAiBa,OAAO,IAAIA,OAAA,GAAUT,WAAA;MAC5ClB,KAAA,GAAQiB,kBAAA,CAAmBS,SAAA,EAAWzB,GAAG,IAAIG,IAAA,CAAKO,KAAA,CAAMe,SAAS,IAAI;MACrEI,UAAA,GAAajB,QAAA,CAASb,KAAK,IAAI4B,aAAA,CAAc5B,KAAA,EAAOC,GAAG,IAAI;MAG3D,CAAChB,KAAA,EAAO8C,QAAQ,IAAI5D,QAAA,CAAS,CAAC;IAEpC,OACE,eAAAC,GAAA,CAACI,gBAAA;MAAiBwD,KAAA,EAAOrC,eAAA;MAAiBK,KAAA;MAAcC,GAAA;MAAUhB,KAAA;MAChEgD,QAAA,iBAAA7D,GAAA,CAAC+C,aAAA;QACC,iBAAelB,GAAA;QACf,iBAAe;QACf,iBAAeY,QAAA,CAASb,KAAK,IAAIA,KAAA,GAAQ;QACzC,kBAAgB8B,UAAA;QAEhBI,IAAA,EAAK;QACL,cAAY5B,gBAAA,CAAiBN,KAAA,EAAOC,GAAG;QACvC,cAAYD,KAAA,IAAS;QACrB,YAAUC,GAAA;QACT,IAAI4B,aAAA,CAAc/C,QAAA,KAAa,MAAQ;UACtCwC;QACF;QACC,GAAGO,aAAA;QACH,IAAI,CAAChE,KAAA,IAAS;UACbsE,QAAA,EAAWC,CAAA,IAAM;YACf,MAAMC,QAAA,GAAWjC,IAAA,CAAKO,KAAA,CAAMyB,CAAA,CAAEE,WAAA,CAAYC,MAAA,CAAOtD,KAAK;YAClDoD,QAAA,KAAapD,KAAA,IACf8C,QAAA,CAASM,QAAQ,GAEnBR,aAAA,CAAcM,QAAA,GAAWC,CAAC;UAC5B;QACF;QACA3B,GAAA,EAAKf;MAAA,CACP;IAAA,CACF;EAEJ,CAAC,GACD;IACE8C,SAAA,EAAWjD;EACb,CACF","ignoreList":[]}
|
|
@@ -0,0 +1,178 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: !0
|
|
22
|
+
}), mod);
|
|
23
|
+
var Progress_exports = {};
|
|
24
|
+
__export(Progress_exports, {
|
|
25
|
+
Progress: () => Progress,
|
|
26
|
+
ProgressFrame: () => ProgressFrame,
|
|
27
|
+
ProgressIndicator: () => ProgressIndicator,
|
|
28
|
+
ProgressIndicatorFrame: () => ProgressIndicatorFrame,
|
|
29
|
+
createProgressScope: () => createProgressScope
|
|
30
|
+
});
|
|
31
|
+
module.exports = __toCommonJS(Progress_exports);
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
33
|
+
import_gui_core = require("@hanzo/gui-core"),
|
|
34
|
+
import_gui_create_context = require("@hanzo/gui-create-context"),
|
|
35
|
+
import_gui_get_token = require("@hanzo/gui-get-token"),
|
|
36
|
+
import_gui_helpers = require("@hanzo/gui-helpers"),
|
|
37
|
+
import_gui_stacks = require("@hanzo/gui-stacks"),
|
|
38
|
+
import_react = require("react"),
|
|
39
|
+
PROGRESS_NAME = "Progress",
|
|
40
|
+
[createProgressContext, createProgressScope] = (0, import_gui_create_context.createContextScope)(PROGRESS_NAME),
|
|
41
|
+
[ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME),
|
|
42
|
+
INDICATOR_NAME = "ProgressIndicator",
|
|
43
|
+
ProgressIndicatorFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
|
|
44
|
+
name: INDICATOR_NAME,
|
|
45
|
+
variants: {
|
|
46
|
+
unstyled: {
|
|
47
|
+
false: {
|
|
48
|
+
height: "100%",
|
|
49
|
+
width: "100%",
|
|
50
|
+
backgroundColor: "$background"
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
58
|
+
ProgressIndicator = ProgressIndicatorFrame.styleable(function (props, forwardedRef) {
|
|
59
|
+
var {
|
|
60
|
+
__scopeProgress,
|
|
61
|
+
transition,
|
|
62
|
+
...indicatorProps
|
|
63
|
+
} = props,
|
|
64
|
+
context = useProgressContext(INDICATOR_NAME, __scopeProgress),
|
|
65
|
+
_context_value,
|
|
66
|
+
progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max,
|
|
67
|
+
x;
|
|
68
|
+
if (import_gui_core.isWeb) x = `${-100 + progressRatio * 50}%`;else {
|
|
69
|
+
var baseWidth = context.width || 0;
|
|
70
|
+
x = Math.ceil(-baseWidth * (2 - progressRatio));
|
|
71
|
+
}
|
|
72
|
+
var _context_value1;
|
|
73
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressIndicatorFrame, {
|
|
74
|
+
"data-state": getProgressState(context.value, context.max),
|
|
75
|
+
"data-value": (_context_value1 = context.value) !== null && _context_value1 !== void 0 ? _context_value1 : void 0,
|
|
76
|
+
"data-max": context.max,
|
|
77
|
+
x,
|
|
78
|
+
width: "200%",
|
|
79
|
+
...(!props.unstyled && {
|
|
80
|
+
animateOnly: ["transform"],
|
|
81
|
+
// on native, hide until we have width measurement
|
|
82
|
+
...(!import_gui_core.isWeb && context.width === 0 && {
|
|
83
|
+
opacity: 0
|
|
84
|
+
})
|
|
85
|
+
}),
|
|
86
|
+
...indicatorProps,
|
|
87
|
+
ref: forwardedRef,
|
|
88
|
+
transition: !import_gui_core.isWeb && !context.width ? null : transition
|
|
89
|
+
});
|
|
90
|
+
});
|
|
91
|
+
function defaultGetValueLabel(value, max) {
|
|
92
|
+
return `${Math.round(value / max * 100)}%`;
|
|
93
|
+
}
|
|
94
|
+
function getProgressState(value, maxValue) {
|
|
95
|
+
return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
|
|
96
|
+
}
|
|
97
|
+
function isNumber(value) {
|
|
98
|
+
return typeof value == "number";
|
|
99
|
+
}
|
|
100
|
+
function isValidMaxNumber(max) {
|
|
101
|
+
return isNumber(max) && !Number.isNaN(max) && max > 0;
|
|
102
|
+
}
|
|
103
|
+
function isValidValueNumber(value, max) {
|
|
104
|
+
return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
|
|
105
|
+
}
|
|
106
|
+
var DEFAULT_MAX = 100,
|
|
107
|
+
ProgressFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
|
|
108
|
+
name: "Progress",
|
|
109
|
+
variants: {
|
|
110
|
+
unstyled: {
|
|
111
|
+
false: {
|
|
112
|
+
borderRadius: 1e5,
|
|
113
|
+
overflow: "hidden",
|
|
114
|
+
backgroundColor: "$background"
|
|
115
|
+
}
|
|
116
|
+
},
|
|
117
|
+
size: {
|
|
118
|
+
"...size": function (val) {
|
|
119
|
+
var size = Math.round((0, import_gui_core.getVariableValue)((0, import_gui_get_token.getSize)(val)) * 0.25);
|
|
120
|
+
return {
|
|
121
|
+
height: size,
|
|
122
|
+
minWidth: (0, import_gui_core.getVariableValue)(size) * 20,
|
|
123
|
+
width: "100%"
|
|
124
|
+
};
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
defaultVariants: {
|
|
129
|
+
unstyled: process.env.HANZO_GUI_HEADLESS === "1"
|
|
130
|
+
}
|
|
131
|
+
}),
|
|
132
|
+
Progress = (0, import_gui_helpers.withStaticProperties)(ProgressFrame.styleable(function (props, forwardedRef) {
|
|
133
|
+
var {
|
|
134
|
+
// @ts-expect-error
|
|
135
|
+
__scopeProgress,
|
|
136
|
+
value: valueProp,
|
|
137
|
+
max: maxProp,
|
|
138
|
+
getValueLabel = defaultGetValueLabel,
|
|
139
|
+
size = "$true",
|
|
140
|
+
...progressProps
|
|
141
|
+
} = props,
|
|
142
|
+
max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX,
|
|
143
|
+
value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null,
|
|
144
|
+
valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0,
|
|
145
|
+
[width, setWidth] = (0, import_react.useState)(0);
|
|
146
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressProvider, {
|
|
147
|
+
scope: __scopeProgress,
|
|
148
|
+
value,
|
|
149
|
+
max,
|
|
150
|
+
width,
|
|
151
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressFrame, {
|
|
152
|
+
"aria-valuemax": max,
|
|
153
|
+
"aria-valuemin": 0,
|
|
154
|
+
"aria-valuenow": isNumber(value) ? value : void 0,
|
|
155
|
+
"aria-valuetext": valueLabel,
|
|
156
|
+
// @ts-ignore
|
|
157
|
+
role: "progressbar",
|
|
158
|
+
"data-state": getProgressState(value, max),
|
|
159
|
+
"data-value": value ?? void 0,
|
|
160
|
+
"data-max": max,
|
|
161
|
+
...(progressProps.unstyled !== !0 && {
|
|
162
|
+
size
|
|
163
|
+
}),
|
|
164
|
+
...progressProps,
|
|
165
|
+
...(!import_gui_core.isWeb && {
|
|
166
|
+
onLayout: function (e) {
|
|
167
|
+
var _progressProps_onLayout,
|
|
168
|
+
newWidth = Math.round(e.nativeEvent.layout.width);
|
|
169
|
+
newWidth !== width && setWidth(newWidth), (_progressProps_onLayout = progressProps.onLayout) === null || _progressProps_onLayout === void 0 || _progressProps_onLayout.call(progressProps, e);
|
|
170
|
+
}
|
|
171
|
+
}),
|
|
172
|
+
ref: forwardedRef
|
|
173
|
+
})
|
|
174
|
+
});
|
|
175
|
+
}), {
|
|
176
|
+
Indicator: ProgressIndicator
|
|
177
|
+
});
|
|
178
|
+
//# sourceMappingURL=Progress.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Progress_exports","Progress","ProgressFrame","ProgressIndicator","ProgressIndicatorFrame","createProgressScope","module","exports","import_jsx_runtime","require","import_gui_core","import_gui_create_context","import_gui_get_token","import_gui_helpers","import_gui_stacks","import_react","PROGRESS_NAME","createProgressContext","createContextScope","ProgressProvider","useProgressContext","INDICATOR_NAME","styled","YStack","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","HANZO_GUI_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"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
9
|
+
get: () => from[key],
|
|
10
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
|
+
});
|
|
12
|
+
return to;
|
|
13
|
+
},
|
|
14
|
+
__reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
+
value: !0
|
|
17
|
+
}), mod);
|
|
18
|
+
var index_exports = {};
|
|
19
|
+
module.exports = __toCommonJS(index_exports);
|
|
20
|
+
__reExport(index_exports, require("./Progress.native.js"), module.exports);
|
|
21
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA","ignoreList":[]}
|
package/package.json
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@hanzogui/progress",
|
|
3
|
+
"version": "2.0.0",
|
|
4
|
+
"source": "src/index.ts",
|
|
5
|
+
"files": [
|
|
6
|
+
"src",
|
|
7
|
+
"types",
|
|
8
|
+
"dist"
|
|
9
|
+
],
|
|
10
|
+
"type": "module",
|
|
11
|
+
"sideEffects": [
|
|
12
|
+
"*.css"
|
|
13
|
+
],
|
|
14
|
+
"main": "dist/cjs",
|
|
15
|
+
"module": "dist/esm",
|
|
16
|
+
"types": "./types/index.d.ts",
|
|
17
|
+
"exports": {
|
|
18
|
+
"./package.json": "./package.json",
|
|
19
|
+
".": {
|
|
20
|
+
"types": "./types/index.d.ts",
|
|
21
|
+
"react-native": "./dist/esm/index.native.js",
|
|
22
|
+
"browser": "./dist/esm/index.mjs",
|
|
23
|
+
"module": "./dist/esm/index.mjs",
|
|
24
|
+
"import": "./dist/esm/index.mjs",
|
|
25
|
+
"require": "./dist/cjs/index.cjs",
|
|
26
|
+
"default": "./dist/esm/index.mjs"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
"publishConfig": {
|
|
30
|
+
"access": "public"
|
|
31
|
+
},
|
|
32
|
+
"scripts": {
|
|
33
|
+
"build": "hanzo-gui-build",
|
|
34
|
+
"watch": "hanzo-gui-build --watch",
|
|
35
|
+
"clean": "hanzo-gui-build clean",
|
|
36
|
+
"clean:build": "hanzo-gui-build clean:build"
|
|
37
|
+
},
|
|
38
|
+
"dependencies": {
|
|
39
|
+
"@hanzogui/compose-refs": "2.0.0-rc.29",
|
|
40
|
+
"@hanzogui/core": "2.0.0-rc.29",
|
|
41
|
+
"@hanzogui/create-context": "2.0.0-rc.29",
|
|
42
|
+
"@hanzogui/get-token": "2.0.0-rc.29",
|
|
43
|
+
"@hanzogui/helpers": "2.0.0-rc.29",
|
|
44
|
+
"@hanzogui/stacks": "2.0.0"
|
|
45
|
+
},
|
|
46
|
+
"devDependencies": {
|
|
47
|
+
"@hanzogui/build": "2.0.0-rc.29",
|
|
48
|
+
"react": ">=19",
|
|
49
|
+
"react-native": "0.83.2"
|
|
50
|
+
},
|
|
51
|
+
"peerDependencies": {
|
|
52
|
+
"react": ">=19",
|
|
53
|
+
"react-native": "*"
|
|
54
|
+
},
|
|
55
|
+
"module:jsx": "dist/jsx"
|
|
56
|
+
}
|