krl-alfred 2.23.13 → 2.23.15

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import React from "react";
 declare const _default: {
     title: string;
-    component: ({ columns, emptyText, hasLoading, hasRowHover, data, }: import("../props").Table) => React.JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         hasLoading: {
@@ -13,6 +13,12 @@ declare const _default: {
         emptyText: {
             control: string;
         };
+        columns: {
+            control: boolean;
+        };
+        data: {
+            control: boolean;
+        };
     };
 };
 export default _default;
@@ -38,6 +44,8 @@ export declare const Default: {
             key: string;
         }[];
         hasLoading: boolean;
+        hasRowHover: boolean;
+        emptyText: string;
     };
 };
 export declare const Loading: {
@@ -62,6 +70,8 @@ export declare const Loading: {
             address: string;
             key: string;
         }[];
+        hasRowHover: boolean;
+        emptyText: string;
     };
 };
 export declare const Empty: {
@@ -81,6 +91,8 @@ export declare const Empty: {
             width?: undefined;
         })[];
         hasLoading: boolean;
+        hasRowHover: boolean;
+        emptyText: string;
     };
 };
 export declare const EmptyWithCustomText: {
@@ -101,6 +113,7 @@ export declare const EmptyWithCustomText: {
             width?: undefined;
         })[];
         hasLoading: boolean;
+        hasRowHover: boolean;
     };
 };
 export declare const FewRows: {
@@ -125,6 +138,34 @@ export declare const FewRows: {
             width?: undefined;
         })[];
         hasLoading: boolean;
+        hasRowHover: boolean;
+        emptyText: string;
+    };
+};
+export declare const SingleRow: {
+    args: {
+        data: {
+            name: string;
+            age: number;
+            address: string;
+            key: string;
+        }[];
+        columns: ({
+            title: string;
+            dataIndex: string;
+            key: string;
+            width: number;
+            render?: undefined;
+        } | {
+            title: string;
+            dataIndex: string;
+            key: string;
+            render: () => React.JSX.Element;
+            width?: undefined;
+        })[];
+        hasLoading: boolean;
+        hasRowHover: boolean;
+        emptyText: string;
     };
 };
 export declare const WithoutRowHover: {
@@ -150,5 +191,129 @@ export declare const WithoutRowHover: {
             width?: undefined;
         })[];
         hasLoading: boolean;
+        emptyText: string;
+    };
+};
+export declare const SingleColumn: {
+    args: {
+        columns: {
+            title: string;
+            dataIndex: string;
+            key: string;
+        }[];
+        data: {
+            name: string;
+            age: number;
+            address: string;
+            key: string;
+        }[];
+        hasLoading: boolean;
+        hasRowHover: boolean;
+        emptyText: string;
+    };
+};
+export declare const TurkishHeaders: {
+    args: {
+        columns: ({
+            title: string;
+            dataIndex: string;
+            key: string;
+            width: number;
+            render?: undefined;
+        } | {
+            title: string;
+            dataIndex: string;
+            key: string;
+            render: () => React.JSX.Element;
+            width?: undefined;
+        })[];
+        data: {
+            name: string;
+            age: number;
+            address: string;
+            key: string;
+        }[];
+        emptyText: string;
+        hasLoading: boolean;
+        hasRowHover: boolean;
+    };
+};
+export declare const CustomCellRender: {
+    args: {
+        data: {
+            name: string;
+            age: number;
+            address: string;
+            key: string;
+        }[];
+        columns: ({
+            title: string;
+            dataIndex: string;
+            key: string;
+            width: number;
+            render?: undefined;
+        } | {
+            title: string;
+            dataIndex: string;
+            key: string;
+            width: number;
+            render: (value: any) => React.JSX.Element;
+        } | {
+            title: string;
+            key: string;
+            render: () => React.JSX.Element;
+            dataIndex?: undefined;
+            width?: undefined;
+        })[];
+        hasLoading: boolean;
+        hasRowHover: boolean;
+        emptyText: string;
+    };
+};
+export declare const LoadingEmpty: {
+    args: {
+        data: any[];
+        hasLoading: boolean;
+        columns: ({
+            title: string;
+            dataIndex: string;
+            key: string;
+            width: number;
+            render?: undefined;
+        } | {
+            title: string;
+            dataIndex: string;
+            key: string;
+            render: () => React.JSX.Element;
+            width?: undefined;
+        })[];
+        hasRowHover: boolean;
+        emptyText: string;
+    };
+};
+export declare const Complete: {
+    args: {
+        columns: ({
+            title: string;
+            dataIndex: string;
+            key: string;
+            width: number;
+            render?: undefined;
+        } | {
+            title: string;
+            dataIndex: string;
+            key: string;
+            render: () => React.JSX.Element;
+            width?: undefined;
+        })[];
+        data: {
+            name: string;
+            age: number;
+            address: string;
+            key: string;
+        }[];
+        hasRowHover: boolean;
+        emptyText: string;
+        hasLoading: boolean;
     };
 };

