@robuust-digital/vue-components 2.7.0 → 3.0.0

package/dist/combobox.d.ts

@@ -1,132 +1,3 @@
-import { ComponentOptionsMixin } from 'vue';
-import { ComponentProvideOptions } from 'vue';
-import { DefineComponent } from 'vue';
-import { FunctionalComponent } from 'vue';
-import { HTMLAttributes } from 'vue';
-import { PublicProps } from 'vue';
-import { SVGAttributes } from 'vue';
-import { VNodeProps } from 'vue';
-
-declare const __VLS_component: DefineComponent<ComboboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: ComboboxModelValue) => any;
-"update:requestParams": (value: Record<string, unknown>) => any;
-"combobox:noResults": (value: string | null) => any;
-"combobox:error": (error: unknown) => any;
-}, string, PublicProps, Readonly<ComboboxProps> & Readonly<{
-"onUpdate:modelValue"?: ((value: ComboboxModelValue) => any) | undefined;
-"onUpdate:requestParams"?: ((value: Record<string, unknown>) => any) | undefined;
-"onCombobox:noResults"?: ((value: string | null) => any) | undefined;
-"onCombobox:error"?: ((error: unknown) => any) | undefined;
-}>, {
-icon: Icon | null;
-size: ComboboxSize;
-modelValue: ComboboxModelValue;
-rootClass: string;
-prefixIcon: Icon | null;
-disabled: boolean;
-multiple: boolean;
-endpoint: string;
-requestParams: Record<string, unknown>;
-manualInput: boolean;
-responseData: (data: unknown) => unknown[];
-displayValue: (item: unknown) => string | null;
-optionText: (option: unknown) => string | null;
-minLength: number;
-itemKey: string;
-clearable: boolean;
-rootAttrs: Record<string, unknown>;
-onSearch: (value: string | null, params: Record<string, unknown>, endpoint?: string) => Promise<{
-data: unknown;
-error?: unknown;
-cancel?: () => void;
-}>;
-searchOnly: boolean;
-debounce: number;
-minLoadingTime: number;
-onCancel: (cancelToken: (() => void) | null) => void;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        prefixIcon?(_: {
-            icon: Icon;
-        }): any;
-        spinner?(_: {
-            spinning: true;
-        }): any;
-        icon?(_: {
-            icon: Icon | null;
-        }): any;
-        clear?(_: {}): any;
-        chip?(_: {
-            optionText: string | null;
-            option: any;
-            removeOption: (option: Record<string, unknown>) => void;
-        }): any;
-        option?(_: {
-            option: unknown;
-            isActive: (value: number | string) => boolean;
-        }): any;
-        optionPrefix?(_: {
-            option: unknown;
-            isActive: (value: number | string) => boolean;
-        }): any;
-        optionSuffix?(_: {
-            option: unknown;
-            isActive: (value: number | string) => boolean;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-
-declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-
-declare type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
-declare type ComboboxModelValue = object | Array<unknown> | null;
-
-declare interface ComboboxProps {
-    id: string;
-    rootClass?: string;
-    modelValue?: ComboboxModelValue;
-    endpoint?: string;
-    requestParams?: Record<string, unknown>;
-    manualInput?: boolean;
-    responseData?: (data: unknown) => unknown[];
-    displayValue?: (item: unknown) => string | null;
-    optionText?: (option: unknown) => string | null;
-    disabled?: boolean;
-    minLength?: number;
-    itemKey?: string;
-    clearable?: boolean;
-    rootAttrs?: Record<string, unknown>;
-    multiple?: boolean;
-    onSearch?: (value: string | null, params: Record<string, unknown>, endpoint?: string) => Promise<{
-        data: unknown;
-        error?: unknown;
-        cancel?: () => void;
-    }>;
-    searchOnly?: boolean;
-    icon?: Icon | null;
-    prefixIcon?: Icon | null;
-    size?: ComboboxSize;
-    debounce?: number;
-    minLoadingTime?: number;
-    onCancel?: (cancelToken: (() => void) | null) => void;
-}
-
-declare type ComboboxSize = 'sm' | 'base';
-
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export { _default as Combobox }
-export default _default;
-
-declare type Icon = FunctionalComponent<SVGAttributes & HTMLAttributes & VNodeProps>;
-
-export { }
+import { default as Combobox } from './components/Combobox.vue';
+export { Combobox };
+export default Combobox;

package/dist/composables/useDialogContext.d.ts

@@ -0,0 +1,19 @@
+import { Component, Ref, ComputedRef } from 'vue';
+type DialogAs = string | Component;
+interface DialogProps {
+    as: DialogAs;
+    id: string;
+}
+interface DialogContext {
+    contentRef: Ref<HTMLElement | null>;
+    ready: Ref<boolean>;
+    isForm: ComputedRef<boolean>;
+    titleId: ComputedRef<string>;
+    descriptionId: ComputedRef<string>;
+    initialFocusElement: ComputedRef<HTMLElement | null>;
+}
+/**
+ * Dialog context composable
+ */
+export default function useDialogContext(props: DialogProps): DialogContext;
+export {};

package/dist/composables/useForm.d.ts

@@ -0,0 +1,6 @@
+import { ComputedRef } from 'vue';
+interface UseFormReturn {
+    hasModelBinding: ComputedRef<boolean>;
+}
+declare const _default: () => UseFormReturn;
+export default _default;

package/dist/core/file-upload.css

@@ -80,8 +80,25 @@
     }
   }
 
+  .rvc-file-upload-control {
+    display: inline-block;
+    position: relative;
+  }
+
+  .rvc-file-upload-variant-area .rvc-file-upload-control {
+    display: block;
+    width: 100%;
+  }
+
   .rvc-file-upload-input {
-    display: none;
+    display: block;
+    position: absolute;
+    z-index: 0;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    pointer-events: none;
   }
 
   .rvc-file-upload-area {
@@ -111,6 +128,16 @@
     }
   }
 
