@rpg-engine/long-bow 0.6.30 → 0.6.32
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/Tutorial/TutorialStepper.d.ts +1 -0
- package/dist/long-bow.cjs.development.js +8 -3
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +8 -3
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Stepper.tsx +14 -11
- package/src/components/Tutorial/TutorialStepper.tsx +13 -6
package/dist/long-bow.esm.js
CHANGED
|
@@ -32824,7 +32824,7 @@ var Stepper = function Stepper(_ref) {
|
|
|
32824
32824
|
return onStepChange(i);
|
|
32825
32825
|
}
|
|
32826
32826
|
});
|
|
32827
|
-
})), React.createElement(StepperBodyContainer, null, useSideArrows && renderArrows(), React.createElement(StepperBody, null, currentComponent)), React.createElement(StepperFooter, null, !useSideArrows && renderArrows(), currentStep === totalSteps - 1 && finalCTAButton && React.createElement(Button, {
|
|
32827
|
+
})), React.createElement(StepperBodyContainer, null, useSideArrows && renderArrows(), React.createElement(StepperBody, null, currentComponent)), (!useSideArrows || currentStep === totalSteps - 1 && finalCTAButton) && React.createElement(StepperFooter, null, !useSideArrows && renderArrows(), currentStep === totalSteps - 1 && finalCTAButton && React.createElement(Button, {
|
|
32828
32828
|
buttonType: ButtonTypes.RPGUIButton,
|
|
32829
32829
|
onClick: finalCTAButton.onClick
|
|
32830
32830
|
}, finalCTAButton.label)));
|
|
@@ -33225,6 +33225,7 @@ var TutorialStepper = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
33225
33225
|
imageStyle = _ref.imageStyle;
|
|
33226
33226
|
var generateLessons = useMemo(function () {
|
|
33227
33227
|
return lessons.map(function (lesson, index) {
|
|
33228
|
+
var _lesson$imageUrl;
|
|
33228
33229
|
return {
|
|
33229
33230
|
component: React.createElement(LessonContainer, {
|
|
33230
33231
|
key: index,
|
|
@@ -33234,11 +33235,15 @@ var TutorialStepper = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
33234
33235
|
}, lesson.title), lesson.image && React.createElement(LessonImage, {
|
|
33235
33236
|
className: "lesson-image",
|
|
33236
33237
|
style: imageStyle
|
|
33238
|
+
}, React.createElement("a", {
|
|
33239
|
+
href: (_lesson$imageUrl = lesson.imageUrl) != null ? _lesson$imageUrl : 'javascript:void(0)',
|
|
33240
|
+
target: "_blank",
|
|
33241
|
+
rel: "noopener noreferrer"
|
|
33237
33242
|
}, React.createElement("img", {
|
|
33238
33243
|
src: lesson.image,
|
|
33239
33244
|
alt: lesson.title || 'Tutorial image',
|
|
33240
33245
|
loading: "lazy"
|
|
33241
|
-
})), React.createElement(LessonFooter, {
|
|
33246
|
+
}))), React.createElement(LessonFooter, {
|
|
33242
33247
|
className: "lesson-footer"
|
|
33243
33248
|
}, lesson.body && React.createElement(LessonBody, {
|
|
33244
33249
|
className: "lesson-body"
|
|
@@ -33269,7 +33274,7 @@ var Container$y = /*#__PURE__*/styled.div.withConfig({
|
|
|
33269
33274
|
var LessonFooter = /*#__PURE__*/styled.div.withConfig({
|
|
33270
33275
|
displayName: "TutorialStepper__LessonFooter",
|
|
33271
33276
|
componentId: "sc-7tgzv2-2"
|
|
33272
|
-
})(["margin-top:
|
|
33277
|
+
})(["margin-top:1rem;"]);
|
|
33273
33278
|
var LessonImage = /*#__PURE__*/styled.div.withConfig({
|
|
33274
33279
|
displayName: "TutorialStepper__LessonImage",
|
|
33275
33280
|
componentId: "sc-7tgzv2-3"
|