@faststore/core 3.0.20 → 3.0.21

package/.next/server/chunks/693.js

@@ -1 +1,58 @@
-"use strict";exports.id=693,exports.ids=[693],exports.modules={6693:(t,e,a)=>{a.d(e,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var n=a(6689),i=a.n(n),l=a(7041),u=a(2614),r=a(2256);let __WEBPACK_DEFAULT_EXPORT__=({max:t,min:e=1,initial:a,disabled:s=!1,onChange:d,testId:o="fs-quantity-selector",...c})=>{let[m,y]=(0,n.useState)(a??e),b=m===e,h=m===t,changeQuantity=t=>{let e=validateQuantityBounds(m+t);d?.(e),y(e)};function validateQuantityBounds(a){let n=e?Math.max(a,e):a;return t?Math.min(n,t):n}return(0,n.useEffect)(()=>{a&&y(a)},[a]),i().createElement("div",{"data-fs-quantity-selector":s?"disabled":"true","data-testid":o,...c},i().createElement(l.Z,{"data-quantity-selector-button":"left",icon:i().createElement(u.Z,{name:"Minus",width:16,height:16,weight:"bold"}),"aria-label":"Decrement Quantity","aria-controls":"quantity-selector-input",disabled:b||s,onClick:()=>changeQuantity(-1),testId:`${o}-left-button`,size:"small"}),i().createElement(r.Z,{"data-quantity-selector-input":!0,id:"quantity-selector-input","aria-label":"Quantity",value:m,onChange:function(t){let e=t.currentTarget.value;Number.isNaN(Number(e))||y(()=>{let t=validateQuantityBounds(Number(e));return d?.(t),t})},disabled:s}),i().createElement(l.Z,{"data-quantity-selector-button":"right","aria-controls":"quantity-selector-input","aria-label":"Increment Quantity",disabled:h||s,icon:i().createElement(u.Z,{name:"Plus",width:16,height:16,weight:"bold"}),onClick:()=>changeQuantity(1),testId:`${o}-right-button`,size:"small"}))}}};
+"use strict";
+exports.id = 693;
+exports.ids = [693];
+exports.modules = {
+
+/***/ 6693:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7041);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2614);
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(2256);
+
+
+const QuantitySelector = ({ max, min = 1, initial, disabled = false, onChange, testId = 'fs-quantity-selector', ...otherProps }) => {
+    const [quantity, setQuantity] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initial ?? min);
+    const isLeftDisabled = quantity === min;
+    const isRightDisabled = quantity === max;
+    const changeQuantity = (increaseValue) => {
+        const quantityValue = validateQuantityBounds(quantity + increaseValue);
+        onChange?.(quantityValue);
+        setQuantity(quantityValue);
+    };
+    const increase = () => changeQuantity(1);
+    const decrease = () => changeQuantity(-1);
+    function validateQuantityBounds(n) {
+        const maxValue = min ? Math.max(n, min) : n;
+        return max ? Math.min(maxValue, max) : maxValue;
+    }
+    function validateInput(e) {
+        const val = e.currentTarget.value;
+        if (!Number.isNaN(Number(val))) {
+            setQuantity(() => {
+                const quantityValue = validateQuantityBounds(Number(val));
+                onChange?.(quantityValue);
+                return quantityValue;
+            });
+        }
+    }
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        initial && setQuantity(initial);
+    }, [initial]);
+    return (react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", { "data-fs-quantity-selector": disabled ? 'disabled' : 'true', "data-testid": testId, ...otherProps },
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-quantity-selector-button": "left", icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { name: "Minus", width: 16, height: 16, weight: "bold" }), "aria-label": "Decrement Quantity", "aria-controls": "quantity-selector-input", disabled: isLeftDisabled || disabled, onClick: decrease, testId: `${testId}-left-button`, size: "small" }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z, { "data-quantity-selector-input": true, id: "quantity-selector-input", "aria-label": "Quantity", value: quantity, onChange: validateInput, disabled: disabled }),
+        react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z, { "data-quantity-selector-button": "right", "aria-controls": "quantity-selector-input", "aria-label": "Increment Quantity", disabled: isRightDisabled || disabled, icon: react__WEBPACK_IMPORTED_MODULE_0___default().createElement(___WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, { name: "Plus", width: 16, height: 16, weight: "bold" }), onClick: increase, testId: `${testId}-right-button`, size: "small" })));
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QuantitySelector);
+//# sourceMappingURL=QuantitySelector.js.map
+
+/***/ })
+
+};
+;