krl-alfred 2.23.13 → 2.23.15

package/dist/components/RadioGroup/RadioGroup.test.js

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+var RadioGroup_1 = __importDefault(require("./RadioGroup"));
+var baseOptions = [
+    {
+        label: 'Seçenek A',
+        value: 'a',
+        id: 'option-a',
+    },
+];
+describe('RadioGroup', function () {
+    it('forwards rightContent from option to RadioButton', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(RadioGroup_1.default, { name: "test-group", radioLayout: "horizontal", value: "a", options: [
+                __assign(__assign({}, baseOptions[0]), { rightContent: (0, jsx_runtime_1.jsx)("span", { children: "3 varyasyon" }) }),
+            ] }));
+        expect(react_1.screen.getByText('3 varyasyon')).toBeInTheDocument();
+    });
+    it('forwards innerMinHeight from option to RadioButton Inner', function () {
+        var container = (0, react_1.render)((0, jsx_runtime_1.jsx)(RadioGroup_1.default, { name: "test-group", radioLayout: "horizontal", value: "a", options: [
+                __assign(__assign({}, baseOptions[0]), { innerMinHeight: 'initial' }),
+            ] })).container;
+        expect(container.querySelector('label > div')).toHaveStyle({ minHeight: 'initial' });
+    });
+});

package/dist/components/RadioGroup/props.d.ts

@@ -35,6 +35,10 @@ export interface RadioOption {
     iconColor?: string;
     content?: React.ReactNode;
     titleBadgePosition?: "inline" | "below" | "topRight";
+    /** Horizontal layout — sağ alana özel içerik */
+    rightContent?: React.ReactNode;
+    /** Horizontal layout — Inner min-height: "70" veya "initial" */
+    innerMinHeight?: "70" | "initial";
     hasError?: boolean;
     errorMessage?: React.ReactNode;
 }

package/dist/components/RadioScale/RadioScale.styled.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="react" />
-export declare const RadioScaleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("./props").RadioScale> & import("./props").RadioScale, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("./props").RadioScale> & import("./props").RadioScale, never>>> & string;
-export declare const LabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("./props").RadioScale> & import("./props").RadioScale, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("./props").RadioScale> & import("./props").RadioScale, never>>> & string;
-export declare const ScaleList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("./props").RadioScale> & import("./props").RadioScale, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("./props").RadioScale> & import("./props").RadioScale, never>>> & string;
+export declare const RadioScaleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, import("./props").RadioScale>> & string;
+export declare const LabelWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, import("./props").RadioScale>> & string;
+export declare const ScaleList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, import("./props").RadioScale>> & string;

package/dist/components/RadioScale/stories/RadioScale.stories.d.ts

@@ -154,3 +154,40 @@ export declare const LastValue: {
         onChange: () => void;
     };
 };
+export declare const Unselected: {
+    args: {
+        value: any;
+        alignment: string;
+        length: number;
+        label: string;
+        disabled: boolean;
+        readOnly: boolean;
+        onChange: () => void;
+    };
+};
+export declare const Complete: {
+    args: {
+        alignment: string;
+        length: number;
+        value: number;
+        label: string;
+        name: string;
+        id: string;
+        valid: boolean;
+        disabled: boolean;
+        readOnly: boolean;
+        onChange: () => void;
+    };
+};
+export declare const Interactive: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        value: number;
+        label: string;
+        alignment: string;
+        length: number;
+        disabled: boolean;
+        readOnly: boolean;
+        onChange: () => void;
+    };
+};

package/dist/components/RadioScale/stories/RadioScale.stories.js

