krl-alfred 2.23.13 → 2.23.15

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

@@ -1,15 +1,73 @@
-import React from 'react';
+import React from "react";
 declare const _default: {
     title: string;
-    component: ({ hasError, label, type, width, dropdownMaxHeight, value, noResultTemplate, onBlur, onKeyUp, onKeyDown, autoComplete, hasAutoUppercase, dropdownPosition, disabled, customLinkText, customLinkHref, onCustomLinkClick, onChange, errorMessage, name, placeholder, readonly, autofocus, dropdownList, hasLoading, isShowDropdown, onClear, onFocus }: import("../props").AutocompleteInput) => React.JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         hasError: {
             control: string;
         };
+        disabled: {
+            control: string;
+        };
+        readonly: {
+            control: string;
+        };
+        hasLoading: {
+            control: string;
+        };
+        isShowDropdown: {
+            control: string;
+        };
+        hasAutoUppercase: {
+            control: string;
+        };
+        autofocus: {
+            control: string;
+        };
+        label: {
+            control: string;
+        };
+        placeholder: {
+            control: string;
+        };
+        errorMessage: {
+            control: string;
+        };
+        width: {
+            control: string;
+        };
+        dropdownMaxHeight: {
+            control: string;
+        };
+        dropdownPosition: {
+            control: string;
+            options: string[];
+        };
+        customLinkText: {
+            control: string;
+        };
+        customLinkHref: {
+            control: string;
+        };
         onCustomLinkClick: {
             action: string;
         };
+        onClear: {
+            action: string;
+        };
+        onChange: {
+            action: string;
+        };
+        dropdownList: {
+            control: string;
+        };
+        value: {
+            control: string;
+        };
+        noResultTemplate: {
+            control: boolean;
+        };
     };
 };
 export default _default;
