@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
package/dist/long-bow.esm.js
CHANGED
|
@@ -20837,36 +20837,6 @@ var RPGUIRoot = function RPGUIRoot(_ref) {
|
|
|
20837
20837
|
}, children);
|
|
20838
20838
|
};
|
|
20839
20839
|
|
|
20840
|
-
var RPGUIForceRenderStart = function RPGUIForceRenderStart(_ref) {
|
|
20841
|
-
var children = _ref.children,
|
|
20842
|
-
elementDOMId = _ref.elementDOMId,
|
|
20843
|
-
elementRenderedDOMKey = _ref.elementRenderedDOMKey,
|
|
20844
|
-
RPGUICreateFunction = _ref.RPGUICreateFunction;
|
|
20845
|
-
|
|
20846
|
-
var _useState = useState(false),
|
|
20847
|
-
isRendered = _useState[0],
|
|
20848
|
-
setIsRendered = _useState[1];
|
|
20849
|
-
|
|
20850
|
-
useEffect(function () {
|
|
20851
|
-
if (_RPGUI) {
|
|
20852
|
-
var element = document.getElementById(elementDOMId); // create an interval to wait for the element to be rendered
|
|
20853
|
-
// if it's not, trigger the rendering forcefully
|
|
20854
|
-
|
|
20855
|
-
var interval = setInterval(function () {
|
|
20856
|
-
var dropdown = document.querySelector(elementRenderedDOMKey);
|
|
20857
|
-
|
|
20858
|
-
if (!dropdown && !isRendered) {
|
|
20859
|
-
_RPGUI.__create_funcs[RPGUICreateFunction](element);
|
|
20860
|
-
|
|
20861
|
-
setIsRendered(true);
|
|
20862
|
-
clearInterval(interval);
|
|
20863
|
-
}
|
|
20864
|
-
}, 10);
|
|
20865
|
-
}
|
|
20866
|
-
}, []);
|
|
20867
|
-
return React.createElement(React.Fragment, null, children);
|
|
20868
|
-
};
|
|
20869
|
-
|
|
20870
20840
|
var Dropdown = function Dropdown(_ref) {
|
|
20871
20841
|
var options = _ref.options,
|
|
20872
20842
|
width = _ref.width,
|
|
@@ -20892,11 +20862,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
20892
20862
|
onChange(selectedValue);
|
|
20893
20863
|
}
|
|
20894
20864
|
}, [selectedValue]);
|
|
20895
|
-
return React.createElement(
|
|
20896
|
-
elementDOMId: "rpgui-dropdown-" + dropdownId,
|
|
20897
|
-
elementRenderedDOMKey: '[data-rpguitype="dropdown"]',
|
|
20898
|
-
RPGUICreateFunction: "dropdown"
|
|
20899
|
-
}, React.createElement("select", {
|
|
20865
|
+
return React.createElement("select", {
|
|
20900
20866
|
id: "rpgui-dropdown-" + dropdownId,
|
|
20901
20867
|
style: {
|
|
20902
20868
|
width: width
|
|
@@ -20907,7 +20873,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
20907
20873
|
key: option.id,
|
|
20908
20874
|
value: option.value
|
|
20909
20875
|
}, option.option);
|
|
20910
|
-
}))
|
|
20876
|
+
}));
|
|
20911
20877
|
};
|
|
20912
20878
|
|
|
20913
20879
|
var frames$1 = {
|
|
@@ -28499,11 +28465,7 @@ var RangeSlider = function RangeSlider(_ref) {
|
|
|
28499
28465
|
onChange(Number(value));
|
|
28500
28466
|
};
|
|
28501
28467
|
|
|
28502
|
-
return React.createElement(
|
|
28503
|
-
elementDOMId: "rpgui-slider-" + sliderId,
|
|
28504
|
-
elementRenderedDOMKey: "[data-rpguitype='slider']",
|
|
28505
|
-
RPGUICreateFunction: "slider"
|
|
28506
|
-
}, React.createElement("div", {
|
|
28468
|
+
return React.createElement("div", {
|
|
28507
28469
|
onMouseUp: onHandleMouseUp
|
|
28508
28470
|
}, React.createElement(Input$1, {
|
|
28509
28471
|
className: type === RangeSliderType.Slider ? RangeSliderType.Slider : 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",
|