@tekkare/auriga 0.1.12 → 0.1.14

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.12"
+  "version": "0.1.14"
 }

package/dist/runtime/components/argActions.vue

@@ -1,14 +1,15 @@
 <template>
   <div
-    :class="
+    :class="[
+      disable ? 'disable' : '',
       actionType === 'download' || actionType === 'see-analysis'
         ? 'download_action'
         : actionType === 'cancel' || actionType === 'close'
         ? 'cancel_action'
         : actionType === 'scope' || actionType === 'save-analysis'
         ? 'scope_action'
-        : ''
-    "
+        : '',
+    ]"
     @click="sendAction()"
   >
     <p v-if="!customize">{{ getActionText }}</p>
@@ -22,7 +23,7 @@ import {
   defineComponent
 } from "vue";
 export default defineComponent({
-  name: "argMultipleSelect",
+  name: "argActions",
   props: {
     actionType: {
       type: String,
@@ -36,6 +37,10 @@ export default defineComponent({
       type: Boolean,
       default: false
     },
+    disable: {
+      type: Boolean,
+      default: false
+    },
     lang: {
       type: String,
       default: "en",
@@ -144,7 +149,7 @@ export default defineComponent({
   justify-content: center;
   align-items: center;
   gap: var(--s, 8px);
-  border-radius: 8px;
+  border-radius: 16px;
   background: var(--primary-primary, #2176ff);
   font-size: 14px;
   font-style: normal;
@@ -152,4 +157,13 @@ export default defineComponent({
   line-height: normal;
   color: var(--pure-white);
 }
+
+.scope_action.disable {
+  background: var(--dividers) !important;
+  color: var(--wild-blue-yonder) !important;
+}
+
+.download_action.disable {
+  color: var(--wild-blue-yonder) !important;
+}
 </style>

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

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -32,6 +36,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -47,6 +55,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     customText: string;
     customize: boolean;
+    disable: boolean;
     lang: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argComplexSelect.vue

@@ -37,7 +37,10 @@
           }}
         </h1>
       </div>
-      <div v-if="!!smart_selection_table" class="oip_select_complex_smart">
+      <div
+        v-if="smart_selection_table !== null"
+        class="oip_select_complex_smart"
+      >
         <h2 class="oip_select_complex_smart_title">Smart Selection</h2>
         <div class="oip_select_complex_smart_selection">
           <!-- Tags -->
@@ -197,7 +200,8 @@ import {
   ref,
   computed,
   watch,
-  defineComponent
+  defineComponent,
+  onUnmounted
 } from "vue";
 export default defineComponent({
   name: "argComplexSelect",
@@ -207,7 +211,11 @@ export default defineComponent({
     search_placeholder: { type: String, default: "Search" },
     need_apply: { type: Boolean, default: false },
     select_placeholder: { type: String, required: false },
-    smart_selection_table: { type: Array, required: false },
+    smart_selection_table: {
+      type: Array || null,
+      required: false,
+      default: null
+    },
     return_value: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
     already_selected: {
@@ -342,7 +350,7 @@ export default defineComponent({
         if (isDisplay.value === true) {
           setTimeout(() => {
             document?.addEventListener("click", close);
-          }, 100);
+          }, 200);
         }
         const elem = document?.getElementById("select_complex");
         const simpleElem = document?.getElementById("simple_select_complex");
@@ -465,6 +473,9 @@ export default defineComponent({
       save_table.value.add = add_table.value;
       save_table.value.del = del_table.value;
     }
+    onUnmounted(() => {
+      document?.removeEventListener("click", close);
+    });
     return {
       add_table,
       del_table,

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

@@ -31,6 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     smart_selection_table: {
         type: ArrayConstructor;
         required: false;
+        default: null;
     };
     return_value: {
         type: BooleanConstructor;
@@ -152,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{
     smart_selection_table: {
         type: ArrayConstructor;
         required: false;
+        default: null;
     };
     return_value: {
         type: BooleanConstructor;
@@ -218,6 +220,7 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     search_placeholder: string;
     need_apply: boolean;
+    smart_selection_table: unknown[];
     return_value: boolean;
     disabled: boolean;
     already_selected: string[];

package/dist/runtime/components/argDropdownSelect.vue

@@ -5,20 +5,36 @@
       <p class="oip_filter_label">{{ dropdown_label }}</p>
       <arg-simple-label
         :disabled="disabled"
-        @click.stop="changeDisplay()"
+        @click="changeDisplay()"
         :class="isDisplay ? 'open' : ''"
       >
         <arg-tooltip
           class="full_width"
           :disable="
-            selected_item !== null ? true : !isEllipsisActive ? true : false
+            selected_item !== null && selected_item !== undefined
+              ? true
+              : !isEllipsisActive
+              ? true
+              : false
+          "
+          :tooltipText="
+            selected_item !== null && selected_item !== undefined
+              ? selected_item
+              : ''
           "
-          :tooltipText="selected_item !== null ? selected_item : ''"
         >
           <span
-            :class="selected_item !== null ? '' : 'oip_empty_select'"
+            :class="
+              selected_item !== null && selected_item !== undefined
+                ? ''
+                : 'oip_empty_select'
+            "
             :id="`label_${selected_item}`"
-            >{{ selected_item === null ? empty_msg : selected_item }}</span
+            >{{
+              selected_item === null || selected_item === undefined
+                ? empty_msg
+                : selected_item
+            }}</span
           >
         </arg-tooltip>
       </arg-simple-label>

package/dist/runtime/components/argFilterCard.vue

@@ -80,7 +80,7 @@ export default defineComponent({
   backdrop-filter: blur(12px);
   transition: all ease 0.7s;
   cursor: pointer;
-  z-index: 98;
+  z-index: 91;
   width: calc(100% - 48px);
 }
 

package/dist/runtime/components/argHeader.vue

@@ -73,7 +73,7 @@ export default defineComponent({
   padding: 24px 32px 12px;
   position: fixed;
   top: 0;
-  z-index: 99;
+  z-index: 95;
   border-bottom: 1px solid var(--base-dividers, #ececf2);
   background: transparent;
   width: 100%;

package/dist/runtime/components/argHybridChart.vue

@@ -79,8 +79,8 @@
   </div>
 </template>
 <script>
-import argBtn from "./argBtn";
-import argTooltip from "./argTooltip";
+import argBtn from "./argBtn.vue";
+import argTooltip from "./argTooltip.vue";
 import {
   onMounted,
   ref,

package/dist/runtime/components/argInfoBar.vue

@@ -110,66 +110,4 @@ export default defineComponent({
 .oip_info_item:hover {
   background: rgb(237, 237, 243, 65%);
 }
-
-.oip_info_close {
-  margin: 24px;
-  display: flex;
-  height: 32px;
-  padding: 6px 12px 6px 8px;
-  align-items: center;
-  gap: 6px;
-  cursor: pointer;
-  border-radius: var(--s, 8px);
-  background: var(--pure-white);
-}
-
-.oip_info_close:hover {
-  background: var(--dividers) !important;
-}
-
-.oip_info_section {
-  width: 0px;
-  transition: width ease 0.5s;
-  overflow-x: hidden;
-  height: 0px;
-}
-
-.oip_info_section_open {
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  width: 620px;
-  height: 820px;
-}
-
-.oip_info_sidebar {
-  display: flex;
-  width: 160px;
-  padding: var(--l, 24px) var(--None, 0px);
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--m, 16px);
-  align-self: stretch;
-  border-radius: var(--None, 0px);
-
-  border-left: 1px solid var(--base-dividers, #ececf2);
-  background: var(--base-demi-fond, #f9f9fa);
-  backdrop-filter: blur(16px);
-}
-
-.open_container {
-  max-width: 750px !important;
-  height: 820px;
-}
-
-.oip_info_container {
-  display: inline-flex;
-  align-items: flex-start;
-  position: fixed;
-  right: 0;
-  top: 108px;
-  z-index: 999;
-  max-width: 0px;
-  transition: max-width ease 0.5px;
-}
 </style>

package/dist/runtime/components/argMainLayout.vue

@@ -1,14 +1,12 @@
 <template>
   <div :class="sidebarOpen ? 'arg_main_with_sidebar' : 'arg_main_no_sidebar'">
     <slot name="sidebar" />
-    <slot name="tuto" />
     <div class="arg_main_layout_body">
       <div class="arg_info" id="arg_info_section">
         <slot name="infoBar" />
         <slot name="infoSection" />
       </div>
       <div class="arg_main_layout_section" id="arg_main_layout_section">
-        <slot name="header" />
         <slot name="body" />
       </div>
       <argFooter />
@@ -20,12 +18,10 @@ import {
   onMounted,
   defineComponent
 } from "vue";
-import argIcon from "./argIcon.vue";
-import argStyle from "./argStyle.vue";
 import argFooter from "./argFooter.vue";
 export default defineComponent({
   name: "argMainLayout",
-  components: { argIcon, argStyle, argFooter },
+  components: { argFooter },
   props: {
     sidebarOpen: {
       type: Boolean,
@@ -77,6 +73,6 @@ export default defineComponent({
 .arg_info {
   position: fixed;
   right: 8px;
-  z-index: 999;
+  z-index: 98;
 }
 </style>

package/dist/runtime/components/argNoSavedScope.vue

@@ -0,0 +1,90 @@
+<template>
+  <div>
+    <div class="no_scope_text">
+      <p>{{ noScopeText[lang] }}</p>
+      <ul>
+        <li v-for="(step, index) in saveScopeSteps" :key="index">
+          {{ step[lang] }}
+        </li>
+      </ul>
+      <p>{{ noScopeEnd[lang] }}</p>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argNoSavedScope",
+  props: {
+    lang: {
+      type: String,
+      default: "en",
+      validator: (value) => {
+        return ["en", "fr"].includes(value);
+      }
+    }
+  },
+  setup() {
+    const noScopeText = {
+      en: `You don't have Scopes saved yet. Here's how to create a new scope:`,
+      fr: `Vous n'avez pas encore de scope enregistr\xE9. Voici comment cr\xE9er un nouveau scope:`
+    };
+    const saveScopeSteps = [
+      {
+        en: `Switch to \u201CNew Scope Criteria\u201D`,
+        fr: `Choisissez l'onglet "Nouveau crit\xE8re scope"`
+      },
+      {
+        en: `Select all the criteria you need`,
+        fr: `S\xE9lectionnez les crit\xE8res dont vous avez besoin`
+      },
+      {
+        en: `Click on \u201CSave and continue\u201D at the top right of your screen`,
+        fr: `Cliquez sur "Sauvegarder et continuer" en haut \xE0 droite de votre \xE9cran`
+      },
+      {
+        en: `Fill the form with the information you need and click on \u201CSave scope and continue\u201D`,
+        fr: `Remplissez le formulaire avec vos informations et cliquez sur "Sauvegarder le scope et coninuer"`
+      }
+    ];
+    const noScopeEnd = {
+      en: `And that\u2019s it ! Your scope will be saved and you will be able to recover it next time you connect !`,
+      fr: `Et c'est tout ! Votre scope sera enregistr\xE9 et vous pourrez le retrouver lors de vos prochaines connexions !`
+    };
+    return {
+      noScopeText,
+      saveScopeSteps,
+      noScopeEnd
+    };
+  }
+});
+</script>
+
+<style scoped>
+.no_scope_text {
+  font-family: Figtree;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+}
+
+ul {
+  padding-inline-start: 14px !important;
+}
+
+li {
+  list-style: none;
+  font-size: 14px;
+}
+
+li:before {
+  content: "·    ";
+  vertical-align: middle;
+  font-size: 30px !important;
+  font-weight: 300 !important;
+}
+</style>

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

@@ -0,0 +1,29 @@
+declare const _default: import("vue").DefineComponent<{
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    noScopeText: {
+        en: string;
+        fr: string;
+    };
+    saveScopeSteps: {
+        en: string;
+        fr: string;
+    }[];
+    noScopeEnd: {
+        en: string;
+        fr: string;
+    };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    lang: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    lang: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argScopeHeader.vue

@@ -5,16 +5,7 @@
       <h1 class="scope_title">{{ scopeTitle }}</h1>
     </div>
     <div class="oip_row v-center gap-16">
-      <arg-actions
-        :lang="lang"
-        action-type="see-analysis"
-        @onSeeAnalysis="seeAnalysis()"
-      />
-      <arg-actions
-        :lang="lang"
-        action-type="save-analysis"
-        @onSaveAnalysis="saveAnalysis()"
-      />
+      <slot name="actions" />
     </div>
   </div>
 </template>
@@ -33,6 +24,10 @@ export default defineComponent({
       type: String,
       default: "My scope"
     },
+    noSelection: {
+      type: Boolean,
+      default: true
+    },
     lang: {
       type: String,
       default: "en",
@@ -41,23 +36,14 @@ export default defineComponent({
       }
     }
   },
-  emits: ["seeAnalysis", "saveAnalysis"],
-  setup(props, { emit }) {
+  setup() {
     const router = useRouter();
     function goBack() {
       router.back();
     }
-    function seeAnalysis() {
-      emit("seeAnalysis");
-    }
-    function saveAnalysis() {
-      emit("saveAnalysis");
-    }
     return {
       router,
-      goBack,
-      seeAnalysis,
-      saveAnalysis
+      goBack
     };
   }
 });
@@ -71,13 +57,14 @@ export default defineComponent({
   align-items: center;
   justify-content: space-between;
   gap: var(--m, 16px);
-
+  position: fixed;
+  top: 0;
+  left: 0;
   align-self: stretch;
   border-radius: var(--None, 0px);
-
   border-bottom: 1px solid var(--base-dividers, #ececf2);
   background: rgba(253, 253, 255, 0.8);
-
+  width: calc(100% - 48px);
   backdrop-filter: blur(12px);
 }
 

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

@@ -3,6 +3,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    noSelection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -11,23 +15,23 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     router: import("vue-router").Router;
     goBack: () => void;
-    seeAnalysis: () => void;
-    saveAnalysis: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("seeAnalysis" | "saveAnalysis")[], "seeAnalysis" | "saveAnalysis", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     scopeTitle: {
         type: StringConstructor;
         default: string;
     };
+    noSelection: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     lang: {
         type: StringConstructor;
         default: string;
         validator: (value: string) => boolean;
     };
-}>> & {
-    onSeeAnalysis?: ((...args: any[]) => any) | undefined;
-    onSaveAnalysis?: ((...args: any[]) => any) | undefined;
-}, {
+}>>, {
     lang: string;
     scopeTitle: string;
+    noSelection: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argScopeLayout.vue

@@ -4,7 +4,7 @@
     <div class="arg_scope_layout_body">
       <slot name="body" />
     </div>
-    <argFooter />
+    <argFooter class="full_width_footer" />
   </div>
 </template>
 <script>
@@ -16,7 +16,7 @@ import argIcon from "./argIcon.vue";
 import argStyle from "./argStyle.vue";
 import argFooter from "./argFooter.vue";
 export default defineComponent({
-  name: "argMainLayout",
+  name: "argScopeLayout",
   components: { argIcon, argStyle, argFooter },
   props: {
     sidebarOpen: {
@@ -53,9 +53,12 @@ export default defineComponent({
 }
 .arg_scope_layout_body {
   min-height: calc(100vh - 77px);
-  padding: 8px;
+  margin: 116px 32px 0px 32px;
   max-width: 1088px;
-  min-width: 50%;
-  margin-top: 32px;
+  width: calc(100% - 64px);
+}
+
+.full_width_footer {
+  width: calc(100% - 192px);
 }
 </style>

package/dist/runtime/components/argSearchInput.vue

@@ -23,6 +23,7 @@
 <script>
 import argIcon from "./argIcon.vue";
 import {
+  onMounted,
   ref,
   watch,
   defineComponent
@@ -35,22 +36,26 @@ export default defineComponent({
       type: String,
       default: "Search here..."
     },
-    value: {
+    defaultValue: {
       type: String,
       default: ""
     }
   },
   emits: ["update:Value", "submitSearch"],
   setup(props, { emit }) {
-    const searchValue = ref(props.value);
+    const searchValue = ref("");
+    onMounted(() => {
+      searchValue.value = props.defaultValue;
+    });
     watch(
-      () => props.value,
+      () => props.defaultValue,
       (new_value) => {
         searchValue.value = new_value;
       }
     );
     function changeInput(event) {
-      emit("update:Value", event.target.value);
+      searchValue.value = event.target.value;
+      emit("update:Value", searchValue.value);
     }
     function submitSearch() {
       emit("submitSearch");

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

@@ -3,13 +3,13 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    value: {
+    defaultValue: {
         type: StringConstructor;
         default: string;
     };
 }, {
     searchValue: import("vue").Ref<string>;
-    changeInput: (event: Event) => void;
+    changeInput: (event: any) => void;
     submitSearch: () => void;
     clearValue: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Value" | "submitSearch")[], "update:Value" | "submitSearch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    value: {
+    defaultValue: {
         type: StringConstructor;
         default: string;
     };
@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:Value"?: ((...args: any[]) => any) | undefined;
     onSubmitSearch?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string;
     placeHolderValue: string;
+    defaultValue: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argSidebar.vue

@@ -62,9 +62,11 @@ import {
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
+import argTooltip from "./argTooltip.vue";
+import argFlag from "./argFlag.vue";
 export default defineComponent({
   name: "argSidebar",
-  components: { argIcon },
+  components: { argIcon, argTooltip, argFlag },
   props: {
     name: { type: String, required: true },
     appIso: {
@@ -119,7 +121,7 @@ export default defineComponent({
   background: var(--background);
   height: 100vh;
   position: fixed;
-  z-index: 100;
+  z-index: 98;
   transition: all ease 0.3s;
   left: 0;
   top: 0;

package/dist/runtime/components/argTable.vue

@@ -108,11 +108,7 @@
                     v-bind:value="value"
                   ></slot>
                   <p v-else>
-                    {{
-                      typeof value === "number"
-                        ? Intl.NumberFormat("us-US").format(value)
-                        : value
-                    }}
+                    {{ value }}
                   </p>
                 </td>
               </tr>
@@ -932,7 +928,7 @@ th:last-child div.show .rcd-searchInput {
 
 .scroll_table .rcd_scrollTable thead {
   background: var(--pure-white) !important;
-  z-index: 98;
+  z-index: 90;
 }
 
 .scroll_table .rcd_scrollTable {

package/dist/runtime/components/argTipsBox.vue

@@ -125,6 +125,7 @@ export default defineComponent({
   line-height: 160%;
   padding: 6px;
   border-radius: 4px;
+  white-space: nowrap;
 }
 
 .tip_action:hover {

package/dist/runtime/components/argTutoModal.vue

@@ -111,19 +111,22 @@ export default defineComponent({
   height: 0px;
   width: 0px;
   padding: 53px 82px;
-  z-index: -5;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .arg_tuto_modal_open {
-  z-index: 2000;
+  z-index: 99;
   background-color: rgba(0, 0, 0, 0.4);
-  width: 100%;
+  width: calc(100% - 164px);
   height: calc(100% - 106px);
 }
 
 .arg_tuto_modal {
   display: flex;
   width: calc(100% - 164px);
+  max-width: 1088px;
   height: 100%;
   flex-direction: column;
   align-items: flex-start;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",