@rpg-engine/long-bow 0.7.86 → 0.7.87

package/dist/components/Item/Inventory/ItemQuantitySelectorModal.d.ts

@@ -1,12 +1,8 @@
 import React from 'react';
-export interface IQuantitySelect {
-    isOpen: boolean;
-    maxQuantity: number;
-    callback: (_quantity: number) => void;
-}
+import { IQuantitySelect } from '../../QuantitySelector/QuantitySelectorModal';
 interface IProps {
     quantitySelect: IQuantitySelect;
     setQuantitySelect: React.Dispatch<React.SetStateAction<IQuantitySelect>>;
 }
 export declare const ItemQuantitySelectorModal: ({ quantitySelect, setQuantitySelect, }: IProps) => JSX.Element;
-export {};
+export type { IQuantitySelect };

package/dist/components/QuantitySelector/QuantitySelectorModal.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface IQuantitySelect {
+    isOpen: boolean;
+    maxQuantity: number;
+    callback: (quantity: number) => void;
+    title?: string;
+    initialQuantity?: number;
+}
+interface IProps {
+    quantitySelect: IQuantitySelect;
+    setQuantitySelect: React.Dispatch<React.SetStateAction<IQuantitySelect>>;
+}
+export declare const QuantitySelectorModal: ({ quantitySelect, setQuantitySelect, }: IProps) => JSX.Element;
+export {};

package/dist/index.d.ts

@@ -21,7 +21,6 @@ export * from './components/Input';
 export * from './components/InternalTabs/InternalTabs';
 export { ErrorBoundary } from './components/Item/Inventory/ErrorBoundary';
 export * from './components/Item/Inventory/ItemContainer';
-export * from './components/Item/Inventory/ItemQuantitySelectorModal';
 export * from './components/Item/Inventory/ItemSlot';
 export * from './components/itemSelector/ItemSelector';
 export * from './components/Leaderboard/Leaderboard';

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

@@ -30587,47 +30587,52 @@ var StyledInput = /*#__PURE__*/styled__default.input.withConfig({
   componentId: "sc-z4ut57-3"
 })(["width:100%;padding:0.5rem;background-color:rgba(0,0,0,0.25);border:none;color:white;font-size:1rem;text-align:center;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}"]);
 
-var ItemQuantitySelector = function ItemQuantitySelector(_ref) {
-  var quantity = _ref.quantity,
-    onConfirm = _ref.onConfirm,
-    onClose = _ref.onClose;
-  return React__default.createElement(QuantitySelector, {
-    maxQuantity: quantity,
-    initialQuantity: quantity,
-    title: "Select quantity to move",
-    onConfirm: onConfirm,
-    onClose: onClose
+var validateQuantitySelect = function validateQuantitySelect(quantitySelect) {
+  return _extends({}, quantitySelect, {
+    maxQuantity: Math.max(1, quantitySelect.maxQuantity),
+    initialQuantity: quantitySelect.initialQuantity ? Math.max(1, Math.min(quantitySelect.maxQuantity, quantitySelect.initialQuantity)) : undefined
   });
 };
-
-var ItemQuantitySelectorModal = function ItemQuantitySelectorModal(_ref) {
+var QuantitySelectorModal = function QuantitySelectorModal(_ref) {
   var quantitySelect = _ref.quantitySelect,
     setQuantitySelect = _ref.setQuantitySelect;
-  return React__default.createElement(ModalPortal, null, React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(ItemQuantitySelector, {
-    quantity: quantitySelect.maxQuantity,
+  var resetQuantitySelect = function resetQuantitySelect() {
+    setQuantitySelect({
+      isOpen: false,
+      maxQuantity: 1,
+      callback: function callback() {}
+    });
+  };
+  // Validate the input values
+  var validatedQuantitySelect = validateQuantitySelect(quantitySelect);
+  return React__default.createElement(ModalPortal, null, React__default.createElement(QuantitySelectorContainer, null, React__default.createElement(QuantitySelector, {
+    maxQuantity: validatedQuantitySelect.maxQuantity,
+    initialQuantity: validatedQuantitySelect.initialQuantity,
+    title: validatedQuantitySelect.title,
     onConfirm: function onConfirm(quantity) {
-      quantitySelect.callback(quantity);
-      setQuantitySelect({
-        isOpen: false,
-        maxQuantity: 1,
-        callback: function callback() {}
-      });
+      validatedQuantitySelect.callback(quantity);
+      resetQuantitySelect();
     },
     onClose: function onClose() {
-      quantitySelect.callback(-1);
-      setQuantitySelect({
-        isOpen: false,
-        maxQuantity: 1,
-        callback: function callback() {}
-      });
+      validatedQuantitySelect.callback(-1);
+      resetQuantitySelect();
     }
   })));
 };
 var QuantitySelectorContainer = /*#__PURE__*/styled__default.div.withConfig({
-  displayName: "ItemQuantitySelectorModal__QuantitySelectorContainer",
-  componentId: "sc-1b8cosc-0"
+  displayName: "QuantitySelectorModal__QuantitySelectorContainer",
+  componentId: "sc-aye686-0"
 })(["position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);"]);
 
+var ItemQuantitySelectorModal = function ItemQuantitySelectorModal(_ref) {
+  var quantitySelect = _ref.quantitySelect,
+    setQuantitySelect = _ref.setQuantitySelect;
+  return React__default.createElement(QuantitySelectorModal, {
+    quantitySelect: quantitySelect,
+    setQuantitySelect: setQuantitySelect
+  });
+};
+
 var MIN_SLOTS_FOR_SCROLL = 20;
 var ItemContainer$1 = /*#__PURE__*/React__default.memo(function (_ref) {
   var itemContainer = _ref.itemContainer,
@@ -34108,7 +34113,6 @@ exports.Input = Input;
 exports.InputRadio = InputRadio$1;
 exports.InternalTabs = InternalTabs;
 exports.ItemContainer = ItemContainer$1;
-exports.ItemQuantitySelectorModal = ItemQuantitySelectorModal;
 exports.ItemSelector = ItemSelector;
 exports.ItemSlot = ItemSlot;
 exports.Leaderboard = Leaderboard;