krl-alfred 2.23.13 → 2.23.15

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

@@ -3,14 +3,276 @@ declare const _default: {
     title: string;
     component: (props: any) => React.JSX.Element;
     tags: string[];
-    argTypes: {};
+    argTypes: {
+        title: {
+            control: string;
+        };
+        content: {
+            control: string;
+        };
+        checked: {
+            control: string;
+        };
+        expanded: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        required: {
+            control: string;
+        };
+        hasError: {
+            control: string;
+        };
+        errorMessage: {
+            control: string;
+        };
+        onChange: {
+            action: string;
+        };
+        onExpanded: {
+            action: string;
+        };
+    };
 };
 export default _default;
 export declare const Default: {
     args: {
+        id: string;
+        name: string;
+        value: string;
+        title: string;
+        content: string;
+        checked: boolean;
+        expanded: boolean;
+        disabled: boolean;
+        required: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const Expanded: {
+    args: {
+        id: string;
+        expanded: boolean;
+        name: string;
+        value: string;
+        title: string;
+        content: string;
+        checked: boolean;
+        disabled: boolean;
+        required: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const ExpandedWithoutContent: {
+    args: {
+        id: string;
+        title: string;
+        content: string;
+        expanded: boolean;
+        name: string;
+        value: string;
+        checked: boolean;
+        disabled: boolean;
+        required: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const Checked: {
+    args: {
+        id: string;
+        checked: boolean;
+        name: string;
+        value: string;
+        title: string;
+        content: string;
+        expanded: boolean;
+        disabled: boolean;
+        required: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const CheckedAndExpanded: {
+    args: {
+        id: string;
+        checked: boolean;
+        expanded: boolean;
+        name: string;
+        value: string;
+        title: string;
+        content: string;
+        disabled: boolean;
+        required: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const Required: {
+    args: {
+        id: string;
+        title: string;
+        required: boolean;
+        name: string;
+        value: string;
+        content: string;
+        checked: boolean;
+        expanded: boolean;
+        disabled: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const Disabled: {
+    args: {
+        id: string;
+        title: string;
+        disabled: boolean;
+        name: string;
+        value: string;
+        content: string;
+        checked: boolean;
+        expanded: boolean;
+        required: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const DisabledChecked: {
+    args: {
+        id: string;
+        title: string;
+        checked: boolean;
+        disabled: boolean;
+        expanded: boolean;
+        name: string;
+        value: string;
+        content: string;
+        required: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const WithError: {
+    args: {
+        id: string;
+        hasError: boolean;
+        errorMessage: string;
+        name: string;
+        value: string;
+        title: string;
+        content: string;
+        checked: boolean;
+        expanded: boolean;
+        disabled: boolean;
+        required: boolean;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const WithErrorExpanded: {
+    args: {
+        id: string;
+        hasError: boolean;
+        errorMessage: string;
+        expanded: boolean;
+        name: string;
+        value: string;
+        title: string;
+        content: string;
+        checked: boolean;
+        disabled: boolean;
+        required: boolean;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const WithHtmlContent: {
+    args: {
+        id: string;
+        title: string;
+        content: string;
+        expanded: boolean;
+        name: string;
+        value: string;
+        checked: boolean;
+        disabled: boolean;
+        required: boolean;
+        hasError: boolean;
+        errorMessage: string;
         onChange: (e: any) => void;
         onExpanded: (props: any) => void;
+    };
+};
+export declare const LongContent: {
+    args: {
+        id: string;
         title: string;
+        content: string;
+        expanded: boolean;
+        name: string;
+        value: string;
+        checked: boolean;
+        disabled: boolean;
+        required: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const Complete: {
+    args: {
         id: string;
+        title: string;
+        content: string;
+        checked: boolean;
+        expanded: boolean;
+        required: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        name: string;
+        value: string;
+        disabled: boolean;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
+    };
+};
+export declare const Interactive: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        id: string;
+        name: string;
+        value: string;
+        title: string;
+        content: string;
+        checked: boolean;
+        expanded: boolean;
+        disabled: boolean;
+        required: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        onChange: (e: any) => void;
+        onExpanded: (props: any) => void;
     };
 };

package/dist/components/Agreement/stories/Agreement.stories.js

@@ -14,20 +14,98 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Interactive = exports.Complete = exports.LongContent = exports.WithHtmlContent = exports.WithErrorExpanded = exports.WithError = exports.DisabledChecked = exports.Disabled = exports.Required = exports.CheckedAndExpanded = exports.Checked = exports.ExpandedWithoutContent = exports.Expanded = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var Agreement_1 = __importDefault(require("../Agreement"));
+var sampleContent = "Kiralama sözleşmesi kapsamında cihazın teslimi, kullanım koşulları ve iade süreçleri bu metinde yer alır. " +
+    "Siparişini tamamlamadan önce metni okumanı ve onaylamanı rica ederiz. " +
+    "Detaylı bilgilendirme için müşteri hizmetlerimizle iletişime geçebilirsin.";
+var htmlContent = "<p><b>Mesafeli Satış Sözleşmesi</b></p>" +
+    "<p>Bu sözleşme, <a href='#'>Kiralarsın</a> ile müşteri arasında kurulur.</p>" +
+    "<ul><li>Teslimat süresi</li><li>İade koşulları</li><li>Ödeme bilgileri</li></ul>";
+var baseArgs = {
+    id: "agreement_1",
+    name: "agreement",
+    value: "accepted",
+    title: "Mesafeli satış sözleşmesini okudum, onaylıyorum.",
+    content: sampleContent,
+    checked: false,
+    expanded: false,
+    disabled: false,
+    required: false,
+    hasError: false,
+    errorMessage: "",
+    onChange: function (e) { return console.log("event", e); },
+    onExpanded: function (props) { return console.log("expanded", props); },
+};
 exports.default = {
-    title: 'Components/Agreement',
-    component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '305px' } }, { children: (0, jsx_runtime_1.jsx)(Agreement_1.default, __assign({}, props)) })); },
-    tags: ['autodocs'],
-    argTypes: {}
+    title: "Components/Agreement",
+    component: function (props) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "305px" } }, { children: (0, jsx_runtime_1.jsx)(Agreement_1.default, __assign({}, props)) }))); },
+    tags: ["autodocs"],
+    argTypes: {
+        title: { control: "text" },
+        content: { control: "text" },
+        checked: { control: "boolean" },
+        expanded: { control: "boolean" },
+        disabled: { control: "boolean" },
+        required: { control: "boolean" },
+        hasError: { control: "boolean" },
+        errorMessage: { control: "text" },
+        onChange: { action: "changed" },
+        onExpanded: { action: "expanded" },
+    },
 };
 exports.Default = {
-    args: {
-        onChange: function (e) { return console.log("event", e); },
-        onExpanded: function (props) { return console.log("expanded", props); },
-        title: "Test title",
-        id: "check_1",
-    },
+    args: __assign({}, baseArgs),
+};
+exports.Expanded = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_expanded", expanded: true }),
+};
+exports.ExpandedWithoutContent = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_loading", title: "Sözleşme yükleniyor...", content: "", expanded: true }),
+};
+exports.Checked = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_checked", checked: true }),
+};
+exports.CheckedAndExpanded = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_checked_expanded", checked: true, expanded: true }),
+};
+exports.Required = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_required", title: "Zorunlu sözleşme onayını okudum, kabul ediyorum.", required: true }),
+};
+exports.Disabled = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_disabled", title: "Devre dışı sözleşme", disabled: true }),
+};
+exports.DisabledChecked = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_disabled_checked", title: "Onaylanmış ve devre dışı", checked: true, disabled: true, expanded: true }),
+};
+exports.WithError = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_error", hasError: true, errorMessage: "Devam etmek için sözleşmeyi onaylamalısın." }),
+};
+exports.WithErrorExpanded = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_error_expanded", hasError: true, errorMessage: "Sözleşme metnini okuyup onaylamalısın.", expanded: true }),
+};
+exports.WithHtmlContent = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_html", title: "HTML içerikli sözleşmeyi okudum, onaylıyorum.", content: htmlContent, expanded: true }),
+};
+exports.LongContent = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_long", title: "Uzun sözleşme metni", content: Array.from({ length: 6 }, function (_, i) {
+            return "<p><b>Madde ".concat(i + 1, "</b> \u2014 ").concat(sampleContent, "</p>");
+        }).join(""), expanded: true }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, baseArgs), { id: "agreement_complete", title: "Tüm özellikler aktif sözleşme", content: htmlContent, checked: true, expanded: true, required: true, hasError: true, errorMessage: "Kontrol amaçlı hata mesajı" }),
+};
+var InteractiveStory = function (args) {
+    var _a = react_1.default.useState(false), checked = _a[0], setChecked = _a[1];
+    var _b = react_1.default.useState(false), expanded = _b[0], setExpanded = _b[1];
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "305px" } }, { children: (0, jsx_runtime_1.jsx)(Agreement_1.default, __assign({}, args, { checked: checked, expanded: expanded, onChange: function (e) { return setChecked(e.target.checked); }, onExpanded: function (_a) {
+                var isExpanded = _a.isExpanded;
+                return setExpanded(isExpanded);
+            } })) })));
+};
+exports.Interactive = {
+    render: function (args) { return (0, jsx_runtime_1.jsx)(InteractiveStory, __assign({}, args)); },
+    args: __assign(__assign({}, baseArgs), { id: "agreement_interactive" }),
 };

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

