@elliemae/ds-square-indicator 3.12.0-rc.2 → 3.12.0-rc.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.
Files changed (5) hide show
  1. package/dist/cjs/DSSquareIndicator.js +42 -149
  2. package/dist/cjs/DSSquareIndicator.js.map +1 -1
  3. package/dist/esm/DSSquareIndicator.js +42 -149
  4. package/dist/esm/DSSquareIndicator.js.map +1 -1
  5. package/package.json +5 -5
package/dist/cjs/DSSquareIndicator.js CHANGED
@@ -38,9 +38,7 @@ var import_uid = require("uid");
38
38
  var import_react_desc_prop_types = require("./react-desc-prop-types");
39
39
  var import_styled = require("./styled");
40
40
  var import_constants = require("./constants");
41
- const EmptyComp = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
42
- children: props.children
43
- });
41
+ const EmptyComp = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children });
44
42
  const DSSquareIndicator = (props) => {
45
43
  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
46
44
  const { height, width, cols, rows, ...globalAttributes } = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefault);
@@ -49,152 +47,47 @@ const DSSquareIndicator = (props) => {
49
47
  const uniqueId = (0, import_react.useMemo)(() => (0, import_uid.uid)(16), []);
50
48
  const paddedCoordinate = (0, import_react.useMemo)(() => `calc(100% - ${import_constants.sizeToWeight[size]})`, [size]);
51
49
  const hexColor = (0, import_react.useMemo)(() => import_constants.colorToHex[color], [color]);
52
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
53
- gutter: "xs",
54
- justifyContent: "center",
55
- role: "status",
56
- "aria-label": text || "Loading...",
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
- });
50
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { gutter: "xs", justifyContent: "center", role: "status", "aria-label": text || "Loading...", ...globalAttributes, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, { text, textAlign: "center", startPlacementPreference: tooltipStartPlacementPreference, children: [
51
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
52
+ "svg",
53
+ {
54
+ width: import_constants.sizeToPx[size],
55
+ height: import_constants.sizeToPx[size],
56
+ style: {
57
+ display: "block",
58
+ margin: "auto"
59
+ },
60
+ children: [
61
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
62
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: `${uniqueId}-lg1`, x1: "0", y1: "0", x2: "0", y2: "100%", children: [
63
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "20%", stopColor: `${hexColor}FF` }),
64
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "80%", stopColor: `${hexColor}00` })
65
+ ] }),
66
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: `${uniqueId}-lg2`, x1: "0", y1: "0", x2: "100%", y2: "0", children: [
67
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "10%", stopColor: `${hexColor}00` }),
68
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "50%", stopColor: `${hexColor}FF` })
69
+ ] }),
70
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: `${uniqueId}-lg3`, x1: "0", y1: "0", x2: "0", y2: "100%", children: [
71
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "10%", stopColor: `${hexColor}00` }),
72
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "50%", stopColor: `${hexColor}FF` })
73
+ ] }),
74
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: `${uniqueId}-lg4`, x1: "0", y1: "0", x2: "100%", y2: "0", children: [
75
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "50%", stopColor: `${hexColor}FF` }),
76
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "90%", stopColor: `${hexColor}00` })
77
+ ] }),
78
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: `${uniqueId}-lcp1`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: import_constants.sizeToWeight[size], y: 0, width: "100%", height: import_constants.sizeToWeight[size] }) }),
79
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: `${uniqueId}-lcp2`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: paddedCoordinate, y: import_constants.sizeToWeight[size], width: import_constants.sizeToWeight[size], height: "100%" }) }),
80
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", { id: `${uniqueId}-lcp3`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: 0, y: paddedCoordinate, width: paddedCoordinate, height: import_constants.sizeToWeight[size] }) })
81
+ ] }),
82
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineLeft, { size, fill: `url(#${uniqueId}-lg1)` }),
83
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineTop, { size, fill: `url(#${uniqueId}-lg2)`, clipPath: `url(#${uniqueId}-lcp1)` }),
84
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineRight, { size, fill: `url(#${uniqueId}-lg3)`, clipPath: `url(#${uniqueId}-lcp2)` }),
85
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLineBottom, { size, fill: `url(#${uniqueId}-lg4)`, clipPath: `url(#${uniqueId}-lcp3)` })
86
+ ]
87
+ }
88
+ ),
89
+ text !== "" && showText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: import_constants.colorToHex[color], fontSize: import_constants.sizeToTextSize[size] }, children: text })
90
+ ] }) });
198
91
  };
199
92
  DSSquareIndicator.propTypes = import_react_desc_prop_types.SquareIndicatorPropTypes;
200
93
  DSSquareIndicator.displayName = "DSSquareIndicator";
