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