@dmsi/wedgekit-react 0.0.506 → 0.0.508

package/dist/components/Stepper.js

@@ -4,13 +4,13 @@ import {
 } from "../chunk-KPBG7D3V.js";
 import "../chunk-HXGJVYGQ.js";
 import "../chunk-5UH6QUFB.js";
-import {
-  Button
-} from "../chunk-45AHDOAU.js";
 import "../chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
+import {
+  Button
+} from "../chunk-45AHDOAU.js";
 import {
   componentGap
 } from "../chunk-7KWFEH56.js";
@@ -32,7 +32,9 @@ var Stepper = (_a) => {
     onDecrease,
     onIncrease,
     id,
-    testid
+    testid,
+    min,
+    max
   } = _b, props = __objRest(_b, [
     "error",
     "disabled",
@@ -41,13 +43,21 @@ var Stepper = (_a) => {
     "onDecrease",
     "onIncrease",
     "id",
-    "testid"
+    "testid",
+    "min",
+    "max"
   ]);
   function handleIncrease() {
+    if (max != null && value >= max) {
+      return;
+    }
     setValue((prevVal) => prevVal + 1);
     onIncrease == null ? void 0 : onIncrease();
   }
   function handleDecrease() {
+    if (min != null && value <= min) {
+      return;
+    }
     setValue((prevVal) => prevVal - 1);
     onDecrease == null ? void 0 : onDecrease();
   }
@@ -77,7 +87,7 @@ var Stepper = (_a) => {
               }
             ),
             onClick: handleDecrease,
-            disabled: disabled || value === 0
+            disabled: disabled || value <= 0 || min != null && value <= min
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(
@@ -88,7 +98,15 @@ var Stepper = (_a) => {
             type: "number",
             align: "center",
             value,
-            onChange: (e) => setValue(+e.target.value),
+            onChange: (e) => {
+              const nextValue = +e.target.value;
+              const lessThanMinimum = min != null && nextValue < min;
+              const greaterThanMaximum = max != null && nextValue > max;
+              if (lessThanMinimum || greaterThanMaximum) {
+                return;
+              }
+              setValue(nextValue);
+            },
             error,
             disabled,
             className: "!w-6 !h-4.5 !px-0 disabled:!text-text-on-action-primary-disabled disabled:!bg-background-action-secondary-disabled disabled:!border-border-primary-normal"
@@ -113,7 +131,7 @@ var Stepper = (_a) => {
               }
             ),
             onClick: handleIncrease,
-            disabled
+            disabled: disabled || max != null && value >= max
           }
         )
       ]

package/dist/components/Toast.js

@@ -2,15 +2,15 @@
 import {
   Heading3
 } from "../chunk-MXSJF6TW.js";
