@elliemae/ds-progress-indicator 2.3.1 → 3.0.0-alpha.3
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/DSProgressIndicator.js +113 -0
- package/dist/cjs/DSProgressIndicator.js.map +7 -0
- package/dist/cjs/ProgressBar.js +99 -0
- package/dist/cjs/ProgressBar.js.map +7 -0
- package/dist/cjs/ProgressCounter.js +50 -0
- package/dist/cjs/ProgressCounter.js.map +7 -0
- package/dist/cjs/classedComponents.js +47 -0
- package/dist/cjs/classedComponents.js.map +7 -0
- package/dist/cjs/index.js +36 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/utils.js +37 -0
- package/dist/cjs/utils.js.map +7 -0
- package/dist/esm/DSProgressIndicator.js +86 -0
- package/dist/esm/DSProgressIndicator.js.map +7 -0
- package/dist/esm/ProgressBar.js +72 -0
- package/dist/esm/ProgressBar.js.map +7 -0
- package/dist/esm/ProgressCounter.js +21 -0
- package/dist/esm/ProgressCounter.js.map +7 -0
- package/dist/esm/classedComponents.js +18 -0
- package/dist/esm/classedComponents.js.map +7 -0
- package/dist/esm/index.js +7 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/utils.js +8 -0
- package/dist/esm/utils.js.map +7 -0
- package/package.json +36 -27
- package/cjs/DSProgressIndicator.js +0 -92
- package/cjs/ProgressBar.js +0 -74
- package/cjs/ProgressCounter.js +0 -50
- package/cjs/classedComponents.js +0 -34
- package/cjs/index.js +0 -11
- package/cjs/utils.js +0 -9
- package/esm/DSProgressIndicator.js +0 -80
- package/esm/ProgressBar.js +0 -67
- package/esm/ProgressCounter.js +0 -44
- package/esm/classedComponents.js +0 -25
- package/esm/index.js +0 -1
- package/esm/utils.js +0 -5
- package/types/DSProgressIndicator.d.ts +0 -90
- package/types/ProgressBar.d.ts +0 -24
- package/types/ProgressCounter.d.ts +0 -12
- package/types/classedComponents.d.ts +0 -7
- package/types/index.d.ts +0 -2
- package/types/utils.d.ts +0 -1
package/esm/ProgressCounter.js
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import _jsx2 from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { getPercentage } from './utils.js';
|
|
4
|
-
import { ProgressIndicatorCounter } from './classedComponents.js';
|
|
5
|
-
|
|
6
|
-
const defaultRenderer = _ref => {
|
|
7
|
-
let {
|
|
8
|
-
now,
|
|
9
|
-
max,
|
|
10
|
-
min
|
|
11
|
-
} = _ref;
|
|
12
|
-
return "".concat(min || now, " of ").concat(max);
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
const percentageRenderer = _ref2 => {
|
|
16
|
-
let {
|
|
17
|
-
now,
|
|
18
|
-
max,
|
|
19
|
-
min
|
|
20
|
-
} = _ref2;
|
|
21
|
-
const percentage = getPercentage(now, min, max);
|
|
22
|
-
return "".concat(percentage, "%");
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
const renderers = {
|
|
26
|
-
default: defaultRenderer,
|
|
27
|
-
percentage: percentageRenderer
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
function ProgressCounter(_ref3) {
|
|
31
|
-
let {
|
|
32
|
-
now,
|
|
33
|
-
max,
|
|
34
|
-
min,
|
|
35
|
-
renderer = renderers.default
|
|
36
|
-
} = _ref3;
|
|
37
|
-
return /*#__PURE__*/_jsx2(ProgressIndicatorCounter, {}, void 0, renderer({
|
|
38
|
-
now,
|
|
39
|
-
max,
|
|
40
|
-
min
|
|
41
|
-
}));
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
export { ProgressCounter as default };
|
package/esm/classedComponents.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
2
|
-
|
|
3
|
-
const blockName = 'determinate-progress-indicator';
|
|
4
|
-
const progressBlockName = 'progress-bar';
|
|
5
|
-
const Wrapper = aggregatedClasses('div')(blockName, null, _ref => {
|
|
6
|
-
let {
|
|
7
|
-
disabled
|
|
8
|
-
} = _ref;
|
|
9
|
-
return {
|
|
10
|
-
disabled
|
|
11
|
-
};
|
|
12
|
-
});
|
|
13
|
-
const Title = aggregatedClasses('div')(blockName, 'title');
|
|
14
|
-
const ProgressIndicatorCounter = aggregatedClasses('span')(blockName, 'counter');
|
|
15
|
-
const ProgressBarStatusBar = aggregatedClasses('div')(progressBlockName);
|
|
16
|
-
const ProgressBarProgress = aggregatedClasses('div')(progressBlockName, 'progress', _ref2 => {
|
|
17
|
-
let {
|
|
18
|
-
variant
|
|
19
|
-
} = _ref2;
|
|
20
|
-
return {
|
|
21
|
-
[variant]: true
|
|
22
|
-
};
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
export { ProgressBarProgress, ProgressBarStatusBar, ProgressIndicatorCounter, Title, Wrapper, blockName };
|
package/esm/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DSProgressIndicator, ProgressIndicatorWithSchema, DSProgressIndicator as default } from './DSProgressIndicator.js';
|
package/esm/utils.js
DELETED
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
/// <reference path="../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
/// <reference types="react" />
|
|
3
|
-
import ProgressBar from './ProgressBar';
|
|
4
|
-
declare const DSProgressIndicator: {
|
|
5
|
-
({ containerProps, innerRef, title, counterRenderer, now, min, max, disabled, segments, style, }: {
|
|
6
|
-
containerProps?: {} | undefined;
|
|
7
|
-
innerRef?: (() => null) | undefined;
|
|
8
|
-
title?: string | undefined;
|
|
9
|
-
counterRenderer?: undefined;
|
|
10
|
-
now?: undefined;
|
|
11
|
-
min?: number | undefined;
|
|
12
|
-
max?: undefined;
|
|
13
|
-
disabled?: boolean | undefined;
|
|
14
|
-
segments?: never[] | undefined;
|
|
15
|
-
style?: {} | undefined;
|
|
16
|
-
}): JSX.Element;
|
|
17
|
-
propTypes: {
|
|
18
|
-
containerProps: {
|
|
19
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
20
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
21
|
-
};
|
|
22
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
23
|
-
};
|
|
24
|
-
innerRef: {
|
|
25
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
26
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
27
|
-
};
|
|
28
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
29
|
-
};
|
|
30
|
-
title: {
|
|
31
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
32
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
33
|
-
};
|
|
34
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
35
|
-
};
|
|
36
|
-
variant: {
|
|
37
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
38
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
-
};
|
|
40
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
41
|
-
};
|
|
42
|
-
now: {
|
|
43
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
44
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
45
|
-
};
|
|
46
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
47
|
-
};
|
|
48
|
-
min: {
|
|
49
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
50
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
51
|
-
};
|
|
52
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
53
|
-
};
|
|
54
|
-
max: {
|
|
55
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
56
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
57
|
-
};
|
|
58
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
59
|
-
};
|
|
60
|
-
disabled: {
|
|
61
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
62
|
-
};
|
|
63
|
-
counterRenderer: {
|
|
64
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
65
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
66
|
-
};
|
|
67
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
68
|
-
};
|
|
69
|
-
segments: {
|
|
70
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
71
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
72
|
-
};
|
|
73
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
74
|
-
};
|
|
75
|
-
style: {
|
|
76
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
77
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
78
|
-
};
|
|
79
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
80
|
-
};
|
|
81
|
-
};
|
|
82
|
-
ProgressBar: typeof ProgressBar;
|
|
83
|
-
};
|
|
84
|
-
declare const ProgressIndicatorWithSchema: {
|
|
85
|
-
(props?: unknown): JSX.Element;
|
|
86
|
-
propTypes: unknown;
|
|
87
|
-
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
88
|
-
};
|
|
89
|
-
export { DSProgressIndicator, ProgressIndicatorWithSchema };
|
|
90
|
-
export default DSProgressIndicator;
|
package/types/ProgressBar.d.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
declare function Progress(props: any): JSX.Element;
|
|
4
|
-
declare function ProgressBar({ variant, now, min, max, children: progressSegments, }: {
|
|
5
|
-
variant?: string | undefined;
|
|
6
|
-
now?: undefined;
|
|
7
|
-
min?: undefined;
|
|
8
|
-
max?: undefined;
|
|
9
|
-
children: any;
|
|
10
|
-
}): JSX.Element;
|
|
11
|
-
declare namespace ProgressBar {
|
|
12
|
-
var Segment: typeof Progress;
|
|
13
|
-
var propTypes: {
|
|
14
|
-
/** Progress intent variation */
|
|
15
|
-
variant: PropTypes.Requireable<string>;
|
|
16
|
-
/** Total current value */
|
|
17
|
-
now: PropTypes.Requireable<number>;
|
|
18
|
-
/** Min value */
|
|
19
|
-
min: PropTypes.Requireable<number>;
|
|
20
|
-
/** Total max */
|
|
21
|
-
max: PropTypes.Requireable<number>;
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
export default ProgressBar;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare function ProgressCounter({ now, max, min, renderer }: {
|
|
3
|
-
now: any;
|
|
4
|
-
max: any;
|
|
5
|
-
min: any;
|
|
6
|
-
renderer?: (({ now, max, min }: {
|
|
7
|
-
now: any;
|
|
8
|
-
max: any;
|
|
9
|
-
min: any;
|
|
10
|
-
}) => string) | undefined;
|
|
11
|
-
}): JSX.Element;
|
|
12
|
-
export default ProgressCounter;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const blockName = "determinate-progress-indicator";
|
|
3
|
-
export declare const Wrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
4
|
-
export declare const Title: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
5
|
-
export declare const ProgressIndicatorCounter: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
6
|
-
export declare const ProgressBarStatusBar: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
|
7
|
-
export declare const ProgressBarProgress: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
|
package/types/index.d.ts
DELETED
package/types/utils.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function getPercentage(now: any, min: any, max: any): number;
|