@@ -1,3 +1,5 @@
 /// <reference types="react" />
 import { AlertStyledProps } from "./props";
-export declare const AlertStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof AlertStyledProps> & AlertStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof AlertStyledProps> & AlertStyledProps, never>>> & string;
+export declare const AlertStyled: 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;
+}, AlertStyledProps>> & string;

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import React from "react";
 declare const _default: {
     title: string;
-    component: ({ title, children, messages, show, width, top, bottom, variant, icon }: import("../props").Alert) => React.JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         variant: {
@@ -52,11 +52,11 @@ export declare const Default: {
 export declare const Warning: {
     args: {
         variant: string;
-        width: string;
-        show: boolean;
         title: string;
         messages: string[];
         icon: string;
+        width: string;
+        show: boolean;
         top: string;
         bottom: string;
         children: any;
@@ -65,11 +65,11 @@ export declare const Warning: {
 export declare const Danger: {
     args: {
         variant: string;
-        width: string;
-        show: boolean;
         title: string;
         messages: string[];
         icon: string;
+        width: string;
+        show: boolean;
         top: string;
         bottom: string;
         children: any;
@@ -78,37 +78,102 @@ export declare const Danger: {
 export declare const Success: {
     args: {
         variant: string;
+        title: string;
+        messages: string[];
+        icon: string;
         width: string;
+        show: boolean;
+        top: string;
+        bottom: string;
+        children: any;
+    };
+};
+export declare const Hidden: {
+    args: {
         show: boolean;
         title: string;
         messages: string[];
+        variant: string;
+        width: string;
         icon: string;
         top: string;
         bottom: string;
         children: any;
     };
 };
-export declare const WithChildren: {
+export declare const TitleOnly: {
     args: {
+        title: string;
+        messages: any[];
         variant: string;
         width: string;
         show: boolean;
+        icon: string;
+        top: string;
+        bottom: string;
+        children: any;
+    };
+};
+export declare const WithoutMessages: {
+    args: {
         title: string;
-        messages: string[];
+        messages: any[];
+        children: React.JSX.Element;
+        variant: string;
+        width: string;
+        show: boolean;
         icon: string;
         top: string;
         bottom: string;
+    };
+};
+export declare const WithChildren: {
+    args: {
+        title: string;
+        messages: string[];
         children: React.JSX.Element;
+        variant: string;
+        width: string;
+        show: boolean;
+        icon: string;
+        top: string;
+        bottom: string;
     };
 };
 export declare const MultipleMessages: {
     args: {
         variant: string;
+        title: string;
+        messages: string[];
+        width: string;
+        show: boolean;
+        icon: string;
+        top: string;
+        bottom: string;
+        children: any;
+    };
+};
+export declare const WithChildrenAndMultipleMessages: {
+    args: {
+        variant: string;
+        title: string;
+        messages: string[];
+        children: React.JSX.Element;
         width: string;
         show: boolean;
+        icon: string;
+        top: string;
+        bottom: string;
+    };
+};
+export declare const CustomIcon: {
+    args: {
+        variant: string;
         title: string;
         messages: string[];
         icon: string;
+        width: string;
+        show: boolean;
         top: string;
         bottom: string;
         children: any;
@@ -118,9 +183,22 @@ export declare const CustomWidth: {
     args: {
         variant: string;
         width: string;
+        title: string;
+        messages: string[];
+        icon: string;
         show: boolean;
+        top: string;
+        bottom: string;
+        children: any;
+    };
+};
+export declare const FullWidth: {
+    args: {
+        width: string;
         title: string;
         messages: string[];
+        variant: string;
+        show: boolean;
         icon: string;
         top: string;
         bottom: string;
@@ -129,17 +207,69 @@ export declare const CustomWidth: {
 };
 export declare const WithSpacing: {
     args: {
+        title: string;
+        messages: string[];
+        top: string;
+        bottom: string;
         variant: string;
         width: string;
         show: boolean;
+        icon: string;
+        children: any;
+    };
+};
+export declare const TopSpacingOnly: {
+    args: {
         title: string;
         messages: string[];
+        top: string;
+        variant: string;
+        width: string;
+        show: boolean;
+        icon: string;
+        bottom: string;
+        children: any;
+    };
+};
+export declare const BottomSpacingOnly: {
+    args: {
+        title: string;
+        messages: string[];
+        bottom: string;
+        variant: string;
+        width: string;
+        show: boolean;
+        icon: string;
+        top: string;
+        children: any;
+    };
+};
+export declare const LongContent: {
+    args: {
+        variant: string;
+        title: string;
+        messages: string[];
+        width: string;
+        show: boolean;
         icon: string;
         top: string;
         bottom: string;
         children: any;
     };
 };
+export declare const Complete: {
+    args: {
+        variant: string;
+        width: string;
+        title: string;
+        messages: string[];
+        icon: string;
+        top: string;
+        bottom: string;
+        children: React.JSX.Element;
+        show: boolean;
+    };
+};
 export declare const AllVariants: {
     render: () => React.JSX.Element;
 };