+  .rvc-file-upload-trigger {
+    position: relative;
+    z-index: 1;
+  }
+
+  .rvc-file-upload-input:focus-visible + .rvc-file-upload-trigger {
+    outline: var(--rvc-base-focus-outline-color) var(--rvc-base-focus-outline-style) var(--rvc-base-focus-outline-width);
+    outline-offset: var(--rvc-base-focus-outline-offset);
+  }
+
   .rvc-file-upload:not(.rvc-file-upload-disabled) .rvc-file-upload-area:hover {
     border-color: var(--rvc-file-upload-area-border-color-hover);
     background-color: var(--rvc-file-upload-area-bg-color-hover);

package/dist/core/index.js

@@ -1,20 +1,5 @@
-import { _ as e, a as s, b as t, c as r, d as m, e as p, f as i, g as x, h as c, i as d, j as f } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-BaTWaeN3.js";
-import { _ as n } from "../_shared/ChevronDownIcon-BYWciGnh.js";
-import { _ as F } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
-import { _ as g } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
-export {
-  e as Accordion,
-  s as Alert,
-  n as Badge,
-  F as ButtonBase,
-  t as Checkbox,
-  r as DataTable,
-  m as EmptyState,
-  p as FileUpload,
-  g as FormInput,
-  i as FormSelect,
-  x as FormTextarea,
-  c as Pagination,
-  d as Radio,
-  f as Tabs
-};
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../_shared/core-C0o6izrz.js";
+import { n as d } from "../_shared/ChevronDownIcon-Y_yqpwON.js";
+import { t as f } from "../_shared/ButtonBase-DyeIkb-l.js";
+import { t as p } from "../_shared/FormInput-k0vAk3VU.js";
+export { n as Accordion, u as Alert, d as Badge, f as ButtonBase, i as Checkbox, o as DataTable, e as EmptyState, r as FileUpload, p as FormInput, t as FormSelect, s as FormTextarea, c as Pagination, a as Radio, l as Tabs };