@rpg-engine/long-bow 0.2.19 → 0.2.20
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 +4 -42
- 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 +4 -42
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Dropdown.tsx +12 -19
- package/src/components/RangeSlider.tsx +14 -21
|
@@ -20841,36 +20841,6 @@ var RPGUIRoot = function RPGUIRoot(_ref) {
|
|
|
20841
20841
|
}, children);
|
|
20842
20842
|
};
|
|
20843
20843
|
|
|
20844
|
-
var RPGUIForceRenderStart = function RPGUIForceRenderStart(_ref) {
|
|
20845
|
-
var children = _ref.children,
|
|
20846
|
-
elementDOMId = _ref.elementDOMId,
|
|
20847
|
-
elementRenderedDOMKey = _ref.elementRenderedDOMKey,
|
|
20848
|
-
RPGUICreateFunction = _ref.RPGUICreateFunction;
|
|
20849
|
-
|
|
20850
|
-
var _useState = React.useState(false),
|
|
20851
|
-
isRendered = _useState[0],
|
|
20852
|
-
setIsRendered = _useState[1];
|
|
20853
|
-
|
|
20854
|
-
React.useEffect(function () {
|
|
20855
|
-
if (_RPGUI) {
|
|
20856
|
-
var element = document.getElementById(elementDOMId); // create an interval to wait for the element to be rendered
|
|
20857
|
-
// if it's not, trigger the rendering forcefully
|
|
20858
|
-
|
|
20859
|
-
var interval = setInterval(function () {
|
|
20860
|
-
var dropdown = document.querySelector(elementRenderedDOMKey);
|
|
20861
|
-
|
|
20862
|
-
if (!dropdown && !isRendered) {
|
|
20863
|
-
_RPGUI.__create_funcs[RPGUICreateFunction](element);
|
|
20864
|
-
|
|
20865
|
-
setIsRendered(true);
|
|
20866
|
-
clearInterval(interval);
|
|
20867
|
-
}
|
|
20868
|
-
}, 10);
|
|
20869
|
-
}
|
|
20870
|
-
}, []);
|
|
20871
|
-
return React__default.createElement(React__default.Fragment, null, children);
|
|
20872
|
-
};
|
|
20873
|
-
|
|
20874
20844
|
var Dropdown = function Dropdown(_ref) {
|
|
20875
20845
|
var options = _ref.options,
|
|
20876
20846
|
width = _ref.width,
|
|
@@ -20896,11 +20866,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
20896
20866
|
onChange(selectedValue);
|
|
20897
20867
|
}
|
|
20898
20868
|
}, [selectedValue]);
|
|
20899
|
-
return React__default.createElement(
|
|
20900
|
-
elementDOMId: "rpgui-dropdown-" + dropdownId,
|
|
20901
|
-
elementRenderedDOMKey: '[data-rpguitype="dropdown"]',
|
|
20902
|
-
RPGUICreateFunction: "dropdown"
|
|
20903
|
-
}, React__default.createElement("select", {
|
|
20869
|
+
return React__default.createElement("select", {
|
|
20904
20870
|
id: "rpgui-dropdown-" + dropdownId,
|
|
20905
20871
|
style: {
|
|
20906
20872
|
width: width
|
|
@@ -20911,7 +20877,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
20911
20877
|
key: option.id,
|
|
20912
20878
|
value: option.value
|
|
20913
20879
|
}, option.option);
|
|
20914
|
-
}))
|
|
20880
|
+
}));
|
|
20915
20881
|
};
|
|
20916
20882
|
|
|
20917
20883
|
var frames$1 = {
|
|
@@ -28499,11 +28465,7 @@ var RangeSlider = function RangeSlider(_ref) {
|
|
|
28499
28465
|
onChange(Number(value));
|
|
28500
28466
|
};
|
|
28501
28467
|
|
|
28502
|
-
return React__default.createElement(
|
|
28503
|
-
elementDOMId: "rpgui-slider-" + sliderId,
|
|
28504
|
-
elementRenderedDOMKey: "[data-rpguitype='slider']",
|
|
28505
|
-
RPGUICreateFunction: "slider"
|
|
28506
|
-
}, React__default.createElement("div", {
|
|
28468
|
+
return React__default.createElement("div", {
|
|
28507
28469
|
onMouseUp: onHandleMouseUp
|
|
28508
28470
|
}, React__default.createElement(Input$1, {
|
|
28509
28471
|
className: type === exports.RangeSliderType.Slider ? exports.RangeSliderType.Slider : exports.RangeSliderType.GoldSlider,
|
|
@@ -28514,7 +28476,7 @@ var RangeSlider = function RangeSlider(_ref) {
|
|
|
28514
28476
|
min: valueMin,
|
|
28515
28477
|
max: valueMax,
|
|
28516
28478
|
id: "rpgui-slider-" + sliderId
|
|
28517
|
-
}))
|
|
28479
|
+
}));
|
|
28518
28480
|
};
|
|
28519
28481
|
var Input$1 = /*#__PURE__*/styled.input.withConfig({
|
|
28520
28482
|
displayName: "RangeSlider__Input",
|