bitboss-ui 0.2.1 → 0.2.3

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

@@ -21,26 +21,26 @@ declare const _default: <T extends object>(__VLS_props: {
     items: T[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => T[]);
     selectable?: boolean | ((item: T) => boolean) | undefined;
     actions?: boolean | undefined;
-    tdClass?: import("./types").ColumnClasses | undefined;
-    thClass?: Classes | 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;
     accessibleLabel?: ((columns: MappedCell[], item: T) => string) | undefined;
     actionsText?: string | undefined;
     align?: "left" | "center" | "right" | undefined;
     allowSelectAll?: boolean | undefined;
     columns: TableColumn<T>[];
     displayCaption?: boolean | undefined;
-    fixedHeader?: boolean | undefined;
     fixedColumns?: (number | {
         index: number;
         position: "left" | "right";
     })[] | undefined;
+    fixedHeader?: boolean | undefined;
     selectAll?: boolean | undefined;
     selectAllText?: string | undefined;
     selectText?: string | 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;
+    tdClass?: import("./types").ColumnClasses | undefined;
+    thClass?: Classes | undefined;
 } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, __VLS_ctx?: {
     attrs: any;
     slots: Readonly<{
@@ -103,26 +103,26 @@ declare const _default: <T extends object>(__VLS_props: {
         items: T[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => T[]);
         selectable?: boolean | ((item: T) => boolean) | undefined;
         actions?: boolean | undefined;
-        tdClass?: import("./types").ColumnClasses | undefined;
-        thClass?: Classes | 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;
         accessibleLabel?: ((columns: MappedCell[], item: T) => string) | undefined;
         actionsText?: string | undefined;
         align?: "left" | "center" | "right" | undefined;
         allowSelectAll?: boolean | undefined;
         columns: TableColumn<T>[];
         displayCaption?: boolean | undefined;
-        fixedHeader?: boolean | undefined;
         fixedColumns?: (number | {
             index: number;
             position: "left" | "right";
         })[] | undefined;
+        fixedHeader?: boolean | undefined;
         selectAll?: boolean | undefined;
         selectAllText?: string | undefined;
         selectText?: string | 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;
+        tdClass?: import("./types").ColumnClasses | undefined;
+        thClass?: Classes | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -189,26 +189,26 @@ declare const _default: <T extends object>(__VLS_props: {
             items: T[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => T[]);
             selectable?: boolean | ((item: T) => boolean) | undefined;
             actions?: boolean | undefined;
-            tdClass?: import("./types").ColumnClasses | undefined;
-            thClass?: Classes | 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;
             accessibleLabel?: ((columns: MappedCell[], item: T) => string) | undefined;
             actionsText?: string | undefined;
             align?: "left" | "center" | "right" | undefined;
             allowSelectAll?: boolean | undefined;
             columns: TableColumn<T>[];
             displayCaption?: boolean | undefined;
-            fixedHeader?: boolean | undefined;
             fixedColumns?: (number | {
                 index: number;
                 position: "left" | "right";
             })[] | undefined;
+            fixedHeader?: boolean | undefined;
             selectAll?: boolean | undefined;
             selectAllText?: string | undefined;
             selectText?: string | 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;
+            tdClass?: import("./types").ColumnClasses | undefined;
+            thClass?: Classes | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
         attrs: any;

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

@@ -1,5 +1,5 @@
 import type { Classes } from '../../types/Classes';
-import type { CommonProps, GenericModelValue } from '../../types/CommonProps';
+import type { InputHTMLAttributes } from "vue";
 type NestedKeyOf<ObjectType extends object> = {
     [Key in keyof ObjectType & (string | number)]: ObjectType[Key] extends object ? `${Key}` | `${Key}.${NestedKeyOf<ObjectType[Key]>}` : `${Key}`;
 }[keyof ObjectType & (string | number)];
@@ -9,117 +9,178 @@ type Path<T extends object> = NestedKeyOf<T> | (string & Record<never, never>);
  */
 export type TableColumn<U extends object = any> = {
     /**
-     * Text alignment of the column.
-     */
+   * Text alignment of the column.
+   */
     align?: "left" | "right" | "center";
     /**
-     * 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
-     * reference a prop in the `item` and still extract data from the other
-     * arguments in the formatting function.
-     */
+   * 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
+   * reference a prop in the `item` and still extract data from the other
+   * arguments in the formatting function.
+   */
     formatOnNull?: boolean;
     /**
-     * Formatting function used to generate enhanced content.
-     * @param content The content generated by the extraction of `Item[key]`
-     * @param key Key of the column taken from the column definition.
-     * @param item Item of the row.
-     */
+   * Formatting function used to generate enhanced content.
+   * @param content The content generated by the extraction of `Item[key]`
+   * @param key Key of the column taken from the column definition.
+   * @param item Item of the row.
+   */
     formatter?: (content: any, key: string, item: U) => any;
     /**
-     * Key identifying the column.
-     */
+   * Key identifying the column.
+   */
     key: Path<U>;
     /**
-     * Text used in the header for this column.
-     */
+   * Text used in the header for this column.
+   */
     label: string;
     /**
-     * Placeholder used when the pipeline returns null content.
-     */
+   * Placeholder used when the pipeline returns null content.
+   */
     placeholder?: string;
-} & Pick<BbTableProps<U>, "tdClass" | "thClass">;
-export type BbTableProps<T extends object = any> = Pick<CommonProps, "compact" | "dependencies" | "depsDebounceTime" | "disabled" | "loading" | "loadingText" | "matchStrategy" | "multiple" | "name" | "noDataText" | "readonly"> & {
-    itemValue?: NestedKeyOf<T> | ((item: T) => any);
-    items: T[] | ((prefill: boolean, modelValue?: any[]) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[]) => T[]);
-} & Partial<Pick<CommonProps, "legend">> & GenericModelValue & {
     /**
-     * Function that accepts the columns and the current item as
-     * arguments and returns a label to be used for accessibility purposes.
-     */
+   * Defines the classes to be passed to the `<td>` elements. Can also be a function for dynamic values.
+   */
+    tdClass?: ColumnClasses;
+    /**
+   * Defines the classes to be passed to the `<th>`.
+   */
+    thClass?: Classes;
+};
+export type BbTableProps<T extends object = 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[], item: T) => string;
     /**
-     * Displays the actions column.
-     */
+   * Displays the actions column.
+   */
     actions?: boolean;
     /**
-     * Label used in the header of the actions column.
-     */
+   * Label used in the header of the actions column.
+   */
     actionsText?: string;
     /**
-     * Text alignment of the columns.
-     */
+   * Text alignment of the columns.
+   */
     align?: "left" | "center" | "right";
     /**
-     * Boolean that defines whether to display a "Select all" checkbox.
-     */
+   * Boolean that defines whether to display a "Select all" checkbox.
+   */
     allowSelectAll?: boolean;
     /**
-     * Caption that describes the content of the table. Used for accessibility purposes.
-     */
+   * Caption that describes the content of the table. Used for accessibility purposes.
+   */
     caption?: string;
     /**
-     * Array of definitions of how the columns should be rendered.
-     */
+   * Array of definitions of how the columns should be rendered.
+   */
     columns: TableColumn<T>[];
     /**
-     * Boolean that defines whether to display or hide the caption.
-     * By default is true and the caption is hidden.
-     */
+   * Adds a CSS class that applies a compact style to the component.
+   */
+    compact?: boolean;
+    /**
+   * 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;
+    /**
+   * Boolean that defines whether to display or hide the caption.
+   * By default is true and the caption is hidden.
+   */
     displayCaption?: boolean;
     /**
-     * Defines the table layout as fixed
-     * making each column take up the same amount of space.
-     */
+   * Defines the table layout as fixed
+   * making each column take up the same amount of space.
+   */
     fixed?: boolean;
     /**
-     * Boolean that sets the headers as sticky top the top of the table.
-     */
-    fixedHeader?: boolean;
-    /**
-     * Definition for which column should be fixed.
-     * It can be an array of index of the column to fix on the left side of the table or
-     * an array of objects indicating the index and the position `left` or `right` where to affix the columns.
-     */
+   * Definition for which column should be fixed.
+   * It can be an array of index of the column to fix on the left side of the table or
+   * an array of objects indicating the index and the position `left` or `right` where to affix the columns.
+   */
     fixedColumns?: (number | {
         index: number;
         position: "left" | "right";
     })[];
     /**
-     * Defines whther the table is selectable.
-     * Can be a global boolean that affects all rows or a function
-     * that accepts an otem and returns a boolean that only affects that item.
-     */
+   * Boolean that sets the headers as sticky top the top of the table.
+   */
+    fixedHeader?: boolean;
+    items: T[] | ((prefill: boolean, modelValue?: any[]) => Promise<T[]>) | ((prefill: boolean, modelValue?: any[]) => T[]);
+    itemValue?: NestedKeyOf<T> | ((item: T) => any);
+    /**
+   * Text content of the legend.
+   */
+    legend?: string;
+    /**
+   * Sets the component in a loading state, usually triggering some visual styles.
+   */
+    loading?: boolean;
+    /**
+   * String displayed while items are being loaded.
+   */
+    loadingText?: string;
+    /**
+   * Defines the strategy used to understand whether an option has been selected.
+   * `string` is 40% faster but relies on property order.
+   * `equality` is more reliable but is slower.
+   */
+    matchStrategy?: "string" | "equality";
+    /**
+   * Used by v-model. Can be any serializable type.
+   */
+    modelValue?: any;
+    /**
+   * Allows the selection of multiple items.
+   */
+    multiple?: boolean;
+    /**
+   * Defines the name of the input.
+   */
+    name?: InputHTMLAttributes["name"];
+    /**
+   * String displayed when there are no items to display.
+   */
+    noDataText?: string;
+    /**
+   * Sets the input in a readonly state.
+   */
+    readonly?: InputHTMLAttributes["readonly"];
+    /**
+   * Defines whether the table is selectable.
+   * Can be a global boolean that affects all rows or a function
+   * that accepts an otem and returns a boolean that only affects that item.
+   */
     selectable?: boolean | ((item: T) => boolean);
     /**
-     * Used by v-model:selectAll. Indicates whether the "Select all" checkbox is checked or not.
-     */
+   * Used by v-model:selectAll. Indicates whether the "Select all" checkbox is checked or not.
+   */
     selectAll?: boolean;
     /**
-     * Text of the label used by the "Select all" boolean.
-     */
+   * Text of the label used by the "Select all" boolean.
+   */
     selectAllText?: string;
     /**
-     * Text of the header used for the radio inputs when the table is not `multiple`.
-     */
+   * Text of the header used for the radio inputs when the table is not `multiple`.
+   */
     selectText?: string;
     /**
-     * Defines the classes to be passed to the `<td>` elements. Can also be a function for dynamic values.
-     */
+   * Defines the classes to be passed to the `<td>` elements. Can also be a function for dynamic values.
+   */
     tdClass?: ColumnClasses;
     /**
-     * Defines the classes to be passed to the `<th>`.
-     */
+   * Defines the classes to be passed to the `<th>`.
+   */
     thClass?: Classes;
 };
 /**
@@ -154,8 +215,8 @@ export type MappedHeader = {
     align: string;
     classes?: Classes[];
     key: string;
-    slotName: string;
     label: string;
+    slotName: string;
 };
 /**
  * Projection that represents a cell of data.

package/dist/index101.js

@@ -1,12 +1,12 @@
 import { defineComponent as ie, ref as O, computed as p, onMounted as de, watch as q, openBlock as c, createBlock as be, resolveDynamicComponent as re, normalizeClass as f, withCtx as ue, createElementBlock as d, toDisplayString as m, createCommentVNode as v, createElementVNode as o, renderSlot as y, createVNode as J, unref as C, Fragment as N, renderList as T, createTextVNode as pe, mergeProps as fe } from "vue";
-import { add as me } from "./index227.js";
-import { clamp as ye } from "./index195.js";
+import { add as me } from "./index241.js";
+import { clamp as ye } from "./index200.js";
 import { deepEqual as he } from "./index123.js";
 import { isNil as j } from "./index120.js";
 import { isNotNil as _e } from "./index124.js";
 import { useId as ke } from "./index7.js";
 import { useItemValue as ge } from "./index126.js";
-import { when as ve } from "./index197.js";
+import { when as ve } from "./index196.js";
 import G from "./index11.js";
 import "./index12.js";
 import Ce from "./index25.js";
@@ -28,32 +28,32 @@ const we = { key: 0 }, Ve = { class: "bb-table-header-row" }, Ne = { class: "bb-
 ], ze = { class: "bb-table-no-data__row" }, Oe = ["colspan"], qe = { class: "bb-table-no-data__text" }, Je = ["onClick", "onContextmenu", "onDblclick"], je = { class: "bb-table-check__label-text" }, Me = { class: "bb-table-radio__label-text" }, al = /* @__PURE__ */ ie({
   __name: "BbTable",
   props: {
+    accessibleLabel: { type: Function, default: (S) => ["Seleziona"].concat(S.map(($) => $.content)).join(" ") },
+    actions: { type: Boolean },
+    actionsText: { default: "Azioni" },
+    align: { default: "left" },
+    allowSelectAll: { type: Boolean, default: !0 },
+    caption: {},
+    columns: { default: () => [] },
     compact: { type: Boolean },
     dependencies: { default: () => [] },
     depsDebounceTime: { default: 0 },
     disabled: { type: Boolean },
+    displayCaption: { type: Boolean },
+    fixed: { type: Boolean },
+    fixedColumns: { default: () => [] },
+    fixedHeader: { type: Boolean },
+    items: { type: [Array, Function], default: () => [] },
+    itemValue: {},
+    legend: {},
     loading: { type: Boolean },
     loadingText: { default: "Caricamento" },
     matchStrategy: { default: "string" },
+    modelValue: {},
     multiple: { type: Boolean, default: !0 },
     name: {},
     noDataText: { default: "Non ci sono elementi da visualizzare" },
     readonly: {},
-    itemValue: {},
-    items: { type: [Array, Function], default: () => [] },
-    legend: {},
-    modelValue: {},
-    accessibleLabel: { type: Function, default: (S) => ["Seleziona"].concat(S.map(($) => $.content)).join(" ") },
-    actions: { type: Boolean },
-    actionsText: { default: "Azioni" },
-    align: { default: "left" },
-    allowSelectAll: { type: Boolean, default: !0 },
-    caption: {},
-    columns: { default: () => [] },
-    displayCaption: { type: Boolean },
-    fixed: { type: Boolean },
-    fixedHeader: { type: Boolean },
-    fixedColumns: { default: () => [] },
     selectable: { type: [Boolean, Function] },
     selectAll: { type: Boolean },
     selectAllText: { default: "Seleziona tutti gli elementi di questa pagina" },