@elliemae/ds-square-indicator 3.5.0-rc.9 → 3.6.0-next.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.
|
@@ -29,7 +29,8 @@ __export(DSSquareIndicator_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(DSSquareIndicator_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
+
var import_react = require("react");
|
|
33
34
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
34
35
|
var import_ds_tooltip = require("@elliemae/ds-tooltip");
|
|
35
36
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
@@ -37,7 +38,9 @@ var import_uid = require("uid");
|
|
|
37
38
|
var import_react_desc_prop_types = require("./react-desc-prop-types");
|
|
38
39
|
var import_styled = require("./styled");
|
|
39
40
|
var import_constants = require("./constants");
|
|
40
|
-
const EmptyComp = (props) => /* @__PURE__ */
|
|
41
|
+
const EmptyComp = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
|
|
42
|
+
children: props.children
|
|
43
|
+
});
|
|
41
44
|
const DSSquareIndicator = (props) => {
|
|
42
45
|
const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
|
|
43
46
|
const { height, width, cols, rows, ...globalAttributes } = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
|
|
@@ -46,110 +49,152 @@ const DSSquareIndicator = (props) => {
|
|
|
46
49
|
const uniqueId = (0, import_react.useMemo)(() => (0, import_uid.uid)(16), []);
|
|
47
50
|
const paddedCoordinate = (0, import_react.useMemo)(() => `calc(100% - ${import_constants.sizeToWeight[size]})`, [size]);
|
|
48
51
|
const hexColor = (0, import_react.useMemo)(() => import_constants.colorToHex[color], [color]);
|
|
49
|
-
return /* @__PURE__ */
|
|
52
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
50
53
|
gutter: "xs",
|
|
51
54
|
justifyContent: "center",
|
|
52
55
|
role: "status",
|
|
53
56
|
"aria-label": text || "Loading...",
|
|
54
|
-
...globalAttributes
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
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
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
57
|
+
...globalAttributes,
|
|
58
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, {
|
|
59
|
+
text,
|
|
60
|
+
textAlign: "center",
|
|
61
|
+
startPlacementPreference: tooltipStartPlacementPreference,
|
|
62
|
+
children: [
|
|
63
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
|
|
64
|
+
width: import_constants.sizeToPx[size],
|
|
65
|
+
height: import_constants.sizeToPx[size],
|
|
66
|
+
style: {
|
|
67
|
+
display: "block",
|
|
68
|
+
margin: "auto"
|
|
69
|
+
},
|
|
70
|
+
children: [
|
|
71
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", {
|
|
72
|
+
children: [
|
|
73
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
|
|
74
|
+
id: `${uniqueId}-lg1`,
|
|
75
|
+
x1: "0",
|
|
76
|
+
y1: "0",
|
|
77
|
+
x2: "0",
|
|
78
|
+
y2: "100%",
|
|
79
|
+
children: [
|
|
80
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
|
|
81
|
+
offset: "20%",
|
|
82
|
+
stopColor: `${hexColor}FF`
|
|
83
|
+
}),
|
|
84
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
|
|
85
|
+
offset: "80%",
|
|
86
|
+
stopColor: `${hexColor}00`
|
|
87
|
+
})
|
|
88
|
+
]
|
|
89
|
+
}),
|
|
90
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
|
|
91
|
+
id: `${uniqueId}-lg2`,
|
|
92
|
+
x1: "0",
|
|
93
|
+
y1: "0",
|
|
94
|
+
x2: "100%",
|
|
95
|
+
y2: "0",
|
|
96
|
+
children: [
|
|
97
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
|
|
98
|
+
offset: "10%",
|
|
99
|
+
stopColor: `${hexColor}00`
|
|
100
|
+
}),
|
|
101
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
|
|
102
|
+
offset: "50%",
|
|
103
|
+
stopColor: `${hexColor}FF`
|
|
104
|
+
})
|
|
105
|
+
]
|
|
106
|
+
}),
|
|
107
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
|
|
108
|
+
id: `${uniqueId}-lg3`,
|
|
109
|
+
x1: "0",
|
|
110
|
+
y1: "0",
|
|
111
|
+
x2: "0",
|
|
112
|
+
y2: "100%",
|
|
113
|
+
children: [
|
|
114
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
|
|
115
|
+
offset: "10%",
|
|
116
|
+
stopColor: `${hexColor}00`
|
|
117
|
+
}),
|
|
118
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
|
|
119
|
+
offset: "50%",
|
|
120
|
+
stopColor: `${hexColor}FF`
|
|
121
|
+
})
|
|
122
|
+
]
|
|
123
|
+
}),
|
|
124
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
|
|
125
|
+
id: `${uniqueId}-lg4`,
|
|
126
|
+
x1: "0",
|
|
127
|
+
y1: "0",
|
|
128
|
+
x2: "100%",
|
|
129
|
+
y2: "0",
|
|
130
|
+
children: [
|
|
131
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
|
|
132
|
+
offset: "50%",
|
|
133
|
+
stopColor: `${hexColor}FF`
|
|
134
|
+
}),
|
|
135
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
|
|
136
|
+
offset: "90%",
|
|
137
|
+
stopColor: `${hexColor}00`
|
|
138
|
+
})
|
|
139
|
+
]
|
|
140
|
+
}),
|
|
141
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
|
|
142
|
+
id: `${uniqueId}-lcp1`,
|
|
143
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
|
|
144
|
+
x: import_constants.sizeToWeight[size],
|
|
145
|
+
y: 0,
|
|
146
|
+
width: "100%",
|
|
147
|
+
height: import_constants.sizeToWeight[size]
|
|
148
|
+
})
|
|
149
|
+
}),
|
|
150
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
|
|
151
|
+
id: `${uniqueId}-lcp2`,
|
|
152
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
|
|
153
|
+
x: paddedCoordinate,
|
|
154
|
+
y: import_constants.sizeToWeight[size],
|
|
155
|
+
width: import_constants.sizeToWeight[size],
|
|
156
|
+
height: "100%"
|
|
157
|
+
})
|
|
158
|
+
}),
|
|
159
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
|
|
160
|
+
id: `${uniqueId}-lcp3`,
|
|
161
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
|
|
162
|
+
x: 0,
|
|
163
|
+
y: paddedCoordinate,
|
|
164
|
+
width: paddedCoordinate,
|
|
165
|
+
height: import_constants.sizeToWeight[size]
|
|
166
|
+
})
|
|
167
|
+
})
|
|
168
|
+
]
|
|
169
|
+
}),
|
|
170
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineLeft, {
|
|
171
|
+
size,
|
|
172
|
+
fill: `url(#${uniqueId}-lg1)`
|
|
173
|
+
}),
|
|
174
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineTop, {
|
|
175
|
+
size,
|
|
176
|
+
fill: `url(#${uniqueId}-lg2)`,
|
|
177
|
+
clipPath: `url(#${uniqueId}-lcp1)`
|
|
178
|
+
}),
|
|
179
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineRight, {
|
|
180
|
+
size,
|
|
181
|
+
fill: `url(#${uniqueId}-lg3)`,
|
|
182
|
+
clipPath: `url(#${uniqueId}-lcp2)`
|
|
183
|
+
}),
|
|
184
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineBottom, {
|
|
185
|
+
size,
|
|
186
|
+
fill: `url(#${uniqueId}-lg4)`,
|
|
187
|
+
clipPath: `url(#${uniqueId}-lcp3)`
|
|
188
|
+
})
|
|
189
|
+
]
|
|
190
|
+
}),
|
|
191
|
+
text !== "" && showText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
192
|
+
style: { color: import_constants.colorToHex[color], fontSize: import_constants.sizeToTextSize[size] },
|
|
193
|
+
children: text
|
|
194
|
+
})
|
|
195
|
+
]
|
|
196
|
+
})
|
|
197
|
+
});
|
|
153
198
|
};
|
|
154
199
|
DSSquareIndicator.propTypes = import_react_desc_prop_types.SquareIndicatorPropTypes;
|
|
155
200
|
DSSquareIndicator.displayName = "DSSquareIndicator";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSSquareIndicator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable @typescript-eslint/naming-convention */\nimport React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { describe, useGetGlobalAttributes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { defaultProps, DSSquareIndicatorT, SquareIndicatorPropTypes } from './react-desc-prop-types';\nimport { StyledLineLeft, StyledLineTop, StyledLineRight, StyledLineBottom } from './styled';\nimport { colorToHex, sizeToPx, sizeToTextSize, sizeToWeight } from './constants';\n\n// eslint-disable-next-line react/jsx-no-useless-fragment\nconst EmptyComp: typeof DSTooltipV3 = (props) => <>{props.children}</>;\n\nexport const DSSquareIndicator: React.ComponentType<DSSquareIndicatorT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<Required<DSSquareIndicatorT.Props>>(props, defaultProps);\n const { height, width, cols, rows, ...globalAttributes } = useGetGlobalAttributes(propsWithDefault);\n\n const { size, color, text, showText, withTooltip, tooltipStartPlacementPreference } = propsWithDefault;\n\n const Wrapper: typeof DSTooltipV3 = useMemo(() => (withTooltip ? DSTooltipV3 : EmptyComp), [withTooltip]);\n\n const uniqueId = useMemo(() => uid(16), []);\n const paddedCoordinate = useMemo(() => `calc(100% - ${sizeToWeight[size]})`, [size]);\n\n const hexColor = useMemo(() => colorToHex[color], [color]);\n\n return (\n <Grid gutter=\"xs\" justifyContent=\"center\" role=\"status\" aria-label={text || 'Loading...'} {...globalAttributes}>\n <Wrapper text={text} textAlign=\"center\" startPlacementPreference={tooltipStartPlacementPreference}>\n <svg\n width={sizeToPx[size]}\n height={sizeToPx[size]}\n style={{\n display: 'block',\n margin: 'auto',\n }}\n >\n <defs>\n <linearGradient id={`${uniqueId}-lg1`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"100%\">\n <stop offset=\"20%\" stopColor={`${hexColor}FF`} />\n <stop offset=\"80%\" stopColor={`${hexColor}00`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg2`} x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n <stop offset=\"10%\" stopColor={`${hexColor}00`} />\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg3`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"100%\">\n <stop offset=\"10%\" stopColor={`${hexColor}00`} />\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg4`} x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n <stop offset=\"90%\" stopColor={`${hexColor}00`} />\n </linearGradient>\n <clipPath id={`${uniqueId}-lcp1`}>\n <rect x={sizeToWeight[size]} y={0} width=\"100%\" height={sizeToWeight[size]} />\n </clipPath>\n <clipPath id={`${uniqueId}-lcp2`}>\n <rect x={paddedCoordinate} y={sizeToWeight[size]} width={sizeToWeight[size]} height=\"100%\" />\n </clipPath>\n <clipPath id={`${uniqueId}-lcp3`}>\n <rect x={0} y={paddedCoordinate} width={paddedCoordinate} height={sizeToWeight[size]} />\n </clipPath>\n </defs>\n <StyledLineLeft size={size} fill={`url(#${uniqueId}-lg1)`} />\n <StyledLineTop size={size} fill={`url(#${uniqueId}-lg2)`} clipPath={`url(#${uniqueId}-lcp1)`} />\n <StyledLineRight size={size} fill={`url(#${uniqueId}-lg3)`} clipPath={`url(#${uniqueId}-lcp2)`} />\n <StyledLineBottom size={size} fill={`url(#${uniqueId}-lg4)`} clipPath={`url(#${uniqueId}-lcp3)`} />\n </svg>\n {text !== '' && showText && (\n <span style={{ color: colorToHex[color], fontSize: sizeToTextSize[size] }}>{text}</span>\n )}\n </Wrapper>\n </Grid>\n );\n};\n\nDSSquareIndicator.propTypes = SquareIndicatorPropTypes;\nDSSquareIndicator.displayName = 'DSSquareIndicator';\nexport const DSSquareIndicatorWithSchema = describe(DSSquareIndicator);\nDSSquareIndicatorWithSchema.propTypes = SquareIndicatorPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useMemo } from "react";
|
|
3
4
|
import { Grid } from "@elliemae/ds-grid";
|
|
4
5
|
import { DSTooltipV3 } from "@elliemae/ds-tooltip";
|
|
5
6
|
import { describe, useGetGlobalAttributes, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
|
|
@@ -7,7 +8,9 @@ import { uid } from "uid";
|
|
|
7
8
|
import { defaultProps, SquareIndicatorPropTypes } from "./react-desc-prop-types";
|
|
8
9
|
import { StyledLineLeft, StyledLineTop, StyledLineRight, StyledLineBottom } from "./styled";
|
|
9
10
|
import { colorToHex, sizeToPx, sizeToTextSize, sizeToWeight } from "./constants";
|
|
10
|
-
const EmptyComp = (props) => /* @__PURE__ */
|
|
11
|
+
const EmptyComp = (props) => /* @__PURE__ */ jsx(Fragment, {
|
|
12
|
+
children: props.children
|
|
13
|
+
});
|
|
11
14
|
const DSSquareIndicator = (props) => {
|
|
12
15
|
const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
|
|
13
16
|
const { height, width, cols, rows, ...globalAttributes } = useGetGlobalAttributes(propsWithDefault);
|
|
@@ -16,110 +19,152 @@ const DSSquareIndicator = (props) => {
|
|
|
16
19
|
const uniqueId = useMemo(() => uid(16), []);
|
|
17
20
|
const paddedCoordinate = useMemo(() => `calc(100% - ${sizeToWeight[size]})`, [size]);
|
|
18
21
|
const hexColor = useMemo(() => colorToHex[color], [color]);
|
|
19
|
-
return /* @__PURE__ */
|
|
22
|
+
return /* @__PURE__ */ jsx(Grid, {
|
|
20
23
|
gutter: "xs",
|
|
21
24
|
justifyContent: "center",
|
|
22
25
|
role: "status",
|
|
23
26
|
"aria-label": text || "Loading...",
|
|
24
|
-
...globalAttributes
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
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
|
-
|
|
27
|
+
...globalAttributes,
|
|
28
|
+
children: /* @__PURE__ */ jsxs(Wrapper, {
|
|
29
|
+
text,
|
|
30
|
+
textAlign: "center",
|
|
31
|
+
startPlacementPreference: tooltipStartPlacementPreference,
|
|
32
|
+
children: [
|
|
33
|
+
/* @__PURE__ */ jsxs("svg", {
|
|
34
|
+
width: sizeToPx[size],
|
|
35
|
+
height: sizeToPx[size],
|
|
36
|
+
style: {
|
|
37
|
+
display: "block",
|
|
38
|
+
margin: "auto"
|
|
39
|
+
},
|
|
40
|
+
children: [
|
|
41
|
+
/* @__PURE__ */ jsxs("defs", {
|
|
42
|
+
children: [
|
|
43
|
+
/* @__PURE__ */ jsxs("linearGradient", {
|
|
44
|
+
id: `${uniqueId}-lg1`,
|
|
45
|
+
x1: "0",
|
|
46
|
+
y1: "0",
|
|
47
|
+
x2: "0",
|
|
48
|
+
y2: "100%",
|
|
49
|
+
children: [
|
|
50
|
+
/* @__PURE__ */ jsx("stop", {
|
|
51
|
+
offset: "20%",
|
|
52
|
+
stopColor: `${hexColor}FF`
|
|
53
|
+
}),
|
|
54
|
+
/* @__PURE__ */ jsx("stop", {
|
|
55
|
+
offset: "80%",
|
|
56
|
+
stopColor: `${hexColor}00`
|
|
57
|
+
})
|
|
58
|
+
]
|
|
59
|
+
}),
|
|
60
|
+
/* @__PURE__ */ jsxs("linearGradient", {
|
|
61
|
+
id: `${uniqueId}-lg2`,
|
|
62
|
+
x1: "0",
|
|
63
|
+
y1: "0",
|
|
64
|
+
x2: "100%",
|
|
65
|
+
y2: "0",
|
|
66
|
+
children: [
|
|
67
|
+
/* @__PURE__ */ jsx("stop", {
|
|
68
|
+
offset: "10%",
|
|
69
|
+
stopColor: `${hexColor}00`
|
|
70
|
+
}),
|
|
71
|
+
/* @__PURE__ */ jsx("stop", {
|
|
72
|
+
offset: "50%",
|
|
73
|
+
stopColor: `${hexColor}FF`
|
|
74
|
+
})
|
|
75
|
+
]
|
|
76
|
+
}),
|
|
77
|
+
/* @__PURE__ */ jsxs("linearGradient", {
|
|
78
|
+
id: `${uniqueId}-lg3`,
|
|
79
|
+
x1: "0",
|
|
80
|
+
y1: "0",
|
|
81
|
+
x2: "0",
|
|
82
|
+
y2: "100%",
|
|
83
|
+
children: [
|
|
84
|
+
/* @__PURE__ */ jsx("stop", {
|
|
85
|
+
offset: "10%",
|
|
86
|
+
stopColor: `${hexColor}00`
|
|
87
|
+
}),
|
|
88
|
+
/* @__PURE__ */ jsx("stop", {
|
|
89
|
+
offset: "50%",
|
|
90
|
+
stopColor: `${hexColor}FF`
|
|
91
|
+
})
|
|
92
|
+
]
|
|
93
|
+
}),
|
|
94
|
+
/* @__PURE__ */ jsxs("linearGradient", {
|
|
95
|
+
id: `${uniqueId}-lg4`,
|
|
96
|
+
x1: "0",
|
|
97
|
+
y1: "0",
|
|
98
|
+
x2: "100%",
|
|
99
|
+
y2: "0",
|
|
100
|
+
children: [
|
|
101
|
+
/* @__PURE__ */ jsx("stop", {
|
|
102
|
+
offset: "50%",
|
|
103
|
+
stopColor: `${hexColor}FF`
|
|
104
|
+
}),
|
|
105
|
+
/* @__PURE__ */ jsx("stop", {
|
|
106
|
+
offset: "90%",
|
|
107
|
+
stopColor: `${hexColor}00`
|
|
108
|
+
})
|
|
109
|
+
]
|
|
110
|
+
}),
|
|
111
|
+
/* @__PURE__ */ jsx("clipPath", {
|
|
112
|
+
id: `${uniqueId}-lcp1`,
|
|
113
|
+
children: /* @__PURE__ */ jsx("rect", {
|
|
114
|
+
x: sizeToWeight[size],
|
|
115
|
+
y: 0,
|
|
116
|
+
width: "100%",
|
|
117
|
+
height: sizeToWeight[size]
|
|
118
|
+
})
|
|
119
|
+
}),
|
|
120
|
+
/* @__PURE__ */ jsx("clipPath", {
|
|
121
|
+
id: `${uniqueId}-lcp2`,
|
|
122
|
+
children: /* @__PURE__ */ jsx("rect", {
|
|
123
|
+
x: paddedCoordinate,
|
|
124
|
+
y: sizeToWeight[size],
|
|
125
|
+
width: sizeToWeight[size],
|
|
126
|
+
height: "100%"
|
|
127
|
+
})
|
|
128
|
+
}),
|
|
129
|
+
/* @__PURE__ */ jsx("clipPath", {
|
|
130
|
+
id: `${uniqueId}-lcp3`,
|
|
131
|
+
children: /* @__PURE__ */ jsx("rect", {
|
|
132
|
+
x: 0,
|
|
133
|
+
y: paddedCoordinate,
|
|
134
|
+
width: paddedCoordinate,
|
|
135
|
+
height: sizeToWeight[size]
|
|
136
|
+
})
|
|
137
|
+
})
|
|
138
|
+
]
|
|
139
|
+
}),
|
|
140
|
+
/* @__PURE__ */ jsx(StyledLineLeft, {
|
|
141
|
+
size,
|
|
142
|
+
fill: `url(#${uniqueId}-lg1)`
|
|
143
|
+
}),
|
|
144
|
+
/* @__PURE__ */ jsx(StyledLineTop, {
|
|
145
|
+
size,
|
|
146
|
+
fill: `url(#${uniqueId}-lg2)`,
|
|
147
|
+
clipPath: `url(#${uniqueId}-lcp1)`
|
|
148
|
+
}),
|
|
149
|
+
/* @__PURE__ */ jsx(StyledLineRight, {
|
|
150
|
+
size,
|
|
151
|
+
fill: `url(#${uniqueId}-lg3)`,
|
|
152
|
+
clipPath: `url(#${uniqueId}-lcp2)`
|
|
153
|
+
}),
|
|
154
|
+
/* @__PURE__ */ jsx(StyledLineBottom, {
|
|
155
|
+
size,
|
|
156
|
+
fill: `url(#${uniqueId}-lg4)`,
|
|
157
|
+
clipPath: `url(#${uniqueId}-lcp3)`
|
|
158
|
+
})
|
|
159
|
+
]
|
|
160
|
+
}),
|
|
161
|
+
text !== "" && showText && /* @__PURE__ */ jsx("span", {
|
|
162
|
+
style: { color: colorToHex[color], fontSize: sizeToTextSize[size] },
|
|
163
|
+
children: text
|
|
164
|
+
})
|
|
165
|
+
]
|
|
166
|
+
})
|
|
167
|
+
});
|
|
123
168
|
};
|
|
124
169
|
DSSquareIndicator.propTypes = SquareIndicatorPropTypes;
|
|
125
170
|
DSSquareIndicator.displayName = "DSSquareIndicator";
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSquareIndicator.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/naming-convention */\nimport React, { useMemo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { describe, useGetGlobalAttributes, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { uid } from 'uid';\nimport { defaultProps, DSSquareIndicatorT, SquareIndicatorPropTypes } from './react-desc-prop-types';\nimport { StyledLineLeft, StyledLineTop, StyledLineRight, StyledLineBottom } from './styled';\nimport { colorToHex, sizeToPx, sizeToTextSize, sizeToWeight } from './constants';\n\n// eslint-disable-next-line react/jsx-no-useless-fragment\nconst EmptyComp: typeof DSTooltipV3 = (props) => <>{props.children}</>;\n\nexport const DSSquareIndicator: React.ComponentType<DSSquareIndicatorT.Props> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<Required<DSSquareIndicatorT.Props>>(props, defaultProps);\n const { height, width, cols, rows, ...globalAttributes } = useGetGlobalAttributes(propsWithDefault);\n\n const { size, color, text, showText, withTooltip, tooltipStartPlacementPreference } = propsWithDefault;\n\n const Wrapper: typeof DSTooltipV3 = useMemo(() => (withTooltip ? DSTooltipV3 : EmptyComp), [withTooltip]);\n\n const uniqueId = useMemo(() => uid(16), []);\n const paddedCoordinate = useMemo(() => `calc(100% - ${sizeToWeight[size]})`, [size]);\n\n const hexColor = useMemo(() => colorToHex[color], [color]);\n\n return (\n <Grid gutter=\"xs\" justifyContent=\"center\" role=\"status\" aria-label={text || 'Loading...'} {...globalAttributes}>\n <Wrapper text={text} textAlign=\"center\" startPlacementPreference={tooltipStartPlacementPreference}>\n <svg\n width={sizeToPx[size]}\n height={sizeToPx[size]}\n style={{\n display: 'block',\n margin: 'auto',\n }}\n >\n <defs>\n <linearGradient id={`${uniqueId}-lg1`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"100%\">\n <stop offset=\"20%\" stopColor={`${hexColor}FF`} />\n <stop offset=\"80%\" stopColor={`${hexColor}00`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg2`} x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n <stop offset=\"10%\" stopColor={`${hexColor}00`} />\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg3`} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"100%\">\n <stop offset=\"10%\" stopColor={`${hexColor}00`} />\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n </linearGradient>\n <linearGradient id={`${uniqueId}-lg4`} x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0\">\n <stop offset=\"50%\" stopColor={`${hexColor}FF`} />\n <stop offset=\"90%\" stopColor={`${hexColor}00`} />\n </linearGradient>\n <clipPath id={`${uniqueId}-lcp1`}>\n <rect x={sizeToWeight[size]} y={0} width=\"100%\" height={sizeToWeight[size]} />\n </clipPath>\n <clipPath id={`${uniqueId}-lcp2`}>\n <rect x={paddedCoordinate} y={sizeToWeight[size]} width={sizeToWeight[size]} height=\"100%\" />\n </clipPath>\n <clipPath id={`${uniqueId}-lcp3`}>\n <rect x={0} y={paddedCoordinate} width={paddedCoordinate} height={sizeToWeight[size]} />\n </clipPath>\n </defs>\n <StyledLineLeft size={size} fill={`url(#${uniqueId}-lg1)`} />\n <StyledLineTop size={size} fill={`url(#${uniqueId}-lg2)`} clipPath={`url(#${uniqueId}-lcp1)`} />\n <StyledLineRight size={size} fill={`url(#${uniqueId}-lg3)`} clipPath={`url(#${uniqueId}-lcp2)`} />\n <StyledLineBottom size={size} fill={`url(#${uniqueId}-lg4)`} clipPath={`url(#${uniqueId}-lcp3)`} />\n </svg>\n {text !== '' && showText && (\n <span style={{ color: colorToHex[color], fontSize: sizeToTextSize[size] }}>{text}</span>\n )}\n </Wrapper>\n </Grid>\n );\n};\n\nDSSquareIndicator.propTypes = SquareIndicatorPropTypes;\nDSSquareIndicator.displayName = 'DSSquareIndicator';\nexport const DSSquareIndicatorWithSchema = describe(DSSquareIndicator);\nDSSquareIndicatorWithSchema.propTypes = SquareIndicatorPropTypes;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-square-indicator",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.6.0-next.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Indeterminate Progress Indicator",
|
|
6
6
|
"files": [
|
|
@@ -43,10 +43,10 @@
|
|
|
43
43
|
"indent": 4
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@elliemae/ds-grid": "3.
|
|
47
|
-
"@elliemae/ds-system": "3.
|
|
48
|
-
"@elliemae/ds-tooltip": "3.
|
|
49
|
-
"@elliemae/ds-utilities": "3.
|
|
46
|
+
"@elliemae/ds-grid": "3.6.0-next.0",
|
|
47
|
+
"@elliemae/ds-system": "3.6.0-next.0",
|
|
48
|
+
"@elliemae/ds-tooltip": "3.6.0-next.0",
|
|
49
|
+
"@elliemae/ds-utilities": "3.6.0-next.0",
|
|
50
50
|
"styled-components": "^5.3.5",
|
|
51
51
|
"uid": "^2.0.0"
|
|
52
52
|
},
|