@rpg-engine/long-bow 0.6.33 → 0.6.36
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/long-bow.cjs.development.js +12 -9
- 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 +12 -9
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Tutorial/TutorialStepper.tsx +15 -6
- package/src/stories/TutorialStepper.stories.tsx +6 -0
|
@@ -33227,29 +33227,32 @@ var TutorialStepper = /*#__PURE__*/React__default.memo(function (_ref) {
|
|
|
33227
33227
|
imageStyle = _ref.imageStyle;
|
|
33228
33228
|
var generateLessons = React.useMemo(function () {
|
|
33229
33229
|
return lessons.map(function (lesson, index) {
|
|
33230
|
-
var _lesson$imageUrl;
|
|
33231
33230
|
return {
|
|
33232
33231
|
component: React__default.createElement(LessonContainer, {
|
|
33233
33232
|
key: index,
|
|
33234
33233
|
className: "lesson-container"
|
|
33235
33234
|
}, React__default.createElement(LessonTitle, {
|
|
33236
33235
|
className: "lesson-title"
|
|
33237
|
-
}, lesson.title), lesson.
|
|
33238
|
-
|
|
33239
|
-
style: imageStyle
|
|
33240
|
-
}, React__default.createElement("a", {
|
|
33241
|
-
href: (_lesson$imageUrl = lesson.imageUrl) != null ? _lesson$imageUrl : 'javascript:void(0)',
|
|
33236
|
+
}, lesson.title), React__default.createElement(LessonImage, null, lesson.imageUrl ? React__default.createElement("a", {
|
|
33237
|
+
href: lesson.imageUrl,
|
|
33242
33238
|
target: "_blank",
|
|
33243
33239
|
rel: "noopener noreferrer"
|
|
33244
33240
|
}, React__default.createElement("img", {
|
|
33245
33241
|
src: lesson.image,
|
|
33246
33242
|
alt: lesson.title || 'Tutorial image',
|
|
33247
33243
|
loading: "lazy"
|
|
33248
|
-
}))
|
|
33244
|
+
})) : React__default.createElement("img", {
|
|
33245
|
+
src: lesson.image,
|
|
33246
|
+
alt: lesson.title || 'Tutorial image',
|
|
33247
|
+
loading: "lazy"
|
|
33248
|
+
})), React__default.createElement(LessonFooter, {
|
|
33249
33249
|
className: "lesson-footer"
|
|
33250
33250
|
}, lesson.body && React__default.createElement(LessonBody, {
|
|
33251
|
-
className: "lesson-body"
|
|
33252
|
-
|
|
33251
|
+
className: "lesson-body",
|
|
33252
|
+
dangerouslySetInnerHTML: {
|
|
33253
|
+
__html: lesson.body
|
|
33254
|
+
}
|
|
33255
|
+
}), lesson.text && React__default.createElement(DynamicText, {
|
|
33253
33256
|
text: lesson.text
|
|
33254
33257
|
}))),
|
|
33255
33258
|
id: index
|