@useblu/ocean-react 1.31.0 → 1.31.1
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/CHANGELOG.md +4 -0
- package/Steps/Steps.d.ts +2 -2
- package/Steps/Steps.d.ts.map +1 -1
- package/index.es.js +24 -69
- package/index.es.js.map +1 -1
- package/index.js +24 -69
- package/index.js.map +1 -1
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -25422,77 +25422,32 @@ var Stepper = e__default["default"].forwardRef(function Stepper(_a, ref) {
|
|
|
25422
25422
|
e__default["default"].createElement(To, { size: 24 })))))));
|
|
25423
25423
|
});
|
|
25424
25424
|
|
|
25425
|
-
var FinalSteps = function () {
|
|
25426
|
-
return (e__default["default"].createElement(e__default["default"].Fragment, null,
|
|
25427
|
-
e__default["default"].createElement("path", { d: "M52 10H64", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
25428
|
-
e__default["default"].createElement("path", { d: "M64 10L69 10", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
25429
|
-
e__default["default"].createElement("circle", { cx: "74", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
25430
|
-
e__default["default"].createElement("path", { d: "M79 10H84", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
25431
|
-
e__default["default"].createElement("path", { d: "M84 10H96", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
25432
|
-
e__default["default"].createElement("circle", { r: "5", transform: "matrix(-1 0 0 1 106 10)", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
25433
|
-
e__default["default"].createElement("path", { d: "M101 10H96", stroke: "#EBECF5", strokeWidth: "2" })));
|
|
25434
|
-
};
|
|
25435
25425
|
var Steps = function (_a) {
|
|
25436
25426
|
var currentStep = _a.currentStep, steps = _a.steps;
|
|
25437
|
-
|
|
25438
|
-
|
|
25439
|
-
|
|
25440
|
-
e__default["default"].createElement("
|
|
25441
|
-
|
|
25442
|
-
e__default["default"].createElement("
|
|
25443
|
-
|
|
25444
|
-
|
|
25445
|
-
|
|
25446
|
-
|
|
25447
|
-
|
|
25448
|
-
e__default["default"].createElement("circle", { cx:
|
|
25449
|
-
e__default["default"].createElement("path", { d:
|
|
25450
|
-
|
|
25451
|
-
|
|
25452
|
-
e__default["default"].createElement("
|
|
25453
|
-
|
|
25454
|
-
|
|
25455
|
-
|
|
25456
|
-
|
|
25457
|
-
|
|
25458
|
-
|
|
25459
|
-
}
|
|
25460
|
-
|
|
25461
|
-
return (e__default["default"].createElement("svg", { width: "116", height: "20", viewBox: "0 0 116 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "step-2" },
|
|
25462
|
-
e__default["default"].createElement("circle", { cx: "10", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25463
|
-
e__default["default"].createElement("path", { d: "M7 10L9 12L13 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
25464
|
-
e__default["default"].createElement("path", { d: "M20 10H32", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25465
|
-
e__default["default"].createElement("path", { d: "M32 10L37 10", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25466
|
-
e__default["default"].createElement("circle", { cx: "42", cy: "10", r: "5", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25467
|
-
steps > 2 && (e__default["default"].createElement(e__default["default"].Fragment, null,
|
|
25468
|
-
e__default["default"].createElement("path", { d: "M47 10H52", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25469
|
-
e__default["default"].createElement("path", { d: "M52 10H64", stroke: "#EBECF5", strokeWidth: "2" }))),
|
|
25470
|
-
steps === 3 && (e__default["default"].createElement(e__default["default"].Fragment, null,
|
|
25471
|
-
e__default["default"].createElement("path", { d: "M52 10H64", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
25472
|
-
e__default["default"].createElement("path", { d: "M64 10L69 10", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
25473
|
-
e__default["default"].createElement("circle", { cx: "74", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }))),
|
|
25474
|
-
steps === 4 && e__default["default"].createElement(FinalSteps, null)));
|
|
25475
|
-
}
|
|
25476
|
-
return (e__default["default"].createElement("svg", { width: "116", height: "20", viewBox: "0 0 116 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "step-3" },
|
|
25477
|
-
e__default["default"].createElement("circle", { cx: "10", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25478
|
-
e__default["default"].createElement("path", { d: "M7 10L9 12L13 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
25479
|
-
e__default["default"].createElement("path", { d: "M20 10H32", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25480
|
-
e__default["default"].createElement("circle", { cx: "42", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25481
|
-
e__default["default"].createElement("path", { d: "M39 10L41 12L45 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
25482
|
-
e__default["default"].createElement("path", { d: "M52 10H64", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25483
|
-
currentStep === 3 ? (e__default["default"].createElement(e__default["default"].Fragment, null,
|
|
25484
|
-
e__default["default"].createElement("path", { d: "M64 10L69 10", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25485
|
-
e__default["default"].createElement("circle", { cx: "74", cy: "10", r: "5", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25486
|
-
steps > 3 && (e__default["default"].createElement(e__default["default"].Fragment, null,
|
|
25487
|
-
e__default["default"].createElement("path", { d: "M79 10H84", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25488
|
-
e__default["default"].createElement("path", { d: "M84 10H96", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
25489
|
-
e__default["default"].createElement("path", { d: "M101 10H96", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
25490
|
-
e__default["default"].createElement("circle", { r: "5", transform: "matrix(-1 0 0 1 106 10)", stroke: "#EBECF5", strokeWidth: "2" }))))) : (e__default["default"].createElement(e__default["default"].Fragment, null,
|
|
25491
|
-
e__default["default"].createElement("circle", { cx: "74", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25492
|
-
e__default["default"].createElement("path", { d: "M71 10L73 12L77 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
25493
|
-
e__default["default"].createElement("path", { d: "M84 10H96", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25494
|
-
e__default["default"].createElement("path", { d: "M101 10H96", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25495
|
-
e__default["default"].createElement("circle", { r: "5", transform: "matrix(-1 0 0 1 106 10)", stroke: "#13BDBD", strokeWidth: "2" })))));
|
|
25427
|
+
var getCurrentStep = function (step) {
|
|
25428
|
+
var left = 30 * (step - 1);
|
|
25429
|
+
if (step === currentStep) {
|
|
25430
|
+
return (e__default["default"].createElement(e__default["default"].Fragment, null,
|
|
25431
|
+
e__default["default"].createElement("circle", { cx: step === 1 ? 9.5 : left + 12, cy: "10", r: "5", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25432
|
+
steps > step && (e__default["default"].createElement(e__default["default"].Fragment, null,
|
|
25433
|
+
e__default["default"].createElement("path", { d: step === 1 ? 'M15 10H20' : "M".concat(left + 17, " 10H").concat(left + 22), stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25434
|
+
e__default["default"].createElement("path", { d: step === 1 ? 'M20 10H37' : "M".concat(left + 22, " 10H").concat(left + 38), stroke: "#EBECF5", strokeWidth: "2" })))));
|
|
25435
|
+
}
|
|
25436
|
+
if (currentStep > step) {
|
|
25437
|
+
return (e__default["default"].createElement(e__default["default"].Fragment, null,
|
|
25438
|
+
e__default["default"].createElement("circle", { cx: step === 1 ? 10 : left + 12, cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25439
|
+
e__default["default"].createElement("path", { d: step === 1
|
|
25440
|
+
? 'M7 10 L 9 12 L 13 8'
|
|
25441
|
+
: "M".concat(left + 9, " 10 L ").concat(left + 11, " 12 L ").concat(left + 16, " 8"), stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
|
|
25442
|
+
steps > step && (e__default["default"].createElement(e__default["default"].Fragment, null,
|
|
25443
|
+
e__default["default"].createElement("path", { d: "M".concat(step === 1 ? 20 : left + 22, " 10H").concat(step * 30 + 2), stroke: "#13BDBD", strokeWidth: "2" }),
|
|
25444
|
+
e__default["default"].createElement("path", { d: "M".concat(step * 30 + 2, " 10L").concat(step * 30 + 7, " 10"), stroke: "#13BDBD", strokeWidth: "2" })))));
|
|
25445
|
+
}
|
|
25446
|
+
return (e__default["default"].createElement(e__default["default"].Fragment, null,
|
|
25447
|
+
e__default["default"].createElement("circle", { cx: step === 1 ? 9.5 : left + 12, cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }),
|
|
25448
|
+
steps > step && (e__default["default"].createElement("path", { d: step === 1 ? 'M15 10H37' : "M".concat(left + 17, " 10H").concat(left + 38), stroke: "#EBECF5", strokeWidth: "2" }))));
|
|
25449
|
+
};
|
|
25450
|
+
return (e__default["default"].createElement("svg", { height: "20", width: 30 * (steps - 1) + 22, viewBox: "0 0 ".concat(30 * (steps - 1) + 22, " 20"), fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "step-".concat(currentStep) }, Array.from(Array(steps).keys()).map(function (step) { return (e__default["default"].createElement("g", { key: step }, getCurrentStep(step + 1))); })));
|
|
25496
25451
|
};
|
|
25497
25452
|
|
|
25498
25453
|
var Badge = e__default["default"].forwardRef(function Badge(_a, ref) {
|