@jobber/components-native 0.73.2 → 0.73.4-add-progre-0e7ddb0.7
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/package.json +2 -2
- package/dist/src/ProgressBar/ProgressBar.js +5 -2
- package/dist/src/Select/Select.js +2 -3
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/ProgressBar/ProgressBar.d.ts +1 -1
- package/dist/types/src/ProgressBar/types.d.ts +5 -0
- package/package.json +2 -2
- package/src/ProgressBar/ProgressBar.tsx +7 -1
- package/src/ProgressBar/__snapshots__/ProgressBar.test.tsx.snap +20 -14
- package/src/ProgressBar/types.ts +6 -0
- package/src/Select/Select.tsx +1 -10
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components-native",
|
|
3
|
-
"version": "0.73.
|
|
3
|
+
"version": "0.73.4-add-progre-0e7ddb0.7+0e7ddb06",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "React Native implementation of Atlantis",
|
|
6
6
|
"repository": {
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
"react-native-safe-area-context": "^4.5.2",
|
|
80
80
|
"react-native-svg": ">=12.0.0"
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "0e7ddb0673b03d9863a56f86c79d0cac6cdfaa61"
|
|
83
83
|
}
|
|
@@ -5,11 +5,14 @@ import { ProgressBarInner, calculateWidth } from "./ProgressBarInner";
|
|
|
5
5
|
import { ProgressBarStepped } from "./ProgressBarStepped";
|
|
6
6
|
import { tokens } from "../utils/design";
|
|
7
7
|
import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
|
|
8
|
-
export function ProgressBar({ loading, total, current, inProgress = 0, reverseTheme = false, header, variation = "progress", }) {
|
|
8
|
+
export function ProgressBar({ loading, total, current, inProgress = 0, reverseTheme = false, header, variation = "progress", size = "base", }) {
|
|
9
9
|
const { t } = useAtlantisI18n();
|
|
10
10
|
return (React.createElement(View, { accessible: true, accessibilityRole: "progressbar", accessibilityLabel: getA11yLabel() },
|
|
11
11
|
header,
|
|
12
|
-
variation === "stepped" ? (React.createElement(ProgressBarStepped, { total: total, current: current, color: reverseTheme ? undefined : tokens["color-surface--background"], loading: loading, inProgress: inProgress })) : (React.createElement(View, { style:
|
|
12
|
+
variation === "stepped" ? (React.createElement(ProgressBarStepped, { total: total, current: current, color: reverseTheme ? undefined : tokens["color-surface--background"], loading: loading, inProgress: inProgress })) : (React.createElement(View, { style: [
|
|
13
|
+
styles.progressBarContainer,
|
|
14
|
+
size === "small" && { height: 10 },
|
|
15
|
+
] },
|
|
13
16
|
React.createElement(ProgressBarInner, { width: 100, animationDuration: 0, color: reverseTheme ? undefined : tokens["color-surface--background"] }),
|
|
14
17
|
!loading && (React.createElement(React.Fragment, null,
|
|
15
18
|
inProgress && inProgress > 0 ? (React.createElement(ProgressBarInner, { width: calculateWidth(total, current + inProgress), color: tokens["color-informative"], animationDuration: 800 })) : (React.createElement(React.Fragment, null)),
|
|
@@ -23,7 +23,7 @@ export function Select({ value, defaultValue, onChange, children, placeholder, l
|
|
|
23
23
|
const hasValue = internalValue && (internalValue === null || internalValue === void 0 ? void 0 : internalValue.length) > 0;
|
|
24
24
|
return (React.createElement(InputFieldWrapper, { error: error, invalid: invalid || !!error, hasValue: hasValue, styleOverride: {
|
|
25
25
|
container: { paddingLeft: undefined },
|
|
26
|
-
} },
|
|
26
|
+
}, assistiveText: assistiveText },
|
|
27
27
|
React.createElement(View, { testID: getTestID(testID), accessible: true, accessibilityLabel: getA11yLabel(), accessibilityValue: { text: getValue() }, accessibilityHint: t("Select.a11yHint"), accessibilityRole: "button", accessibilityState: { disabled: disabled } },
|
|
28
28
|
React.createElement(SelectInternalPicker, { disabled: disabled, options: getOptions(), onChange: handleChange },
|
|
29
29
|
React.createElement(View, { style: [styles.container, (invalid || !!error) && styles.invalid] },
|
|
@@ -32,8 +32,7 @@ export function Select({ value, defaultValue, onChange, children, placeholder, l
|
|
|
32
32
|
React.createElement(View, { style: styles.value },
|
|
33
33
|
React.createElement(Text, { variation: disabled ? "disabled" : "base", hideFromScreenReader: true }, getValue())),
|
|
34
34
|
React.createElement(View, { style: styles.icon },
|
|
35
|
-
React.createElement(Icon, { name: "arrowDown", color: valueTextVariation })))))
|
|
36
|
-
assistiveText && (React.createElement(Text, { level: "textSupporting", variation: textVariation, hideFromScreenReader: true }, assistiveText)))));
|
|
35
|
+
React.createElement(Icon, { name: "arrowDown", color: valueTextVariation }))))))));
|
|
37
36
|
function getA11yLabel() {
|
|
38
37
|
let text = [accessibilityLabel || label, assistiveText];
|
|
39
38
|
text = text.filter(Boolean);
|