@tekkare/auriga 0.1.53 → 0.1.55

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": "^3.0.0"
   },
-  "version": "0.1.53"
+  "version": "0.1.55"
 }

package/dist/runtime/components/argBtn.vue

@@ -78,7 +78,7 @@ export default defineComponent({
   name: "argBtn",
   components: { argIcon },
   props: {
-    btnStyle: { type: String, default: "primary" },
+    btnStyle: { type: String, default: "primary-fill" },
     becomeSmall: { type: Boolean, default: false },
     icon: { type: String, default: "Spinner" },
     onlyIcon: { type: Boolean, default: false },

package/dist/runtime/components/argFilterCard.vue

@@ -3,7 +3,6 @@
     class="oip_filter_card"
     id="arg_filter_card"
     :class="filtersOpen ? 'filter_card' : 'filter_card_collapse'"
-    @click="filtersOpen = !filtersOpen"
   >
     <div class="oip_row v-center space-between full-width">
       <div class="oip_row v-center gap-8">
@@ -12,13 +11,30 @@
         <p
           v-if="haveSaveScope && filtersOpen"
           class="filters_save"
-          @click.stop="save()"
+          @click="save()"
         >
-          {{ saveScopeMsg }}
+          {{
+            saveScopeMsg !== null
+              ? saveScopeMsg
+              : lang === "en"
+              ? "Save scope"
+              : "Sauvergarder un scope"
+          }}
+        </p>
+        <p class="filters_clear" @click="clear()">
+          {{
+            clearMsg !== null
+              ? clearMsg
+              : lang === "en"
+              ? "Clear all"
+              : "Tout effacer"
+          }}
         </p>
-        <p class="filters_clear" @click.stop="clear()">{{ clearMsg }}</p>
       </div>
-      <div class="oip_row v-center gap-8 toggle_filter_card">
+      <div
+        class="oip_row v-center gap-8 toggle_filter_card"
+        @click="filtersOpen = !filtersOpen"
+      >
         <arg-icon
           name="CaretDown"
           size="20"
@@ -29,7 +45,7 @@
         }}</span>
       </div>
     </div>
-    <div class="filters_section" @click.stop>
+    <div class="filters_section">
       <slot name="Search" />
       <div class="filters_row oip_row v-center gap-16 full-width wrap">
         <slot name="Filters" />
@@ -51,8 +67,8 @@ export default defineComponent({
   props: {
     filters_amount: { type: Number, default: 0 },
     haveSaveScope: { type: Boolean, default: false },
-    clearMsg: { type: String, default: "Clear all" },
-    saveScopeMsg: { type: String, default: "Save scope" },
+    clearMsg: { type: String, default: null },
+    saveScopeMsg: { type: String, default: null },
     lang: {
       type: String,
       default: "en",
@@ -90,7 +106,6 @@ export default defineComponent({
 <style scoped>
 .oip_filter_card {
   display: flex;
-  padding: 24px;
   flex-direction: column;
   align-items: flex-start;
   border-radius: 8px;
@@ -98,7 +113,6 @@ export default defineComponent({
   border: 1px solid var(--dividers);
   backdrop-filter: blur(12px);
   transition: all ease 0.7s;
-  cursor: pointer;
   z-index: 91;
   align-self: stretch;
   position: sticky;
@@ -110,6 +124,7 @@ export default defineComponent({
   max-height: 5000px;
   overflow: visible;
   background: var(--pure-white);
+  padding: 24px;
 }
 
 .filter_card_collapse {
@@ -117,6 +132,7 @@ export default defineComponent({
   overflow: hidden;
   background: rgba(245, 245, 249, 0.8);
   backdrop-filter: blur(12px);
+  padding: 16px 24px;
 }
 
 .full-width {

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

@@ -9,11 +9,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     clearMsg: {
         type: StringConstructor;
-        default: string;
+        default: null;
     };
     saveScopeMsg: {
         type: StringConstructor;
-        default: string;
+        default: null;
     };
     lang: {
         type: StringConstructor;
@@ -35,11 +35,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     clearMsg: {
         type: StringConstructor;
-        default: string;
+        default: null;
     };
     saveScopeMsg: {
         type: StringConstructor;
-        default: string;
+        default: null;
     };
     lang: {
         type: StringConstructor;

package/dist/runtime/components/argNoSavedScope.vue

@@ -47,12 +47,12 @@ export default defineComponent({
       },
       {
         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"`
+        fr: `Remplissez le formulaire avec vos informations et cliquez sur "Sauvegarder le scope et continuer"`
       }
     ];
     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 !`
+      fr: `Et c'est tout ! Votre scope sera sauvegard\xE9 et vous pourrez le retrouver lors de vos prochaines connexions !`
     };
     return {
       noScopeText,

package/dist/runtime/components/argNoSelectedScope.vue

@@ -18,9 +18,9 @@
           </p>
           <slot name="manage" />
         </div>
-        <arg-radio-buttons
+        <arg-scope-select
           dir="column"
-          :elements="scopeArray.map((a) => a.title)"
+          :elements="scopeArray"
           :return_value="true"
           v-model:Selection="selectedScope"
         />
@@ -59,10 +59,11 @@ import {
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
-import argRadioButtons from "./argRadioButtons.vue";
+import argScopeSelect from "./argScopeSelect.vue";
+import argBtn from "./argBtn.vue";
 export default defineComponent({
   name: "argNoSelectedScope",
-  components: { argIcon, argRadioButtons },
+  components: { argIcon, argScopeSelect, argBtn },
   props: {
     lang: {
       type: String,
@@ -86,18 +87,8 @@ export default defineComponent({
         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",
-        props.scopeArray[props.scopeArray.findIndex(
-          (a) => a.title === selectedScope.value
-        )]
-      );
-      emit(
-        "update:Scope",
-        props.scopeArray[props.scopeArray.findIndex(
-          (a) => a.title === selectedScope.value
-        )]
-      );
+      emit("onSelectScope", selectedScope.value);
+      emit("update:Scope", selectedScope.value);
     }
     function createNewScope() {
       emit("onCreateScope");

package/dist/runtime/components/argScopeChange.vue

@@ -152,7 +152,7 @@ export default defineComponent({
   padding: 16px;
   display: flex;
   flex-direction: column;
-  right: -22px;
+  margin-left: -22px;
 }
 
 .scope_change_display {

package/dist/runtime/components/argScopeCriteria.vue

@@ -37,10 +37,6 @@ export default defineComponent({
   name: "argScopeCriteria",
   components: { argFilterTabs },
   props: {
-    scopeTitle: {
-      type: String,
-      default: "My scope"
-    },
     lang: {
       type: String,
       default: "en",

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

@@ -1,8 +1,4 @@
 declare const _default: import("vue").DefineComponent<{
-    scopeTitle: {
-        type: StringConstructor;
-        default: string;
-    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -19,10 +15,6 @@ declare const _default: import("vue").DefineComponent<{
         value: string;
     }[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:Criteria" | "onChangeCriteria")[], "update:Criteria" | "onChangeCriteria", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    scopeTitle: {
-        type: StringConstructor;
-        default: string;
-    };
     lang: {
         type: StringConstructor;
         default: string;
@@ -33,6 +25,5 @@ declare const _default: import("vue").DefineComponent<{
     onOnChangeCriteria?: ((...args: any[]) => any) | undefined;
 }, {
     lang: string;
-    scopeTitle: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argScopeCriteriaIndicator.vue

@@ -15,7 +15,7 @@ export default defineComponent({
   name: "argScopeCriteriaIndicator",
   props: {
     selected: {
-      type: Object,
+      type: String,
       default: null
     }
   }

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

@@ -1,14 +1,14 @@
 declare const _default: import("vue").DefineComponent<{
     selected: {
-        type: ObjectConstructor;
+        type: StringConstructor;
         default: null;
     };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     selected: {
-        type: ObjectConstructor;
+        type: StringConstructor;
         default: null;
     };
 }>>, {
-    selected: Record<string, any>;
+    selected: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argScopeHeader.vue

@@ -2,7 +2,15 @@
   <div class="arg_scope_header">
     <div class="oip_row v-center gap-16">
       <arg-actions :lang="lang" action-type="cancel" @onAction="goBack()" />
-      <h1 class="scope_title">{{ scopeTitle }}</h1>
+      <h1 class="scope_title">
+        {{
+          scopeTitle !== null
+            ? scopeTitle
+            : lang === "en"
+            ? "My scope"
+            : "Mon scope"
+        }}
+      </h1>
     </div>
     <div class="oip_row v-center gap-16">
       <slot name="actions" />
@@ -22,7 +30,7 @@ export default defineComponent({
   props: {
     scopeTitle: {
       type: String,
-      default: "My scope"
+      default: null
     },
     lang: {
       type: String,
@@ -70,6 +78,7 @@ export default defineComponent({
   background: rgba(253, 253, 255, 0.8);
   width: calc(100% - 48px);
   backdrop-filter: blur(12px);
+  z-index: 90;
 }
 
 .scope_title {

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

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{
     scopeTitle: {
         type: StringConstructor;
-        default: string;
+        default: null;
     };
     lang: {
         type: StringConstructor;
@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
 }, 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;
+        default: null;
     };
     lang: {
         type: StringConstructor;

package/dist/runtime/components/argScopeModal.vue

@@ -101,8 +101,12 @@
 
 <script>
 import { ref, defineComponent, watch, computed } from "vue";
+import argIcon from "./argIcon.vue";
+import argBtn from "./argBtn.vue";
+import argTags from "./argTags.vue";
 export default defineComponent({
   name: "argScopeModal",
+  components: { argTags, argIcon, argBtn },
   props: {
     scopeCriteria: {
       type: Array,

package/dist/runtime/components/{argScopeRadio.vue → argScopeSelect.vue}

@@ -27,7 +27,7 @@ import {
   defineComponent
 } from "vue";
 export default defineComponent({
-  name: "argScopeRadio",
+  name: "argScopeSelect",
   components: {
     argIcon
   },
@@ -40,10 +40,6 @@ export default defineComponent({
       type: Number,
       default: null
     },
-    returnValue: {
-      type: Boolean,
-      default: true
-    },
     dir: {
       type: String,
       default: "row"
@@ -68,13 +64,8 @@ export default defineComponent({
     );
     function selectRadio(index, value) {
       selectedRadio.value = index;
-      if (props.returnValue) {
-        emit("changeElement", value);
-        emit("update:Selection", value);
-      } else {
-        emit("changeElement", selectedRadio.value);
-        emit("update:Selection", selectedRadio.value);
-      }
+      emit("changeElement", value);
+      emit("update:Selection", value);
     }
     function getIconName(index) {
       if (index === selectedRadio.value) {

package/dist/runtime/components/{argScopeRadio.vue.d.ts → argScopeSelect.vue.d.ts}

@@ -20,10 +20,6 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: null;
     };
-    returnValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     dir: {
         type: StringConstructor;
         default: string;
@@ -55,10 +51,6 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: null;
     };
-    returnValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     dir: {
         type: StringConstructor;
         default: string;
@@ -68,7 +60,6 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:Selection"?: ((...args: any[]) => any) | undefined;
 }, {
     defaultSelect: number;
-    returnValue: boolean;
     dir: string;
 }, {}>;
 export default _default;

package/dist/runtime/components/argSimpleLabel.vue

@@ -172,7 +172,7 @@ export default defineComponent({
   cursor: pointer;
   display: flex;
   gap: 8px;
-  margin: 8px 0;
+  margin: 4px 0;
 }
 
 .oip_search_container > svg {

package/dist/runtime/components/argTutoModal.vue

@@ -77,7 +77,7 @@ export default defineComponent({
       default: "My Scope"
     }
   },
-  emits: ["onNextPage", "onClose"],
+  emits: ["onClose"],
   setup(props, { emit }) {
     const currentPage = ref(1);
     function closeTuto() {

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

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     currentPage: import("vue").Ref<number>;
     prevPage: () => void;
     nextPage: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onClose" | "onNextPage")[], "onClose" | "onNextPage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClose"[], "onClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     pageAmount: {
         type: NumberConstructor;
         required: true;
@@ -33,7 +33,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onOnClose?: ((...args: any[]) => any) | undefined;
-    onOnNextPage?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
     openTuto: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tekkare/auriga",
-  "version": "0.1.53",
+  "version": "0.1.55",
   "description": "Aurgia is a UI kit developped by Tekkare",
   "license": "MIT",
   "type": "module",
@@ -30,7 +30,6 @@
     "patch": "nuxt-module-build && npm version patch && npm publish"
   },
   "dependencies": {
-    "@esbuild/darwin-x64": "^0.19.8",
     "@nuxt/kit": "^3.7.3",
     "@pinia/nuxt": "^0.5.1",
     "apexcharts": "^3.43.0",
@@ -47,6 +46,7 @@
     "changelogen": "^0.5.5",
     "eslint": "^8.49.0",
     "nuxt": "^3.7.3",
+    "storybook-addon-nuxt": "^1.3.3",
     "vitest": "^0.33.0"
   },
   "author": "Tekkare"