@@ -21,14 +79,134 @@ export declare const Default: {
         readonly: boolean;
         hasLoading: boolean;
         label: string;
+        width: string;
+        dropdownMaxHeight: string;
+        isShowDropdown: boolean;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+        dropdownList: ({
+            value: number;
+            label: string;
+            isFixedBottom?: undefined;
+        } | {
+            value: number;
+            label: string;
+            isFixedBottom: boolean;
+        })[];
+    };
+};
+export declare const DropdownOpen: {
+    args: {
+        isShowDropdown: boolean;
+        placeholder: string;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        label: string;
+        width: string;
         dropdownMaxHeight: string;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
         onClear: () => void;
         onChange: (e: any) => void;
         onKeyUp: () => void;
         onFocus: () => void;
         onBlur: () => void;
         onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+        dropdownList: ({
+            value: number;
+            label: string;
+            isFixedBottom?: undefined;
+        } | {
+            value: number;
+            label: string;
+            isFixedBottom: boolean;
+        })[];
+    };
+};
+export declare const NoResults: {
+    args: {
+        isShowDropdown: boolean;
+        dropdownList: any[];
+        noResultTemplate: () => React.JSX.Element;
+        placeholder: string;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        label: string;
+        width: string;
+        dropdownMaxHeight: string;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
         value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+    };
+};
+export declare const WithError: {
+    args: {
+        hasError: boolean;
+        errorMessage: string;
+        placeholder: string;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        label: string;
+        width: string;
+        dropdownMaxHeight: string;
+        isShowDropdown: boolean;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
         noResultTemplate: () => React.JSX.Element;
         dropdownList: ({
             value: number;
@@ -41,3 +219,560 @@ export declare const Default: {
         })[];
     };
 };
+export declare const WithErrorAndDropdown: {
+    args: {
+        hasError: boolean;
+        errorMessage: string;
+        isShowDropdown: boolean;
+        placeholder: string;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        label: string;
+        width: string;
+        dropdownMaxHeight: string;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+        dropdownList: ({
+            value: number;
+            label: string;
+            isFixedBottom?: undefined;
+        } | {
+            value: number;
+            label: string;
+            isFixedBottom: boolean;
+        })[];
+    };
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+        placeholder: string;
+        hasError: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        label: string;
+        width: string;
+        dropdownMaxHeight: string;
+        isShowDropdown: boolean;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+        dropdownList: ({
+            value: number;
+            label: string;
+            isFixedBottom?: undefined;
+        } | {
+            value: number;
+            label: string;
+            isFixedBottom: boolean;
+        })[];
+    };
+};
+export declare const Readonly: {
+    args: {
+        readonly: boolean;
+        value: {
+            value: number;
+            label: string;
+        };
+        placeholder: string;
+        hasError: boolean;
+        disabled: boolean;
+        hasLoading: boolean;
+        label: string;
+        width: string;
+        dropdownMaxHeight: string;
+        isShowDropdown: boolean;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+        dropdownList: ({
+            value: number;
+            label: string;
+            isFixedBottom?: undefined;
+        } | {
+            value: number;
+            label: string;
+            isFixedBottom: boolean;
+        })[];
+    };
+};
+export declare const WithLoading: {
+    args: {
+        hasLoading: boolean;
+        isShowDropdown: boolean;
+        placeholder: string;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        label: string;
+        width: string;
+        dropdownMaxHeight: string;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+        dropdownList: ({
+            value: number;
+            label: string;
+            isFixedBottom?: undefined;
+        } | {
+            value: number;
+            label: string;
+            isFixedBottom: boolean;
+        })[];
+    };
+};
+export declare const WithCustomLink: {
+    args: {
+        customLinkText: string;
+        customLinkHref: string;
+        onCustomLinkClick: () => void;
+        placeholder: string;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        label: string;
+        width: string;
+        dropdownMaxHeight: string;
+        isShowDropdown: boolean;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        noResultTemplate: () => React.JSX.Element;
+        dropdownList: ({
+            value: number;
+            label: string;
+            isFixedBottom?: undefined;
+        } | {
+            value: number;
+            label: string;
+            isFixedBottom: boolean;
+        })[];
+    };
+};
+export declare const WithoutLabel: {
+    args: {
+        label: string;
+        placeholder: string;
+        dropdownList: {
+            value: number;
+            label: string;
+        }[];
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        width: string;
+        dropdownMaxHeight: string;
+        isShowDropdown: boolean;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+    };
+};
+export declare const WithSelectedValue: {
+    args: {
+        value: {
+            value: number;
+            label: string;
+        };
+        placeholder: string;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        label: string;
+        width: string;
+        dropdownMaxHeight: string;
+        isShowDropdown: boolean;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+        dropdownList: ({
+            value: number;
+            label: string;
+            isFixedBottom?: undefined;
+        } | {
+            value: number;
+            label: string;
+            isFixedBottom: boolean;
+        })[];
+    };
+};
+export declare const WithoutAutoUppercase: {
+    args: {
+        hasAutoUppercase: boolean;
+        placeholder: string;
+        label: string;
+        dropdownList: {
+            value: number;
+            label: string;
+        }[];
+        isShowDropdown: boolean;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        width: string;
+        dropdownMaxHeight: string;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+    };
+};
+export declare const SingleItem: {
+    args: {
+        label: string;
+        dropdownList: {
+            value: number;
+            label: string;
+        }[];
+        isShowDropdown: boolean;
+        hasAutoUppercase: boolean;
+        placeholder: string;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        width: string;
+        dropdownMaxHeight: string;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+    };
+};
+export declare const FixedBottomItem: {
+    args: {
+        isShowDropdown: boolean;
+        dropdownList: ({
+            value: number;
+            label: string;
+            isFixedBottom?: undefined;
+        } | {
+            value: number;
+            label: string;
+            isFixedBottom: boolean;
+        })[];
+        placeholder: string;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        label: string;
+        width: string;
+        dropdownMaxHeight: string;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+    };
+};
+export declare const ShortDropdown: {
+    args: {
+        dropdownMaxHeight: string;
+        isShowDropdown: boolean;
+        placeholder: string;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        label: string;
+        width: string;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+        dropdownList: ({
+            value: number;
+            label: string;
+            isFixedBottom?: undefined;
+        } | {
+            value: number;
+            label: string;
+            isFixedBottom: boolean;
+        })[];
+    };
+};
+export declare const FullWidth: {
+    args: {
+        width: string;
+        isShowDropdown: boolean;
+        dropdownList: {
+            value: number;
+            label: string;
+        }[];
+        placeholder: string;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        label: string;
+        dropdownMaxHeight: string;
+        hasAutoUppercase: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+    };
+};
+export declare const DropdownPositionRelative: {
+    args: {
+        dropdownPosition: string;
+        isShowDropdown: boolean;
+        dropdownList: {
+            value: number;
+            label: string;
+        }[];
+        placeholder: string;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        label: string;
+        width: string;
+        dropdownMaxHeight: string;
+        hasAutoUppercase: boolean;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+    };
+};
+export declare const Complete: {
+    args: {
+        label: string;
+        placeholder: string;
+        customLinkText: string;
+        customLinkHref: string;
+        isShowDropdown: boolean;
+        hasError: boolean;
+        errorMessage: string;
+        hasAutoUppercase: boolean;
+        dropdownList: {
+            value: number;
+            label: string;
+        }[];
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        width: string;
+        dropdownMaxHeight: string;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+    };
+};
+export declare const Interactive: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        label: string;
+        placeholder: string;
+        dropdownList: {
+            value: number;
+            label: string;
+        }[];
+        hasAutoUppercase: boolean;
+        hasError: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        hasLoading: boolean;
+        width: string;
+        dropdownMaxHeight: string;
+        isShowDropdown: boolean;
+        dropdownPosition: string;
+        autofocus: boolean;
+        name: string;
+        autoComplete: string;
+        value: any;
+        errorMessage: string;
+        customLinkText: any;
+        customLinkHref: any;
+        onClear: () => void;
+        onChange: (e: any) => void;
+        onKeyUp: () => void;
+        onFocus: () => void;
+        onBlur: () => void;
+        onKeyDown: () => void;
+        onCustomLinkClick: () => void;
+        noResultTemplate: () => React.JSX.Element;
+    };
+};