krl-alfred 2.23.13 → 2.23.15

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 declare const _default: {
     title: string;
     component: (props: any) => React.JSX.Element;
@@ -35,6 +35,15 @@ declare const _default: {
         hasLoading: {
             control: string;
         };
+        hasClosing: {
+            control: string;
+        };
+        isPrimaryButtonLoading: {
+            control: string;
+        };
+        isPrimaryButtonDisabled: {
+            control: string;
+        };
         onPrimaryAction: {
             action: string;
         };
@@ -49,12 +58,47 @@ export declare const Default: {
         title: string;
         children: string;
         timer: number;
+        size: string;
+        alignment: string;
+        variant: string;
+        icon: string;
+        showPrimaryButton: boolean;
+        primaryButtonText: string;
+        showSecondaryButton: boolean;
+        secondaryButtonText: string;
+        hasLoading: boolean;
+        showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
+    };
+};
+export declare const Primary: {
+    args: {
+        variant: string;
+        title: string;
+        children: string;
+        timer: number;
+        size: string;
+        alignment: string;
+        icon: string;
         showPrimaryButton: boolean;
         primaryButtonText: string;
         showSecondaryButton: boolean;
         secondaryButtonText: string;
         hasLoading: boolean;
         showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
     };
 };
 export declare const Success: {
@@ -63,12 +107,22 @@ export declare const Success: {
         title: string;
         children: string;
         timer: number;
+        size: string;
+        alignment: string;
+        icon: string;
         showPrimaryButton: boolean;
         primaryButtonText: string;
         showSecondaryButton: boolean;
         secondaryButtonText: string;
         hasLoading: boolean;
         showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
     };
 };
 export declare const Warning: {
@@ -77,12 +131,22 @@ export declare const Warning: {
         title: string;
         children: string;
         timer: number;
+        size: string;
+        alignment: string;
+        icon: string;
         showPrimaryButton: boolean;
         primaryButtonText: string;
         showSecondaryButton: boolean;
         secondaryButtonText: string;
         hasLoading: boolean;
         showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
     };
 };
 export declare const Danger: {
@@ -90,13 +154,23 @@ export declare const Danger: {
         variant: string;
         title: string;
         children: string;
+        icon: string;
         timer: number;
+        size: string;
+        alignment: string;
         showPrimaryButton: boolean;
         primaryButtonText: string;
         showSecondaryButton: boolean;
         secondaryButtonText: string;
         hasLoading: boolean;
         showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
     };
 };
 export declare const Loading: {
@@ -105,38 +179,70 @@ export declare const Loading: {
         title: string;
         children: string;
         timer: number;
+        size: string;
+        alignment: string;
+        variant: string;
+        icon: string;
         showPrimaryButton: boolean;
         primaryButtonText: string;
         showSecondaryButton: boolean;
         secondaryButtonText: string;
         showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
     };
 };
-export declare const WithSecondaryButton: {
+export declare const Small: {
     args: {
-        showSecondaryButton: boolean;
-        secondaryButtonText: string;
+        size: string;
         title: string;
         children: string;
         timer: number;
+        alignment: string;
+        variant: string;
+        icon: string;
         showPrimaryButton: boolean;
         primaryButtonText: string;
+        showSecondaryButton: boolean;
+        secondaryButtonText: string;
         hasLoading: boolean;
         showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
     };
 };
-export declare const Small: {
+export declare const Medium: {
     args: {
         size: string;
         title: string;
         children: string;
         timer: number;
+        alignment: string;
+        variant: string;
+        icon: string;
         showPrimaryButton: boolean;
         primaryButtonText: string;
         showSecondaryButton: boolean;
         secondaryButtonText: string;
         hasLoading: boolean;
         showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
     };
 };
 export declare const Large: {
@@ -145,12 +251,22 @@ export declare const Large: {
         title: string;
         children: string;
         timer: number;
+        alignment: string;
+        variant: string;
+        icon: string;
         showPrimaryButton: boolean;
         primaryButtonText: string;
         showSecondaryButton: boolean;
         secondaryButtonText: string;
         hasLoading: boolean;
         showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
     };
 };
 export declare const LeftAligned: {
@@ -159,12 +275,142 @@ export declare const LeftAligned: {
         title: string;
         children: string;
         timer: number;
+        size: string;
+        variant: string;
+        icon: string;
+        showPrimaryButton: boolean;
+        primaryButtonText: string;
+        showSecondaryButton: boolean;
+        secondaryButtonText: string;
+        hasLoading: boolean;
+        showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
+    };
+};
+export declare const CenterAligned: {
+    args: {
+        alignment: string;
+        title: string;
+        children: string;
+        timer: number;
+        size: string;
+        variant: string;
+        icon: string;
+        showPrimaryButton: boolean;
+        primaryButtonText: string;
+        showSecondaryButton: boolean;
+        secondaryButtonText: string;
+        hasLoading: boolean;
+        showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
+    };
+};
+export declare const WithSecondaryButton: {
+    args: {
+        showSecondaryButton: boolean;
+        secondaryButtonText: string;
+        title: string;
+        children: string;
+        timer: number;
+        size: string;
+        alignment: string;
+        variant: string;
+        icon: string;
         showPrimaryButton: boolean;
         primaryButtonText: string;
+        hasLoading: boolean;
+        showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
+    };
+};
+export declare const BothButtons: {
+    args: {
+        showPrimaryButton: boolean;
         showSecondaryButton: boolean;
+        primaryButtonText: string;
         secondaryButtonText: string;
+        title: string;
+        children: string;
+        timer: number;
+        size: string;
+        alignment: string;
+        variant: string;
+        icon: string;
         hasLoading: boolean;
         showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
+    };
+};
+export declare const PrimaryButtonLoading: {
+    args: {
+        isPrimaryButtonLoading: boolean;
+        primaryButtonText: string;
+        title: string;
+        children: string;
+        timer: number;
+        size: string;
+        alignment: string;
+        variant: string;
+        icon: string;
+        showPrimaryButton: boolean;
+        showSecondaryButton: boolean;
+        secondaryButtonText: string;
+        hasLoading: boolean;
+        showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
+    };
+};
+export declare const WithoutButtons: {
+    args: {
+        showPrimaryButton: boolean;
+        showSecondaryButton: boolean;
+        children: string;
+        title: string;
+        timer: number;
+        size: string;
+        alignment: string;
+        variant: string;
+        icon: string;
+        primaryButtonText: string;
+        secondaryButtonText: string;
+        hasLoading: boolean;
+        showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
     };
 };
 export declare const WithoutCloseIcon: {
@@ -173,11 +419,22 @@ export declare const WithoutCloseIcon: {
         title: string;
         children: string;
         timer: number;
+        size: string;
+        alignment: string;
+        variant: string;
+        icon: string;
         showPrimaryButton: boolean;
         primaryButtonText: string;
         showSecondaryButton: boolean;
         secondaryButtonText: string;
         hasLoading: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
     };
 };
 export declare const ContentOnly: {
@@ -187,9 +444,116 @@ export declare const ContentOnly: {
         showSecondaryButton: boolean;
         children: string;
         timer: number;
+        size: string;
+        alignment: string;
+        variant: string;
+        icon: string;
         primaryButtonText: string;
         secondaryButtonText: string;
         hasLoading: boolean;
         showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
+    };
+};
+export declare const HtmlTitle: {
+    args: {
+        title: string;
+        children: string;
+        variant: string;
+        timer: number;
+        size: string;
+        alignment: string;
+        icon: string;
+        showPrimaryButton: boolean;
+        primaryButtonText: string;
+        showSecondaryButton: boolean;
+        secondaryButtonText: string;
+        hasLoading: boolean;
+        showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
+    };
+};
+export declare const CustomIcon: {
+    args: {
+        icon: string;
+        variant: string;
+        title: string;
+        children: string;
+        timer: number;
+        size: string;
+        alignment: string;
+        showPrimaryButton: boolean;
+        primaryButtonText: string;
+        showSecondaryButton: boolean;
+        secondaryButtonText: string;
+        hasLoading: boolean;
+        showCloseIcon: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
+    };
+};
+export declare const Persistent: {
+    args: {
+        hasClosing: boolean;
+        timer: number;
+        title: string;
+        children: string;
+        showCloseIcon: boolean;
+        size: string;
+        alignment: string;
+        variant: string;
+        icon: string;
+        showPrimaryButton: boolean;
+        primaryButtonText: string;
+        showSecondaryButton: boolean;
+        secondaryButtonText: string;
+        hasLoading: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
+    };
+};
+export declare const Complete: {
+    args: {
+        size: string;
+        alignment: string;
+        variant: string;
+        icon: string;
+        title: string;
+        children: string;
+        showPrimaryButton: boolean;
+        showSecondaryButton: boolean;
+        primaryButtonText: string;
+        secondaryButtonText: string;
+        showCloseIcon: boolean;
+        timer: number;
+        hasLoading: boolean;
+        hasClosing: boolean;
+        isPrimaryButtonLoading: boolean;
+        isPrimaryButtonDisabled: boolean;
+        isSecondaryButtonLoading: boolean;
+        isSecondaryButtonDisabled: boolean;
+        primaryButtonWidth: string;
+        secondaryButtonWidth: string;
     };
 };

package/dist/components/Toast/stories/Toast.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.ContentOnly = exports.WithoutCloseIcon = exports.LeftAligned = exports.Large = exports.Small = exports.WithSecondaryButton = exports.Loading = exports.Danger = exports.Warning = exports.Success = exports.Default = void 0;
+exports.Complete = exports.Persistent = exports.CustomIcon = exports.HtmlTitle = exports.ContentOnly = exports.WithoutCloseIcon = exports.WithoutButtons = exports.PrimaryButtonLoading = exports.BothButtons = exports.WithSecondaryButton = exports.CenterAligned = exports.LeftAligned = exports.Large = exports.Medium = exports.Small = exports.Loading = exports.Danger = exports.Warning = exports.Success = exports.Primary = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Toast_1 = require("../Toast");
 var props_1 = require("../props");
@@ -24,65 +24,109 @@ var ToastTrigger = function (props) {
     var handleShowToast = function () { return (0, Toast_1.toast)(__assign(__assign({}, props), { show: true })); };
     return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Toast_1.Toaster, {}), (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: "big", variant: "primary", onClick: handleShowToast }, { children: "Show Toast" }))] }));
 };