package/dist/components/Table/stories/Table.stories.js

@@ -14,46 +14,99 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithoutRowHover = exports.FewRows = exports.EmptyWithCustomText = exports.Empty = exports.Loading = exports.Default = void 0;
+exports.Complete = exports.LoadingEmpty = exports.CustomCellRender = exports.TurkishHeaders = exports.SingleColumn = exports.WithoutRowHover = exports.SingleRow = exports.FewRows = exports.EmptyWithCustomText = exports.Empty = exports.Loading = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Table_1 = __importDefault(require("../Table"));
 var table_json_1 = __importDefault(require("./../../../jsons/table.json"));
 var defaultColumns = [
-    { title: 'Name', dataIndex: 'name', key: 'name', width: 100 },
-    { title: 'Age', dataIndex: 'age', key: 'age', width: 100 },
-    { title: 'Address', dataIndex: 'address', key: 'address', width: 200 },
-    { title: 'Operations', dataIndex: '', key: 'operations', render: function () { return (0, jsx_runtime_1.jsx)("a", __assign({ href: "#" }, { children: "Delete" })); } },
+    { title: "Name", dataIndex: "name", key: "name", width: 100 },
+    { title: "Age", dataIndex: "age", key: "age", width: 100 },
+    { title: "Address", dataIndex: "address", key: "address", width: 200 },
+    {
+        title: "Operations",
+        dataIndex: "",
+        key: "operations",
+        render: function () { return (0, jsx_runtime_1.jsx)("a", __assign({ href: "#" }, { children: "Delete" })); },
+    },
 ];
