krl-alfred 2.18.13 → 2.18.15

package/dist/components/ProductCardVertical/stories/ProductCardVertical.stories.js

@@ -14,105 +14,124 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithoutOldPriceUnderline = exports.WithoutOldPrice = exports.WithoutImageOffset = exports.Minimal = exports.WithoutImageInfoText = exports.WithoutBeltBadge = exports.DarkImageInfoText = exports.ResponsiveWithNewImageType = exports.WithCustomBadge = exports.OutOfStock = exports.NoDiscount = exports.Default = void 0;
+exports.WithoutOldPriceUnderline = exports.WithoutOldPrice = exports.WithoutImageOffset = exports.Minimal = exports.WithoutImageInfoText = exports.WithoutBeltBadge = exports.DarkImageInfoText = exports.ResponsiveWithNewImageType = exports.WithCustomBadge = exports.OutOfStock = exports.NoDiscount = exports.Default = exports.allProductCardArgs = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ProductCardVertical_1 = __importDefault(require("../ProductCardVertical"));
+var props_1 = require("../props");
 var Badges_1 = __importDefault(require("../../Badges"));
+var props_2 = require("../../Badges/props");
+var DefaultImage = ((0, jsx_runtime_1.jsx)("img", { src: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg", alt: "\u00DCr\u00FCn g\u00F6rseli", style: { width: "100%", height: "100%", objectFit: "cover" } }));
+var DefaultCustomBadge = (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "light", title: "\u00D6zel" });
+/**
+ * Tüm ProductCardVertical propları — Default ve varyantlar için ortak taban.
+ * hasDiscount bileşende henüz kullanılmıyor; kontrol paneli ve dokümantasyon için set edilir.
+ */
+exports.allProductCardArgs = {
+    title: "Apple iPad Air WiFi 64GB (2020)",
+    description: "50Q9900 50'' 126 Ekran QLED Smart 4K Ultra HD TV",
+    hasDiscount: true,
+    hasCustomBadge: false,
+    customBadge: DefaultCustomBadge,
+    price: "12.545,24 TL",
+    oldPrice: "15.000,00 TL",
+    oldPricePeriod: "hafta",
+    slug: "https://www.kiralarsin.com",
+    period: "hafta",
+    discountRate: 32,
+    isResponsive: false,
+    image: DefaultImage,
+    hasNewImageType: false,
+    hasOutOfStock: false,
+    hasBeltBadge: true,
+    isShowOldPrice: true,
+    beltBadgeVariant: "primary",
+    beltBadgeTitle: "İndirimli",
+    imageInfoText: "<strong>AĞUST</strong> koduyla sepette 250 TL indirim",
+    imageInfoTextVariant: "secondary",
+    isOldPricePeriodUnderline: true,
+    hasImageOffset: true,
+};
 exports.default = {
     title: "Components/ProductCard/ProductCard Vertical",
-    component: function (props) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "240px" } }, { children: (0, jsx_runtime_1.jsx)(ProductCardVertical_1.default, __assign({}, props)) }))); },
+    component: ProductCardVertical_1.default,
     tags: ["autodocs"],
     argTypes: {
-        title: { control: "text" },
-        description: { control: "text" },
-        hasDiscount: { control: "boolean" },
+        title: { control: "text", description: "Ürün başlığı" },
+        description: { control: "text", description: "Kısa açıklama" },
+        hasDiscount: {
+            control: "boolean",
+            description: "İndirim bayrağı (gelecek kullanım / API)",
+        },
         price: { control: "text" },
         oldPrice: { control: "text" },
         oldPricePeriod: { control: "text" },
-        slug: { control: "text" },
+        slug: {
+            control: "text",
+            description: "Ürün URL’i — story’de kartı saran link için",
+        },
         period: { control: "text" },
         discountRate: { control: "number" },
         isResponsive: { control: "boolean" },
-        image: { control: "none" },
+        image: { control: false, description: "Story’de sabit görsel" },
         hasCustomBadge: { control: "boolean" },
-        customBadge: { control: "none" },
+        customBadge: { control: false },
         hasNewImageType: { control: "boolean" },
         hasOutOfStock: { control: "boolean" },
         hasBeltBadge: { control: "boolean" },
         beltBadgeVariant: {
             control: "select",
-            options: ["primary", "secondary", "light"],
+            options: props_2.variants,
         },
         beltBadgeTitle: { control: "text" },
         imageInfoText: { control: "text" },
         imageInfoTextVariant: {
             control: "select",
-            options: ["secondary", "dark"],
+            options: props_1.imageInfoTextVariants,
         },
         isShowOldPrice: { control: "boolean" },
         isOldPricePeriodUnderline: { control: "boolean" },
         hasImageOffset: { control: "boolean" },
     },
+    render: function (args) {
+        var card = (0, jsx_runtime_1.jsx)(ProductCardVertical_1.default, __assign({}, args));
+        var wrapped = args.slug && String(args.slug).trim() !== "" ? ((0, jsx_runtime_1.jsx)("a", __assign({ href: args.slug, style: { textDecoration: "none", color: "inherit", display: "block" } }, { children: card }))) : (card);
+        return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "240px" } }, { children: wrapped }));
+    },
 };