@@ -14,8 +14,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LastValue = exports.FirstValue = exports.Invalid = exports.WithoutLabel = exports.LongScale = exports.ShortScale = exports.ReadOnly = exports.Disabled = exports.Vertical = exports.Horizontal = exports.Default = void 0;
+exports.Interactive = exports.Complete = exports.Unselected = exports.LastValue = exports.FirstValue = exports.Invalid = exports.WithoutLabel = exports.LongScale = exports.ShortScale = exports.ReadOnly = exports.Disabled = exports.Vertical = exports.Horizontal = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var RadioScale_1 = __importDefault(require("../RadioScale"));
 var props_1 = require("../props");
 var defaultArgs = {
@@ -75,3 +76,17 @@ exports.FirstValue = {
 exports.LastValue = {
     args: __assign(__assign({}, defaultArgs), { length: 5, value: 5 }),
 };
+exports.Unselected = {
+    args: __assign(__assign({}, defaultArgs), { value: undefined }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, defaultArgs), { alignment: "horizontal", length: 10, value: 7, label: "Memnuniyet skorun", name: "satisfaction", id: "radio-scale-complete", valid: true }),
+};
+var InteractiveStory = function (args) {
+    var _a = react_1.default.useState(args.value), value = _a[0], setValue = _a[1];
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { maxWidth: "350px" } }, { children: [(0, jsx_runtime_1.jsx)(RadioScale_1.default, __assign({}, args, { value: value, onChange: function (e) { var _a, _b; return setValue(Number((_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : e)); } })), (0, jsx_runtime_1.jsxs)("p", __assign({ style: { marginTop: 12, font: "var(--caption-medium-11-13)" } }, { children: ["Se\u00E7ili: ", value !== null && value !== void 0 ? value : "—"] }))] })));
+};
+exports.Interactive = {
+    render: function (args) { return (0, jsx_runtime_1.jsx)(InteractiveStory, __assign({}, args)); },
+    args: __assign(__assign({}, defaultArgs), { value: 3, label: "Puanla" }),
+};

package/dist/components/ReviewBlock/ReviewBlock.styled.d.ts

@@ -1,21 +1,59 @@
 /// <reference types="react" />
 import { ReviewBlockStyledProps } from "./props";
-export declare const ReviewCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewBlockStyledProps> & ReviewBlockStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewBlockStyledProps> & ReviewBlockStyledProps, never>>> & string;
-export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewBlockStyledProps> & ReviewBlockStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewBlockStyledProps> & ReviewBlockStyledProps, never>>> & string;
-export declare const CustomerName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const Date: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const PlatformReview: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
-export declare const ProductReviewBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ProductWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ProductReviewContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ProductName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ProductStars: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ProductQuestion: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const ProductAnswer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
-export declare const Tags: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const TextLinkWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const BadgeWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const StarsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const DropdownWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const DropdownToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export declare const ReviewCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewBlockStyledProps>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewBlockStyledProps>> & string;
+export declare const CustomerName: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const Date: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const PlatformReview: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ProductReviewBlock: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ProductWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ProductReviewContent: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ProductName: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ProductStars: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ProductQuestion: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ProductAnswer: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const Tags: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const TextLinkWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const BadgeWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const StarsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const DropdownWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const DropdownToggleButton: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;

package/dist/components/ReviewBlock/stories/ReviewBlock.stories.d.ts

@@ -7,6 +7,18 @@ declare const _default: {
         rating: {
             control: string;
         };
+        maxStars: {
+            control: string;
+        };
+        customerName: {
+            control: string;
+        };
+        date: {
+            control: string;
+        };
+        comment: {
+            control: string;
+        };
         hasApproveButton: {
             control: string;
         };
@@ -19,10 +31,19 @@ declare const _default: {
         hasShadow: {
             control: string;
         };
+        badgeText: {
+            control: string;
+        };
         badgeVariant: {
             control: string;
             options: string[];
         };
+        onApproveButtonClick: {
+            action: string;
+        };
+        onRemoveButtonClick: {
+            action: string;
+        };
     };
 };
 export default _default;
@@ -179,3 +200,90 @@ export declare const SingleProductReview: {
         onRemoveButtonClick: () => void;
     };
 };
