@propelinc/citrus-ui 0.6.0 → 1.0.0

package/dist/components/CToastsList.vue.d.ts

@@ -0,0 +1,430 @@
+import { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, ComputedRef, ComponentProvideOptions } from 'vue';
+import { Toast } from '../composables/toast';
+import { ToastVariant } from '..';
+import { SlAlert } from '@shoelace-style/shoelace';
+import { IconDefinition } from '@fortawesome/pro-regular-svg-icons';
+import { FontAwesomeIconProps } from '@fortawesome/vue-fontawesome';
+import { ButtonLevel, ButtonSize, ButtonVariant, ButtonIconPosition, ButtonShoelaceVariant } from './CButton/types';
+import { RouteLocationRaw, RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
+declare const _default: DefineComponent<{}, {
+    toasts: Ref< Toast[], Toast[]>;
+    dismissToast: (id: Toast["id"]) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    CToast: DefineComponent<ExtractPropTypes<{
+        value: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+            deprecated: boolean;
+        };
+        success: {
+            type: BooleanConstructor;
+            default: boolean;
+            deprecated: boolean;
+        };
+        warning: {
+            type: BooleanConstructor;
+            default: boolean;
+            deprecated: boolean;
+        };
+        variant: {
+            type: PropType<ToastVariant>;
+            default: string;
+        };
+        dismissible: {
+            type: PropType<boolean | undefined>;
+            default: undefined;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        duration: ComputedRef<number>;
+        alert: Ref< SlAlert | null, SlAlert | null>;
+        icon: ComputedRef<IconDefinition>;
+        faXmark: IconDefinition;
+        isOpen: Ref<boolean, boolean>;
+        computedVariant: ComputedRef<ToastVariant>;
+        close: () => Promise<void>;
+        onHide: () => void;
+        transform: ComputedRef<string>;
+        resetAnimation: () => void;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("input" | "hide")[], "input" | "hide", PublicProps, Readonly< ExtractPropTypes<{
+        value: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        message: {
+            type: StringConstructor;
+            default: string;
+        };
+        error: {
+            type: BooleanConstructor;
+            default: boolean;
+            deprecated: boolean;
+        };
+        success: {
+            type: BooleanConstructor;
+            default: boolean;
+            deprecated: boolean;
+        };
+        warning: {
+            type: BooleanConstructor;
+            default: boolean;
+            deprecated: boolean;
+        };
+        variant: {
+            type: PropType<ToastVariant>;
+            default: string;
+        };
+        dismissible: {
+            type: PropType<boolean | undefined>;
+            default: undefined;
+        };
+        dataTest: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{
+        onInput?: ((...args: any[]) => any) | undefined;
+        onHide?: ((...args: any[]) => any) | undefined;
+    }>, {
+        value: boolean;
+        dataTest: string;
+        error: boolean;
+        message: string;
+        variant: ToastVariant;
+        warning: boolean;
+        dismissible: boolean | undefined;
+        success: boolean;
+    }, {}, {
+        FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+        CIconButton: DefineComponent<ExtractPropTypes<{
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            ariaLabelledby: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            href: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            icon: {
+                type: PropType<string | string[] | IconDefinition>;
+                default: undefined;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+                deprecated: boolean;
+            };
+            level: {
+                type: PropType<ButtonLevel>;
+                default: string;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            secondary: {
+                type: BooleanConstructor;
+                default: boolean;
+                deprecated: boolean;
+            };
+            size: {
+                type: PropType<ButtonSize>;
+                default: string;
+            };
+            spinIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            target: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            tertiary: {
+                type: BooleanConstructor;
+                default: boolean;
+                deprecated: boolean;
+            };
+            to: {
+                type: PropType<RouteLocationRaw>;
+                default: undefined;
+            };
+            variant: {
+                type: PropType<ButtonVariant>;
+                default: string;
+            };
+        }>, {
+            computedSize: ComputedRef<ButtonSize>;
+            computedVariant: ComputedRef<ButtonVariant>;
+            inheritColor: Ref<boolean, boolean> | undefined;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
+            ariaLabel: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            ariaLabelledby: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            href: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            icon: {
+                type: PropType<string | string[] | IconDefinition>;
+                default: undefined;
+            };
+            large: {
+                type: BooleanConstructor;
+                default: boolean;
+                deprecated: boolean;
+            };
+            level: {
+                type: PropType<ButtonLevel>;
+                default: string;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            secondary: {
+                type: BooleanConstructor;
+                default: boolean;
+                deprecated: boolean;
+            };
+            size: {
+                type: PropType<ButtonSize>;
+                default: string;
+            };
+            spinIcon: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            target: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            tertiary: {
+                type: BooleanConstructor;
+                default: boolean;
+                deprecated: boolean;
+            };
+            to: {
+                type: PropType<RouteLocationRaw>;
+                default: undefined;
+            };
+            variant: {
+                type: PropType<ButtonVariant>;
+                default: string;
+            };
+        }>> & Readonly<{
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, {
+            to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
+            size: ButtonSize;
+            icon: string | string[] | IconDefinition;
+            target: string;
+            tertiary: boolean;
+            loading: boolean;
+            large: boolean;
+            disabled: boolean;
+            ariaLabel: string;
+            secondary: boolean;
+            href: string;
+            level: ButtonLevel;
+            variant: ButtonVariant;
+            ariaLabelledby: string;
+            spinIcon: boolean;
+        }, {}, {
+            FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+            CButton: DefineComponent<ExtractPropTypes<{
+                block: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                icon: {
+                    type: PropType<string | string[] | IconDefinition>;
+                    default: undefined;
+                };
+                iconPosition: {
+                    type: PropType<ButtonIconPosition>;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                level: {
+                    type: PropType<ButtonLevel>;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                secondary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                tertiary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                to: {
+                    type: PropType<RouteLocationRaw>;
+                    default: undefined;
+                };
+                variant: {
+                    type: PropType<ButtonVariant>;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+            }>, {
+                animationListeners: Record<string, () => void>;
+                button: Ref<HTMLElement | null, HTMLElement | null>;
+                computedSize: ComputedRef<ButtonSize>;
+                computedVariant: ComputedRef<ButtonVariant>;
+                dataBlock: ComputedRef<true | undefined>;
+                dataLoading: ComputedRef<true | undefined>;
+                hasIcon: ComputedRef<boolean>;
+                injectedOrPropBlock: ComputedRef<boolean>;
+                injectedOrPropsLarge: ComputedRef<boolean>;
+                onClick: (event: MouseEvent) => void;
+                routerDestinationOrHref: ComputedRef<string | undefined>;
+                shoelaceVariant: ComputedRef<ButtonShoelaceVariant>;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "blur" | "click")[], "focus" | "blur" | "click", PublicProps, Readonly< ExtractPropTypes<{
+                block: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                icon: {
+                    type: PropType<string | string[] | IconDefinition>;
+                    default: undefined;
+                };
+                iconPosition: {
+                    type: PropType<ButtonIconPosition>;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                large: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                level: {
+                    type: PropType<ButtonLevel>;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                secondary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                tertiary: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                    deprecated: boolean;
+                };
+                to: {
+                    type: PropType<RouteLocationRaw>;
+                    default: undefined;
+                };
+                variant: {
+                    type: PropType<ButtonVariant>;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+            }>> & Readonly<{
+                onFocus?: ((...args: any[]) => any) | undefined;
+                onBlur?: ((...args: any[]) => any) | undefined;
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, {
+                to: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
+                size: ButtonSize;
+                icon: string | string[] | IconDefinition;
+                target: string;
+                tertiary: boolean;
+                loading: boolean;
+                block: boolean;
+                large: boolean;
+                disabled: boolean;
+                secondary: boolean;
+                href: string;
+                iconPosition: ButtonIconPosition;
+                level: ButtonLevel;
+                variant: ButtonVariant;
+            }, {}, {
+                FontAwesomeIcon: DefineComponent<FontAwesomeIconProps>;
+            }, {}, string, ComponentProvideOptions, true, {}, any>;
+        }, {}, string, ComponentProvideOptions, true, {}, any>;
+    }, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/CValidationMessage.vue.d.ts

@@ -0,0 +1,45 @@
+import { PropType, DefineComponent, ExtractPropTypes, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    /** Test selector for the component */
+    dataTest: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Validation message to display */
+    validationMessage: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    /** Whether to hide the component. If "auto", the component will automatically
+     * hide itself if it has no content. */
+    hide: {
+        type: PropType<boolean | "auto">;
+        default: boolean;
+    };
+}>, {
+    isHidden: ComputedRef<boolean>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    /** Test selector for the component */
+    dataTest: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Validation message to display */
+    validationMessage: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    /** Whether to hide the component. If "auto", the component will automatically
+     * hide itself if it has no content. */
+    hide: {
+        type: PropType<boolean | "auto">;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    dataTest: string;
+    validationMessage: string | null;
+    hide: boolean | "auto";
+}, {}, {
+    CFadeTransition: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;