-var DefaultImage = ((0, jsx_runtime_1.jsx)("img", { src: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg", alt: "default", style: { width: "100%", height: "100%", objectFit: "cover" } }));
-var DefaultBadge = (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "light", title: "test" });
 exports.Default = {
-    args: {
-        title: "Apple iPad Air WiFi 64GB (2020)",
-        description: "50Q9900 50'' 126 Ekran QLED Smart 4K Ultra HD TV",
-        hasDiscount: true,
-        price: "12.545,24 TL",
-        oldPrice: "12.545,24 TL",
-        oldPricePeriod: "hafta",
-        slug: "https://www.kiralarsin.com",
-        period: "hafta",
-        discountRate: 32,
-        isResponsive: false,
-        image: DefaultImage,
-        hasCustomBadge: false,
-        customBadge: DefaultBadge,
-        hasNewImageType: false,
-        hasOutOfStock: false,
-        hasBeltBadge: true,
-        beltBadgeVariant: "primary",
-        beltBadgeTitle: "discount",
-        imageInfoText: "<strong>AĞUST</strong> koduyla sepette 250 TL indirim",
-        imageInfoTextVariant: "secondary",
-        isShowOldPrice: true,
-        isOldPricePeriodUnderline: true,
-        hasImageOffset: true,
-    },
+    name: "Tüm proplar (varsayılan)",
+    args: __assign({}, exports.allProductCardArgs),
 };
 exports.NoDiscount = {
-    args: __assign(__assign({}, exports.Default.args), { hasDiscount: false, discountRate: 0, oldPrice: null, isShowOldPrice: false }),
+    args: __assign(__assign({}, exports.allProductCardArgs), { hasDiscount: false, discountRate: 0, oldPrice: null, isShowOldPrice: false }),
 };
 exports.OutOfStock = {
-    args: __assign(__assign({}, exports.Default.args), { hasOutOfStock: true, hasDiscount: false, discountRate: 0, hasBeltBadge: false }),
+    args: __assign(__assign({}, exports.allProductCardArgs), { hasOutOfStock: true, hasDiscount: false, discountRate: 0, hasBeltBadge: false }),
 };
 exports.WithCustomBadge = {
-    args: __assign(__assign({}, exports.Default.args), { hasCustomBadge: true, hasBeltBadge: false, customBadge: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "dark", title: "Yeni" }) }),
+    args: __assign(__assign({}, exports.allProductCardArgs), { hasCustomBadge: true, hasBeltBadge: false, customBadge: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "dark", title: "Yeni" }) }),
 };
 exports.ResponsiveWithNewImageType = {
-    args: __assign(__assign({}, exports.Default.args), { isResponsive: true, hasNewImageType: true, hasImageOffset: false }),
+    args: __assign(__assign({}, exports.allProductCardArgs), { isResponsive: true, hasNewImageType: true, hasImageOffset: false }),
 };
 exports.DarkImageInfoText = {
-    args: __assign(__assign({}, exports.Default.args), { imageInfoTextVariant: "dark", imageInfoText: "<strong>ÖZEL</strong> fiyat" }),
+    args: __assign(__assign({}, exports.allProductCardArgs), { imageInfoTextVariant: "dark", imageInfoText: "<strong>ÖZEL</strong> fiyat" }),
 };
 exports.WithoutBeltBadge = {
-    args: __assign(__assign({}, exports.Default.args), { hasBeltBadge: false }),
+    args: __assign(__assign({}, exports.allProductCardArgs), { hasBeltBadge: false }),
 };
 exports.WithoutImageInfoText = {
-    args: __assign(__assign({}, exports.Default.args), { imageInfoText: null }),
+    args: __assign(__assign({}, exports.allProductCardArgs), { imageInfoText: null }),
 };
 exports.Minimal = {
-    args: __assign(__assign({}, exports.Default.args), { hasDiscount: false, discountRate: 0, oldPrice: null, isShowOldPrice: false, hasBeltBadge: false, imageInfoText: null }),
+    args: __assign(__assign({}, exports.allProductCardArgs), { hasDiscount: false, discountRate: 0, oldPrice: null, isShowOldPrice: false, hasBeltBadge: false, imageInfoText: null }),
 };
 exports.WithoutImageOffset = {
-    args: __assign(__assign({}, exports.Default.args), { hasImageOffset: false }),
+    args: __assign(__assign({}, exports.allProductCardArgs), { hasImageOffset: false }),
 };
 exports.WithoutOldPrice = {
-    args: __assign(__assign({}, exports.Default.args), { isShowOldPrice: false, oldPrice: null }),
+    args: __assign(__assign({}, exports.allProductCardArgs), { isShowOldPrice: false, oldPrice: null }),
 };
 exports.WithoutOldPriceUnderline = {
-    args: __assign(__assign({}, exports.Default.args), { isOldPricePeriodUnderline: false }),
+    args: __assign(__assign({}, exports.allProductCardArgs), { isOldPricePeriodUnderline: false }),
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "2.18.13",
+  "version": "2.18.15",
   "files": [
     "dist"
   ],