@tekkare/auriga 0.1.9 → 0.1.11

package/dist/runtime/components/argCheckbox.vue

@@ -1,33 +1,36 @@
 <template>
-  <div
-    class="filter_box"
-    @focus="selectOption = true"
-    @focusout="selectOption = false"
-    tabindex="0"
-    :class="selectOption ? 'open' : ''"
-    @click="selectFilter()"
-  >
-    <div>
-      <arg-icon
-        :name="iconFilter"
-        :class="[
-          'flex',
-          returnValue ? 'filter_icon_check' : 'filter_icon_select',
-          disable ? 'disable' : 'filter_icon_select',
-        ]"
-        size="24"
-        :color="iconColor"
-      />
-    </div>
-    <p>{{ filterTitle }}</p>
-    <arg-tooltip
-      v-if="infoIcon"
-      :tooltip-text="tooltipText"
-      :dir="tooltipDir"
-      class="filter_tooltip flex"
+  <div class="oip_select_display">
+    <p class="oip_filter_label">{{ checkbox_label }}</p>
+    <div
+      class="filter_box"
+      @focus="selectOption = true"
+      @focusout="selectOption = false"
+      tabindex="0"
+      :class="selectOption ? 'open' : ''"
+      @click="selectFilter()"
     >
-      <arg-icon name="Info" color="var(--cool-grey)" size="16" />
-    </arg-tooltip>
+      <div>
+        <arg-icon
+          :name="iconFilter"
+          :class="[
+            'flex',
+            returnValue ? 'filter_icon_check' : 'filter_icon_select',
+            disable ? 'disable' : 'filter_icon_select',
+          ]"
+          size="24"
+          :color="iconColor"
+        />
+      </div>
+      <p>{{ filterTitle }}</p>
+      <arg-tooltip
+        v-if="infoIcon"
+        :tooltip-text="tooltipText"
+        :dir="tooltipDir"
+        class="filter_tooltip flex"
+      >
+        <arg-icon name="QuestionFill" color="var(--cool-grey)" size="16" />
+      </arg-tooltip>
+    </div>
   </div>
 </template>
 
