@rebilly/revel 6.11.0 → 6.12.0

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [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/revel.mjs

@@ -10881,10 +10881,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 +10892,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 +10902,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(() => [