-var defaultArgs = {
+var turkishColumns = [
+    { title: "Ad", dataIndex: "name", key: "name", width: 120 },
+    { title: "Yaş", dataIndex: "age", key: "age", width: 80 },
+    { title: "Adres", dataIndex: "address", key: "address", width: 220 },
+    {
+        title: "İşlem",
+        dataIndex: "",
+        key: "operations",
+        render: function () { return (0, jsx_runtime_1.jsx)("a", __assign({ href: "#" }, { children: "Sil" })); },
+    },
+];
+var baseArgs = {
     columns: defaultColumns,
     data: table_json_1.default,
     hasLoading: false,
+    hasRowHover: true,
+    emptyText: "Sonuç bulunamadı",
 };
 exports.default = {
-    title: 'Components/Table',
-    component: Table_1.default,
-    tags: ['autodocs'],
+    title: "Components/Table",
+    component: function (props) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: 900 } }, { children: (0, jsx_runtime_1.jsx)(Table_1.default, __assign({}, props)) }))); },
+    tags: ["autodocs"],
     argTypes: {
-        hasLoading: { control: 'boolean' },
-        hasRowHover: { control: 'boolean' },
-        emptyText: { control: 'text' },
-    }
+        hasLoading: { control: "boolean" },
+        hasRowHover: { control: "boolean" },
+        emptyText: { control: "text" },
+        columns: { control: false },
+        data: { control: false },
+    },
 };
 exports.Default = {
-    args: defaultArgs,
+    args: __assign({}, baseArgs),
 };
 exports.Loading = {
-    args: __assign(__assign({}, defaultArgs), { hasLoading: true }),
+    args: __assign(__assign({}, baseArgs), { hasLoading: true }),
 };
 exports.Empty = {
-    args: __assign(__assign({}, defaultArgs), { data: [] }),
+    args: __assign(__assign({}, baseArgs), { data: [] }),
 };
 exports.EmptyWithCustomText = {
-    args: __assign(__assign({}, defaultArgs), { data: [], emptyText: "Henüz kayıt bulunmuyor." }),
+    args: __assign(__assign({}, baseArgs), { data: [], emptyText: "Henüz kayıt bulunmuyor." }),
 };
 exports.FewRows = {
-    args: __assign(__assign({}, defaultArgs), { data: table_json_1.default.slice(0, 3) }),
+    args: __assign(__assign({}, baseArgs), { data: table_json_1.default.slice(0, 3) }),
+};
+exports.SingleRow = {
+    args: __assign(__assign({}, baseArgs), { data: table_json_1.default.slice(0, 1) }),
 };
 exports.WithoutRowHover = {
-    args: __assign(__assign({}, defaultArgs), { hasRowHover: false, data: table_json_1.default.slice(0, 5) }),
+    args: __assign(__assign({}, baseArgs), { hasRowHover: false, data: table_json_1.default.slice(0, 5) }),
+};
+exports.SingleColumn = {
+    args: __assign(__assign({}, baseArgs), { columns: [{ title: "Name", dataIndex: "name", key: "name" }], data: table_json_1.default.slice(0, 5) }),
+};
+exports.TurkishHeaders = {
+    args: __assign(__assign({}, baseArgs), { columns: turkishColumns, data: table_json_1.default.slice(0, 5), emptyText: "Kayıt yok" }),
+};
+exports.CustomCellRender = {
+    args: __assign(__assign({}, baseArgs), { data: table_json_1.default.slice(0, 5), columns: [
+            { title: "Name", dataIndex: "name", key: "name", width: 140 },
+            {
+                title: "Age",
+                dataIndex: "age",
+                key: "age",
+                width: 100,
+                render: function (value) { return ((0, jsx_runtime_1.jsx)("strong", __assign({ style: { color: "var(--primary)" } }, { children: value }))); },
+            },
+            { title: "Address", dataIndex: "address", key: "address", width: 220 },
+            {
+                title: "Operations",
+                key: "operations",
+                render: function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: "flex", gap: 8 } }, { children: [(0, jsx_runtime_1.jsx)("a", __assign({ href: "#" }, { children: "D\u00FCzenle" })), (0, jsx_runtime_1.jsx)("a", __assign({ href: "#" }, { children: "Sil" }))] }))); },
+            },
+        ] }),
+};
+exports.LoadingEmpty = {
+    args: __assign(__assign({}, baseArgs), { data: [], hasLoading: true }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, baseArgs), { columns: turkishColumns, data: table_json_1.default.slice(0, 8), hasRowHover: true, emptyText: "Kayıt bulunamadı" }),
 };

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

@@ -1,7 +1,17 @@
 /// <reference types="react" />
 import { TabItemStyledProps, TabStyledProps } from "./props";
-export declare const TabsStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabStyledProps> & TabStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabStyledProps> & TabStyledProps, never>>> & string;
-export declare const TabHeaderStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabStyledProps> & TabStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabStyledProps> & TabStyledProps, never>>> & string;
-export declare const TabItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabItemStyledProps> & TabItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabItemStyledProps> & TabItemStyledProps, never>>> & string;
-export declare const TabItemTitleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof TabItemStyledProps> & TabItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof TabItemStyledProps> & TabItemStyledProps, never>>> & string;
-export declare const TabItemContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabItemStyledProps> & TabItemStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabItemStyledProps> & TabItemStyledProps, never>>> & string;
+export declare const TabsStyled: 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;
+}, TabStyledProps>> & string;
+export declare const TabHeaderStyled: 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;
+}, TabStyledProps>> & string;
+export declare const TabItemStyled: 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;
+}, TabItemStyledProps>> & string;
+export declare const TabItemTitleStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, TabItemStyledProps>> & string;
+export declare const TabItemContentStyled: 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;
+}, TabItemStyledProps>> & string;

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

@@ -1,13 +1,40 @@
 import React from "react";
