@rebilly/revel 6.11.0 → 6.12.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [6.12.1](https://github.com/Rebilly/rebilly/compare/revel-v6.12.0...revel-v6.12.1) (2024-01-17)
+
+
+### Bug Fixes
+
+* **revel:** Update Revel to expose directives ([#2939](https://github.com/Rebilly/rebilly/issues/2939)) ([3d4d33d](https://github.com/Rebilly/rebilly/commit/3d4d33db79d601ca6dfc60a4f0f1db972820755b))
+
+## [6.12.0](https://github.com/Rebilly/rebilly/compare/revel-v6.11.0...revel-v6.12.0) (2024-01-16)
+
+
+### Features
+
+* **revel:** Update badge column on grid component to display different badge types ([#2914](https://github.com/Rebilly/rebilly/issues/2914)) ([c9645cd](https://github.com/Rebilly/rebilly/commit/c9645cdf43e0354cde4c1c6cec13c86a26d809f8))
+
 ## [6.11.0](https://github.com/Rebilly/rebilly/compare/revel-v6.10.2...revel-v6.11.0) (2024-01-16)
 
 

package/dist/components/r-grid/columnTypes/badge.vue.d.ts

@@ -1,11 +1,11 @@
 import type { PropType } from 'vue';
-import type { GridColumn } from './types';
+import type { BadgeColumn } from './types';
 /**
  * renderOptions:
  *      backgroundColor: a color value for the background-color of the badge
  *      color: a color value for the color of the badge text
  *      styles: an object for additional styles for the badge
- *      type: type of the badge: default, negative or any other
+ *      type: type of the badge: default, negative or an object mapping values to types
  *
  * If column value is an array, place each item of that array inside a badge,
  * otherwise add the column value in the badge.
@@ -20,12 +20,12 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     column: {
-        type: PropType<GridColumn>;
+        type: PropType<BadgeColumn>;
         required: true;
     };
-}, unknown, unknown, {
-    badgeType(): string;
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {
+    getBadgeType(value: string): string;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: (StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
         required: true;
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     column: {
-        type: PropType<GridColumn>;
+        type: PropType<BadgeColumn>;
         required: true;
     };
 }>>, {}>;

package/dist/components/r-grid/columnTypes/index.d.ts

@@ -9,12 +9,12 @@ export declare const ColumnTypes: {
             required: true;
         };
         column: {
-            type: import("vue").PropType<import("./types").GridColumn>;
+            type: import("vue").PropType<import("./types").BadgeColumn>;
             required: true;
         };
-    }, unknown, unknown, {
-        badgeType(): string;
-    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, unknown, {}, {
+        getBadgeType(value: string): string;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         value: {
             type: (StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
             required: true;
@@ -24,7 +24,7 @@ export declare const ColumnTypes: {
             required: true;
         };
         column: {
-            type: import("vue").PropType<import("./types").GridColumn>;
+            type: import("vue").PropType<import("./types").BadgeColumn>;
             required: true;
         };
     }>>, {}>;

package/dist/components/r-grid/columnTypes/types.d.ts

@@ -5,6 +5,11 @@ export interface GridColumn {
     renderAs: ColumnType;
     renderOptions?: Record<string, unknown>;
 }
+export interface BadgeColumn extends GridColumn {
+    renderOptions?: {
+        type?: Record<string, string> | string;
+    };
+}
 export interface NumericColumn extends GridColumn {
     renderOptions: {
         approximate: boolean;

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

@@ -66,16 +66,13 @@ declare const _default: import("vue").DefineComponent<{
             type: ObjectConstructor;
             required: true;
         };
-        /**
-         * Specify if the grid has frozen (fixed) left column
-         */
         column: {
-            type: PropType<GridColumn>;
+            type: PropType<import("./columnTypes/types").BadgeColumn>;
             required: true;
         };
-    }, unknown, unknown, {
-        badgeType(): string;
-    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, unknown, {}, {
+        getBadgeType(value: string): string;
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         value: {
             type: (StringConstructor | BooleanConstructor | ArrayConstructor | NumberConstructor)[];
             required: true;
@@ -84,11 +81,8 @@ declare const _default: import("vue").DefineComponent<{
             type: ObjectConstructor;
             required: true;
         };
-        /**
-         * Specify if the grid has frozen (fixed) left column
-         */
         column: {
-            type: PropType<GridColumn>;
+            type: PropType<import("./columnTypes/types").BadgeColumn>;
             required: true;
         };
     }>>, {}> | import("vue").DefineComponent<{

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

@@ -18,6 +18,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Defines if the loading is displayed as a spinner
+     */
+    isLoaderSpinner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Defines the property, which changes will trigger the fetching of data
      */
@@ -44,6 +51,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * Defines if the loading is displayed as a spinner
+     */
+    isLoaderSpinner: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * Defines the property, which changes will trigger the fetching of data
      */
@@ -54,5 +68,6 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     watcher: Record<string, any>;
     isLoaderFullscreen: boolean;
+    isLoaderSpinner: boolean;
 }>;
 export default _default;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { createRToastManager } from './components/r-toast/r-toast-manager';
 import * as tokens from './styles/tokens';
 import * as icons from './components/r-icon/r-icon-sprites';
 export * from './components';
+export * from './directives';
 export { createRToastManager };
 export { tokens, icons };
 /**

package/dist/revel.mjs

@@ -10792,6 +10792,13 @@ const xb = /* @__PURE__ */ Z(k7, [["render", V7]]), H7 = U({
       type: Boolean,
       default: !0
     },
+    /**
+     * Defines if the loading is displayed as a spinner
+     */
+    isLoaderSpinner: {
+      type: Boolean,
+      default: !1
+    },
     /**
      * Defines the property, which changes will trigger the fetching of data
      */
@@ -10841,8 +10848,9 @@ function Y7(M, b, z, p, o, O) {
   return r(), d("div", F7, [
     M.isLoading ? (r(), n0(e, {
       key: 0,
-      fullscreen: M.isLoaderFullscreen
-    }, null, 8, ["fullscreen"])) : (r(), d(R0, { key: 1 }, [
+      fullscreen: M.isLoaderFullscreen,
+      spinner: M.isLoaderSpinner
+    }, null, 8, ["fullscreen", "spinner"])) : (r(), d(R0, { key: 1 }, [
       M.hasRows ? (r(), d("table", j7, [
         X(M.$slots, "colgroup"),
         X(M.$slots, "thead", {}, () => [
@@ -10881,10 +10889,10 @@ const S3 = /* @__PURE__ */ Z(H7, [["render", Y7]]), U7 = U({
       required: !0
     }
   },
-  computed: {
-    badgeType() {
-      const { type: M = "default" } = this.column.renderOptions || {};
-      return M;
+  methods: {
+    getBadgeType(M) {
+      const { type: b = "default" } = this.column.renderOptions || {};
+      return typeof b == "object" ? b[M] : b;
     }
   }
 });
@@ -10892,8 +10900,8 @@ function K7(M, b, z, p, o, O) {
   const e = F("r-badge");
   return r(), d("div", null, [
     Array.isArray(M.value) ? (r(!0), d(R0, { key: 0 }, j0(M.value, (c, t) => (r(), n0(e, {
-      key: `badge-${M.badgeType}-${M.value}-${t}`,
-      type: M.badgeType,
+      key: `badge-${c}-${t}`,
+      type: M.getBadgeType(c),
       class: "r-mr-2"
     }, {
       default: b0(() => [
@@ -10902,7 +10910,7 @@ function K7(M, b, z, p, o, O) {
       _: 2
     }, 1032, ["type"]))), 128)) : (r(), n0(e, {
       key: 1,
-      type: M.badgeType,
+      type: M.getBadgeType(M.value),
       class: "r-mr-2"
     }, {
       default: b0(() => [
@@ -15899,9 +15907,14 @@ export {
   Bg as RTile,
   k3 as RToast,
   _g as RToggle,
+  Kp as clickOutside,
+  Nc as content,
   xg as createRToastManager,
   aN as default,
+  Up as fsExclude,
   nN as icons,
   eN as install,
-  AN as tokens
+  io as lazy,
+  AN as tokens,
+  so as tooltip
 };