@rpg-engine/long-bow 0.5.83 → 0.5.85

package/dist/components/CheckItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ICheckItemProps {
+    label: string;
+    value: string;
+    onChange: (label: string, selected: boolean) => void;
+}
+export declare const CheckItem: React.FC<ICheckItemProps>;

package/dist/components/RangeSlider.d.ts

@@ -10,5 +10,6 @@ export interface IRangeSliderProps {
     width: string;
     onChange: (value: number) => void;
     value: number;
+    step?: number;
 }
 export declare const RangeSlider: React.FC<IRangeSliderProps>;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from './components/Chat/Chat';
 export * from './components/ChatRevamp/ChatRevamp';
 export * from './components/Chatdeprecated/ChatDeprecated';
 export * from './components/CheckButton';
+export * from './components/CheckItem';
 export * from './components/CircularController/CircularController';
 export * from './components/CraftBook/CraftBook';
 export * from './components/DraggableContainer';

package/dist/long-bow.cjs.development.js

@@ -13249,6 +13249,29 @@ var CheckButton = function CheckButton(_ref) {
   }));
 };
 
+var CheckItem = function CheckItem(_ref) {
+  var label = _ref.label,
+    value = _ref.value,
+    onChange = _ref.onChange;
+  var _useState = React.useState(false),
+    selected = _useState[0],
+    setSelected = _useState[1];
+  var handleClick = function handleClick() {
+    setSelected(!selected);
+    onChange(label, !selected);
+  };
+  return React__default.createElement("div", {
+    key: value
+  }, React__default.createElement("input", {
+    className: "rpgui-checkbox",
+    type: "checkbox",
+    checked: selected,
+    onChange: function onChange() {}
+  }), React__default.createElement("label", {
+    onPointerDown: handleClick
+  }, label), React__default.createElement("br", null));
+};
+
 var SingleShortcut = /*#__PURE__*/styled__default.button.withConfig({
   displayName: "SingleShortcut",
   componentId: "sc-vz5ev8-0"
@@ -16320,13 +16343,15 @@ var List = /*#__PURE__*/styled__default.div.withConfig({
   RangeSliderType["Slider"] = "rpgui-slider";
   RangeSliderType["GoldSlider"] = "rpgui-slider golden";
 })(exports.RangeSliderType || (exports.RangeSliderType = {}));
-var RangeSlider = function RangeSlider(_ref) {
+var RangeSlider = /*#__PURE__*/React__default.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 = uuid.v4();
   var containerRef = React.useRef(null);
   var _useState = React.useState(0),
@@ -16338,6 +16363,9 @@ var RangeSlider = function RangeSlider(_ref) {
     setLeft(Math.max((value - valueMin) / (valueMax - valueMin) * (calculatedWidth - 35) + 10));
   }, [value, valueMin, valueMax]);
   var typeClass = type === exports.RangeSliderType.GoldSlider ? 'golden' : '';
+  var handleChange = React.useCallback(function (e) {
+    onChange(Number(e.target.value));
+  }, [onChange]);
   return React__default.createElement("div", {
     style: {
       width: width,
@@ -16368,13 +16396,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__default.input.withConfig({
   displayName: "RangeSlider__Input",
   componentId: "sc-v8mte9-0"
@@ -19354,6 +19381,7 @@ exports.Chat = Chat;
 exports.ChatDeprecated = ChatDeprecated;
 exports.ChatRevamp = ChatRevamp;
 exports.CheckButton = CheckButton;
+exports.CheckItem = CheckItem;
 exports.CircularController = CircularController;
 exports.CraftBook = CraftBook;
 exports.DraggableContainer = DraggableContainer;