@autoafleveren/ui 1.4.0 → 1.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autoafleveren/ui",
-  "version": "1.4.0",
+  "version": "1.4.3",
   "type": "module",
   "files": [
     "dist/*",

package/src/modules/components/AppActionBar/AppActionBarItem.vue

@@ -73,7 +73,9 @@
 
         await nextTick();
 
-        setTimeout(activate, 300);
+        if (props.action.focusTrap !== false) {
+          setTimeout(activate, 300);
+        }
       }
 
       return;

package/src/modules/components/AppActionBar/index.d.ts

@@ -18,6 +18,7 @@ export interface Action {
   resetSelection?: boolean;
   component?: Component | ActionComponent;
   componentProperties?: Record<string, unknown>;
+  focusTrap?: boolean;
 }
 
 export interface ActionItemProps {

package/src/modules/components/AppBadge/index.ts

@@ -1,7 +1,7 @@
 import type { Size, Type } from './index.d';
 
-export const types = ['plain', 'default', 'success', 'warning', 'error', 'info', 'inactive'] as const;
-export const sizes = ['medium', 'large'] as const;
+export const types = ['plain', 'default', 'success', 'warning', 'error', 'info', 'inactive', 'counter'] as const;
+export const sizes = ['small', 'medium', 'large'] as const;
 
 export const domClassesPerType: Record<Type, string[]> = {
   plain: [],
@@ -11,9 +11,11 @@ export const domClassesPerType: Record<Type, string[]> = {
   error: ['bg-red-200', 'text-red-600'],
   info: ['bg-sky-200', 'text-sky-600'],
   inactive: ['bg-orange-200', 'text-orange-500'],
+  counter: ['bg-red-600', 'text-white'],
 };
 
 export const domClassesPerSize: Record<Size, string[]> = {
+  small: ['px-2 py-1 text-xs'],
   medium: ['px-3 py-[3px] text-sm min-h-7'],
   large: ['px-3 py-2.5 text-sm'],
 };
@@ -26,4 +28,5 @@ export const domClassesPerTypeRounded: Record<Type, string[]> = {
   error: ['bg-error!'],
   info: ['bg-sky-600!'],
   inactive: ['bg-orange-600!'],
+  counter: ['bg-red-600!'],
 };

package/src/modules/components/AppButton/AppButton.vue

@@ -13,6 +13,7 @@
     loading: false,
     bordered: false,
     block: false,
+    round: false,
   });
 </script>
 
@@ -26,9 +27,10 @@
       ...(bordered ? domClassesPerColorBorderedType[colorType] : []),
       ...domClassesPerSize[size],
       ...(block ? ['w-full', 'justify-center'] : []),
+      ...(round ? ['rounded-full', 'justify-center'] : ['rounded-lg']),
     ]"
     class="app-button inline-flex cursor-pointer items-center whitespace-nowrap
-      rounded-lg border text-base font-semibold transition-colors
+      border text-base font-semibold transition-colors
       focus:outline-hidden disabled:cursor-not-allowed disabled:select-none disabled:opacity-50"
   >
     <ButtonIconSlot

package/src/modules/components/AppButton/index.d.ts

@@ -13,4 +13,5 @@ export interface Props {
   bordered?: boolean;
   block?: boolean;
   as?: string;
+  round?: boolean;
 }

package/src/modules/components/AppDataTable/AppDataTable.vue

@@ -6,7 +6,7 @@
   import { useActionBar, useContextMenu } from '~composables';
   import AppDataTableFooter from './AppDataTableFooter.vue';
 
-  import type { ServerOptions } from 'vue3-easy-data-table';
+  import type { ServerOptions, UpdateSortArgument } from 'vue3-easy-data-table';
   import type { Props, DataTableInstance } from '.';
 
   const props = withDefaults(defineProps<Props<Item>>(), {
@@ -19,7 +19,7 @@
 
   const emit = defineEmits<{
     (event: 'update:modelValue', value: number[]): void;
-    (event: 'update:sort', value: string | undefined): void;
+    (event: 'update:sort', value: UpdateSortArgument): void;
     (event: 'updatePage', value: number): void;
     (event: 'clickItem', value: Item): void;
     (event: 'contextMenuOpen', value: Item): void;
@@ -126,6 +126,10 @@
     sort.value = undefined;
   }
 
+  function onUpdateSort(value: UpdateSortArgument): void {
+    emit('update:sort', value);
+  }
+
   defineExpose({ dataTableInstance });
 
   defineOptions({ inheritAttrs: false });
@@ -158,6 +162,7 @@
       @click-row="clickRow"
       @contextmenu-row="contextMenu.open"
       @update:server-options="onUpdateServerOptions"
+      @update-sort="onUpdateSort"
     >
       <template #loading>
         <AppLoader size="medium" />

package/src/modules/components/AppDrawer/AppDrawer.vue

@@ -101,7 +101,7 @@
                   <div class="absolute left-0 bottom-2 z-20 -ml-8 flex sm:-ml-5 sm:-translate-y-2.5 sm:pr-4">
                     <button
                       type="button"
-                      class="focus:outline-hidden cursor-pointer z-40 p-2 relative rounded-full bg-primary text-white drop-shadow-xs
+                      class="focus:outline-hidden cursor-pointer z-40 py-2 px-2.5 relative rounded-full bg-primary text-white drop-shadow-xs
                         hover:bg-primary-active"
                       @click="close"
                     >

package/src/modules/plugins/Sentry/index.ts

@@ -1,5 +1,4 @@
 import * as Sentry from '@sentry/vue';
-import nlTranslation from './language/nl';
 
 import type { App } from 'vue';
 import type { Router } from 'vue-router';
@@ -22,23 +21,7 @@ export default function registerSentry(app: App, router: Router, options: Option
     },
 
     beforeSend(beforeEvent: ErrorEvent, hint: EventHint): ErrorEvent {
-      const event = options?.beforeSend ? options.beforeSend(beforeEvent, hint) : beforeEvent;
-
-      // Check if it is an exception, and if so, show the report dialog
-      if (event.exception && options.reportDialog !== false) {
-        Sentry.showReportDialog({
-          eventId: event.event_id,
-          ...nlTranslation,
-          user: event?.user,
-          onLoad: () => {
-            document.querySelector('.sentry-error-embed-wrapper #id_name')?.setAttribute('placeholder', '');
-            document.querySelector('.sentry-error-embed-wrapper #id_email')?.setAttribute('placeholder', '');
-            document.querySelector('.sentry-error-embed-wrapper #id_comments')?.setAttribute('placeholder', '');
-          },
-        });
-      }
-
-      return event;
+      return options?.beforeSend ? options.beforeSend(beforeEvent, hint) : beforeEvent;
     },
 
     // Alternatively, use `process.env.npm_package_version` for a dynamic release version