@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.
@@ -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(RPGUIForceRenderStart, {
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(RPGUIForceRenderStart, {
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",