-var defaultArgs = {
-    title: 'Title',
-    children: 'Content',
+var baseArgs = {
+    title: "Title",
+    children: "Content",
     timer: 200000,
+    size: "medium",
+    alignment: "center",
+    variant: "primary",
+    icon: "CheckMark",
     showPrimaryButton: true,
-    primaryButtonText: 'Primary',
+    primaryButtonText: "Primary",
     showSecondaryButton: false,
-    secondaryButtonText: 'Secondary',
+    secondaryButtonText: "Secondary",
     hasLoading: false,
     showCloseIcon: true,
+    hasClosing: true,
+    isPrimaryButtonLoading: false,
+    isPrimaryButtonDisabled: false,
+    isSecondaryButtonLoading: false,
+    isSecondaryButtonDisabled: false,
+    primaryButtonWidth: "100%",
+    secondaryButtonWidth: "100%",
 };
 exports.default = {
-    title: 'Components/Toast',
+    title: "Components/Toast",
     component: ToastTrigger,
-    tags: ['autodocs'],
+    tags: ["autodocs"],
     argTypes: {
-        size: { control: 'select', options: props_1.sizes },
-        alignment: { control: 'select', options: props_1.alignment },
-        variant: { control: 'select', options: props_1.variant },
-        icon: { control: 'select', options: Object.keys(iconList_1.iconList) },
-        title: { control: 'text' },
-        showPrimaryButton: { control: 'boolean' },
-        showSecondaryButton: { control: 'boolean' },
-        showCloseIcon: { control: 'boolean' },
-        hasLoading: { control: 'boolean' },
-        onPrimaryAction: { action: 'primary clicked' },
-        onSecondaryAction: { action: 'secondary clicked' },
-    }
+        size: { control: "select", options: props_1.sizes },
+        alignment: { control: "select", options: props_1.alignment },
+        variant: { control: "select", options: props_1.variant },
+        icon: { control: "select", options: Object.keys(iconList_1.iconList) },
+        title: { control: "text" },
+        showPrimaryButton: { control: "boolean" },
+        showSecondaryButton: { control: "boolean" },
+        showCloseIcon: { control: "boolean" },
+        hasLoading: { control: "boolean" },
+        hasClosing: { control: "boolean" },
+        isPrimaryButtonLoading: { control: "boolean" },
+        isPrimaryButtonDisabled: { control: "boolean" },
+        onPrimaryAction: { action: "primary clicked" },
+        onSecondaryAction: { action: "secondary clicked" },
+    },
 };
 exports.Default = {
-    args: defaultArgs,
+    args: __assign({}, baseArgs),
+};
+exports.Primary = {
+    args: __assign(__assign({}, baseArgs), { variant: "primary", title: "Bilgi", children: "Bilgilendirme mesajı." }),
 };
 exports.Success = {
-    args: __assign(__assign({}, defaultArgs), { variant: 'success', title: 'Başarılı', children: 'İşleminiz başarıyla tamamlandı.' }),
+    args: __assign(__assign({}, baseArgs), { variant: "success", title: "Başarılı", children: "İşleminiz başarıyla tamamlandı." }),
 };
 exports.Warning = {
-    args: __assign(__assign({}, defaultArgs), { variant: 'warning', title: 'Uyarı', children: 'Lütfen bu işlemi kontrol edin.' }),
+    args: __assign(__assign({}, baseArgs), { variant: "warning", title: "Uyarı", children: "Lütfen bu işlemi kontrol edin." }),
 };
 exports.Danger = {
-    args: __assign(__assign({}, defaultArgs), { variant: 'danger', title: 'Hata', children: 'Bir hata oluştu.' }),
+    args: __assign(__assign({}, baseArgs), { variant: "danger", title: "Hata", children: "Bir hata oluştu.", icon: "Danger" }),
 };
 exports.Loading = {
-    args: __assign(__assign({}, defaultArgs), { hasLoading: true, title: 'Yükleniyor', children: 'İşlem devam ediyor...' }),
-};
-exports.WithSecondaryButton = {
-    args: __assign(__assign({}, defaultArgs), { showSecondaryButton: true, secondaryButtonText: 'İptal' }),
+    args: __assign(__assign({}, baseArgs), { hasLoading: true, title: "Yükleniyor", children: "İşlem devam ediyor..." }),
 };
 exports.Small = {
-    args: __assign(__assign({}, defaultArgs), { size: 'small' }),
+    args: __assign(__assign({}, baseArgs), { size: "small" }),
+};
+exports.Medium = {
+    args: __assign(__assign({}, baseArgs), { size: "medium" }),
 };
 exports.Large = {
-    args: __assign(__assign({}, defaultArgs), { size: 'large' }),
+    args: __assign(__assign({}, baseArgs), { size: "large" }),
 };
 exports.LeftAligned = {
-    args: __assign(__assign({}, defaultArgs), { alignment: 'left' }),
+    args: __assign(__assign({}, baseArgs), { alignment: "left" }),
+};
+exports.CenterAligned = {
+    args: __assign(__assign({}, baseArgs), { alignment: "center" }),
+};
+exports.WithSecondaryButton = {
+    args: __assign(__assign({}, baseArgs), { showSecondaryButton: true, secondaryButtonText: "İptal" }),
+};
+exports.BothButtons = {
+    args: __assign(__assign({}, baseArgs), { showPrimaryButton: true, showSecondaryButton: true, primaryButtonText: "Onayla", secondaryButtonText: "Vazgeç" }),
+};
+exports.PrimaryButtonLoading = {
+    args: __assign(__assign({}, baseArgs), { isPrimaryButtonLoading: true, primaryButtonText: "Kaydediliyor" }),
+};
+exports.WithoutButtons = {
+    args: __assign(__assign({}, baseArgs), { showPrimaryButton: false, showSecondaryButton: false, children: "Butonsuz bilgilendirme toast'ı." }),
 };
 exports.WithoutCloseIcon = {
-    args: __assign(__assign({}, defaultArgs), { showCloseIcon: false }),
+    args: __assign(__assign({}, baseArgs), { showCloseIcon: false }),
 };
 exports.ContentOnly = {
-    args: __assign(__assign({}, defaultArgs), { title: null, showPrimaryButton: false, showSecondaryButton: false, children: 'Sadece içerik metni.' }),
+    args: __assign(__assign({}, baseArgs), { title: null, showPrimaryButton: false, showSecondaryButton: false, children: "Sadece içerik metni." }),
+};
+exports.HtmlTitle = {
+    args: __assign(__assign({}, baseArgs), { title: "Sipariş <b>#12345</b> oluşturuldu", children: "Detayları hesabımdan görebilirsin.", variant: "success" }),
+};
+exports.CustomIcon = {
+    args: __assign(__assign({}, baseArgs), { icon: "InfoCircle", variant: "primary", title: "Özel ikon" }),
+};
+exports.Persistent = {
+    args: __assign(__assign({}, baseArgs), { hasClosing: false, timer: 0, title: "Kapanmayan toast", children: "hasClosing=false ile otomatik kapanmaz.", showCloseIcon: true }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, baseArgs), { size: "large", alignment: "left", variant: "success", icon: "CheckMark", title: "Komple toast", children: "Primary + secondary + close icon birlikte.", showPrimaryButton: true, showSecondaryButton: true, primaryButtonText: "Tamam", secondaryButtonText: "İptal", showCloseIcon: true }),
 };