-import {
-  Button
-} from "../chunk-45AHDOAU.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
+import {
+  Button
+} from "../chunk-45AHDOAU.js";
 import {
   componentGap,
   componentPadding,

package/dist/components/Upload.js

@@ -1,9 +1,6 @@
 import {
   Spinner
 } from "../chunk-SBRRNFOP.js";
-import {
-  Button
-} from "../chunk-45AHDOAU.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";
@@ -13,6 +10,9 @@ import {
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
+import {
+  Button
+} from "../chunk-45AHDOAU.js";
 import {
   componentGap
 } from "../chunk-7KWFEH56.js";

package/dist/components/index.js

@@ -2,9 +2,9 @@ import {
   DataGrid,
   DateInput,
   MobileDataGrid
-} from "../chunk-KSNQFGJE.js";
+} from "../chunk-JWVZOEF5.js";
 import "../chunk-M7INAUAJ.js";
-import "../chunk-D4TFZ2WM.js";
+import "../chunk-ELXVDRWS.js";
 import "../chunk-3UUCDNX3.js";
 import {
   ProductImagePreview
@@ -27,9 +27,6 @@ import {
 } from "../chunk-MDB26F6T.js";
 import "../chunk-AT4AWD6B.js";
 import "../chunk-EWGHVZL5.js";
-import {
-  Select
-} from "../chunk-2TNHD4MQ.js";
 import {
   SimpleTable
 } from "../chunk-OWHPPZZA.js";
@@ -42,20 +39,20 @@ import {
 import {
   Pagination
 } from "../chunk-LB7UT6F3.js";
-import "../chunk-LJLHGLTS.js";
+import {
+  Select
+} from "../chunk-2TNHD4MQ.js";
+import "../chunk-BMPL6LCR.js";
 import "../chunk-4RJKB7LC.js";
-import "../chunk-25RZP3VR.js";
 import "../chunk-WVVEOCEH.js";
-import "../chunk-TAPYQBQU.js";
+import "../chunk-CMMQTIVM.js";
 import "../chunk-AG43RS4Q.js";
-import "../chunk-QVWYTQKL.js";
+import "../chunk-AKJUBFJK.js";
 import {
   ListGroup
 } from "../chunk-SUSUNSVZ.js";
-import {
-  EmptyCartIcon
-} from "../chunk-75USUR3I.js";
 import "../chunk-Y2GK27RX.js";
+import "../chunk-QVWYTQKL.js";
 import {
   DataCellHeader,
   DataGridCell,
@@ -79,6 +76,9 @@ import {
   Label
 } from "../chunk-HXGJVYGQ.js";
 import "../chunk-WVUIIBRR.js";
+import {
+  EmptyCartIcon
+} from "../chunk-75USUR3I.js";
 import "../chunk-PS6UJZVH.js";
 import {
   Checkbox
@@ -101,11 +101,8 @@ import {
 } from "../chunk-KBJZUVLM.js";
 import {
   Alert
-} from "../chunk-BWBSDSA7.js";
+} from "../chunk-SPJ6V6WJ.js";
 import "../chunk-MXSJF6TW.js";
-import {
-  Button
-} from "../chunk-45AHDOAU.js";
 import {
   Paragraph
 } from "../chunk-WMPWWFUJ.js";
@@ -113,6 +110,9 @@ import "../chunk-TPXH53SA.js";
 import {
   Icon
 } from "../chunk-NKUETCDA.js";
+import {
+  Button
+} from "../chunk-45AHDOAU.js";
 import "../chunk-7KWFEH56.js";
 import "../chunk-ORMEWXMH.js";
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dmsi/wedgekit-react",
   "private": false,
-  "version": "0.0.506",
+  "version": "0.0.508",
   "type": "module",
   "scripts": {
     "build": "tsup",

package/src/components/Stepper.tsx

@@ -14,6 +14,8 @@ type StepperProps = {
   setValue: React.Dispatch<React.SetStateAction<number>>;
   onIncrease?: () => void;
   onDecrease?: () => void;
+  min?: number;
+  max?: number;
 };
 
 export const Stepper = ({
@@ -25,15 +27,27 @@ export const Stepper = ({
   onIncrease,
   id,
   testid,
+  min,
+  max,
   ...props
 }: StepperProps) => {
   function handleIncrease() {
+    if (max != null && value >= max) {
+      return;
+    }
+
     setValue((prevVal) => prevVal + 1);
+
     onIncrease?.();
   }
 
   function handleDecrease() {
+    if (min != null && value <= min) {
+      return;
+    }
+    
     setValue((prevVal) => prevVal - 1);
+    
     onDecrease?.();
   }
 
@@ -60,7 +74,7 @@ export const Stepper = ({
           </span>
         }
         onClick={handleDecrease}
-        disabled={disabled || value === 0}
+        disabled={disabled || value <= 0 || (min != null && value <= min)}
       />
 
       <div className="flex-1">
@@ -71,7 +85,17 @@ export const Stepper = ({
           type="number"
           align="center"
           value={value}
-          onChange={(e) => setValue(+e.target.value)}
+          onChange={(e) => {
+            const nextValue = +e.target.value;
+            const lessThanMinimum = min != null && nextValue < min;
+            const greaterThanMaximum = max != null && nextValue > max;
+
+            if (lessThanMinimum || greaterThanMaximum) {
+              return;
+            }
+            
+            setValue(nextValue);
+          }}
           error={error}
           disabled={disabled}
           className="!w-6 !h-4.5 !px-0 disabled:!text-text-on-action-primary-disabled disabled:!bg-background-action-secondary-disabled disabled:!border-border-primary-normal"
@@ -95,7 +119,7 @@ export const Stepper = ({
           </span>
         }
         onClick={handleIncrease}
-        disabled={disabled}
+        disabled={disabled || (max != null && value >= max)}
       />
     </div>
   );

package/dist/{chunk-5DQVYX6H.js → chunk-56RPZLV7.js}

@@ -1,9 +1,9 @@
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
+import {
+  Button
+} from "./chunk-45AHDOAU.js";
 
 // src/components/PDFViewer/DownloadIcon.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-25RZP3VR.js → chunk-AKJUBFJK.js}

@@ -1,9 +1,9 @@
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
+import {
+  Button
+} from "./chunk-45AHDOAU.js";
 import {
   layoutGroupGap,
   layoutPaddding

package/dist/{chunk-TAPYQBQU.js → chunk-CMMQTIVM.js}

@@ -1,12 +1,12 @@
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
+import {
+  Button
+} from "./chunk-45AHDOAU.js";
 import {
   layoutGroupGap,
   layoutPaddding

package/dist/{chunk-GYEXSNFP.js → chunk-FWCVZWE6.js}

@@ -1,12 +1,12 @@
 import {
   Label
 } from "./chunk-HXGJVYGQ.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
+import {
+  Button
+} from "./chunk-45AHDOAU.js";
 import {
   baseTransition,
   componentGap,

package/dist/{chunk-MV6W7OMC.js → chunk-QMMPHXVE.js}

@@ -1,9 +1,9 @@
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
+import {
+  Button
+} from "./chunk-45AHDOAU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-BWBSDSA7.js → chunk-SPJ6V6WJ.js}

@@ -1,9 +1,6 @@
 import {
   Heading2
 } from "./chunk-MXSJF6TW.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";
@@ -13,6 +10,9 @@ import {
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
+import {
+  Button
+} from "./chunk-45AHDOAU.js";
 import {
   __objRest,
   __spreadProps,

package/dist/{chunk-VS53C5ZD.js → chunk-YJGDVWTH.js}

@@ -1,9 +1,6 @@
 import {
   Heading3
 } from "./chunk-MXSJF6TW.js";
-import {
-  Button
-} from "./chunk-45AHDOAU.js";
 import {
   Paragraph
 } from "./chunk-WMPWWFUJ.js";
@@ -13,6 +10,9 @@ import {
 import {
   Icon
 } from "./chunk-NKUETCDA.js";
+import {
+  Button
+} from "./chunk-45AHDOAU.js";
 
 // src/components/PDFViewer/PDFNavigation.tsx
 import { jsx, jsxs } from "react/jsx-runtime";