pixelize-design-library 2.2.79 → 2.2.80

package/dist/Components/ProductCard/ProductCard.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { ProductCardProps } from "./ProductCardProps";
-declare const ProductCard: ({ id, label, productImage, rating, reviews, tags, options, button, batch, description, avalabilitys, onAddToCart, onNotifyMe, onClick, addToCart, goToCart, OnGoToCart, size, }: ProductCardProps) => React.JSX.Element;
+declare const ProductCard: ({ id, label, productImage, rating, reviews, tags, options, button, batch, description, avalabilitys, onAddToCart, onNotifyMe, onClick, onOptionChange, addToCart, goToCart, OnGoToCart, size, }: ProductCardProps) => React.JSX.Element;
 export default ProductCard;

package/dist/Components/ProductCard/ProductCard.js

@@ -37,11 +37,15 @@ var useCustomTheme_1 = require("../../Theme/useCustomTheme");
 var lucide_react_1 = require("lucide-react");
 var ProductCard = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    var id = _a.id, label = _a.label, productImage = _a.productImage, rating = _a.rating, reviews = _a.reviews, tags = _a.tags, options = _a.options, button = _a.button, batch = _a.batch, description = _a.description, avalabilitys = _a.avalabilitys, onAddToCart = _a.onAddToCart, onNotifyMe = _a.onNotifyMe, onClick = _a.onClick, addToCart = _a.addToCart, goToCart = _a.goToCart, OnGoToCart = _a.OnGoToCart, _o = _a.size, size = _o === void 0 ? "sm" : _o;
+    var id = _a.id, label = _a.label, productImage = _a.productImage, rating = _a.rating, reviews = _a.reviews, tags = _a.tags, options = _a.options, button = _a.button, batch = _a.batch, description = _a.description, avalabilitys = _a.avalabilitys, onAddToCart = _a.onAddToCart, onNotifyMe = _a.onNotifyMe, onClick = _a.onClick, onOptionChange = _a.onOptionChange, addToCart = _a.addToCart, goToCart = _a.goToCart, OnGoToCart = _a.OnGoToCart, _o = _a.size, size = _o === void 0 ? "sm" : _o;
     var _p = (0, react_1.useState)(false), hover = _p[0], setHover = _p[1];
     var theme = (0, useCustomTheme_1.useCustomTheme)();
     var _q = (0, react_1.useState)(options === null || options === void 0 ? void 0 : options[0]), selectedOption = _q[0], setSelectedOption = _q[1];
     var _r = (0, react_1.useState)(1), qty = _r[0], setQty = _r[1];
+    var handleOptionSelect = function (option) {
+        setSelectedOption(option);
+        onOptionChange === null || onOptionChange === void 0 ? void 0 : onOptionChange(option);
+    };
     var handleIncrement = function (e) {
         e.stopPropagation();
         if ((selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) && qty < selectedOption.stocks) {
@@ -86,7 +90,7 @@ var ProductCard = function (_a) {
             react_1.default.createElement(react_2.Box, { onClick: onClick, cursor: "pointer" },
                 react_1.default.createElement(ProductLabel_1.default, { label: label, description: description, size: size })),
             tags && react_1.default.createElement(ProductTags_1.default, { tags: tags, size: size }),
-            options && react_1.default.createElement(ProductPrice_1.default, { options: options, size: size, onSelect: setSelectedOption }),
+            options && react_1.default.createElement(ProductPrice_1.default, { options: options, size: size, onSelect: handleOptionSelect }),
             typeof (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) === "number" && (react_1.default.createElement(react_2.Badge, { colorScheme: ((_d = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) !== null && _d !== void 0 ? _d : 0) >= 5
                     ? "green"
                     : ((_e = selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.stocks) !== null && _e !== void 0 ? _e : 0) > 0

package/dist/Components/ProductCard/ProductCardProps.d.ts

@@ -15,6 +15,7 @@ export type ProductCardProps = {
     };
     onAddToCart?: (id: string | number, var_id: number, qty?: number) => void;
     onNotifyMe?: (id: string | number, var_id: number) => void;
+    onOptionChange?: (option: options) => void;
     addToCart?: boolean;
     goToCart?: boolean;
     OnGoToCart?: () => void;

package/dist/Components/ProductCard/ProductPrice.d.ts

@@ -3,7 +3,7 @@ import { options, SizeType } from './ProductCardProps';
 type ProductPriceProps = {
     options: options[];
     size: SizeType;
-    onSelect?: React.Dispatch<React.SetStateAction<options | undefined>>;
+    onSelect?: (option: options) => void;
 };
 declare const ProductPrice: ({ options, size, onSelect }: ProductPriceProps) => React.JSX.Element;
 export default ProductPrice;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.2.79",
+  "version": "2.2.80",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",