@saooti/octopus-sdk 41.0.14 → 41.0.15

package/index.ts

@@ -38,6 +38,7 @@ export const getClassicModal = () => import("./src/components/misc/modal/Classic
 export const getClassicLazy = () => import("./src/components/misc/ClassicLazy.vue");
 export const getContractPreviewModal = () => import("./src/components/misc/modal/ContractPreviewModal.vue");
 export const getClassicModalInBody = () => import("./src/components/misc/modal/ClassicModalInBody.vue");
+export const getClassicHelpButton = () => import("./src/components/misc/ClassicHelpButton.vue");
 
 
 //Display

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "41.0.14",
+  "version": "41.0.15",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -65,6 +65,7 @@
   },
   "devDependencies": {
     "@types/sockjs-client": "^1.5.4",
+    "@types/webpack-env": "^1.18.8",
     "@vitejs/plugin-vue": "^5.2.4",
     "eslint": "^9.28.0",
     "eslint-plugin-vue": "^9.33.0",

package/src/components/form/ClassicCheckbox.vue

@@ -11,7 +11,7 @@
         :tabindex="isSwitch ? '-1' : '0'"
         @input="emit('update:textInit', !textInit)"
         @click="emitClickAction"
-      />
+      >
       <button
         v-if="isSwitch"
         class="slider btn-transparent"
@@ -24,7 +24,7 @@
     <label
       class="c-hand"
       :class="[classLabel, displayLabel ? '' : 'd-none', isDisabled ? 'disabled' : '']"
-      :for="computedIdCheckbox"
+      @click="clickSlider"
     >
       {{ label }}
     </label>

package/src/components/form/ClassicInputText.vue

@@ -4,15 +4,21 @@
     :class="{ 'form-margin': displayLabel }"
   >
     <div class="d-flex align-items-center">
-      <slot name="complementLabel"/>
+      <slot name="complementLabel" />
       <component
         :is="isWysiwyg? 'div': 'label'"
         :class="[classLabel, displayLabel ? '' : 'd-none']"
         :for="isWysiwyg ? '': computedInputId"
-        >{{ label }}
-        <AsteriskIcon v-if="displayRequired" :size="10" class="ms-1 mb-2" :title="t('Mandatory input')"/>
+      >
+        {{ label }}
+        <AsteriskIcon
+          v-if="displayRequired"
+          :size="10"
+          class="ms-1 mb-2"
+          :title="t('Mandatory input')"
+        />
       </component>
-      <slot name="afterTitle"/>
+      <slot name="afterTitle" />
       <template v-if="popover">
         <button
           :id="'popover' + computedInputId"
@@ -32,9 +38,9 @@
           <!-- eslint-enable -->
         </ClassicPopover>
       </template>
-      <slot name="afterHelp"/>
+      <slot name="afterHelp" />
     </div>
-    <slot name="betweenTitleInput"/>
+    <slot name="betweenTitleInput" />
     <input
       v-if="!isWysiwyg && !isTextarea"
       v-show="showField"
@@ -55,7 +61,7 @@
       :disabled="isDisable"
       :required="!canBeNull"
       :autocomplete="autocompleteType"
-    />
+    >
     <textarea
       v-else-if="isTextarea"
       v-show="showField"
@@ -89,10 +95,16 @@
         :is-top-position="true"
         @emoji-selected="addEmojiSelected"
       />
-      <div v-if="isWysiwyg" class="h6">
+      <div
+        v-if="isWysiwyg"
+        class="h6"
+      >
         {{ t("Characters number calculated over HTML code") }}
       </div>
-      <div v-else-if="'' !== indicText" class="text-indic">
+      <div
+        v-else-if="'' !== indicText"
+        class="text-indic"
+      >
         {{ indicText }}
       </div>
       <div

package/src/components/misc/ClassicHelpButton.vue

@@ -0,0 +1,44 @@
+<!--
+  A simple component to display a help button that shows its message when
+  hovered.
+
+  Usage: 
+    <ClassicHelpButton>This is my help message</ClassicHelpButton>
+-->
+<template>
+  <button
+    :id="computedId"
+    class="btn-transparent"
+  >
+    <!-- Button icon -->
+    <HelpCircleIcon :size="30" />
+
+    <!-- Tooltip -->
+    <ClassicPopover
+      :target="computedId"
+      popover-class="popover-z-index"
+    >
+      <div class="reset">
+        <slot />
+      </div>
+    </ClassicPopover>
+  </button>
+</template>
+
+<script setup lang="ts">
+import { computed, getCurrentInstance } from 'vue';
+
+import HelpCircleIcon from "vue-material-design-icons/HelpCircle.vue";
+import ClassicPopover from './ClassicPopover.vue';
+
+/** The internal ID for the elements */
+const computedId = computed(() => {
+  return 'popover-' + getCurrentInstance()?.uid;
+});
+</script>
+
+<style lang="scss" scoped>
+.reset {
+  font: revert;
+}
+</style>

package/src/components/misc/FooterSection.vue

@@ -163,14 +163,13 @@ function changeLanguage(): void {
  * @param organisation The new organisation to focus on, or undefined to remove focus
  */
 async function onOrganisationSelected( organisation: Organisation | undefined): Promise<void> {
-  // TODO use router utils
   if (organisation?.id) {
     router.push({
-      query: { ...route.query, ...{ productor: organisation.id, o:undefined, displayAll: "false" } },
+      query: { ...route.query, ...{ productor: organisation.id, o:undefined, viewall: "false" } },
     });
   }else{
     router.push({
-      query: { ...route.query, ...{ productor: undefined, displayAll: "true" } },
+      query: { ...route.query, ...{ productor: undefined, viewall: "true" } },
     });
   }
 }

package/src/router/utils.ts

@@ -91,11 +91,11 @@ export function setupRouter(router: Router, getMyOrgaActive: (authStore: AuthSto
         newQuery.productor = filterStore.filterOrgaId;
       }
 
-      // Enable 'displayAll' mode if already active
-      if ((from.query.displayAll === "true" || to.query.displayAll === "true") && to.query.displayAll !== "false") {
-        newQuery.displayAll = "true";
+      // Enable 'viewall' mode if already active
+      if ((from.query.viewall === "true" || to.query.viewall === "true") && to.query.viewall !== "false") {
+        newQuery.viewall = "true";
       } else {
-        delete newQuery.displayAll;
+        delete newQuery.viewall;
       }
 
       // If the queries are different, update path

package/src/stores/AuthStore.ts

@@ -6,7 +6,7 @@ import { KeycloakInfo } from "@/stores/class/user/person";
 import { VideoConfig } from "@/stores/class/config/videoConfig";
 import classicApi from "../api/classicApi";
 
-interface AuthParam{
+interface AuthParam {
   accessToken?: string;
   refreshToken?: string;
   expiration?: Date|string;
@@ -45,7 +45,7 @@ export const useAuthStore = defineStore("AuthStore", {
       comments: undefined,
       attributes: {
         RSS_CONTACT: undefined,
-      },
+      }
     },
     authVideoConfig: { active: false },
   }),

package/src/stores/FilterStore.ts

@@ -32,7 +32,7 @@ export const useFilterStore = defineStore("FilterStore", () => {
    * ID of the current organisation.
    */
   const filterOrgaId = computed((): string|undefined => {
-    if (route?.query.displayAll === "true") {
+    if (route?.query.viewall === "true") {
       return undefined;
     } else if (route?.query.productor) {
       return route.query.productor as string;
@@ -46,7 +46,7 @@ export const useFilterStore = defineStore("FilterStore", () => {
   /**
    * The ID of the current organisation, regardless of other options.
    * Use this if you want to know the organisation of the user even in
-   * unfocused mode (ie displayAll = true)
+   * unfocused mode (ie viewall = true)
    */
   const realOrgaId = computed(() => {
     return _filterOrgaId.value ?? undefined;

package/src/stores/class/general/organisation.ts

@@ -22,13 +22,13 @@ export function emptyOrganisationData(): Organisation {
   return {
     imageUrl: "",
     id: "",
-    name: "",
+    name: ""
   };
 }
 export function emptyOrgaData(defaultName: string): Organisation {
   return {
     imageUrl: "/img/emptypodcast.webp",
     id: "",
-    name: defaultName,
+    name: defaultName
   };
 }

package/tsconfig.json

@@ -13,7 +13,11 @@
     "sourceMap": true,
     "baseUrl": ".",
     "types": [
-      "webpack-env"
+      "webpack-env", "sockjs-client"
+    ],
+    "typeRoots": [
+      "./typings",
+      "./node_modules/@types/"
     ],
     "paths": {
       "@/*": [
@@ -38,6 +42,6 @@
     "node_modules"
   ],
   "files": [
-    "src/shims-vue.d.ts",
+    "src/shims-vue.d.ts"
   ]
 }

package/typings/index.d.ts

@@ -0,0 +1 @@
+declare module 'sockjs-client/dist/sockjs';