@ouestfrance/sipa-bms-ui 7.14.1

package/src/plugins/runtime-env/index.ts

@@ -0,0 +1,19 @@
+import { App, inject, InjectionKey } from 'vue';
+
+export const RuntimeEnv = Symbol() as InjectionKey<any>;
+
+export const fetchRuntimeEnv = async <T>(): Promise<T> => {
+  return await fetch('/env.json').then((res) => res.json());
+};
+
+export const useRuntimeEnv = <T>(): T => {
+  const env = inject(RuntimeEnv);
+  return env;
+};
+
+export const createRuntimeEnv = <T>(env: T) => ({
+  install: (app: App) => {
+    app.config.globalProperties.$env = env;
+    app.provide(RuntimeEnv, env);
+  },
+});

package/src/services/index.ts

@@ -0,0 +1 @@
+export * from './konami.service';

package/src/services/konami.service.ts

@@ -0,0 +1,28 @@
+const kode = [
+  'ArrowUp',
+  'ArrowUp',
+  'ArrowDown',
+  'ArrowDown',
+  'ArrowLeft',
+  'ArrowRight',
+  'ArrowLeft',
+  'ArrowRight',
+  'b',
+  'a',
+];
+let pos = 0;
+const konami = (callback: any) => {
+  document.addEventListener('keydown', (event) => {
+    if (event.key === kode[pos++]) {
+      if (kode.length === pos) {
+        pos = 0; // ability to start over
+        callback();
+        return false;
+      }
+    } else {
+      pos = 0;
+    }
+  });
+};
+
+export default konami;

package/src/showroom/App.vue

@@ -0,0 +1,109 @@
+<template>
+  <bms-header class="header">
+    <bms-menu :items="menuItems">
+      <template #additional="{ closeMenu }">
+        <div class="additional-container">
+          <bms-tooltip tooltipText="text">
+            <span @click="closeMenu">COUCOU</span>
+          </bms-tooltip>
+        </div>
+      </template>
+    </bms-menu>
+
+    Sipa @bms/ui</bms-header
+  >
+
+  <BmsContentPageLayout>
+    <router-view></router-view>
+  </BmsContentPageLayout>
+
+  <bms-notifications></bms-notifications>
+  <bms-router-history></bms-router-history>
+  <bms-confirm></bms-confirm>
+  <bms-feature-flipper>
+    <template #additional><BmsButton>TOTO</BmsButton></template>
+  </bms-feature-flipper>
+</template>
+
+<script lang="ts" setup>
+import { MenuItem, ParentMenuItem } from '@/models';
+import { BmsButton } from '@/index';
+import { useRoute } from 'vue-router';
+import { Activity } from 'lucide-vue-next';
+import BmsContentPageLayout from '@/components/layout/BmsContentPageLayout.vue';
+
+const route = useRoute();
+
+const menuItems: (MenuItem | ParentMenuItem)[] = [
+  {
+    label: 'Buttons / alerts / notifications',
+    id: 'menu0',
+    link: '/',
+  },
+  {
+    label: 'Forms',
+    link: '/forms',
+    id: 'menu1',
+  },
+  {
+    label: 'FilePicker',
+    link: '/file-picker',
+    id: 'menu1',
+  },
+  {
+    label: 'Autocomplete',
+    link: '/autocomplete',
+    icon: Activity,
+    id: 'menu2',
+  },
+  {
+    label: 'Tables',
+    id: 'tables',
+    items: [
+      {
+        label: 'Table',
+        link: '/table',
+        id: 'menu3',
+      },
+      {
+        label: 'Server Table',
+        link: '/server-table',
+        id: 'menu4',
+      },
+    ],
+  },
+  {
+    label: 'Stepper',
+    link: '/stepper',
+    id: 'menu5',
+  },
+  {
+    label: 'Tabs',
+    link: '/tabs',
+    id: 'menuTabs',
+  },
+  {
+    label: 'Paginated cards',
+    link: '/paginated-cards',
+    id: 'paginatedCards',
+  },
+  {
+    label: 'Draggable list',
+    link: '/draggable-list',
+    id: 'draggableList',
+  },
+  {
+    label: 'External Url',
+    link: 'https://google.fr',
+    id: 'menu7',
+  },
+];
+</script>
+<style lang="scss" scoped>
+.header {
+  display: flex;
+  align-items: center;
+  gap: 1em;
+  height: var(--header-height);
+}
+</style>