@faststore/core 2.0.96-alpha.0 → 2.0.97-alpha.0

package/.next/server/chunks/377.js

@@ -0,0 +1,82 @@
+"use strict";
+exports.id = 377;
+exports.ids = [377];
+exports.modules = {
+
+/***/ 7377:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ QuantitySelector_QuantitySelector)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(6689);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+// EXTERNAL MODULE: ../components/dist/molecules/IconButton/IconButton.js
+var IconButton = __webpack_require__(2765);
+// EXTERNAL MODULE: ../components/dist/atoms/Input/Input.js
+var Input = __webpack_require__(875);
+;// CONCATENATED MODULE: ../components/dist/assets/Minus.js
+
+// Icon from Phosphor Icons
+const Minus = () => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "24", width: 16, height: 16 },
+    external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
+    external_react_default().createElement("line", { x1: "40", y1: "128", x2: "216", y2: "128", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* harmony default export */ const assets_Minus = (Minus);
+//# sourceMappingURL=Minus.js.map
+;// CONCATENATED MODULE: ../components/dist/assets/Plus.js
+
+// Icon from Phosphor Icons
+const Plus = () => (external_react_default().createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 256 256", strokeWidth: "24", width: 16, height: 16 },
+    external_react_default().createElement("rect", { width: "256", height: "256", fill: "none" }),
+    external_react_default().createElement("line", { x1: "40", y1: "128", x2: "216", y2: "128", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+    external_react_default().createElement("line", { x1: "128", y1: "40", x2: "128", y2: "216", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
+/* harmony default export */ const assets_Plus = (Plus);
+//# sourceMappingURL=Plus.js.map
+;// CONCATENATED MODULE: ../components/dist/molecules/QuantitySelector/QuantitySelector.js
+
+
+
+const QuantitySelector = ({ max, min = 1, initial, disabled = false, onChange, testId = 'fs-quantity-selector', ...otherProps }) => {
+    const [quantity, setQuantity] = (0,external_react_.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,external_react_.useEffect)(() => {
+        initial && setQuantity(initial);
+    }, [initial]);
+    return (external_react_default().createElement("div", { "data-fs-quantity-selector": disabled ? 'disabled' : 'true', "data-testid": testId, ...otherProps },
+        external_react_default().createElement(IconButton/* default */.Z, { "data-quantity-selector-button": "left", icon: external_react_default().createElement(assets_Minus, null), "aria-label": "Decrement Quantity", "aria-controls": "quantity-selector-input", disabled: isLeftDisabled || disabled, onClick: decrease, testId: `${testId}-left-button` }),
+        external_react_default().createElement(Input/* default */.Z, { "data-quantity-selector-input": true, id: "quantity-selector-input", "aria-label": "Quantity", value: quantity, onChange: validateInput, disabled: disabled }),
+        external_react_default().createElement(IconButton/* default */.Z, { "data-quantity-selector-button": "right", "aria-controls": "quantity-selector-input", "aria-label": "Increment Quantity", disabled: isRightDisabled || disabled, icon: external_react_default().createElement(assets_Plus, null), onClick: increase, testId: `${testId}-right-button` })));
+};
+/* harmony default export */ const QuantitySelector_QuantitySelector = (QuantitySelector);
+//# sourceMappingURL=QuantitySelector.js.map
+
+/***/ })
+
+};
+;