@ouestfrance/sipa-bms-ui 8.22.2 → 8.23.0

package/src/index.ts

@@ -2,6 +2,7 @@ import { App } from 'vue';
 
 import BmsButton from './components/button/BmsButton.vue';
 import BmsIconButton from './components/button/BmsIconButton.vue';
+import BmsToggleIcon from './components/button/BmsToggleIcon.vue';
 
 import BmsAlert from './components/feedback/BmsAlert.vue';
 import BmsBadge from './components/feedback/BmsBadge.vue';
@@ -75,6 +76,7 @@ export const createBmsUi = () => ({
   install: (app: App) => {
     app.component('BmsButton', BmsButton);
     app.component('BmsIconButton', BmsIconButton);
+    app.component('BmsToggleIcon', BmsToggleIcon);
 
     app.component('BmsAlert', BmsAlert);
     app.component('BmsBadge', BmsBadge);
@@ -159,6 +161,7 @@ export * from './services';
 export {
   BmsButton,
   BmsIconButton,
+  BmsToggleIcon,
   BmsAlert,
   BmsBadge,
   BmsCaption,

package/src/models/table.model.ts

@@ -70,3 +70,9 @@ export enum SelectMode {
   DEFAULT = 'default',
   SINGLE = 'single',
 }
+
+export enum TableMode {
+  NORMAL = 'normal',
+  DENSE = 'dense',
+  SMALL = 'small',
+}

package/src/showroom/pages/floating-window.vue

@@ -0,0 +1,36 @@
+<template>
+  <BmsSplitWindow>
+    <template #first>
+      <div class="first">
+        first
+        <BmsFloatingWindow
+          title="coucou"
+          :model-value="true"
+          expandable
+          :expand-target="'.second'"
+          height="500px"
+        >
+          cc
+        </BmsFloatingWindow>
+      </div>
+    </template>
+    <template #second> <div class="second">second</div> </template>
+  </BmsSplitWindow>
+</template>
+
+<script setup lang="ts">
+import BmsFloatingWindow from '@/components/layout/BmsFloatingWindow.vue';
+import BmsSplitWindow from '@/components/layout/BmsSplitWindow.vue';
+</script>
+
+<style scoped lang="scss">
+.first {
+  background-color: red;
+  height: 200px;
+  width: 100%;
+}
+.second {
+  background-color: blue;
+  width: 100%;
+}
+</style>

package/src/documentation/fields_text.mdx

@@ -1,31 +0,0 @@
-import {
-  Canvas,
-  Meta,
-  Story,
-  Stories,
-  Controls,
-} from '@storybook/addon-docs/blocks';
-import { Default as FieldDefault } from '../plugins/field/FieldComponent.stories.js';
-import { Default as TextDefault } from '../components/form/BmsInputText.stories.js';
-import BmsInputText from '../components/form/BmsInputText.vue';
-import { Default as SelectDefault } from '../components/form/BmsSelect.stories.js';
-
-<Meta title="Documentation/Fields/Input Text" />
-
-# <img src="./BmsIcon.png" /> Input Text
-
-Text fields allow users to input custom text entries with a keyboard. Various options can be shown with the field to communicate the input requirements.
-
-![](./fields/CoverInputText.png)
-
-## Anatomy
-
-![](./fields/InputRepresentation.png)
-
-## Component
-
-<Canvas of={TextDefault} args={{ label: 'toto' }} />
-
-### Table of props
-
-<Controls of={TextDefault} />