@speckle/ui-components 2.16.1-alpha8 → 2.17.0

package/dist/components/user/AvatarEditable.vue.d.ts

@@ -1,21 +1,74 @@
-import { Nullable } from '@speckle/shared';
-import { AvatarUser } from '../../composables/user/avatar';
+import { MaybeNullOrUndefined } from '@speckle/shared';
+import { UserAvatarSize } from '../../composables/user/avatar';
+type ModelType = MaybeNullOrUndefined<string>;
 declare const _default: import("vue").DefineComponent<{
-    user: {
-        type: import("vue").PropType<AvatarUser>;
+    editMode: import("vue").PropType<boolean>;
+    modelValue: {
+        type: import("vue").PropType<string | null>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    name: {
+        type: import("vue").PropType<string>;
         required: true;
     };
+    rules: {
+        type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<ModelType> | import("vee-validate").GenericValidateFunction<ModelType>[] | {
+            validate(value: ModelType, options: Record<string, any>): Promise<ModelType>;
+        }>;
+    };
+    validateOnMount: {
+        type: import("vue").PropType<boolean>;
+    };
+    validateOnValueUpdate: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    size: {
+        type: import("vue").PropType<UserAvatarSize>;
+    };
 }, {
     open: () => boolean;
     close: () => boolean;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    save: (newUrl: Nullable<string>) => void;
+    save: (newUrl: ModelType) => void;
+    "update:modelValue": (value: ModelType) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    user: {
-        type: import("vue").PropType<AvatarUser>;
+    editMode: import("vue").PropType<boolean>;
+    modelValue: {
+        type: import("vue").PropType<string | null>;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    name: {
+        type: import("vue").PropType<string>;
         required: true;
     };
+    rules: {
+        type: import("vue").PropType<string | Record<string, unknown> | import("vee-validate").GenericValidateFunction<ModelType> | import("vee-validate").GenericValidateFunction<ModelType>[] | {
+            validate(value: ModelType, options: Record<string, any>): Promise<ModelType>;
+        }>;
+    };
+    validateOnMount: {
+        type: import("vue").PropType<boolean>;
+    };
+    validateOnValueUpdate: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    size: {
+        type: import("vue").PropType<UserAvatarSize>;
+    };
 }>> & {
-    onSave?: ((newUrl: Nullable<string>) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: ModelType) => any) | undefined;
+    onSave?: ((newUrl: ModelType) => any) | undefined;
 }, {}, {}>;
 export default _default;

package/dist/components/user/AvatarEditor.vue.d.ts

@@ -1,5 +1,5 @@
 import { Nullable } from '@speckle/shared';
-import { AvatarUser } from '../../composables/user/avatar';
+import { AvatarUser, UserAvatarSize } from '../../composables/user/avatar';
 declare const _default: import("vue").DefineComponent<{
     user: {
         type: import("vue").PropType<AvatarUser>;
@@ -8,6 +8,9 @@ declare const _default: import("vue").DefineComponent<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    size: {
+        type: import("vue").PropType<UserAvatarSize>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: () => void;
     save: (val: Nullable<string>) => void;
@@ -19,6 +22,9 @@ declare const _default: import("vue").DefineComponent<{
     disabled: {
         type: import("vue").PropType<boolean>;
     };
+    size: {
+        type: import("vue").PropType<UserAvatarSize>;
+    };
 }>> & {
     onCancel?: (() => any) | undefined;
     onSave?: ((val: Nullable<string>) => any) | undefined;

package/dist/composables/form/textInput.d.ts

@@ -1,7 +1,7 @@
 import { RuleExpression } from 'vee-validate';
 import { Ref, ToRefs } from 'vue';
 import { Nullable } from '@speckle/shared';
-export type InputColor = 'page' | 'foundation';
+export type InputColor = 'page' | 'foundation' | 'transparent';
 /**
  * Common setup for text input & textarea fields
  */

package/dist/composables/user/avatar.d.ts

@@ -6,14 +6,14 @@ export type AvatarUser = {
 export type AvatarUserWithId = AvatarUser & {
     id: string;
 };
-export type UserAvatarSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'editable';
+export type UserAvatarSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'editable';
 export declare function useAvatarSizeClasses(params: {
     props: ToRefs<{
         size?: UserAvatarSize;
     }>;
 }): {
-    heightClasses: import("vue").ComputedRef<"h-6" | "h-10" | "h-14" | "h-8" | "h-5" | "h-60">;
-    widthClasses: import("vue").ComputedRef<"w-5" | "w-6" | "w-10" | "w-14" | "w-60" | "w-8">;
+    heightClasses: import("vue").ComputedRef<"h-10" | "h-14" | "h-8" | "h-6" | "h-5" | "h-32" | "h-60">;
+    widthClasses: import("vue").ComputedRef<"w-5" | "w-6" | "w-10" | "w-14" | "w-32" | "w-60" | "w-8">;
     sizeClasses: import("vue").ComputedRef<string>;
-    iconClasses: import("vue").ComputedRef<"w-5 h-5" | "w-3 h-3" | "w-8 h-8" | "w-20 h-20" | "w-4 h-4">;
+    iconClasses: import("vue").ComputedRef<"w-5 h-5" | "w-3 h-3" | "w-8 h-8" | "w-10 h-10" | "w-20 h-20" | "w-4 h-4">;
 };

package/dist/helpers/common/ssr.d.ts

@@ -0,0 +1 @@
+export declare const isSSR: boolean;

package/dist/helpers/global/accessibility.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Visible, non-interactive elements with click handlers must have at least one keyboard listener for accessibility.
+ * You can wrap your click handler with this in @keypress, to run it when enter is pressed on the selected component
+ * See more: https://github.com/vue-a11y/eslint-plugin-vuejs-accessibility/blob/main/docs/click-events-have-key-events.md
+ */
+export declare function keyboardClick(cb: (e: KeyboardEvent) => void): (e: KeyboardEvent) => void;