bitboss-ui 2.0.117 → 2.0.118

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

@@ -1,63 +1,58 @@
 import { BaseColumn } from '../BbTable/types';
-import { Option as BaseOption } from '../../types/Option';
-export type BbRowsColumn = BaseColumn;
-type Props = {
-    columns: BbRowsColumn[];
-    /**
-     * Defines an array of dependencies that will trigger actions in the component upon change.
-     */
-    dependencies?: any[];
-    /**
-     * Timeout used to debounce response to changes to dependencies.
-     */
-    depsDebounceTime?: number;
-    /**
-     * Disables the component
-     */
-    disabled?: boolean;
-    items: any[] | ((prefill: boolean, modelValue?: any[]) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[]) => any[]);
-    itemValue?: string | ((item: any) => any);
-    /**
-     * Sets the component in a loading state, usually triggering some visual styles.
-     */
-    loading?: boolean;
-    /**
-     * Maximum number of items that can be selected.
-     */
-    max?: number;
-    /**
-     * Used by v-model. Can be any serializable type.
-     */
-    modelValue?: any;
-    /**
-     * Allows the selection of multiple items.
-     */
-    multiple?: boolean;
-    /**
-     * Defines whether the table is selectable.
-     * Can be a global boolean that affects all rows or a function
-     * that accepts an item and returns a boolean that only affects that item.
-     */
-    selectable?: boolean | ((item: any) => boolean);
-};
-declare let __VLS_typeProps: Props;
-/**
- * Projection that represents a row of cells with flags
- * linked to the state of the item
- */
-export type MappedItem = BaseOption & {
-    columns: Record<string, ItemColumn>;
-};
-type ItemColumn = {
-    key: string;
-    label: string;
-    value: any;
-};
-type __VLS_PublicProps = {
-    'unselected-items'?: any[];
-    'select-all'?: boolean;
-} & typeof __VLS_typeProps;
-declare function __VLS_template(): {
+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<{
+    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>[];
+        /**
+         * Defines an array of dependencies that will trigger actions in the component upon change.
+         */
+        dependencies?: any[];
+        /**
+         * Timeout used to debounce response to changes to dependencies.
+         */
+        depsDebounceTime?: number;
+        /**
+         * Disables the component
+         */
+        disabled?: boolean;
+        items: any[] | ((prefill: boolean, modelValue?: any[]) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[]) => any[]);
+        itemValue?: string | ((item: any) => any);
+        /**
+         * Sets the component in a loading state, usually triggering some visual styles.
+         */
+        loading?: boolean;
+        /**
+         * Maximum number of items that can be selected.
+         */
+        max?: number;
+        /**
+         * Used by v-model. Can be any serializable type.
+         */
+        modelValue?: any;
+        /**
+         * Allows the selection of multiple items.
+         */
+        multiple?: boolean;
+        /**
+         * Defines whether the table is selectable.
+         * Can be a global boolean that affects all rows or a function
+         * that accepts an item and returns a boolean that only affects that item.
+         */
+        selectable?: boolean | ((item: any) => boolean);
+        /**
+         * Defines whether the table allows the selection of all items.
+         */
+        selectAll?: boolean;
+        /**
+         * Items that are not selected.
+         */
+        unselectedItems?: any[];
+    }> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: {
         loading?(_: {
             items: any[];
@@ -68,7 +63,11 @@ declare function __VLS_template(): {
         default?(_: {
             key: string;
             checked: boolean | undefined;
-            columns: Record<string, ItemColumn>;
+            columns: Record<string, {
+                key: string;
+                label: string;
+                value: any;
+            }>;
             disabled: boolean | undefined;
             index: number;
             item: any;
@@ -77,30 +76,16 @@ declare function __VLS_template(): {
             value: any;
         }): any;
     };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:unselected-items": (args_0: unselected) => any;
-} & {
-    "update:modelValue": (value: any) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    "onUpdate:unselected-items"?: ((args_0: unselected) => any) | undefined;
-}>, {
-    dependencies: any[];
-    depsDebounceTime: number;
-    multiple: boolean;
-    modelValue: any;
-    items: any[] | ((prefill: boolean, modelValue?: any[]) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[]) => any[]);
-    max: number;
-    columns: BbRowsColumn[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+    emit: {
+        (e: "update:modelValue", value: any): void;
+        (e: "update:unselectedItems", value: any[]): void;
     };
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -229,18 +229,12 @@ export type BbSelectSlots<T> = {
         focused: boolean;
         index: number;
         hasErrors?: boolean;
-        item: any;
+        item: T;
         loading: boolean;
         selected: boolean;
         text: string;
         value: any;
     }) => any;
-    'option:append'?: (props: {
-        item: T;
-    }) => any;
-    'option:prepend'?: (props: {
-        item: T;
-    }) => any;
     'options:append'?: (props: object) => any;
     'options:prepend'?: (props: object) => any;
     prefix?: (props: object) => any;
@@ -250,9 +244,6 @@ export type BbSelectSlots<T> = {
     'prepend-outer'?: (props: {
         query: string;
     }) => any;
-    spinner?: (props: {
-        loading: boolean;
-    }) => any;
     suffix?: (props: object) => any;
 };
 declare const _default: <T = 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<{

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

@@ -1,11 +1,19 @@
-import { BbTableProps, BbTableColumn } from './types';
+import { BbTableProps, BbTableEvents } from './types';
 import { Classes } from '../../types/Classes';
-declare let __VLS_typeProps: BbTableProps;
-type __VLS_PublicProps = {
-    'select-all'?: boolean;
-    'unselected-items'?: any[];
-} & typeof __VLS_typeProps;
-declare function __VLS_template(): {
+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<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        readonly "onClick:row"?: ((event: MouseEvent, item: any, selected: boolean) => any) | undefined;
+        readonly "onContextmenu:row"?: ((event: MouseEvent, item: any, selected: boolean) => any) | undefined;
+        readonly "onDblclick:row"?: ((event: MouseEvent, item: any, selected: boolean) => any) | undefined;
+        readonly "onUpdate:selectAll"?: ((value: boolean) => any) | undefined;
+        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>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: Readonly<{
         thead?: (props: object) => any;
         tbody?: (props: object) => any;
@@ -18,32 +26,33 @@ declare function __VLS_template(): {
         'header:actions'?: (props: {
             text: string;
         }) => any;
-        loading?: (props: {
-            items: any[];
-        }) => any;
+        loading?: ((props: {
+            items: Item[];
+        }) => any) | undefined;
         'no-data'?: (props: object) => any;
-        actions?: (props: {
-            item: any;
+        actions?: ((props: {
+            item: Item;
             value: any;
-        }) => any;
-        select?: (props: {
-            item: any;
+        }) => any) | undefined;
+        select?: ((props: {
+            item: Item;
             value: any;
             checked: boolean;
             disabled: boolean;
             inputName: string;
             readonly: boolean;
-        }) => any;
-    } & {
-        [key: string]: (props: {
-            classes?: Classes[];
-            content?: any;
-            items?: any[];
-            item: any;
-            label?: string;
-            value?: any;
-        }) => any;
-    }> & {
+        }) => any) | undefined;
+    } & { [K in ColumnName<T>]?: ((props: {
+        classes?: Classes[];
+        content?: any;
+        item: Item;
+        value?: any;
+    }) => any) | undefined; } & { [K_1 in `header:${ColumnName<T>}`]?: ((props: {
+        classes?: Classes[];
+        content?: any;
+        items?: Item[] | undefined;
+        label?: string;
+    }) => any) | undefined; }> & {
         thead?: (props: object) => any;
         tbody?: (props: object) => any;
         tfoot?: (props: object) => any;
@@ -55,77 +64,40 @@ declare function __VLS_template(): {
         'header:actions'?: (props: {
             text: string;
         }) => any;
-        loading?: (props: {
-            items: any[];
-        }) => any;
+        loading?: ((props: {
+            items: Item[];
+        }) => any) | undefined;
         'no-data'?: (props: object) => any;
-        actions?: (props: {
-            item: any;
+        actions?: ((props: {
+            item: Item;
             value: any;
-        }) => any;
-        select?: (props: {
-            item: any;
+        }) => any) | undefined;
+        select?: ((props: {
+            item: Item;
             value: any;
             checked: boolean;
             disabled: boolean;
             inputName: string;
             readonly: boolean;
-        }) => any;
-    } & {
-        [key: string]: (props: {
-            classes?: Classes[];
-            content?: any;
-            items?: any[];
-            item: any;
-            label?: string;
-            value?: any;
-        }) => any;
-    };
-    refs: {
-        container: unknown;
-    };
-    attrs: Partial<{}>;
+        }) => any) | undefined;
+    } & { [K in ColumnName<T>]?: ((props: {
+        classes?: Classes[];
+        content?: any;
+        item: Item;
+        value?: any;
+    }) => any) | undefined; } & { [K_1 in `header:${ColumnName<T>}`]?: ((props: {
+        classes?: Classes[];
+        content?: any;
+        items?: Item[] | undefined;
+        label?: string;
+    }) => any) | undefined; };
+    emit: BbTableEvents;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:select-all": (args_0: select) => any;
-} & {
-    "update:modelValue": (value: any) => any;
-    "click:row": (event: MouseEvent, item: any, selected: boolean) => any;
-    "contextmenu:row": (event: MouseEvent, item: any, selected: boolean) => any;
-    "dblclick:row": (event: MouseEvent, item: any, selected: boolean) => any;
-    "update:selectAll": (value: boolean) => any;
-    "item:selected": (value: any) => any;
-    "item:unselected": (value: any) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    "onClick:row"?: ((event: MouseEvent, item: any, selected: boolean) => any) | undefined;
-    "onContextmenu:row"?: ((event: MouseEvent, item: any, selected: boolean) => any) | undefined;
-    "onDblclick:row"?: ((event: MouseEvent, item: any, selected: boolean) => any) | undefined;
-    "onUpdate:selectAll"?: ((value: boolean) => any) | undefined;
-    "onItem:selected"?: ((value: any) => any) | undefined;
-    "onItem:unselected"?: ((value: any) => any) | undefined;
-    "onUpdate:select-all"?: ((args_0: select) => any) | undefined;
-}>, {
-    dependencies: any[];
-    depsDebounceTime: number;
-    multiple: boolean;
-    modelValue: any;
-    items: any[] | ((prefill: boolean, modelValue?: any[]) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[]) => any[]);
-    max: number;
-    align: "left" | "center" | "right";
-    columns: BbTableColumn[];
-    allowSelectAll: boolean;
-    fixedColumns: (number | {
-        index: number;
-        position: "left" | "right";
-    })[];
-    actionsText: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,7 +1,7 @@
 import { Classes } from '../../types/Classes';
 import { Option } from '../../types/Option';
 import { InputHTMLAttributes } from 'vue';
-export type BaseColumn = {
+export type BaseColumn<T extends string, Item extends object> = {
     /**
      * 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
@@ -15,11 +15,11 @@ export type BaseColumn = {
      * @param key Key of the column taken from the column definition.
      * @param item Item of the row.
      */
-    formatter?: (content: any, key: string, item: any) => any;
+    formatter?: (content: any, key: string, item: Item) => any;
     /**
      * Key identifying the column.
      */
-    key: string;
+    key: T;
     /**
      * Text used in the header for this column.
      */
@@ -32,26 +32,30 @@ export type BaseColumn = {
 /**
  * Type used to infer the bahaviour of a single column. You can either extract data or provide elements useful for styling.
  */
-export type BbTableColumn = BaseColumn & {
+export type BbTableColumn<T extends string = string, Item extends object = any> = BaseColumn<T, Item> & {
     /**
      * Text alignment of the column.
      */
     align?: 'left' | 'right' | 'center';
+    /**
+     * Defines the sorting direction of the column.
+     */
+    sorted?: 'asc' | 'desc';
     /**
      * Defines the classes to be passed to the `<td>` elements. Can also be a function for dynamic values.
      */
-    tdClass?: ColumnClasses;
+    tdClass?: ColumnClasses<Item>;
     /**
      * Defines the classes to be passed to the `<th>`.
      */
     thClass?: Classes;
 };
-export type BbTableProps = {
+export type BbTableProps<T extends string, Item extends object> = {
     /**
      * Function that accepts the columns and the current item as
      * arguments and returns a label to be used for accessibility purposes.
      */
-    accessibleLabel?: (columns: MappedCell[], item: any) => string;
+    accessibleLabel?: (columns: MappedCell<T>[], item: any) => string;
     /**
      * Displays the actions column.
      */
@@ -76,7 +80,7 @@ export type BbTableProps = {
      * Array of definitions of how the columns should be rendered.
      *
      */
-    columns: BbTableColumn[];
+    columns: BbTableColumn<T, Item>[];
     /**
      * Adds a CSS class that applies a compact style to the component.
      */
@@ -116,8 +120,8 @@ export type BbTableProps = {
      * Boolean that sets the headers as sticky to the top of the table.
      */
     fixedHeaders?: boolean;
-    items: any[] | ((prefill: boolean, modelValue?: any[]) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[]) => any[]);
-    itemValue?: string | ((item: any) => any);
+    items: Item[] | ((prefill: boolean, modelValue?: any[]) => Promise<Item[]>) | ((prefill: boolean, modelValue?: any[]) => Item[]);
+    itemValue?: string | ((item: Item) => any);
     /**
      * Text content of the legend.
      */
@@ -162,12 +166,16 @@ export type BbTableProps = {
      * Sets the input in a readonly state.
      */
     readonly?: boolean;
+    /**
+     * Defines whether the "Select all" checkbox is checked.
+     */
+    selectAll?: boolean;
     /**
      * Defines whether the table is selectable.
      * Can be a global boolean that affects all rows or a function
      * that accepts an item and returns a boolean that only affects that item.
      */
-    selectable?: boolean | ((item: any) => boolean);
+    selectable?: boolean | ((item: Item) => boolean);
     /**
      * Text of the label used by the "Select all" boolean.
      */
@@ -179,7 +187,7 @@ export type BbTableProps = {
     /**
      * Defines the classes to be passed to the `<td>` elements. Can also be a function for dynamic values.
      */
-    tdClass?: ColumnClasses;
+    tdClass?: ColumnClasses<Item>;
     /**
      * Defines the classes to be passed to the `<th>`.
      */
@@ -188,18 +196,22 @@ export type BbTableProps = {
      * Total number of items there is.
      */
     totalItems?: number;
+    /**
+     * Items that are not selected.
+     */
+    unselectedItems?: any[];
 };
 /**
  * We allow table data classes to be a function so it can depend on the item
  */
-export type ColumnClasses = Classes | ((content: any, key: string, item: any) => Classes);
+export type ColumnClasses<Item extends object> = 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 = Option & {
+export type MappedItem<T extends string> = Option & {
     accessibleLabel: string;
-    cols: MappedCell[];
+    cols: MappedCell<T>[];
     onRowClick: (event: MouseEvent) => void;
     onRowContextMenu: (event: MouseEvent) => void;
     onRowDblClick: (event: MouseEvent) => void;
@@ -208,23 +220,24 @@ export type MappedItem = Option & {
 /**
  * Projection that represnets a header
  */
-export type MappedHeader = {
+export type MappedHeader<DynamicHeaderSlots extends string> = {
     align: HTMLTableCellElement['align'];
     classes?: Classes[];
     key: string;
     label: string;
-    slotName: string;
+    slotName: DynamicHeaderSlots;
+    sortDirection?: 'ascending' | 'descending';
 };
 /**
  * Projection that represents a cell of data.
  */
-export type MappedCell = {
+export type MappedCell<DynamicBodySlots extends string> = {
     align: string;
     classes: Classes[];
     content: string;
     key: string;
     label: string;
-    slotName: string;
+    slotName: DynamicBodySlots;
 };
 export type BbTableEvents = {
     (e: 'click:row', event: MouseEvent, item: any, selected: boolean): void;
@@ -232,10 +245,11 @@ export type BbTableEvents = {
     (e: 'dblclick:row', event: MouseEvent, item: any, selected: boolean): void;
     (e: 'update:modelValue', value: any): void;
     (e: 'update:selectAll', value: boolean): void;
+    (e: 'update:unselectedItems', value: any[]): void;
     (e: 'item:selected', value: any): void;
     (e: 'item:unselected', value: any): void;
 };
-export type BbTableSlots = {
+export type BbTableSlots<DynamicBodySlots extends string, DynamicHeaderSlots extends string, Item extends object> = {
     thead?: (props: object) => any;
     tbody?: (props: object) => any;
     tfoot?: (props: object) => any;
@@ -248,15 +262,15 @@ export type BbTableSlots = {
         text: string;
     }) => any;
     loading?: (props: {
-        items: any[];
+        items: Item[];
     }) => any;
     'no-data'?: (props: object) => any;
     actions?: (props: {
-        item: any;
+        item: Item;
         value: any;
     }) => any;
     select?: (props: {
-        item: any;
+        item: Item;
         value: any;
         checked: boolean;
         disabled: boolean;
@@ -264,12 +278,17 @@ export type BbTableSlots = {
         readonly: boolean;
     }) => any;
 } & {
-    [key: string]: (props: {
+    [K in DynamicBodySlots]?: (props: {
         classes?: Classes[];
         content?: any;
-        items?: any[];
-        item: any;
-        label?: string;
+        item: Item;
         value?: any;
     }) => any;
+} & {
+    [K in DynamicHeaderSlots]?: (props: {
+        classes?: Classes[];
+        content?: any;
+        items?: Item[];
+        label?: string;
+    }) => any;
 };