@rpg-engine/long-bow 0.5.83 → 0.5.85

package/dist/long-bow.esm.js

@@ -13243,6 +13243,29 @@ var CheckButton = function CheckButton(_ref) {
   }));
 };
 
+var CheckItem = function CheckItem(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var _useState = useState(false),
+    selected = _useState[0],
+    setSelected = _useState[1];
+  var handleClick = function handleClick() {
+    setSelected(!selected);
+    onChange(label, !selected);
+  };
+  return React.createElement("div", {
+    key: value
+  }, React.createElement("input", {
+    className: "rpgui-checkbox",
+    type: "checkbox",
+    checked: selected,
+    onChange: function onChange() {}
+  }), React.createElement("label", {
+    onPointerDown: handleClick
+  }, label), React.createElement("br", null));
+};
+
 var SingleShortcut = /*#__PURE__*/styled.button.withConfig({
   displayName: "SingleShortcut",
   componentId: "sc-vz5ev8-0"
@@ -16317,13 +16340,15 @@ var RangeSliderType;
   RangeSliderType["Slider"] = "rpgui-slider";
   RangeSliderType["GoldSlider"] = "rpgui-slider golden";
 })(RangeSliderType || (RangeSliderType = {}));
-var RangeSlider = function RangeSlider(_ref) {
+var RangeSlider = /*#__PURE__*/React.memo(function (_ref) {
   var type = _ref.type,
     valueMin = _ref.valueMin,
     valueMax = _ref.valueMax,
     width = _ref.width,
-    _onChange = _ref.onChange,
-    value = _ref.value;
+    onChange = _ref.onChange,
+    value = _ref.value,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? 1 : _ref$step;
   var sliderId = v4();
   var containerRef = useRef(null);
   var _useState = useState(0),
@@ -16335,6 +16360,9 @@ var RangeSlider = function RangeSlider(_ref) {
     setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
   }, [value, valueMin, valueMax]);
   var typeClass = type === RangeSliderType.GoldSlider ? 'golden' : '';
+  var handleChange = useCallback(function (e) {
+    onChange(Number(e.target.value));
+  }, [onChange]);
   return React.createElement("div", {
     style: {
       width: width,
@@ -16365,13 +16393,12 @@ var RangeSlider = function RangeSlider(_ref) {
     },
     min: valueMin,
     max: valueMax,
-    onChange: function onChange(e) {
-      return _onChange(Number(e.target.value));
-    },
+    step: step,
+    onChange: handleChange,
     value: value,
     className: "rpgui-cursor-point"
   }));
-};
+});
 var Input$1 = /*#__PURE__*/styled.input.withConfig({
   displayName: "RangeSlider__Input",
   componentId: "sc-v8mte9-0"
@@ -19344,5 +19371,5 @@ var ButtonWrapper$3 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-gptoxp-5"
 })(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
 
-export { AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
+export { AsyncDropdown, Button, ButtonTypes, CharacterSelection, Chat, ChatDeprecated, ChatRevamp, CheckButton, CheckItem, CircularController, CraftBook, DraggableContainer, Dropdown, DropdownSelectorContainer, DynamicText, EquipmentSet, EquipmentSlotSpriteByType, ErrorBoundary, FriendList, HistoryDialog, ImageCarousel, ImgSide, Input, InputRadio$1 as InputRadio, ItemContainer$1 as ItemContainer, ItemSelector, ItemSlot, Leaderboard, ListMenu, Marketplace, MarketplaceRows, NPCDialog, NPCDialogType, NPCMultiDialog, PartyCreate, PartyDashboard, PartyInvite, PartyManager, PartyManagerRow, PartyRow, PlayersRow, ProgressBar, PropertySelect, QuestInfo, QuestList, QuestionDialog, RPGUIContainer, RPGUIContainerTypes, RPGUIRoot, RangeSlider, RangeSliderType, Shortcuts, SimpleImageCarousel, SkillProgressBar, SkillsContainer, Spellbook, SpriteFromAtlas, TextArea, TimeWidget, TradingMenu, Truncate, _RPGUI, mockedPartyManager, mockedPartyRows, mockedPlayersRows, mockedPlayersRows2, useEventListener };
 //# sourceMappingURL=long-bow.esm.js.map