@frollo/frollo-web-ui 0.0.21 → 0.1.1

package/types/components/fw-checkbox/fw-checkbox.vue.d.ts

@@ -1,9 +1,3 @@
-export interface FwCheckboxProps {
-    name: string;
-    label?: string;
-    rules?: string | object | Function;
-    hint?: string;
-}
 declare const _default: import("vue").DefineComponent<{
     /**
      * The name of the input field. Must be unique per form.

package/types/components/fw-checkbox/index.types.d.ts

@@ -0,0 +1,6 @@
+export declare interface FwCheckboxProps {
+    name: string;
+    label?: string;
+    rules?: string | object | Function;
+    hint?: string;
+}

package/types/components/fw-input/fw-input.vue.d.ts

@@ -1,15 +1,5 @@
 import { PropType } from 'vue';
-export declare type InputType = 'text' | 'password';
-export interface FwInputProps {
-    value: string;
-    name: string;
-    type?: InputType;
-    label?: string;
-    placeholder?: string;
-    rules?: string | object | Function;
-    readonly?: boolean;
-    hint?: string;
-}
+import { FwInputType } from './index.types';
 declare const _default: import("vue").DefineComponent<{
     /**
      * The input v-model
@@ -29,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
      * The input type. Accepts `text` | `password`
      */
     type: {
-        type: PropType<InputType>;
+        type: PropType<FwInputType>;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -66,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
     };
 }, {
+    inputBaseClass: import("vue").Ref<string>;
     inputValue: import("vue").WritableComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -86,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{
      * The input type. Accepts `text` | `password`
      */
     type: {
-        type: PropType<InputType>;
+        type: PropType<FwInputType>;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -126,7 +117,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
-    type: InputType;
+    type: FwInputType;
     placeholder: string;
     readonly: boolean;
 }>;

package/types/components/fw-input/index.types.d.ts

@@ -0,0 +1,14 @@
+export declare enum FwInputType {
+    text = "text",
+    password = "password"
+}
+export declare interface FwInputProps {
+    value: string;
+    name: string;
+    type?: FwInputType;
+    label?: string;
+    placeholder?: string;
+    rules?: string | object | Function;
+    readonly?: boolean;
+    hint?: string;
+}

package/types/components/fw-modal/fw-modal.vue.d.ts

@@ -0,0 +1,145 @@
+import { PropType } from 'vue';
+import { ButtonVariantName } from '../fw-button/index.types';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * The header title of the modal
+     */
+    header: {
+        type: StringConstructor;
+    };
+    /**
+     * The body description of the modal
+     */
+    body: {
+        type: StringConstructor;
+    };
+    /**
+     * The aria role of the modal container. Defaults to `dialog`
+     */
+    role: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether to show the cancel button
+     */
+    showCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether to show the confirm button
+     */
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Custom text for the cancel button
+     */
+    cancelButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Button variant for the cancel button
+     */
+    cancelButtonType: {
+        type: PropType<ButtonVariantName>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Custom text for the confirm button
+     */
+    confirmButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Button variant for the confirm button
+     */
+    confirmButtonType: {
+        type: PropType<ButtonVariantName>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    uuid: string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * The header title of the modal
+     */
+    header: {
+        type: StringConstructor;
+    };
+    /**
+     * The body description of the modal
+     */
+    body: {
+        type: StringConstructor;
+    };
+    /**
+     * The aria role of the modal container. Defaults to `dialog`
+     */
+    role: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Whether to show the cancel button
+     */
+    showCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Whether to show the confirm button
+     */
+    showConfirm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Custom text for the cancel button
+     */
+    cancelButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Button variant for the cancel button
+     */
+    cancelButtonType: {
+        type: PropType<ButtonVariantName>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /**
+     * Custom text for the confirm button
+     */
+    confirmButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Button variant for the confirm button
+     */
+    confirmButtonType: {
+        type: PropType<ButtonVariantName>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>> & {
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    role: string;
+    showCancel: boolean;
+    showConfirm: boolean;
+    cancelButtonText: string;
+    cancelButtonType: ButtonVariantName;
+    confirmButtonText: string;
+    confirmButtonType: ButtonVariantName;
+}>;
+export default _default;

package/types/components/fw-modal/index.d.ts

@@ -0,0 +1,2 @@
+import FwModal from './fw-modal.vue';
+export { FwModal };

package/types/components/fw-modal/index.types.d.ts

@@ -0,0 +1,12 @@
+import { ButtonVariantName } from '../fw-button/index.types';
+export declare interface FwModalProps {
+    header?: string;
+    body?: string;
+    role?: string;
+    showCancel?: boolean;
+    showConfirm?: boolean;
+    cancelButtonText?: string;
+    cancelButtonType?: ButtonVariantName;
+    confirmButtonText?: string;
+    confirmButtonType?: ButtonVariantName;
+}

package/types/components/fw-navigation-menu/fw-navigation-menu.vue.d.ts

@@ -1,9 +1,5 @@
 import { PropType } from 'vue';
-export interface NavMenuItem {
-    to?: string | object;
-    href?: string;
-    label: string;
-}
+import { NavMenuItem } from './index.types';
 declare const _default: import("vue").DefineComponent<{
     /**
      * An array of menu items
@@ -20,6 +16,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
     };
 }, {
+    mobileMenuClass: import("vue").Ref<string>;
     isMobileMenuOpen: import("vue").Ref<boolean>;
     toggleMobileMenu: () => boolean;
     actionClicked: () => void;

package/types/components/fw-navigation-menu/index.types.d.ts

@@ -0,0 +1,5 @@
+export declare interface NavMenuItem {
+    to?: string | object;
+    href?: string;
+    label: string;
+}

package/types/components/index.d.ts

@@ -5,3 +5,4 @@ export * from './fw-card';
 export * from './fw-button';
 export * from './fw-navigation-menu';
 export * from './fw-tabs';
+export * from './fw-modal';

package/types/components/index.types.d.ts

@@ -0,0 +1,6 @@
+export * from '../components/fw-card/index.types';
+export * from '../components/fw-button/index.types';
+export * from '../components/fw-navigation-menu/index.types';
+export * from '../components/fw-input/index.types';
+export * from '../components/fw-checkbox/index.types';
+export * from '../components/fw-modal/index.types';

package/types/index-types.esm.d.ts

@@ -1,11 +1,6 @@
 import install from './index.esm';
 export default install;
 export * from './components';
+export * from './services';
 declare module '@frollo/frollo-web-ui/icons' { }
-export * from './components/fw-card/fw-card.vue';
-export * from './components/fw-button/fw-button.vue';
-export * from './components/fw-navigation-menu/fw-navigation-menu.vue';
-export * from './components/fw-input/fw-input.vue';
-export * from './components/fw-checkbox/fw-checkbox.vue';
-export * from './components/fw-tabs/fw-tabs.vue';
-export * from './components/fw-tabs/fw-tab.vue';
+export * from './components/index.types';

package/types/index.d.ts

@@ -1,2 +1,3 @@
 import plugin from './index.esm';
 export default plugin;
+export * from './services';

package/types/index.esm.d.ts

@@ -2,3 +2,4 @@ import { Plugin } from 'vue';
 declare const install: Exclude<Plugin['install'], undefined>;
 export default install;
 export * from './components';
+export * from './services';

package/types/services/index.d.ts

@@ -0,0 +1 @@
+export * from './modal';

package/types/services/modal.d.ts

@@ -0,0 +1,9 @@
+import { FwModalProps } from '../components/fw-modal/index.types';
+export declare interface ModalServiceProps extends FwModalProps {
+    onConfirm?: () => void;
+    onCancel?: () => void;
+}
+export declare const modalService: (options?: ModalServiceProps, element?: HTMLDivElement) => {
+    open: () => void;
+    close: () => void;
+};