@tekkare/auriga 0.1.10 → 0.1.12

package/dist/runtime/components/argComplexSelect.vue

@@ -329,7 +329,7 @@ export default defineComponent({
     });
     function changeInput() {
       setTimeout(() => {
-        emit("changeAddInputValue", searchNameAdd);
+        emit("changeAddInputValue", searchNameAdd.value);
       }, 500);
     }
     function isInViewport(el) {

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"
+    },
+    compact: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    function monthToString(month) {
+      if (month === 0) {
+        return props.lang === "fr" ? props.compact ? "Jan." : "Janvier" : props.compact ? "Jan" : "January";
+      }
+      if (month === 1) {
+        return props.lang === "fr" ? props.compact ? "F\xE9v." : "F\xE9vrier" : props.compact ? "Feb." : "February";
+      }
+      if (month === 2) {
+        return props.lang === "fr" ? props.compact ? "Mar." : "Mars" : props.compact ? "Mar." : "March";
+      }
+      if (month === 3) {
+        return props.lang === "fr" ? props.compact ? "Avr." : "Avril" : props.compact ? "Apr." : "April";
+      }
+      if (month === 4) {
+        return props.lang === "fr" ? "Mai" : "May";
+      }
+      if (month === 5) {
+        return props.lang === "fr" ? "Juin" : props.compact ? "Jun." : "June";
+      }
+      if (month === 6) {
+        return props.lang === "fr" ? props.compact ? "Juil." : "Juillet" : props.compact ? "Jul." : "July";
+      }
+      if (month === 7) {
+        return props.lang === "fr" ? props.compact ? "Ao\xFB." : "Ao\xFBt" : props.compact ? "Aug." : "August";
+      }
+      if (month === 8) {
+        return props.lang === "fr" ? props.compact ? "Sep." : "Septembre" : props.compact ? "Sep." : "September";
+      }
+      if (month === 9) {
+        return props.lang === "fr" ? props.compact ? "Oct." : "Octobre" : props.compact ? "Oct." : "October";
+      }
+      if (month === 10) {
+        return props.lang === "fr" ? props.compact ? "Nov." : "Novembre" : props.compact ? "Nov." : "November";
+      }
+      if (month === 11) {
+        return props.lang === "fr" ? props.compact ? "D\xE9c." : "D\xE9cembre" : props.compact ? "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;
+    };
+    compact: {
+        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;
+    };
+    compact: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    lang: string;
+    compact: boolean;
+}, {}>;
+export default _default;

package/dist/runtime/components/argErrors.vue

@@ -0,0 +1,168 @@
+<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",
+      required: true
+    },
+    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,56 @@
+declare const _default: import("vue").DefineComponent<{
+    errorType: {
+        type: StringConstructor;
+        default: string;
+        required: true;
+    };
+    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;
+        required: true;
+    };
+    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/argFilterCard.vue

@@ -81,6 +81,7 @@ export default defineComponent({
   transition: all ease 0.7s;
   cursor: pointer;
   z-index: 98;
+  width: calc(100% - 48px);
 }
 
 .filter_card {