krl-alfred 2.23.13 → 2.23.15

package/dist/components/Alert/stories/Alert.stories.js

@@ -14,155 +14,104 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AllVariants = exports.WithSpacing = exports.CustomWidth = exports.MultipleMessages = exports.WithChildren = exports.Success = exports.Danger = exports.Warning = exports.Default = void 0;
+exports.AllVariants = exports.Complete = exports.LongContent = exports.BottomSpacingOnly = exports.TopSpacingOnly = exports.WithSpacing = exports.FullWidth = exports.CustomWidth = exports.CustomIcon = exports.WithChildrenAndMultipleMessages = exports.MultipleMessages = exports.WithChildren = exports.WithoutMessages = exports.TitleOnly = exports.Hidden = exports.Success = exports.Danger = exports.Warning = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Alert_1 = __importDefault(require("../Alert"));
 var props_1 = require("../props");
 var iconList_1 = require("../../Icon/iconList");
+var baseArgs = {
+    variant: "warning",
+    width: "327px",
+    show: true,
+    title: "Bir hata oluştu",
+    messages: ["Alert message"],
+    icon: "Danger",
+    top: "",
+    bottom: "",
+    children: null,
+};
 exports.default = {
-    title: 'Components/Alert',
-    component: Alert_1.default,
-    tags: ['autodocs'],
+    title: "Components/Alert",
+    component: function (props) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: 520 } }, { children: (0, jsx_runtime_1.jsx)(Alert_1.default, __assign({}, props)) }))); },
+    tags: ["autodocs"],
     argTypes: {
         variant: {
-            control: 'select',
+            control: "select",
             options: Object.keys(props_1.variants),
         },
         icon: {
-            control: 'select',
+            control: "select",
             options: Object.keys(iconList_1.iconList),
         },
-        show: {
-            control: 'boolean',
-        },
-        title: {
-            control: 'text',
-        },
-        messages: {
-            control: 'object',
-        },
-        width: {
-            control: 'text',
-        },
-        top: {
-            control: 'text',
-        },
-        bottom: {
-            control: 'text',
-        },
-        children: {
-            control: false,
-        },
-    }
+        show: { control: "boolean" },
+        title: { control: "text" },
+        messages: { control: "object" },
+        width: { control: "text" },
+        top: { control: "text" },
+        bottom: { control: "text" },
+        children: { control: false },
+    },
 };
 exports.Default = {
-    args: {
-        variant: "warning",
-        width: "327px",
-        show: true,
-        title: "Bir hata oluştu",
-        messages: ["Alert message"],
-        icon: "Danger",
-        top: "",
-        bottom: "",
-        children: null,
-    },
+    args: __assign({}, baseArgs),
 };
 exports.Warning = {
-    args: {
-        variant: "warning",
-        width: "327px",
-        show: true,
-        title: "Uyarı",
-        messages: ["Bu bir uyarı mesajıdır."],
-        icon: "Warning",
-        top: "",
-        bottom: "",
-        children: null,
-    },
+    args: __assign(__assign({}, baseArgs), { variant: "warning", title: "Uyarı", messages: ["Bu bir uyarı mesajıdır."], icon: "Danger" }),
 };
 exports.Danger = {
-    args: {
-        variant: "danger",
-        width: "327px",
-        show: true,
-        title: "Hata",
-        messages: ["Bir hata oluştu. Lütfen tekrar deneyin."],
-        icon: "Danger",
-        top: "",
-        bottom: "",
-        children: null,
-    },
+    args: __assign(__assign({}, baseArgs), { variant: "danger", title: "Hata", messages: ["Bir hata oluştu. Lütfen tekrar deneyin."], icon: "Danger" }),
 };
 exports.Success = {
-    args: {
-        variant: "success",
-        width: "327px",
-        show: true,
-        title: "Başarılı",
-        messages: ["İşlem başarıyla tamamlandı."],
-        icon: "Success",
-        top: "",
-        bottom: "",
-        children: null,
-    },
+    args: __assign(__assign({}, baseArgs), { variant: "success", title: "Başarılı", messages: ["İşlem başarıyla tamamlandı."], icon: "CheckMark" }),
+};
+exports.Hidden = {
+    args: __assign(__assign({}, baseArgs), { show: false, title: "Gizli alert", messages: ["show=false iken render edilmez."] }),
+};
+exports.TitleOnly = {
+    args: __assign(__assign({}, baseArgs), { title: "Sadece başlık", messages: [] }),
+};
+exports.WithoutMessages = {
+    args: __assign(__assign({}, baseArgs), { title: "Mesajsız, sadece children", messages: [], children: ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", { children: "Ek a\u00E7\u0131klama metni buraya gelebilir." }) })) }),
 };
 exports.WithChildren = {
-    args: {
-        variant: "warning",
-        width: "327px",
-        show: true,
-        title: "Detaylı Uyarı",
-        messages: ["Ana mesaj"],
-        icon: "Warning",
-        top: "",
-        bottom: "",
-        children: ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: "Ek a\u00E7\u0131klama metni buraya gelebilir." }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "Liste \u00F6\u011Fesi 1" }), (0, jsx_runtime_1.jsx)("li", { children: "Liste \u00F6\u011Fesi 2" })] })] })),
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Detaylı Uyarı", messages: ["Ana mesaj"], children: ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: "Ek a\u00E7\u0131klama metni buraya gelebilir." }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "Liste \u00F6\u011Fesi 1" }), (0, jsx_runtime_1.jsx)("li", { children: "Liste \u00F6\u011Fesi 2" })] })] })) }),
 };
 exports.MultipleMessages = {
-    args: {
-        variant: "danger",
-        width: "327px",
-        show: true,
-        title: "Çoklu Hata",
-        messages: [
+    args: __assign(__assign({}, baseArgs), { variant: "danger", title: "Çoklu Hata", messages: [
             "İlk hata mesajı",
             "İkinci hata mesajı",
-            "Üçüncü hata mesajı"
-        ],
-        icon: "Danger",
-        top: "",
-        bottom: "",
-        children: null,
-    },
+            "Üçüncü hata mesajı",
+        ] }),
+};
+exports.WithChildrenAndMultipleMessages = {
+    args: __assign(__assign({}, baseArgs), { variant: "warning", title: "Mesaj + açıklama", messages: ["Kontrol etmen gereken noktalar var.", "Formu tekrar gözden geçir."], children: ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", { children: "Detay i\u00E7in yard\u0131m merkezini ziyaret edebilirsin." }) })) }),
+};
+exports.CustomIcon = {
+    args: __assign(__assign({}, baseArgs), { variant: "success", title: "Özel ikon", messages: ["InfoCircle ikonu ile success varyantı."], icon: "InfoCircle" }),
 };
 exports.CustomWidth = {
-    args: {
-        variant: "success",
-        width: "500px",
-        show: true,
-        title: "Geniş Alert",
-        messages: ["Bu alert özel genişlik kullanıyor."],
-        icon: "Success",
-        top: "",
-        bottom: "",
-        children: null,
-    },
+    args: __assign(__assign({}, baseArgs), { variant: "success", width: "500px", title: "Geniş Alert", messages: ["Bu alert özel genişlik kullanıyor."], icon: "CheckMark" }),
+};
+exports.FullWidth = {
+    args: __assign(__assign({}, baseArgs), { width: "100%", title: "Tam genişlik", messages: ["width boş/100% olduğunda container kadar yayılır."] }),
 };
 exports.WithSpacing = {
-    args: {
-        variant: "warning",
-        width: "327px",
-        show: true,
-        title: "Spacing Örneği",
-        messages: ["Üst ve alt boşluklu alert"],
-        icon: "Warning",
-        top: "20px",
-        bottom: "20px",
-        children: null,
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Spacing Örneği", messages: ["Üst ve alt boşluklu alert"], top: "20px", bottom: "20px" }),
+};
+exports.TopSpacingOnly = {
+    args: __assign(__assign({}, baseArgs), { title: "Sadece üst boşluk", messages: ["top: 40px"], top: "40px" }),
+};
+exports.BottomSpacingOnly = {
+    args: __assign(__assign({}, baseArgs), { title: "Sadece alt boşluk", messages: ["bottom: 40px"], bottom: "40px" }),
+};
+exports.LongContent = {
+    args: __assign(__assign({}, baseArgs), { variant: "danger", title: "Çok uzun bir başlık metni: işlem sırasında beklenmeyen bir durum oluştu", messages: [
+            "Bu mesaj bilerek uzun tutuldu. Kullanıcıya birden fazla satırda okunabilir bir hata özeti göstermek için alert içeriğinin nasıl kırıldığını kontrol eder.",
+        ] }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, baseArgs), { variant: "warning", width: "100%", title: "Tüm özellikler aktif", messages: ["Ana uyarı mesajı", "İkinci bilgilendirme satırı"], icon: "InfoCircle", top: "12px", bottom: "12px", children: ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("p", { children: "Children ile ek i\u00E7erik." }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { children: "Ad\u0131m 1" }), (0, jsx_runtime_1.jsx)("li", { children: "Ad\u0131m 2" })] })] })) }),
 };
 exports.AllVariants = {
-    render: function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: 'flex', flexDirection: 'column', gap: '1rem' } }, { children: [(0, jsx_runtime_1.jsx)(Alert_1.default, { variant: "warning", width: "327px", show: true, title: "Uyar\u0131", messages: ["Bu bir uyarı mesajıdır."], icon: "Warning" }), (0, jsx_runtime_1.jsx)(Alert_1.default, { variant: "danger", width: "327px", show: true, title: "Hata", messages: ["Bir hata oluştu."], icon: "Danger" }), (0, jsx_runtime_1.jsx)(Alert_1.default, { variant: "success", width: "327px", show: true, title: "Ba\u015Far\u0131l\u0131", messages: ["İşlem başarıyla tamamlandı."], icon: "Success" })] }))); },
+    render: function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: "flex", flexDirection: "column", gap: "1rem", maxWidth: 520 } }, { children: [(0, jsx_runtime_1.jsx)(Alert_1.default, { variant: "warning", width: "100%", show: true, title: "Uyar\u0131", messages: ["Bu bir uyarı mesajıdır."], icon: "Danger" }), (0, jsx_runtime_1.jsx)(Alert_1.default, { variant: "danger", width: "100%", show: true, title: "Hata", messages: ["Bir hata oluştu."], icon: "Danger" }), (0, jsx_runtime_1.jsx)(Alert_1.default, { variant: "success", width: "100%", show: true, title: "Ba\u015Far\u0131l\u0131", messages: ["İşlem başarıyla tamamlandı."], icon: "CheckMark" })] }))); },
 };

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

@@ -1,6 +1,14 @@
 /// <reference types="react" />
 import { AutocompleteInputStyledProps, ContainerProps } from "./props";
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width"> & ContainerProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width"> & ContainerProps, never>>> & string;
-export declare const InputStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof AutocompleteInputStyledProps> & AutocompleteInputStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof AutocompleteInputStyledProps> & AutocompleteInputStyledProps, never>>> & string;
-export declare const DropdownStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof AutocompleteInputStyledProps> & AutocompleteInputStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof AutocompleteInputStyledProps> & AutocompleteInputStyledProps, never>>> & string;
-export declare const DropdownInnerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof AutocompleteInputStyledProps> & AutocompleteInputStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof AutocompleteInputStyledProps> & AutocompleteInputStyledProps, never>>> & string;
+export declare const Container: 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;
+}, ContainerProps>> & string;
+export declare const InputStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, AutocompleteInputStyledProps>> & string;
+export declare const DropdownStyled: 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;
+}, AutocompleteInputStyledProps>> & string;
+export declare const DropdownInnerStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, AutocompleteInputStyledProps>> & string;