bitboss-ui 2.1.73 → 2.1.75

package/dist/components/BbRows/BbRows.vue.d.ts

@@ -1,11 +1,11 @@
 import { BaseColumn } from '../BbTable/types';
-export type BbRowsColumn<T extends string, Item extends object> = BaseColumn<T, Item>;
-declare const _default: <T extends string, Item extends object>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+export type BbRowsColumn<Item = any> = BaseColumn<Item>;
+declare const _default: <Item = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         readonly "onUpdate:unselectedItems"?: ((value: any[]) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:unselectedItems"> & {
-        columns: BbRowsColumn<T, Item>[];
+        columns: BbRowsColumn<Item>[];
         /**
          * Defines an array of dependencies that will trigger actions in the component upon change.
          */

package/dist/components/BbTable/BbTable.vue.d.ts

@@ -1,7 +1,7 @@
-import { BbTableProps, BbTableEvents } from './types';
 import { Classes } from '../../types/Classes';
 import { ColumnName } from '../../types/ColumnName';
-declare const _default: <T extends string, Item extends object = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+import { BbTableColumn, BbTableEvents, BbTableProps, ItemKey } from './types';
+declare const _default: <Item = any, T extends ItemKey<Item> = string & {}>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
         readonly "onClick:row"?: ((event: MouseEvent, item: any, selected: boolean) => any) | undefined;
@@ -11,7 +11,13 @@ declare const _default: <T extends string, Item extends object = any>(__VLS_prop
         readonly "onUpdate:unselectedItems"?: ((value: any[]) => any) | undefined;
         readonly "onItem:selected"?: ((value: any) => any) | undefined;
         readonly "onItem:unselected"?: ((value: any) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:unselectedItems" | "onClick:row" | "onContextmenu:row" | "onDblclick:row" | "onUpdate:selectAll" | "onItem:selected" | "onItem:unselected"> & BbTableProps<T, Item> & Partial<{}>> & import('vue').PublicProps;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:unselectedItems" | "onClick:row" | "onContextmenu:row" | "onDblclick:row" | "onUpdate:selectAll" | "onItem:selected" | "onItem:unselected"> & ({
+        selectAll?: boolean;
+    } & Omit<BbTableProps<Item>, "columns"> & {
+        columns: (Omit<BbTableColumn<Item>, "key"> & {
+            key: T;
+        })[];
+    }) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: Readonly<{
@@ -42,6 +48,15 @@ declare const _default: <T extends string, Item extends object = any>(__VLS_prop
             inputName: string;
             readonly: boolean;
         }) => any) | undefined;
+    } & {
+        [key: string]: (props: {
+            classes?: Classes[];
+            content?: any;
+            item: Item;
+            value?: any;
+            items?: Item[] | undefined;
+            label?: string;
+        }) => any;
     } & { [K in ColumnName<T>]?: ((props: {
         classes?: Classes[];
         content?: any;
@@ -50,7 +65,7 @@ declare const _default: <T extends string, Item extends object = any>(__VLS_prop
     }) => any) | undefined; } & { [K_1 in `header:${ColumnName<T>}`]?: ((props: {
         classes?: Classes[];
         content?: any;
-        items?: Item[] | undefined;
+        items?: Item[];
         label?: string;
     }) => any) | undefined; }> & {
         thead?: (props: object) => any;
@@ -80,6 +95,15 @@ declare const _default: <T extends string, Item extends object = any>(__VLS_prop
             inputName: string;
             readonly: boolean;
         }) => any) | undefined;
+    } & {
+        [key: string]: (props: {
+            classes?: Classes[];
+            content?: any;
+            item: Item;
+            value?: any;
+            items?: Item[] | undefined;
+            label?: string;
+        }) => any;
     } & { [K in ColumnName<T>]?: ((props: {
         classes?: Classes[];
         content?: any;
@@ -88,10 +112,10 @@ declare const _default: <T extends string, Item extends object = any>(__VLS_prop
     }) => any) | undefined; } & { [K_1 in `header:${ColumnName<T>}`]?: ((props: {
         classes?: Classes[];
         content?: any;
-        items?: Item[] | undefined;
+        items?: Item[];
         label?: string;
     }) => any) | undefined; };
-    emit: BbTableEvents;
+    emit: BbTableEvents & ((evt: "update:selectAll", value: boolean) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/BbTable/types.d.ts

@@ -1,7 +1,25 @@
 import { Classes } from '../../types/Classes';
 import { Option } from '../../types/Option';
 import { InputHTMLAttributes } from 'vue';
-export type BaseColumn<T extends string, Item extends object> = {
+/**
+ * Recursively builds dot-notation paths from a type's keys.
+ * Depth-limited to 3 levels to avoid compiler performance issues.
+ */
+type NestedPaths<T, Depth extends unknown[] = []> = Depth['length'] extends 3 ? never : 0 extends 1 & T ? string : T extends object ? T extends any[] | Date | Function | RegExp | Map<any, any> | Set<any> ? never : {
+    [K in Extract<keyof T, string>]: K | `${K}.${NestedPaths<NonNullable<T[K]>, [...Depth, unknown]>}`;
+}[Extract<keyof T, string>] : never;
+/**
+ * Suggested keys for a column derived from an Item type.
+ * Provides autocomplete for nested dot-notation paths (up to 3 levels)
+ * while still allowing arbitrary string keys for virtual columns.
+ */
+export type ItemKey<Item = any> = NestedPaths<Item> | (string & {});
+/**
+ * Skeleton placeholder style for the loading state.
+ * Matches the expected content type for a better loading experience.
+ */
+export type SkeletonType = 'text' | 'avatar' | 'avatar-text' | 'image' | 'badge';
+export type BaseColumn<Item = any> = {
     /**
      * When set to false the formatter will not run on nullish values.
      * By default is true so you can create virtual columns with keys that do not
@@ -19,7 +37,7 @@ export type BaseColumn<T extends string, Item extends object> = {
     /**
      * Key identifying the column.
      */
-    key: T;
+    key: ItemKey<Item>;
     /**
      * Text used in the header for this column.
      */
@@ -30,13 +48,17 @@ export type BaseColumn<T extends string, Item extends object> = {
     placeholder?: string;
 };
 /**
- * Type used to infer the bahaviour of a single column. You can either extract data or provide elements useful for styling.
+ * Column definition for BbTable. Controls data extraction, formatting, alignment, and styling.
  */
-export type BbTableColumn<T extends string = string, Item extends object = any> = BaseColumn<T, Item> & {
+export type BbTableColumn<Item = any> = BaseColumn<Item> & {
     /**
      * Text alignment of the column.
      */
     align?: 'left' | 'right' | 'center';
+    /**
+     * Skeleton placeholder style shown during loading. Defaults to `'text'`.
+     */
+    skeleton?: SkeletonType;
     /**
      * Defines the sorting direction of the column.
      */
@@ -50,12 +72,12 @@ export type BbTableColumn<T extends string = string, Item extends object = any>
      */
     thClass?: Classes;
 };
-export type BbTableProps<T extends string, Item extends object> = {
+export type BbTableProps<Item = any> = {
     /**
      * Function that accepts the columns and the current item as
      * arguments and returns a label to be used for accessibility purposes.
      */
-    accessibleLabel?: (columns: MappedCell<T>[], item: any) => string;
+    accessibleLabel?: (columns: MappedCell[], item: any) => string;
     /**
      * Displays the actions column.
      */
@@ -80,7 +102,7 @@ export type BbTableProps<T extends string, Item extends object> = {
      * Array of definitions of how the columns should be rendered.
      *
      */
-    columns: BbTableColumn<T, Item>[];
+    columns: BbTableColumn<Item>[];
     /**
      * Adds a CSS class that applies a compact style to the component.
      */
@@ -155,11 +177,11 @@ export type BbTableProps<T extends string, Item extends object> = {
      */
     noDataText?: string;
     /**
-     * Current page number starting from 1
+     * Current page number starting from 1, used for accessibility purposes.
      */
     page?: number;
     /**
-     * Number of items per page.
+     * Number of items per page, used for accessibility purposes.
      */
     perPage?: number;
     /**
@@ -204,40 +226,40 @@ export type BbTableProps<T extends string, Item extends object> = {
 /**
  * We allow table data classes to be a function so it can depend on the item
  */
-export type ColumnClasses<Item extends object> = Classes | ((content: any, key: string, item: Item) => Classes);
+export type ColumnClasses<Item = any> = Classes | ((content: any, key: string, item: Item) => Classes);
 /**
  * Projection that represents a row of cells with flags
  * linked to the state of the item
  */
-export type MappedItem<T extends string> = Option & {
+export type MappedItem = Option & {
     accessibleLabel: string;
-    cols: MappedCell<T>[];
+    cols: MappedCell[];
     onRowClick: (event: MouseEvent) => void;
     onRowContextMenu: (event: MouseEvent) => void;
     onRowDblClick: (event: MouseEvent) => void;
     rowIndex: number | undefined;
 };
 /**
- * Projection that represnets a header
+ * Projection that represents a header
  */
-export type MappedHeader<DynamicHeaderSlots extends string> = {
+export type MappedHeader = {
     align: HTMLTableCellElement['align'];
-    classes?: Classes[];
+    classes?: Classes;
     key: string;
     label: string;
-    slotName: DynamicHeaderSlots;
+    slotName: string;
     sortDirection?: 'ascending' | 'descending';
 };
 /**
- * Projection that represents a cell of data.
+ * Projection that represents a cell of data for display.
  */
-export type MappedCell<DynamicBodySlots extends string> = {
+export type MappedCell = {
     align: string;
-    classes: Classes[];
-    content: string;
+    classes: Classes;
+    content: any;
     key: string;
     label: string;
-    slotName: DynamicBodySlots;
+    slotName: string;
 };
 export type BbTableEvents = {
     (e: 'click:row', event: MouseEvent, item: any, selected: boolean): void;
@@ -249,7 +271,7 @@ export type BbTableEvents = {
     (e: 'item:selected', value: any): void;
     (e: 'item:unselected', value: any): void;
 };
-export type BbTableSlots<DynamicBodySlots extends string, DynamicHeaderSlots extends string, Item extends object> = {
+export type BbTableSlots<Item = any> = {
     thead?: (props: object) => any;
     tbody?: (props: object) => any;
     tfoot?: (props: object) => any;
@@ -278,17 +300,13 @@ export type BbTableSlots<DynamicBodySlots extends string, DynamicHeaderSlots ext
         readonly: boolean;
     }) => any;
 } & {
-    [K in DynamicBodySlots]?: (props: {
+    [key: string]: (props: {
         classes?: Classes[];
         content?: any;
         item: Item;
         value?: any;
-    }) => any;
-} & {
-    [K in DynamicHeaderSlots]?: (props: {
-        classes?: Classes[];
-        content?: any;
         items?: Item[];
         label?: string;
     }) => any;
 };
+export {};

package/dist/components/BbTable/utils.d.ts

@@ -0,0 +1,23 @@
+import { Classes } from '../../types/Classes';
+import { ColumnClasses } from './types';
+export type FixedColumnConfig = number | {
+    index: number;
+    position: 'left' | 'right';
+};
+/**
+ * Applies sticky positioning to fixed table columns.
+ * Call after DOM updates (e.g. in watch with flush: 'post') to read layout.
+ */
+export declare const applyFixedTableColumns: (container: HTMLElement, fixedColumns: FixedColumnConfig[]) => void;
+/**
+ * Converts a column key (e.g. "address.nested.value") to a slot-safe name (e.g. "address_nested_value").
+ */
+export declare const columnKeyToSlotName: (key: string) => string;
+/**
+ * Merges base classes with optional global and column-specific Classes (static only for headers).
+ */
+export declare const mergeHeaderClasses: (base: Classes, global?: Classes, column?: Classes) => Classes;
+/**
+ * Merges base classes with optional global and column-specific ColumnClasses (supports functions for td).
+ */
+export declare const mergeCellClasses: (base: Classes, global?: ColumnClasses, column?: ColumnClasses, content?: any, key?: string, item?: any) => Classes;

package/dist/composables/useBbConfig.d.ts

@@ -3,12 +3,14 @@ import { locales } from '../i18n';
 type Config = {
     inertiaLinkName: string;
     nuxtLinkName: string;
+    linkActiveClass: string;
+    linkExactActiveClass: string;
     mobileMaxWidth: number;
     locale: keyof typeof locales;
     dialogDefaultSizes: Sizes;
     offCanvasDefaultSizes: Sizes;
 };
-type EditableConfig = Pick<Config, 'inertiaLinkName' | 'nuxtLinkName' | 'locale' | 'mobileMaxWidth'> & {
+type EditableConfig = Pick<Config, 'inertiaLinkName' | 'nuxtLinkName' | 'linkActiveClass' | 'linkExactActiveClass' | 'locale' | 'mobileMaxWidth'> & {
     dialogDefaultSizes: Partial<Config['dialogDefaultSizes']>;
     offCanvasDefaultSizes: Partial<Config['offCanvasDefaultSizes']>;
 };
@@ -16,6 +18,8 @@ export declare const _config: {
     [x: string]: any;
     inertiaLinkName: string;
     nuxtLinkName: string;
+    linkActiveClass: string;
+    linkExactActiveClass: string;
     mobileMaxWidth: number;
     locale: keyof typeof locales;
     dialogDefaultSizes: {