+export declare const EmptyProductReviews: {
+    args: {
+        productReviews: any[];
+        customerName: string;
+        date: string;
+        rating: number;
+        comment: string;
+        hasApproveButton: boolean;
+        hasDropdown: boolean;
+        hasBadge: boolean;
+        badgeVariant: string;
+        badgeText: string;
+        hasShadow: boolean;
+        onApproveButtonClick: () => void;
+        onRemoveButtonClick: () => void;
+    };
+};
+export declare const PlatformCommentOnly: {
+    args: {
+        productReviews: any[];
+        comment: string;
+        hasApproveButton: boolean;
+        customerName: string;
+        date: string;
+        rating: number;
+        hasDropdown: boolean;
+        hasBadge: boolean;
+        badgeVariant: string;
+        badgeText: string;
+        hasShadow: boolean;
+        onApproveButtonClick: () => void;
+        onRemoveButtonClick: () => void;
+    };
+};
+export declare const WithBadgeAndDropdown: {
+    args: {
+        hasBadge: boolean;
+        hasDropdown: boolean;
+        hasApproveButton: boolean;
+        badgeText: string;
+        badgeVariant: string;
+        productReviews: any[];
+        customerName: string;
+        date: string;
+        rating: number;
+        comment: string;
+        hasShadow: boolean;
+        onApproveButtonClick: () => void;
+        onRemoveButtonClick: () => void;
+    };
+};
+export declare const CustomMaxStars: {
+    args: {
+        maxStars: number;
+        rating: number;
+        productReviews: any[];
+        customerName: string;
+        date: string;
+        comment: string;
+        hasApproveButton: boolean;
+        hasDropdown: boolean;
+        hasBadge: boolean;
+        badgeVariant: string;
+        badgeText: string;
+        hasShadow: boolean;
+        onApproveButtonClick: () => void;
+        onRemoveButtonClick: () => void;
+    };
+};
+export declare const Complete: {
+    args: {
+        rating: number;
+        maxStars: number;
+        comment: string;
+        hasApproveButton: boolean;
+        hasDropdown: boolean;
+        hasBadge: boolean;
+        badgeText: string;
+        badgeVariant: string;
+        hasShadow: boolean;
+        productReviews: any[];
+        customerName: string;
+        date: string;
+        onApproveButtonClick: () => void;
+        onRemoveButtonClick: () => void;
+    };
+};

package/dist/components/ReviewBlock/stories/ReviewBlock.stories.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SingleProductReview = exports.LowRating = exports.HighRating = exports.WithoutComment = exports.WithoutApproveButton = exports.WithShadow = exports.WithBadge = exports.WithDropdown = exports.Default = void 0;
+exports.Complete = exports.CustomMaxStars = exports.WithBadgeAndDropdown = exports.PlatformCommentOnly = exports.EmptyProductReviews = exports.SingleProductReview = exports.LowRating = exports.HighRating = exports.WithoutComment = exports.WithoutApproveButton = exports.WithShadow = exports.WithBadge = exports.WithDropdown = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ReviewBlock_1 = __importDefault(require("../ReviewBlock"));
 var productReviews_json_1 = __importDefault(require("./../../../jsons/productReviews.json"));
@@ -41,11 +41,18 @@ exports.default = {
     tags: ['autodocs'],
     argTypes: {
         rating: { control: 'number' },
+        maxStars: { control: 'number' },
+        customerName: { control: 'text' },
+        date: { control: 'text' },
+        comment: { control: 'text' },
         hasApproveButton: { control: 'boolean' },
         hasDropdown: { control: 'boolean' },
         hasBadge: { control: 'boolean' },
         hasShadow: { control: 'boolean' },
+        badgeText: { control: 'text' },
         badgeVariant: { control: 'select', options: props_1.variants },
+        onApproveButtonClick: { action: 'approveClicked' },
+        onRemoveButtonClick: { action: 'removeClicked' },
     }
 };
 exports.Default = {
@@ -75,3 +82,18 @@ exports.LowRating = {
 exports.SingleProductReview = {
     args: __assign(__assign({}, defaultArgs), { productReviews: [productReviewsWithImages[0]] }),
 };
+exports.EmptyProductReviews = {
+    args: __assign(__assign({}, defaultArgs), { productReviews: [] }),
+};
+exports.PlatformCommentOnly = {
+    args: __assign(__assign({}, defaultArgs), { productReviews: [], comment: "Platform genelinde çok memnun kaldım, destek ekibi harikaydı.", hasApproveButton: false }),
+};
+exports.WithBadgeAndDropdown = {
+    args: __assign(__assign({}, defaultArgs), { hasBadge: true, hasDropdown: true, hasApproveButton: false, badgeText: "Onaylandı", badgeVariant: "primary" }),
+};
+exports.CustomMaxStars = {
+    args: __assign(__assign({}, defaultArgs), { maxStars: 10, rating: 8 }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, defaultArgs), { rating: 5, maxStars: 5, comment: "Harika bir deneyimdi, kesinlikle tavsiye ederim.", hasApproveButton: true, hasDropdown: true, hasBadge: true, badgeText: "Öne çıkan", badgeVariant: "primary", hasShadow: true, productReviews: productReviewsWithImages }),
+};

package/dist/components/ReviewCard/ReviewCard.styled.d.ts

@@ -1,15 +1,41 @@
 /// <reference types="react" />
 import { ReviewCardStyledProps } from "./props";
-export declare const ReviewCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const ImgWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const Image: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const Detail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const Stars: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const Line: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const Bottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const Logo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const HorizontalLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const CustomerName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
-export declare const Date: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ReviewCardStyledProps> & ReviewCardStyledProps, never>>> & string;
+export declare const ReviewCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const ImgWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const Image: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const Detail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const Stars: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const Line: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const Bottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const Logo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const HorizontalLine: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const CustomerName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;
+export declare const Date: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ReviewCardStyledProps>> & string;

package/dist/components/ReviewCard/stories/ReviewCard.stories.d.ts

@@ -162,3 +162,58 @@ export declare const Minimal: {
         onClick: () => void;
     };
 };
