@impulse-ui-native/progress 9.1.2 → 10.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/dist/components/circular-indeterminate-indicator.d.mts +1 -2
- package/dist/components/circular-progress.d.mts +1 -2
- package/dist/components/index.d.mts +0 -1
- package/dist/components/linear-indeterminate-indicator.d.mts +1 -2
- package/dist/components/linear-progress.d.mts +1 -2
- package/dist/components/progress-circle.d.mts +1 -2
- package/dist/components/progress.d.mts +1 -2
- package/dist/components/progress.js +8 -20
- package/dist/components/progress.js.map +1 -1
- package/dist/constants/progress.constants.d.mts +5 -5
- package/dist/index.d.mts +0 -1
- package/package.json +8 -8
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
2
|
import { CircularIndeterminateIndicatorProps } from '../types/progress-internal.types.mjs';
|
|
4
3
|
import 'react-native';
|
|
5
4
|
|
|
6
|
-
declare const CircularIndeterminateIndicator: react.MemoExoticComponent<({ animationDuration, color, strokeWidth, trackColor, width, }: CircularIndeterminateIndicatorProps) =>
|
|
5
|
+
declare const CircularIndeterminateIndicator: react.MemoExoticComponent<({ animationDuration, color, strokeWidth, trackColor, width, }: CircularIndeterminateIndicatorProps) => react.JSX.Element>;
|
|
7
6
|
|
|
8
7
|
export { CircularIndeterminateIndicator };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
2
|
import { CircularProgressProps } from '../types/progress-internal.types.mjs';
|
|
4
3
|
import 'react-native';
|
|
5
4
|
|
|
6
|
-
declare const CircularProgress: react.MemoExoticComponent<({ animationDuration, fraction, indicatorColor, indeterminate, strokeWidth, style, trackColor, width, ...props }: CircularProgressProps) =>
|
|
5
|
+
declare const CircularProgress: react.MemoExoticComponent<({ animationDuration, fraction, indicatorColor, indeterminate, strokeWidth, style, trackColor, width, ...props }: CircularProgressProps) => react.JSX.Element>;
|
|
7
6
|
|
|
8
7
|
export { CircularProgress };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
2
|
import { LinearIndeterminateIndicatorProps } from '../types/progress-internal.types.mjs';
|
|
4
3
|
import 'react-native';
|
|
5
4
|
|
|
6
|
-
declare const LinearIndeterminateIndicator: react.MemoExoticComponent<({ animationDuration, borderRadius, color, ratio, trackHeight, trackWidth, }: LinearIndeterminateIndicatorProps) =>
|
|
5
|
+
declare const LinearIndeterminateIndicator: react.MemoExoticComponent<({ animationDuration, borderRadius, color, ratio, trackHeight, trackWidth, }: LinearIndeterminateIndicatorProps) => react.JSX.Element>;
|
|
7
6
|
|
|
8
7
|
export { LinearIndeterminateIndicator };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
2
|
import { LinearProgressProps } from '../types/progress-internal.types.mjs';
|
|
4
3
|
import 'react-native';
|
|
5
4
|
|
|
6
|
-
declare const LinearProgress: react.MemoExoticComponent<({ animationDuration, borderRadius, fraction, indicatorColor, indeterminate, indeterminateWidth, onLayout, style, trackColor, trackHeight, ...props }: LinearProgressProps) =>
|
|
5
|
+
declare const LinearProgress: react.MemoExoticComponent<({ animationDuration, borderRadius, fraction, indicatorColor, indeterminate, indeterminateWidth, onLayout, style, trackColor, trackHeight, ...props }: LinearProgressProps) => react.JSX.Element>;
|
|
7
6
|
|
|
8
7
|
export { LinearProgress };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
2
|
import { ProgressCircleProps } from '../types/progress-internal.types.mjs';
|
|
4
3
|
import 'react-native';
|
|
5
4
|
|
|
6
|
-
declare const ProgressCircle: react.MemoExoticComponent<({ color, fraction, strokeWidth, trackColor, width, }: ProgressCircleProps) =>
|
|
5
|
+
declare const ProgressCircle: react.MemoExoticComponent<({ color, fraction, strokeWidth, trackColor, width, }: ProgressCircleProps) => react.JSX.Element>;
|
|
7
6
|
|
|
8
7
|
export { ProgressCircle };
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
2
|
import { ProgressProps } from '../types/progress.types.mjs';
|
|
4
3
|
import 'react-native';
|
|
5
4
|
import '@impulse-ui-native/theme';
|
|
6
5
|
|
|
7
|
-
declare const Progress: react.MemoExoticComponent<({ color, max, min, size, tone, trackColor, value, variant, ...props }: ProgressProps) =>
|
|
6
|
+
declare const Progress: react.MemoExoticComponent<({ color, max, min, size, tone, trackColor, value, variant, ...props }: ProgressProps) => react.JSX.Element>;
|
|
8
7
|
|
|
9
8
|
export { Progress };
|
|
@@ -23,26 +23,14 @@ const Progress = memo(function Progress2({
|
|
|
23
23
|
[max, min, value]
|
|
24
24
|
);
|
|
25
25
|
const indeterminate = normalized.value === void 0;
|
|
26
|
-
const commonProps =
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}),
|
|
35
|
-
[
|
|
36
|
-
color,
|
|
37
|
-
colorTokens.indicatorColor,
|
|
38
|
-
colorTokens.trackColor,
|
|
39
|
-
indeterminate,
|
|
40
|
-
normalized.fraction,
|
|
41
|
-
props,
|
|
42
|
-
tokens.animationDuration,
|
|
43
|
-
trackColor
|
|
44
|
-
]
|
|
45
|
-
);
|
|
26
|
+
const commonProps = {
|
|
27
|
+
...props,
|
|
28
|
+
animationDuration: tokens.animationDuration,
|
|
29
|
+
fraction: normalized.fraction,
|
|
30
|
+
indicatorColor: color ?? colorTokens.indicatorColor,
|
|
31
|
+
indeterminate,
|
|
32
|
+
trackColor: trackColor ?? colorTokens.trackColor
|
|
33
|
+
};
|
|
46
34
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
47
35
|
variant === "circular" ? /* @__PURE__ */ jsx(
|
|
48
36
|
CircularProgress,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components/progress.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\n\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { ProgressProps } from \"../types\";\nimport { normalizeProgressValue } from \"../utils/progress.utils\";\nimport { CircularProgress } from \"./circular-progress\";\nimport { LinearProgress } from \"./linear-progress\";\n\nexport const Progress = memo(function Progress({\n color,\n max = 100,\n min = 0,\n size = \"medium\",\n tone = \"primary\",\n trackColor,\n value,\n variant = \"linear\",\n ...props\n}: ProgressProps) {\n const tokens = useComponentsTokens().progress;\n const sizeTokens = tokens.sizes[size];\n const colorTokens = tokens.colors[tone];\n\n const normalized = useMemo(\n () => normalizeProgressValue(value, min, max),\n [max, min, value],\n );\n\n const indeterminate = normalized.value === undefined;\n\n const commonProps =
|
|
1
|
+
{"version":3,"sources":["../../src/components/progress.tsx"],"sourcesContent":["import { memo, useMemo } from \"react\";\n\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { ProgressProps } from \"../types\";\nimport { normalizeProgressValue } from \"../utils/progress.utils\";\nimport { CircularProgress } from \"./circular-progress\";\nimport { LinearProgress } from \"./linear-progress\";\n\nexport const Progress = memo(function Progress({\n color,\n max = 100,\n min = 0,\n size = \"medium\",\n tone = \"primary\",\n trackColor,\n value,\n variant = \"linear\",\n ...props\n}: ProgressProps) {\n const tokens = useComponentsTokens().progress;\n const sizeTokens = tokens.sizes[size];\n const colorTokens = tokens.colors[tone];\n\n const normalized = useMemo(\n () => normalizeProgressValue(value, min, max),\n [max, min, value],\n );\n\n const indeterminate = normalized.value === undefined;\n\n const commonProps = {\n ...props,\n animationDuration: tokens.animationDuration,\n fraction: normalized.fraction,\n indicatorColor: color ?? colorTokens.indicatorColor,\n indeterminate,\n trackColor: trackColor ?? colorTokens.trackColor,\n };\n\n return (\n <>\n {variant === \"circular\" ? (\n <CircularProgress\n {...commonProps}\n strokeWidth={sizeTokens.circularStrokeWidth}\n width={sizeTokens.circularSize}\n />\n ) : null}\n {variant === \"linear\" ? (\n <LinearProgress\n {...commonProps}\n borderRadius={tokens.borderRadius}\n indeterminateWidth={tokens.indeterminateLinearWidth}\n trackHeight={sizeTokens.linearHeight}\n />\n ) : null}\n </>\n );\n});\n"],"mappings":"AAyCI,mBAEI,KAFJ;AAzCJ,SAAS,MAAM,eAAe;AAE9B,SAAS,2BAA2B;AAGpC,SAAS,8BAA8B;AACvC,SAAS,wBAAwB;AACjC,SAAS,sBAAsB;AAExB,MAAM,WAAW,KAAK,SAASA,UAAS;AAAA,EAC7C;AAAA,EACA,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,GAAG;AACL,GAAkB;AAChB,QAAM,SAAS,oBAAoB,EAAE;AACrC,QAAM,aAAa,OAAO,MAAM,IAAI;AACpC,QAAM,cAAc,OAAO,OAAO,IAAI;AAEtC,QAAM,aAAa;AAAA,IACjB,MAAM,uBAAuB,OAAO,KAAK,GAAG;AAAA,IAC5C,CAAC,KAAK,KAAK,KAAK;AAAA,EAClB;AAEA,QAAM,gBAAgB,WAAW,UAAU;AAE3C,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,mBAAmB,OAAO;AAAA,IAC1B,UAAU,WAAW;AAAA,IACrB,gBAAgB,SAAS,YAAY;AAAA,IACrC;AAAA,IACA,YAAY,cAAc,YAAY;AAAA,EACxC;AAEA,SACE,iCACG;AAAA,gBAAY,aACX;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,aAAa,WAAW;AAAA,QACxB,OAAO,WAAW;AAAA;AAAA,IACpB,IACE;AAAA,IACH,YAAY,WACX;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,cAAc,OAAO;AAAA,QACrB,oBAAoB,OAAO;AAAA,QAC3B,aAAa,WAAW;AAAA;AAAA,IAC1B,IACE;AAAA,KACN;AAEJ,CAAC;","names":["Progress"]}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
declare const ProgressTrackStyles: {
|
|
1
|
+
declare const ProgressTrackStyles: Readonly<{
|
|
2
2
|
track: {
|
|
3
3
|
overflow: "hidden";
|
|
4
|
-
width:
|
|
4
|
+
width: string;
|
|
5
5
|
};
|
|
6
|
-
}
|
|
7
|
-
declare const ProgressRootStyles: {
|
|
6
|
+
}>;
|
|
7
|
+
declare const ProgressRootStyles: Readonly<{
|
|
8
8
|
root: {
|
|
9
9
|
alignItems: "center";
|
|
10
10
|
justifyContent: "center";
|
|
11
11
|
};
|
|
12
|
-
}
|
|
12
|
+
}>;
|
|
13
13
|
|
|
14
14
|
export { ProgressRootStyles, ProgressTrackStyles };
|
package/dist/index.d.mts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/progress",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "10.0.0",
|
|
4
4
|
"description": "Progress components for ImpulseUI Native.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -26,18 +26,18 @@
|
|
|
26
26
|
],
|
|
27
27
|
"sideEffects": false,
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@impulse-ui-native/theme": "
|
|
29
|
+
"@impulse-ui-native/theme": "10.0.0"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@types/react": "~19.
|
|
32
|
+
"@types/react": "~19.3.0",
|
|
33
33
|
"eslint": "^9.38.0",
|
|
34
34
|
"prettier": "^3.6.2",
|
|
35
|
-
"react": "19.
|
|
36
|
-
"react-native": "0.
|
|
35
|
+
"react": "19.3.0",
|
|
36
|
+
"react-native": "0.88.0",
|
|
37
37
|
"typescript": "~6.0.3",
|
|
38
|
-
"react-native-svg": "15.
|
|
39
|
-
"react-native-reanimated": "4.
|
|
40
|
-
"react-native-worklets": "0.
|
|
38
|
+
"react-native-svg": "15.16.0",
|
|
39
|
+
"react-native-reanimated": "4.7.1",
|
|
40
|
+
"react-native-worklets": "0.13.0",
|
|
41
41
|
"@impulse-ui-native/prettier-config": "1.0.0",
|
|
42
42
|
"@impulse-ui-native/eslint-config": "1.0.0",
|
|
43
43
|
"@impulse-ui-native/tsconfig": "1.0.0"
|