@tekkare/auriga 0.1.24 → 0.1.26

package/dist/runtime/components/argMultipleSelect.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     filter_placeholder: {
         type: StringConstructor;
-        required: false;
+        default: null;
     };
     show_all: {
         type: BooleanConstructor;
@@ -70,9 +70,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    emptyMsg: {
+    empty_msg: {
         type: StringConstructor;
-        default: string;
+        default: null;
     };
     multiple_label: {
         type: StringConstructor;
@@ -82,6 +82,32 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    loader_text: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: null;
+    };
+    empty_content_msg: {
+        type: StringConstructor;
+        default: null;
+    };
 }, {
     del_all: () => void;
     del_all_cat: (index: number) => void;
@@ -110,6 +136,10 @@ declare const _default: import("vue").DefineComponent<{
     selected_all: import("vue").Ref<boolean>;
     selectedCats: import("vue").Ref<number[]>;
     valueFrom: import("vue").Ref<never[]>;
+    getEmptyMsg: import("vue").ComputedRef<string>;
+    getLoaderText: import("vue").ComputedRef<string[]>;
+    getPlaceholder: import("vue").ComputedRef<string>;
+    getEmptyContentMsg: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "changeElement" | "update:Selection" | "changeInputValue")[], "onClose" | "changeElement" | "update:Selection" | "changeInputValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {
         type: {
@@ -138,7 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     filter_placeholder: {
         type: StringConstructor;
-        required: false;
+        default: null;
     };
     show_all: {
         type: BooleanConstructor;
@@ -182,9 +212,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    emptyMsg: {
+    empty_msg: {
         type: StringConstructor;
-        default: string;
+        default: null;
     };
     multiple_label: {
         type: StringConstructor;
@@ -194,22 +224,52 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    loader_text: {
+        type: {
+            (arrayLength: number): string[];
+            (...items: string[]): string[];
+            new (arrayLength: number): string[];
+            new (...items: string[]): string[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
+            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
+            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
+            of<T_4>(...items: T_4[]): T_4[];
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default: null;
+    };
+    empty_content_msg: {
+        type: StringConstructor;
+        default: null;
+    };
 }>> & {
     onOnClose?: ((...args: any[]) => any) | undefined;
     onChangeElement?: ((...args: any[]) => any) | undefined;
     "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
     onChangeInputValue?: ((...args: any[]) => any) | undefined;
 }, {
+    lang: string;
     loading: boolean;
     disabled: boolean;
     show_amount: boolean;
+    empty_msg: string;
+    loader_text: string[];
+    empty_content_msg: string;
     search: boolean;
+    filter_placeholder: string;
     default_select: any[];
     nested: boolean;
     show_all: boolean;
     preselection_all: boolean;
     multiple_columns: boolean;
     options_disable: unknown[];
-    emptyMsg: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argNoSelectedScope.vue

@@ -0,0 +1,165 @@
+<template>
+  <div class="arg_no_scope_display">
+    <div class="arg_no_selected_scope">
+      <div class="icon_square">
+        <arg-icon name="CrosshairSimple" size="32" />
+      </div>
+      <div class="arg_no_scope_text">
+        {{ getNoScopeMsg }}
+      </div>
+      <div v-if="scopeArray.length > 0" class="arg_scopes_select">
+        <div class="oip-row v-center justify-between">
+          <p class="args_select_title">
+            {{
+              lang === "fr"
+                ? "Appliquer un scope existant"
+                : "Apply an existing scope"
+            }}
+          </p>
+          <!-- Manage Scopes -->
+        </div>
+        <arg-radio-buttons
+          dir="column"
+          :elements="scopeArray"
+          :return_value="true"
+          v-model:Selection="selectedScope"
+        />
+      </div>
+      <arg-btn
+        v-if="scopeArray.length > 0"
+        :btn-style="selectedScope !== null ? 'primary-fill' : 'disable'"
+        size="m"
+        full-width
+        @onClick="selectScope"
+        >{{ lang === "fr" ? "Appliquer le scope" : "Apply scope" }}</arg-btn
+      >
+      <div class="oip_row v-center gap-8 full-width">
+        <div class="scope_sep" />
+        <p class="scope_sep_text">or</p>
+        <div class="scope_sep" />
+      </div>
+      <arg-btn
+        v-if="scopeArray.length > 0"
+        btn-style="primary-stroke"
+        size="m"
+        full-width
+        @onClick="createNewScope"
+        >{{ lang === "fr" ? "+ Nouveau scope" : "+ New scope" }}</arg-btn
+      >
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  ref,
+  computed,
+  defineComponent
+} from "vue";
+import argIcon from "./argIcon.vue";
+import argRadioButtons from "./argRadioButtons.vue";
+export default defineComponent({
+  name: "argNoSelectedScope",
+  components: { argIcon, argRadioButtons },
+  props: {
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    },
+    scopeArray: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["onSelectScope", "update:Scope", "onCreateScope"],
+  setup(props, { emit }) {
+    const selectedScope = ref(null);
+    const getNoScopeMsg = computed(() => {
+      if (props.lang === "en") {
+        return `You need to select your scope to view any results or data. Please choose one of the options below to proceed.`;
+      } else
+        return `Vous devez s\xE9lectionner votre scope pour voir les r\xE9sultats ou donn\xE9es. Veuillez choisir une des options ci-dessous pour continuer`;
+    });
+    function selectScope() {
+      emit("onSelectScope", selectedScope.value);
+      emit("update:Scope", selectedScope.value);
+    }
+    function createNewScope() {
+      emit("onCreateScope");
+    }
+    return { getNoScopeMsg, selectedScope, selectScope, createNewScope };
+  }
+});
+</script>
+
+<style scoped>
+.arg_no_selected_scope {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 24px;
+  max-width: 382px;
+}
+
+.icon_square {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--dividers);
+  padding: 8px;
+  border-radius: 8px;
+}
+
+.arg_no_scope_text {
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+  color: var(--cool-grey);
+}
+
+.arg_no_scope_display {
+  height: 100%;
+  width: 100%;
+  margin-top: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.arg_scopes_select {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 8px;
+}
+
+.args_select_title {
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+
+.scope_sep {
+  height: 1px;
+  background-color: var(--wild-blue-yonder);
+  flex: 1 1 0;
+  min-width: 40%;
+}
+
+.full-width {
+  width: 100%;
+}
+
+.scope_sep_text {
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  color: var(--wild-blue-yonder);
+}
+</style>

package/dist/runtime/components/argNoSelectedScope.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    scopeArray: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}, {
+    getNoScopeMsg: import("vue").ComputedRef<"You need to select your scope to view any results or data. Please choose one of the options below to proceed." | "Vous devez sélectionner votre scope pour voir les résultats ou données. Veuillez choisir une des options ci-dessous pour continuer">;
+    selectedScope: any;
+    selectScope: () => void;
+    createNewScope: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectScope" | "update:Scope" | "onCreateScope")[], "onSelectScope" | "update:Scope" | "onCreateScope", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    scopeArray: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}>> & {
+    onOnSelectScope?: ((...args: any[]) => any) | undefined;
+    "onUpdate:Scope"?: ((...args: any[]) => any) | undefined;
+    onOnCreateScope?: ((...args: any[]) => any) | undefined;
+}, {
+    lang: string;
+    scopeArray: unknown[];
+}, {}>;
+export default _default;

package/dist/runtime/components/argRadioButtons.vue

@@ -3,7 +3,7 @@
     <div
       v-for="(radio, index) in elements"
       :key="index"
-      class="oip_row v-center gap-4"
+      class="oip_row v-center gap-4 radio_item"
       :class="selectedRadio === index + 1 ? 'selected-radio' : 'display-radio'"
       @click="selectRadio(index + 1, radio)"
     >
@@ -37,7 +37,7 @@ export default defineComponent({
     },
     defaultSelect: {
       type: Number,
-      default: 1
+      default: null
     },
     returnValue: {
       type: Boolean,
@@ -50,7 +50,7 @@ export default defineComponent({
   },
   emits: ["changeElement", "update:Selection"],
   setup(props, { emit }) {
-    const selectedRadio = ref(1);
+    const selectedRadio = ref(null);
     onMounted(() => {
       if (typeof props.defaultSelect === "number") {
         selectedRadio.value = props.defaultSelect;
@@ -134,4 +134,8 @@ export default defineComponent({
   align-items: flex-start;
   gap: 8px;
 }
+
+.radio_item {
+  padding: 6px;
+}
 </style>

package/dist/runtime/components/argRadioButtons.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     defaultSelect: {
         type: NumberConstructor;
-        default: number;
+        default: null;
     };
     returnValue: {
         type: BooleanConstructor;
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, {
-    selectedRadio: import("vue").Ref<number>;
+    selectedRadio: any;
     selectRadio: (index: number, value: string) => void;
     getIconName: (index: number) => "CheckCircleFill" | "Circle";
     getColor: (index: number) => "var(--primary)" | "var(--lavendar-grey)";
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     defaultSelect: {
         type: NumberConstructor;
-        default: number;
+        default: null;
     };
     returnValue: {
         type: BooleanConstructor;

package/dist/runtime/components/argSimpleLabel.vue

@@ -212,6 +212,20 @@ export default defineComponent({
   min-height: 10px;
 }
 
+.oip_select_dropdown_selection_container:only-child {
+  margin-top: 0px;
+}
+
+.oip_empty_dropdown {
+  padding-top: 16px;
+  text-align: center;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+  font-style: italic;
+  color: var(--cool-grey);
+}
+
 .oip_select_complex_selection_loop > svg.add {
   fill: var(--accent) !important;
   color: var(--pure-white) !important;