@dative-gpi/foundation-shared-components 0.0.64 → 0.0.66

package/components/FSGrid.vue

@@ -59,7 +59,7 @@
 import { computed, defineComponent, PropType } from "vue";
 
 import { useColors, useSlots } from "@dative-gpi/foundation-shared-components/composables";
-import { ColorEnum, GridItem } from "@dative-gpi/foundation-shared-components/models";
+import { ColorEnum, FSGridItem } from "@dative-gpi/foundation-shared-components/models";
 
 import FSText from "./FSText.vue";
 import FSCol from "./FSCol.vue";
@@ -74,7 +74,7 @@ export default defineComponent({
   },
   props: {
     items: {
-      type: Array as PropType<GridItem[]>,
+      type: Array as PropType<FSGridItem[]>,
       default: [],
       required: false
     }

package/components/FSGridMosaic.vue

@@ -17,7 +17,11 @@
         </FSText>
         <FSGrid
           :items="item.items"
-        />
+        >
+          <template v-for="(_, name) in $slots" v-slot:[name]="slotData">
+            <slot :name="name" v-bind="slotData" />
+          </template>
+        </FSGrid>
       </FSCol>
     </FSRow>
   </FSRow>
@@ -27,7 +31,7 @@
 import { computed, defineComponent, PropType } from "vue";
 
 import { useBreakpoints } from "@dative-gpi/foundation-shared-components/composables";
-import { GridMosaic } from "@dative-gpi/foundation-shared-components/models";
+import { FSGridMosaic } from "@dative-gpi/foundation-shared-components/models";
 
 import FSGrid from "./FSGrid.vue";
 import FSCol from "./FSCol.vue";
@@ -42,7 +46,7 @@ export default defineComponent({
   },
   props: {
     items: {
-      type: Array as PropType<GridMosaic[]>,
+      type: Array as PropType<FSGridMosaic[]>,
       default: [],
       required: false
     },

package/components/FSIconCheck.vue

@@ -0,0 +1,51 @@
+<template>
+  <FSIcon
+    :color="color"
+  >
+    {{ icon }}
+  </FSIcon>
+</template>
+
+<script lang="ts">
+import { computed, defineComponent } from "vue";
+
+import { ColorBase, ColorEnum } from "@dative-gpi/foundation-shared-components/models";
+
+import FSIcon from "./FSIcon.vue";
+
+export default defineComponent({
+  name: "FSIconCheck",
+  components: {
+    FSIcon
+  },
+  props: {
+    value: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    withColor: {
+      type: Boolean,
+      required: false,
+      default: true
+    }
+  },
+  setup(props) {
+    const icon = computed((): string => {
+      return props.value ? "mdi-check-circle-outline" : "mdi-close-circle-outline";
+    });
+
+    const color = computed((): ColorBase | null => {
+      if (!props.withColor) {
+        return null;
+      }
+      return props.value ? ColorEnum.Success : ColorEnum.Error;
+    });
+
+    return {
+      color,
+      icon
+    };
+  }
+});
+</script>

package/components/FSIconFlag.vue

@@ -0,0 +1,45 @@
+<template>
+  <FSIcon>
+    {{ icon }}
+  </FSIcon>
+</template>
+
+<script lang="ts">
+import { PropType, computed, defineComponent, onMounted } from "vue";
+  
+import { useLanguages } from "@dative-gpi/foundation-shared-services/composables";
+  
+import FSIcon from "./FSIcon.vue";
+  
+export default defineComponent({
+  name: "FSIconFlag",
+  components: {
+    FSIcon
+  },
+  props: {
+    languageCode: {
+      type: String as PropType<string | null>,
+      required: false,
+      default: null
+    }
+  },
+  setup(props) {
+    const { getMany: getManylanguages, entities: languages } = useLanguages();
+
+    const icon = computed((): string => {
+      if (!props.languageCode) {
+        return "mdi-web";
+      }
+      return languages.value.find(l => l.code === props.languageCode)?.icon ?? "mdi-web";
+    });
+
+    onMounted((): void => {
+      getManylanguages();
+    });
+
+    return {
+      icon
+    };
+  }
+});
+</script>

package/components/lists/FSDataTableUI.vue

@@ -705,6 +705,7 @@ export default defineComponent({
     ];
 
     const rowsPerPageOptions: { id: number, label: string }[] = [
+      { id: 5, label: "5" },
       { id: 10, label: "10" },
       { id: 30, label: "30" },
       { id: -1, label: $tr("ui.data-table.all-rows", "All") }

package/models/grids.ts

@@ -1,12 +1,12 @@
-export interface GridMosaic {
+export interface FSGridMosaic {
     categoryLabel: string;
     categoryCode: string;
-    items: GridItem[];
+    items: FSGridItem[];
 }
 
-export interface GridItem {
+export interface FSGridItem {
+    hideDefault: boolean;
     label: string;
     code: string;
-    value: string;
-    hideDefault: boolean;
+    value?: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-components",
   "sideEffects": false,
-  "version": "0.0.64",
+  "version": "0.0.66",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,8 +10,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "0.0.64",
-    "@dative-gpi/foundation-shared-services": "0.0.64",
+    "@dative-gpi/foundation-shared-domain": "0.0.66",
+    "@dative-gpi/foundation-shared-services": "0.0.66",
     "@fontsource/montserrat": "^5.0.16",
     "@lexical/clipboard": "^0.12.5",
     "@lexical/history": "^0.12.5",
@@ -32,5 +32,5 @@
     "sass": "^1.69.5",
     "sass-loader": "^13.3.2"
   },
-  "gitHead": "687d0738e85786e56e552acafb49a6464c1d265c"
+  "gitHead": "168f423ff8ddc691454860bf16396885e0e1c4f9"
 }