+export declare const ZeroStars: {
+    args: {
+        star: number;
+        image: React.JSX.Element;
+        totalStar: number;
+        title: string;
+        description: string;
+        name: string;
+        logo: React.JSX.Element;
+        date: string;
+        onClick: () => void;
+    };
+};
+export declare const WithoutName: {
+    args: {
+        name: any;
+        image: React.JSX.Element;
+        star: number;
+        totalStar: number;
+        title: string;
+        description: string;
+        logo: React.JSX.Element;
+        date: string;
+        onClick: () => void;
+    };
+};
+export declare const Complete: {
+    args: {
+        star: number;
+        totalStar: number;
+        hasBorder: boolean;
+        title: string;
+        description: string;
+        name: string;
+        date: string;
+        image: React.JSX.Element;
+        logo: React.JSX.Element;
+        onClick: () => void;
+    };
+};
+export declare const Interactive: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        hasBorder: boolean;
+        image: React.JSX.Element;
+        star: number;
+        totalStar: number;
+        title: string;
+        description: string;
+        name: string;
+        logo: React.JSX.Element;
+        date: string;
+        onClick: () => void;
+    };
+};

package/dist/components/ReviewCard/stories/ReviewCard.stories.js

@@ -14,8 +14,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Minimal = exports.ShortDescription = exports.WithBorder = exports.WithoutImageAndTitle = exports.WithoutDescription = exports.WithoutDate = exports.WithoutLogo = exports.OneStar = exports.FiveStars = exports.Default = void 0;
+exports.Interactive = exports.Complete = exports.WithoutName = exports.ZeroStars = exports.Minimal = exports.ShortDescription = exports.WithBorder = exports.WithoutImageAndTitle = exports.WithoutDescription = exports.WithoutDate = exports.WithoutLogo = exports.OneStar = exports.FiveStars = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var ReviewCard_1 = __importDefault(require("../ReviewCard"));
 var defaultImage = (0, jsx_runtime_1.jsx)("img", { height: "64px", src: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg", alt: "test" });
 var defaultArgs = {
@@ -74,3 +75,20 @@ exports.ShortDescription = {
 exports.Minimal = {
     args: __assign(__assign({}, defaultArgs), { description: null, logo: null, date: null }),
 };
+exports.ZeroStars = {
+    args: __assign(__assign({}, defaultArgs), { star: 0 }),
+};
+exports.WithoutName = {
+    args: __assign(__assign({}, defaultArgs), { name: null }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, defaultArgs), { star: 5, totalStar: 5, hasBorder: true, title: "Logitech G29 Driving Force Racing Wheel", description: "Kiralama süreci çok kolaydı, ürün beklentimin üzerindeydi. Kesinlikle tekrar kiralarım.", name: "C.P", date: "25 aralık 2025" }),
+};
+var InteractiveStory = function (args) {
+    var _a = react_1.default.useState(0), clicked = _a[0], setClicked = _a[1];
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { maxWidth: "330px" } }, { children: [(0, jsx_runtime_1.jsx)(ReviewCard_1.default, __assign({}, args, { onClick: function () { return setClicked(function (n) { return n + 1; }); } })), (0, jsx_runtime_1.jsxs)("p", __assign({ style: { marginTop: 12, font: "var(--caption-medium-11-13)" } }, { children: ["T\u0131klama: ", clicked] }))] })));
+};
+exports.Interactive = {
+    render: function (args) { return (0, jsx_runtime_1.jsx)(InteractiveStory, __assign({}, args)); },
+    args: __assign(__assign({}, defaultArgs), { hasBorder: true }),
+};