-declare const meta: {
+declare const _default: {
     title: string;
-    component: ({ tabs, activeTab, defaultTab, size, hasAutoFlex, isHideTabHeaderOnMobile, tabButtonWidth, onChange, }: import("..").TabsProps) => React.JSX.Element;
+    component: (props: any) => React.JSX.Element;
     parameters: {
         layout: string;
     };
     tags: string[];
+    argTypes: {
+        size: {
+            control: string;
+            options: readonly ["lg", "md", "sm"];
+        };
+        hasAutoFlex: {
+            control: string;
+        };
+        isHideTabHeaderOnMobile: {
+            control: string;
+        };
+        tabButtonWidth: {
+            control: string;
+        };
+        activeTab: {
+            control: string;
+        };
+        defaultTab: {
+            control: string;
+        };
+        tabs: {
+            control: boolean;
+        };
+        onChange: {
+            action: string;
+        };
+    };
 };
-export default meta;
+export default _default;
 export declare const Default: {
     args: {
         tabs: {
@@ -15,18 +42,24 @@ export declare const Default: {
             title: string;
             content: React.JSX.Element;
         }[];
-        size: string;
+        size: "md";
+        hasAutoFlex: boolean;
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
     };
 };
 export declare const WithDefaultTab: {
     args: {
+        defaultTab: string;
         tabs: {
             key: string;
             title: string;
             content: React.JSX.Element;
         }[];
-        defaultTab: string;
-        size: string;
+        size: "md";
+        hasAutoFlex: boolean;
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
     };
 };
 export declare const WithDisabledTab: {
@@ -42,38 +75,62 @@ export declare const WithDisabledTab: {
             content: React.JSX.Element;
             isDisabled: boolean;
         })[];
-        size: string;
+        size: "md";
+        hasAutoFlex: boolean;
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
     };
 };
-export declare const WithAutoFlex: {
+export declare const SmallSize: {
     args: {
+        size: string;
         tabs: {
             key: string;
             title: string;
             content: React.JSX.Element;
         }[];
         hasAutoFlex: boolean;
-        size: string;
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
     };
 };
-export declare const SmallSize: {
+export declare const MediumSize: {
     args: {
+        size: string;
         tabs: {
             key: string;
             title: string;
             content: React.JSX.Element;
         }[];
-        size: string;
+        hasAutoFlex: boolean;
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
     };
 };
 export declare const LargeSize: {
     args: {
+        size: string;
         tabs: {
             key: string;
             title: string;
             content: React.JSX.Element;
         }[];
-        size: string;
+        hasAutoFlex: boolean;
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
+    };
+};
+export declare const WithAutoFlex: {
+    args: {
+        hasAutoFlex: boolean;
+        tabs: {
+            key: string;
+            title: string;
+            content: React.JSX.Element;
+        }[];
+        size: "md";
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
     };
 };
 export declare const WithFixedTabWidth: {
@@ -84,6 +141,105 @@ export declare const WithFixedTabWidth: {
             content: React.JSX.Element;
         }[];
         tabButtonWidth: number;
+        size: "md";
+        hasAutoFlex: boolean;
+        isHideTabHeaderOnMobile: boolean;
+    };
+};
+export declare const ManyTabs: {
+    args: {
+        tabs: {
+            key: string;
+            title: string;
+            content: React.JSX.Element;
+        }[];
+        defaultTab: string;
+        size: "md";
+        hasAutoFlex: boolean;
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
+    };
+};
+export declare const HideHeaderOnMobile: {
+    args: {
+        isHideTabHeaderOnMobile: boolean;
+        tabs: {
+            key: string;
+            title: string;
+            content: React.JSX.Element;
+        }[];
+        size: "md";
+        hasAutoFlex: boolean;
+        tabButtonWidth: any;
+    };
+};
+export declare const LongTitles: {
+    args: {
+        tabs: {
+            key: string;
+            title: string;
+            content: React.JSX.Element;
+        }[];
+        hasAutoFlex: boolean;
+        size: "md";
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
+    };
+};
+export declare const Empty: {
+    args: {
+        tabs: any[];
+        size: "md";
+        hasAutoFlex: boolean;
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
+    };
+};
+export declare const AllSizes: {
+    args: {
+        tabs: {
+            key: string;
+            title: string;
+            content: React.JSX.Element;
+        }[];
+        size: "md";
+        hasAutoFlex: boolean;
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
+    };
+    render: (args: any) => React.JSX.Element;
+};
+export declare const Interactive: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        tabs: {
+            key: string;
+            title: string;
+            content: React.JSX.Element;
+        }[];
+        size: "md";
+        hasAutoFlex: boolean;
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
+    };
+};
+export declare const Complete: {
+    args: {
         size: string;
+        hasAutoFlex: boolean;
+        defaultTab: string;
+        tabs: ({
+            key: string;
+            title: string;
+            content: React.JSX.Element;
+            isDisabled?: undefined;
+        } | {
+            key: string;
+            title: string;
+            content: React.JSX.Element;
+            isDisabled: boolean;
+        })[];
+        isHideTabHeaderOnMobile: boolean;
+        tabButtonWidth: any;
     };
 };