@luscii-healthtech/web-ui 2.45.2 → 2.46.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/Timeline/TimelineStep.d.ts +4 -3
- package/dist/web-ui.cjs.development.js +7 -4
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.js +7 -4
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface TimelineStepProps {
|
|
1
|
+
import React, { RefAttributes } from "react";
|
|
2
|
+
export interface TimelineStepProps extends RefAttributes<HTMLDivElement> {
|
|
3
3
|
key: string | number;
|
|
4
4
|
type?: "wide" | "base" | "withoutDot" | "emptyDot";
|
|
5
5
|
content: React.ReactNode;
|
|
6
|
+
dataTestId?: string | number;
|
|
6
7
|
}
|
|
7
|
-
export declare const TimelineStep:
|
|
8
|
+
export declare const TimelineStep: React.ForwardRefExoticComponent<Pick<TimelineStepProps, "content" | "type" | "dataTestId" | "key"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -6474,19 +6474,22 @@ var TextEditorV2 = function TextEditorV2(_ref) {
|
|
|
6474
6474
|
}));
|
|
6475
6475
|
};
|
|
6476
6476
|
|
|
6477
|
-
var TimelineStep = function
|
|
6477
|
+
var TimelineStep = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
6478
6478
|
var _classNames;
|
|
6479
6479
|
|
|
6480
6480
|
var content = _ref.content,
|
|
6481
6481
|
_ref$type = _ref.type,
|
|
6482
|
-
type = _ref$type === void 0 ? "base" : _ref$type
|
|
6482
|
+
type = _ref$type === void 0 ? "base" : _ref$type,
|
|
6483
|
+
dataTestId = _ref.dataTestId;
|
|
6483
6484
|
var isWideStep = type === "wide";
|
|
6484
6485
|
var borderClassNames = "ml-4 pl-6 border-blue-800 border-l-2";
|
|
6485
6486
|
var containerClassNames = classNames("relative", (_classNames = {}, _classNames[borderClassNames] = !isWideStep, _classNames["bg-white rounded-lg overflow-hidden"] = isWideStep, _classNames));
|
|
6486
6487
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isWideStep && /*#__PURE__*/React__default.createElement("div", {
|
|
6487
6488
|
className: classNames(borderClassNames, "h-4 first:h-0")
|
|
6488
6489
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
6489
|
-
className: containerClassNames
|
|
6490
|
+
className: containerClassNames,
|
|
6491
|
+
"data-test-id": dataTestId === undefined ? "" : "timeline-step-" + dataTestId,
|
|
6492
|
+
ref: ref
|
|
6490
6493
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
6491
6494
|
className: "flex flex-col"
|
|
6492
6495
|
}, content), /*#__PURE__*/React__default.createElement("span", {
|
|
@@ -6496,7 +6499,7 @@ var TimelineStep = function TimelineStep(_ref) {
|
|
|
6496
6499
|
"bg-white border-blue-800 border-4": "emptyDot" === type
|
|
6497
6500
|
})
|
|
6498
6501
|
})));
|
|
6499
|
-
};
|
|
6502
|
+
});
|
|
6500
6503
|
|
|
6501
6504
|
var Timeline = function Timeline(props) {
|
|
6502
6505
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, props.steps.map(function (step) {
|