@rpg-engine/long-bow 0.5.97 → 0.5.99
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/Stepper.d.ts +1 -1
- package/dist/long-bow.cjs.development.js +7 -4
- 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 +7 -4
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Stepper.tsx +10 -4
|
@@ -7,7 +7,7 @@ interface IStepperProps {
|
|
|
7
7
|
steps: IStep[];
|
|
8
8
|
finalCTAButton?: {
|
|
9
9
|
label: string;
|
|
10
|
-
onClick: () => void | Promise<void
|
|
10
|
+
onClick: (() => void) | (() => Promise<void>) | ((e: any) => Promise<void>);
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
export declare const Stepper: React.FC<IStepperProps>;
|
|
@@ -18979,7 +18979,10 @@ var Stepper = function Stepper(_ref) {
|
|
|
18979
18979
|
}, function (_, i) {
|
|
18980
18980
|
return React__default.createElement(ProgressIndicator, {
|
|
18981
18981
|
key: i,
|
|
18982
|
-
isActive: i <= currentStep
|
|
18982
|
+
isActive: i <= currentStep,
|
|
18983
|
+
onClick: function onClick() {
|
|
18984
|
+
return onStepChange(i);
|
|
18985
|
+
}
|
|
18983
18986
|
});
|
|
18984
18987
|
})), React__default.createElement(StepperBody, null, currentComponent), React__default.createElement(StepperFooter, null, currentStep > 0 && React__default.createElement(SelectArrow, {
|
|
18985
18988
|
direction: "left",
|
|
@@ -19005,7 +19008,7 @@ var StepperContainer = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
19005
19008
|
var StepperTop = /*#__PURE__*/styled__default.div.withConfig({
|
|
19006
19009
|
displayName: "Stepper__StepperTop",
|
|
19007
19010
|
componentId: "sc-13obf1-1"
|
|
19008
|
-
})(["flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;"]);
|
|
19011
|
+
})(["flex:1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:1rem;"]);
|
|
19009
19012
|
var StepperBody = /*#__PURE__*/styled__default.div.withConfig({
|
|
19010
19013
|
displayName: "Stepper__StepperBody",
|
|
19011
19014
|
componentId: "sc-13obf1-2"
|
|
@@ -19013,11 +19016,11 @@ var StepperBody = /*#__PURE__*/styled__default.div.withConfig({
|
|
|
19013
19016
|
var StepperFooter = /*#__PURE__*/styled__default.div.withConfig({
|
|
19014
19017
|
displayName: "Stepper__StepperFooter",
|
|
19015
19018
|
componentId: "sc-13obf1-3"
|
|
19016
|
-
})(["flex:1;display:flex;justify-content:flex-end;"]);
|
|
19019
|
+
})(["margin-top:1rem;flex:1;display:flex;justify-content:flex-end;"]);
|
|
19017
19020
|
var ProgressIndicator = /*#__PURE__*/styled__default.div.withConfig({
|
|
19018
19021
|
displayName: "Stepper__ProgressIndicator",
|
|
19019
19022
|
componentId: "sc-13obf1-4"
|
|
19020
|
-
})(["width:20px;height:20px;border-radius:50%;background-color:", ";margin:0 5px;transition:background-color 0.3s;opacity:", ";border:1px solid ", ";"], function (_ref2) {
|
|
19023
|
+
})(["width:20px;height:20px;border-radius:50%;background-color:", ";margin:0 5px;transition:background-color 0.3s;opacity:", ";border:1px solid ", ";cursor:pointer;"], function (_ref2) {
|
|
19021
19024
|
var isActive = _ref2.isActive;
|
|
19022
19025
|
return isActive ? uiColors.orange : uiColors.lightGray;
|
|
19023
19026
|
}, function (_ref3) {
|