@@ -67,6 +70,10 @@ export default defineComponent({
     tooltipDir: {
       type: String,
       default: "top"
+    },
+    checkbox_label: {
+      type: String,
+      required: true
     }
   },
   emits: ["handleClick", "update:Check"],

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

@@ -23,8 +23,12 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    checkbox_label: {
+        type: StringConstructor;
+        required: true;
+    };
 }, {
-    iconFilter: import("vue").ComputedRef<"MinusSquareDisable" | "CheckSquareFill" | "Square">;
+    iconFilter: import("vue").ComputedRef<"CheckSquareFill" | "MinusSquareDisable" | "Square">;
     iconColor: import("vue").ComputedRef<"var(--wild-blue-yonder)" | "var(--independence)" | "var(--accent)">;
     selectFilter: () => void;
     selectOption: import("vue").Ref<boolean>;
@@ -54,6 +58,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    checkbox_label: {
+        type: StringConstructor;
+        required: true;
+    };
 }>> & {
     onHandleClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:Check"?: ((...args: any[]) => any) | undefined;

package/dist/runtime/components/argCircleAmount.vue

@@ -0,0 +1,37 @@
+<template>
+  <div class="filters_amount">
+    {{ amount }}
+  </div>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argCircleAmount",
+  props: {
+    amount: {
+      type: [Number, String],
+      required: true
+    }
+  }
+});
+</script>
+<style scoped>
+.filters_amount {
+  display: flex;
+  padding: 2px 8px;
+
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 8px;
+  border-radius: 16px;
+  border: 1px solid var(--base-dividers, #ececf2);
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+</style>

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

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<{
+    amount: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    amount: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/runtime/components/argDate.vue

@@ -0,0 +1,77 @@
+<template>
+  <span>{{ formatDate(rawDate) }}</span>
+</template>
+
+<script>
+import {
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argDate",
+  props: {
+    rawDate: {
+      type: String,
+      required: true
+    },
+    lang: {
+      type: String,
+      default: "en"
+    },
+    short: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    function monthToString(month) {
+      if (month === 0) {
+        return props.lang === "fr" ? props.short ? "Jan." : "Janvier" : props.short ? "Jan" : "January";
+      }
+      if (month === 1) {
+        return props.lang === "fr" ? props.short ? "F\xE9v." : "F\xE9vrier" : props.short ? "Feb." : "February";
+      }
+      if (month === 2) {
+        return props.lang === "fr" ? props.short ? "Mar." : "Mars" : props.short ? "Mar." : "March";
+      }
+      if (month === 3) {
+        return props.lang === "fr" ? props.short ? "Avr." : "Avril" : props.short ? "Apr." : "April";
+      }
+      if (month === 4) {
+        return props.lang === "fr" ? "Mai" : "May";
+      }
+      if (month === 5) {
+        return props.lang === "fr" ? "Juin" : props.short ? "Jun." : "June";
+      }
+      if (month === 6) {
+        return props.lang === "fr" ? props.short ? "Juil." : "Juillet" : props.short ? "Jul." : "July";
+      }
+      if (month === 7) {
+        return props.lang === "fr" ? props.short ? "Ao\xFB." : "Ao\xFBt" : props.short ? "Aug." : "August";
+      }
+      if (month === 8) {
+        return props.lang === "fr" ? props.short ? "Sep." : "Septembre" : props.short ? "Sep." : "September";
+      }
+      if (month === 9) {
+        return props.lang === "fr" ? props.short ? "Oct." : "Octobre" : props.short ? "Oct." : "October";
+      }
+      if (month === 10) {
+        return props.lang === "fr" ? props.short ? "Nov." : "Novembre" : props.short ? "Nov." : "November";
+      }
+      if (month === 11) {
+        return props.lang === "fr" ? props.short ? "D\xE9c." : "D\xE9cembre" : props.short ? "Dec." : "December";
+      }
+    }
+    function formatDate(str) {
+      const date = new Date(str);
+      const fullDate = `${date.getDate()} ${monthToString(
+        date.getMonth()
+      )}, ${date.getFullYear()}`;
+      return fullDate;
+    }
+    return {
+      formatDate,
+      monthToString
+    };
+  }
+});
+</script>

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

@@ -0,0 +1,34 @@
+declare const _default: import("vue").DefineComponent<{
+    rawDate: {
+        type: StringConstructor;
+        required: true;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    short: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    formatDate: (str: string) => string;
+    monthToString: (month: number) => "Jan." | "Janvier" | "Jan" | "January" | "Fév." | "Février" | "Feb." | "February" | "Mar." | "Mars" | "March" | "Avr." | "Avril" | "Apr." | "April" | "Mai" | "May" | "Juin" | "Jun." | "June" | "Juil." | "Juillet" | "Jul." | "July" | "Aoû." | "Août" | "Aug." | "August" | "Sep." | "Septembre" | "September" | "Oct." | "Octobre" | "October" | "Nov." | "Novembre" | "November" | "Déc." | "Décembre" | "Dec." | "December" | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    rawDate: {
+        type: StringConstructor;
+        required: true;
+    };
+    lang: {
+        type: StringConstructor;
+        default: string;
+    };
+    short: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    lang: string;
+    short: boolean;
+}, {}>;
+export default _default;

package/dist/runtime/components/argDropdownSelect.vue

@@ -10,11 +10,13 @@
       >
         <arg-tooltip
           class="full_width"
-          :disable="!isEllipsisActive"
-          :tooltipText="selected_item ? selected_item : ''"
+          :disable="
+            selected_item !== null ? true : !isEllipsisActive ? true : false
+          "
+          :tooltipText="selected_item !== null ? selected_item : ''"
         >
           <span
-            :class="selected_item ? '' : 'oip_empty_select'"
+            :class="selected_item !== null ? '' : 'oip_empty_select'"
             :id="`label_${selected_item}`"
             >{{ selected_item === null ? empty_msg : selected_item }}</span
           >
@@ -152,14 +154,6 @@ export default defineComponent({
         if (props.watch_default_change) {
           selected_item.value = new_element_table[props.default_select];
           selected_number.value = props.default_select;
-          emit(
-            "changeElement",
-            props.return_value ? selected_item.value : selected_number.value
-          );
-          emit(
-            "update:Selection",
-            props.return_value ? selected_item.value : selected_number.value
-          );
         }
       }
     );
@@ -169,14 +163,6 @@ export default defineComponent({
         if (!props.values_disabled.includes(new_default_select)) {
           selected_item.value = props.element_table[new_default_select];
           selected_number.value = new_default_select;
-          emit(
-            "changeElement",
-            props.return_value ? selected_item.value : selected_number.value
-          );
-          emit(
-            "update:Selection",
-            props.return_value ? selected_item.value : selected_number.value
-          );
         }
       }
     );

package/dist/runtime/components/argEmoji.vue

@@ -0,0 +1,34 @@
+<template>
+  <p :style="`font-size: ${emojiSize}px`" v-html="getEmojiCode"></p>
+</template>
+
+<script>
+import {
+  computed,
+  defineComponent
+} from "vue";
+export default defineComponent({
+  name: "argEmoji",
+  props: {
+    emojiName: {
+      type: String,
+      required: true
+    },
+    emojiSize: {
+      type: [String, Number],
+      default: "20"
+    }
+  },
+  setup(props) {
+    const allEmojis = {
+      Lightbulb: "&#128161;",
+      Pin: "&#128205;",
+      Television: "&#128250;"
+    };
+    const getEmojiCode = computed(() => {
+      return allEmojis[props.emojiName];
+    });
+    return { allEmojis, getEmojiCode };
+  }
+});
+</script>

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

@@ -0,0 +1,29 @@
+declare const _default: import("vue").DefineComponent<{
+    emojiName: {
+        type: StringConstructor;
+        required: true;
+    };
+    emojiSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}, {
+    allEmojis: {
+        Lightbulb: string;
+        Pin: string;
+        Television: string;
+    };
+    getEmojiCode: import("vue").ComputedRef<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    emojiName: {
+        type: StringConstructor;
+        required: true;
+    };
+    emojiSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+}>>, {
+    emojiSize: string | number;
+}, {}>;
+export default _default;

package/dist/runtime/components/argErrors.vue

@@ -0,0 +1,167 @@
+<template>
+  <div class="oip_error">
+    <div class="icon_circle">
+      <arg-icon :name="getIconName" size="44" color="var(--cool-grey)" />
+    </div>
+    <div class="error_text">
+      <p class="error_title">{{ getErrorName }}</p>
+      <p class="error_descr">{{ getErrorText }}</p>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  computed,
+  defineComponent
+} from "vue";
+import argIcon from "./argIcon.vue";
+export default defineComponent({
+  name: "argErrors",
+  components: {
+    argIcon
+  },
+  props: {
+    errorType: {
+      type: String,
+      default: "result"
+    },
+    errorTitle: {
+      type: String,
+      default: null
+    },
+    errorText: {
+      type: String,
+      default: null
+    },
+    errorIcon: {
+      type: String,
+      default: null
+    }
+  },
+  setup(props) {
+    const values = [
+      {
+        type: "selection",
+        title: "No selection yet",
+        text: "You need to select your scope to view any results or data. Please choose one of the options below to proceed."
+      },
+      {
+        type: "result",
+        title: "No results found",
+        text: "Your search criteria did not match any results. Please change your criteria or contact us for assistance."
+      },
+      {
+        type: "access",
+        title: "Unauthorised access",
+        text: "It seems that you do not have access to this page. Reach out to your manager or contact us for assistance."
+      },
+      {
+        type: "network",
+        title: "Network issue",
+        text: "It seems that we are experiencing some network issues. Please try again in a few minutes or contact us for assistance."
+      },
+      {
+        type: "not-found",
+        title: "Page not found",
+        text: "Oops it seems like this page doesn\u2019t exist anymore. Go back to OIP or contact us for assistance."
+      }
+    ];
+    const icons = [
+      { type: "selection", value: "CrosshairSimple" },
+      { type: "result", value: "MagnifyingGlass" },
+      { type: "access", value: "Prohibit" },
+      { type: "network", value: "Plugs" },
+      { type: "not-found", value: "LinkBreak" }
+    ];
+    const getIconName = computed(() => {
+      if (props.errorIcon === null) {
+        let icon = "";
+        for (let i = 0; i < icons.length; i++) {
+          if (icons[i].type === props.errorType) {
+            icon = icons[i].value;
+          }
+        }
+        return icon;
+      } else
+        return props.errorIcon;
+    });
+    const getErrorText = computed(() => {
+      if (props.errorText === null) {
+        let title = "";
+        for (let i = 0; i < values.length; i++) {
+          if (values[i].type === props.errorType) {
+            title = values[i].text;
+          }
+        }
+        return title;
+      } else
+        return props.errorText;
+    });
+    const getErrorName = computed(() => {
+      if (props.errorTitle === null) {
+        let title = "";
+        for (let i = 0; i < values.length; i++) {
+          if (values[i].type === props.errorType) {
+            title = values[i].title;
+          }
+        }
+        return title;
+      } else
+        return props.errorTitle;
+    });
+    return {
+      values,
+      icons,
+      getErrorName,
+      getErrorText,
+      getIconName
+    };
+  }
+});
+</script>
+
+<style scoped>
+.oip_error {
+  display: flex;
+  max-width: 409px;
+  flex-direction: column;
+  align-items: center;
+  gap: 24px;
+}
+
+.icon_circle {
+  display: flex;
+  border-radius: 50px;
+  background: var(--base-dividers, #ececf2);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 10px;
+}
+
+.error_text {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  align-self: stretch;
+  text-align: center;
+}
+
+.error_title {
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  text-align: center;
+}
+
+.error_descr {
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+  color: var(--cool-grey);
+}
+</style>

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

@@ -0,0 +1,54 @@
+declare const _default: import("vue").DefineComponent<{
+    errorType: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorTitle: {
+        type: StringConstructor;
+        default: null;
+    };
+    errorText: {
+        type: StringConstructor;
+        default: null;
+    };
+    errorIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+}, {
+    values: {
+        type: string;
+        title: string;
+        text: string;
+    }[];
+    icons: {
+        type: string;
+        value: string;
+    }[];
+    getErrorName: import("vue").ComputedRef<string>;
+    getErrorText: import("vue").ComputedRef<string>;
+    getIconName: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    errorType: {
+        type: StringConstructor;
+        default: string;
+    };
+    errorTitle: {
+        type: StringConstructor;
+        default: null;
+    };
+    errorText: {
+        type: StringConstructor;
+        default: null;
+    };
+    errorIcon: {
+        type: StringConstructor;
+        default: null;
+    };
+}>>, {
+    errorType: string;
+    errorTitle: string;
+    errorText: string;
+    errorIcon: string;
+}, {}>;
+export default _default;

package/dist/runtime/components/argFileBtn.vue

@@ -3,7 +3,7 @@
     <client-only><arg-style /></client-only>
     <arg-icon :name="fileIcon.icon" :color="fileIcon.color" size="24" />
     <div class="prmt_file_name_group">
-      <arg-tooltip :tooltipText="fileName">
+      <arg-tooltip :disable="tooltipDisable" :tooltipText="fileName">
         <h1 class="prmt_file_name">
           {{ fileName }}
         </h1>
@@ -21,9 +21,11 @@ import {
   defineComponent
 } from "vue";
 import argIcon from "./argIcon.vue";
+import argTooltip from "./argTooltip.vue";
+import argStyle from "./argStyle.vue";
 export default defineComponent({
   name: "argFileBtn",
-  components: { argIcon },
+  components: { argIcon, argTooltip, argStyle },
   props: {
     fileType: {
       type: String,
@@ -46,6 +48,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
       required: false
+    },
+    tooltipDisable: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["onPreview", "onDownload"],
@@ -66,6 +72,8 @@ export default defineComponent({
           iconName = { icon: "FileJpg", color: "#3E3F5E" };
         } else if (ft === "MP4" || ft === "AVI" || ft === "MOV") {
           iconName = { icon: "FileVideo", color: "#3E3F5E" };
+        } else if (ft === "PPT" || ft == "PPTX") {
+          iconName = { icon: "FilePpt", color: "#3E3F5E" };
         }
       }
       return iconName;

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

@@ -21,6 +21,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         required: false;
     };
+    tooltipDisable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     fileIcon: import("vue").ComputedRef<{
         icon: string;
@@ -51,11 +55,16 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         required: false;
     };
+    tooltipDisable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onOnDownload?: ((...args: any[]) => any) | undefined;
     onOnPreview?: ((...args: any[]) => any) | undefined;
 }, {
     download: boolean;
     preview: boolean;
+    tooltipDisable: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/argFilterCard.vue

@@ -71,7 +71,6 @@ export default defineComponent({
 <style scoped>
 .oip_filter_card {
   display: flex;
-  max-width: 1008px;
   padding: 16px 24px;
   flex-direction: column;
   align-items: flex-start;
@@ -82,6 +81,7 @@ export default defineComponent({
   transition: all ease 0.7s;
   cursor: pointer;
   z-index: 98;
+  width: calc(100% - 32px);
 }
 
 .filter_card {