@rebilly/revel 8.4.6 → 8.6.0

package/CHANGELOG.md

@@ -1 +1,6 @@
-## [8.4.6](https://github.com/Rebilly/rebilly/compare/revel-v8.4.5...revel-v8.4.6) (2025-01-30)
+## [8.6.0](https://github.com/Rebilly/rebilly/compare/revel-v8.5.0...revel-v8.6.0) (2025-01-30)
+
+
+### Features
+
+* **revel:** Add error messages to inputs and select ([#9792](https://github.com/Rebilly/rebilly/issues/9792)) ([2995b2b](https://github.com/Rebilly/rebilly/commit/2995b2b65112e5d3e8145b02fae8ec72b0c13e95))

package/dist/components/r-checkbox/r-checkbox.vue.d.ts

@@ -33,7 +33,7 @@ interface Props {
     /**
      * Validation result sent by Vuelidate
      */
-    validate?: ValidationState;
+    validate?: Nullable<ValidationState>;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     label: string;
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     value: string;
     fuzzy: boolean;
     disabled: boolean;
-    validate: undefined;
+    validate: null;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string | number | boolean | string[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
@@ -54,7 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     value: string;
     fuzzy: boolean;
     disabled: boolean;
-    validate: undefined;
+    validate: null;
 }>>> & {
     "onUpdate:modelValue"?: ((value: string | number | boolean | string[]) => any) | undefined;
 }, {
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     value: string | boolean;
     modelValue: string | number | boolean | string[];
     fuzzy: boolean;
-    validate: ValidationState;
+    validate: Nullable<ValidationState>;
 }>, {
     label?(_: {}): any;
 }>;

package/dist/components/r-date-input/r-date-input.vue.d.ts

@@ -25,7 +25,11 @@ interface Props {
     /**
      * Validation result sent by Vuelidate
      */
-    validate?: ValidationState;
+    validate?: Nullable<ValidationState>;
+    /**
+     * Show validation messages
+     */
+    showValidateMessages?: boolean;
     /**
      * Time zone
      */
@@ -86,7 +90,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     caption: undefined;
     modelValue: () => Date;
     disabled: boolean;
-    validate: undefined;
+    validate: null;
+    showValidateMessages: boolean;
     timezone: string;
     availableDates: undefined;
     columns: number;
@@ -108,7 +113,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     caption: undefined;
     modelValue: () => Date;
     disabled: boolean;
-    validate: undefined;
+    validate: null;
+    showValidateMessages: boolean;
     timezone: string;
     availableDates: undefined;
     columns: number;
@@ -132,7 +138,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     type: string;
     disabled: boolean;
     modelValue: string | object | Date;
-    validate: ValidationState;
+    validate: Nullable<ValidationState>;
     placement: string;
     timezone: string;
     masks: object;
@@ -143,6 +149,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxDate: string | object | Date;
     placeholder: string;
     timePicker: boolean;
+    showValidateMessages: boolean;
     availableDates: object;
 }>;
 export default _default;

package/dist/components/r-input/r-input.vue.d.ts

@@ -1,8 +1,10 @@
 import type { IconNames } from '../r-icon/r-icon-sprites';
+import type { ValidationState } from '../../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     label: null;
     modelValue: null;
     validate: null;
+    showValidateMessages: boolean;
     helpText: null;
     multiline: boolean;
     submitOnEnter: boolean;
@@ -44,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: null;
     modelValue: null;
     validate: null;
+    showValidateMessages: boolean;
     helpText: null;
     multiline: boolean;
     submitOnEnter: boolean;
@@ -79,9 +82,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: Nullable<string>;
     modelValue: Nullable<string | number | boolean>;
-    validate: Nullable<Record<string, unknown>>;
+    validate: Nullable<ValidationState>;
     inputEvents: Record<string, unknown>;
     rightIcon: Nullable<"fingerprint" | "dashboard" | "lists" | "automation" | "customers" | "orders" | "transactions" | "guides" | "settings" | "alerts" | "stream" | "search" | "filter" | "collapse-segments" | "resize-columns" | "segments" | "lock" | "caret-up" | "caret-down" | "caret-down-s" | "caret-left" | "caret-right" | "arrow-up" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up-l" | "arrow-down-l" | "arrow-left-l" | "arrow-right-l" | "close" | "close-s" | "logout" | "actions" | "circle" | "eye" | "eye-closed" | "burger" | "help" | "info" | "dash-l" | "company" | "website" | "email" | "external-link" | "trash" | "bank" | "map-marker" | "credit-card" | "checkout" | "check-s" | "custom-fields" | "calendar" | "columns" | "blocklists" | "webhooks" | "sticky-note" | "clip" | "loading" | "product" | "api-key" | "coupon" | "average" | "payments" | "tag" | "clone" | "copy" | "edit" | "edit-s" | "stop" | "unlock" | "event" | "invoices" | "rules" | "users" | "sharp" | "at" | "file" | "download" | "export" | "data-exports" | "shipping" | "plus" | "drag" | "reset" | "drag-move" | "world" | "integrations" | "id" | "phone" | "batch" | "merge" | "placeholders" | "caret-double-left" | "caret-double-right" | "heart" | "checkbox-checkmark" | "radio-checkmark" | "star" | "star-empty" | "report-match" | "emulate" | "billing-portal" | "app-store" | "kyc" | "cake" | "briefcase" | "tag-untag" | "risk-score" | "list" | "notifications" | "one-column" | "rebilly-logo" | "two-columns" | "meter" | "reports" | "allowlists" | "collapse-layout" | "rebilly-icon" | "sun" | "moon" | "upload" | "camera">;
+    showValidateMessages: boolean;
     name: string;
     helpText: Nullable<string>;
     multiline: boolean;
@@ -118,7 +122,11 @@ interface Props {
     /**
      * Validation object (Vuelidate)
      */
-    validate?: Nullable<Record<string, unknown>>;
+    validate?: Nullable<ValidationState>;
+    /**
+     * Show validation messages
+     */
+    showValidateMessages?: boolean;
     /**
      * Help text that displays below the input
      */

package/dist/components/r-select/r-select.vue.d.ts

@@ -73,6 +73,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ValidationState>;
         default: null;
     };
+    /**
+     * Show validation messages
+     */
+    showValidateMessages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Disable the select field
      */
@@ -317,6 +324,8 @@ declare const _default: import("vue").DefineComponent<{
     searchElement: import("vue").Ref<HTMLInputElement | null>;
     tagsElement: import("vue").Ref<HTMLDivElement | null>;
     listElement: import("vue").Ref<HTMLDivElement | null>;
+    validateErrorMessages: import("vue").ComputedRef<string[]>;
+    isInvalid: import("vue").ComputedRef<boolean>;
 }, State, {
     computedLabel(): string;
     computedOptions(): Options;
@@ -336,7 +345,6 @@ declare const _default: import("vue").DefineComponent<{
     labelClasses(): {
         'r-select-block-pointer-events': boolean;
     };
-    isInvalid(): boolean;
     inputStyle(): StyleValue;
     internalValue(): Options;
     isAbove(): boolean;
@@ -445,6 +453,13 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ValidationState>;
         default: null;
     };
+    /**
+     * Show validation messages
+     */
+    showValidateMessages: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Disable the select field
      */
@@ -702,6 +717,7 @@ declare const _default: import("vue").DefineComponent<{
     modelValue: Nullable<OptionItem | Options>;
     validate: ValidationState;
     placeholder: string;
+    showValidateMessages: boolean;
     name: string;
     multiple: boolean;
     helpText: string;

package/dist/composables/use-validate.d.ts

@@ -0,0 +1,5 @@
+import type { ValidationState } from '../types';
+export declare function useValidate(validate: Nullable<ValidationState>): {
+    validateErrorMessages: import("vue").ComputedRef<string[]>;
+    isInvalid: import("vue").ComputedRef<boolean>;
+};