package/dist/cjs/DSSquareIndicator.js.map CHANGED
@@ -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 type { DSSquareIndicatorT } from './react-desc-prop-types';\nimport { defaultProps, 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": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/dist/esm/DSSquareIndicator.js CHANGED
@@ -8,9 +8,7 @@ import { uid } from "uid";
8
8
  import { defaultProps, SquareIndicatorPropTypes } from "./react-desc-prop-types";
9
9
  import { StyledLineLeft, StyledLineTop, StyledLineRight, StyledLineBottom } from "./styled";
10
10
  import { colorToHex, sizeToPx, sizeToTextSize, sizeToWeight } from "./constants";
11
- const EmptyComp = (props) => /* @__PURE__ */ jsx(Fragment, {
12
- children: props.children
13
- });
11
+ const EmptyComp = (props) => /* @__PURE__ */ jsx(Fragment, { children: props.children });
14
12
  const DSSquareIndicator = (props) => {
15
13
  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
16
14
  const { height, width, cols, rows, ...globalAttributes } = useGetGlobalAttributes(propsWithDefault);
@@ -19,152 +17,47 @@ const DSSquareIndicator = (props) => {
19
17
  const uniqueId = useMemo(() => uid(16), []);
20
18
  const paddedCoordinate = useMemo(() => `calc(100% - ${sizeToWeight[size]})`, [size]);
21
19
  const hexColor = useMemo(() => colorToHex[color], [color]);
22
- return /* @__PURE__ */ jsx(Grid, {
23
- gutter: "xs",
24
- justifyContent: "center",
25
- role: "status",
26
- "aria-label": text || "Loading...",
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
- });
20
+ return /* @__PURE__ */ jsx(Grid, { gutter: "xs", justifyContent: "center", role: "status", "aria-label": text || "Loading...", ...globalAttributes, children: /* @__PURE__ */ jsxs(Wrapper, { text, textAlign: "center", startPlacementPreference: tooltipStartPlacementPreference, children: [
21
+ /* @__PURE__ */ jsxs(
22
+ "svg",
23
+ {
24
+ width: sizeToPx[size],
25
+ height: sizeToPx[size],
26
+ style: {
27
+ display: "block",
28
+ margin: "auto"
29
+ },
30
+ children: [
31
+ /* @__PURE__ */ jsxs("defs", { children: [
32
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uniqueId}-lg1`, x1: "0", y1: "0", x2: "0", y2: "100%", children: [
33
+ /* @__PURE__ */ jsx("stop", { offset: "20%", stopColor: `${hexColor}FF` }),
34
+ /* @__PURE__ */ jsx("stop", { offset: "80%", stopColor: `${hexColor}00` })
35
+ ] }),
36
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uniqueId}-lg2`, x1: "0", y1: "0", x2: "100%", y2: "0", children: [
37
+ /* @__PURE__ */ jsx("stop", { offset: "10%", stopColor: `${hexColor}00` }),
38
+ /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: `${hexColor}FF` })
39
+ ] }),
40
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uniqueId}-lg3`, x1: "0", y1: "0", x2: "0", y2: "100%", children: [
41
+ /* @__PURE__ */ jsx("stop", { offset: "10%", stopColor: `${hexColor}00` }),
42
+ /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: `${hexColor}FF` })
43
+ ] }),
44
+ /* @__PURE__ */ jsxs("linearGradient", { id: `${uniqueId}-lg4`, x1: "0", y1: "0", x2: "100%", y2: "0", children: [
45
+ /* @__PURE__ */ jsx("stop", { offset: "50%", stopColor: `${hexColor}FF` }),
46
+ /* @__PURE__ */ jsx("stop", { offset: "90%", stopColor: `${hexColor}00` })
47
+ ] }),
48
+ /* @__PURE__ */ jsx("clipPath", { id: `${uniqueId}-lcp1`, children: /* @__PURE__ */ jsx("rect", { x: sizeToWeight[size], y: 0, width: "100%", height: sizeToWeight[size] }) }),
49
+ /* @__PURE__ */ jsx("clipPath", { id: `${uniqueId}-lcp2`, children: /* @__PURE__ */ jsx("rect", { x: paddedCoordinate, y: sizeToWeight[size], width: sizeToWeight[size], height: "100%" }) }),
50
+ /* @__PURE__ */ jsx("clipPath", { id: `${uniqueId}-lcp3`, children: /* @__PURE__ */ jsx("rect", { x: 0, y: paddedCoordinate, width: paddedCoordinate, height: sizeToWeight[size] }) })
51
+ ] }),
52
+ /* @__PURE__ */ jsx(StyledLineLeft, { size, fill: `url(#${uniqueId}-lg1)` }),
53
+ /* @__PURE__ */ jsx(StyledLineTop, { size, fill: `url(#${uniqueId}-lg2)`, clipPath: `url(#${uniqueId}-lcp1)` }),
54
+ /* @__PURE__ */ jsx(StyledLineRight, { size, fill: `url(#${uniqueId}-lg3)`, clipPath: `url(#${uniqueId}-lcp2)` }),
55
+ /* @__PURE__ */ jsx(StyledLineBottom, { size, fill: `url(#${uniqueId}-lg4)`, clipPath: `url(#${uniqueId}-lcp3)` })
56
+ ]
57
+ }
58
+ ),
59
+ text !== "" && showText && /* @__PURE__ */ jsx("span", { style: { color: colorToHex[color], fontSize: sizeToTextSize[size] }, children: text })
60
+ ] }) });
168
61
  };
169
62
  DSSquareIndicator.propTypes = SquareIndicatorPropTypes;
170
63
  DSSquareIndicator.displayName = "DSSquareIndicator";
package/dist/esm/DSSquareIndicator.js.map CHANGED
@@ -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 type { DSSquareIndicatorT } from './react-desc-prop-types';\nimport { defaultProps, 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": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-square-indicator",
3
- "version": "3.12.0-rc.2",
3
+ "version": "3.12.0-rc.3",
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.12.0-rc.2",
47
- "@elliemae/ds-system": "3.12.0-rc.2",
48
- "@elliemae/ds-tooltip": "3.12.0-rc.2",
49
- "@elliemae/ds-utilities": "3.12.0-rc.2",
46
+ "@elliemae/ds-grid": "3.12.0-rc.3",
47
+ "@elliemae/ds-system": "3.12.0-rc.3",
48
+ "@elliemae/ds-tooltip": "3.12.0-rc.3",
49
+ "@elliemae/ds-utilities": "3.12.0-rc.3",
50
50
  "styled-components": "~5.3.6",
51
51
  "uid": "^2.0.0"
52
52
  },