bitboss-ui 2.0.93 → 2.0.95

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

@@ -560,6 +560,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseSelectProps, {}
     onFocus?: ((event: FocusEvent) => any) | undefined;
     onInactive?: (() => any) | undefined;
 }>, {
+    autocomplete: string;
     transitionDuration: number;
     allowWriting: boolean | "not-mobile";
     dependencies: any[];

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

@@ -0,0 +1,105 @@
+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(): {
+    slots: {
+        loading?(_: {
+            items: any[];
+        }): any;
+        "no-data"?(_: {
+            loading: boolean;
+        }): any;
+        default?(_: {
+            key: string;
+            checked: boolean | undefined;
+            columns: Record<string, ItemColumn>;
+            disabled: boolean | undefined;
+            item: any;
+            select: () => void;
+            unselect: () => void;
+            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;
+    };
+};

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

@@ -116,16 +116,16 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     items: any[] | ((prefill: boolean, modelValue?: any[]) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[]) => any[]);
     max: number;
     align: "left" | "center" | "right";
-    accessibleLabel: (columns: MappedCell[], item: any) => string;
+    columns: BbTableColumn[];
     actionsText: string;
     allowSelectAll: boolean;
-    columns: BbTableColumn[];
     fixedColumns: (number | {
         index: number;
         position: "left" | "right";
     })[];
     selectAllLabel: string;
     selectText: string;
+    accessibleLabel: (columns: MappedCell[], item: any) => string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,14 +1,7 @@
 import { Classes } from '../../types/Classes';
 import { Option } from '../../types/Option';
 import { InputHTMLAttributes } from 'vue';
-/**
- * Type used to infer the bahaviour of a single column. You can either extract data or provide elements useful for styling.
- */
-export type BbTableColumn = {
-    /**
-     * Text alignment of the column.
-     */
-    align?: 'left' | 'right' | 'center';
+export type BaseColumn = {
     /**
      * 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
@@ -35,6 +28,15 @@ export type BbTableColumn = {
      * Placeholder used when the pipeline returns null content.
      */
     placeholder?: string;
+};
+/**
+ * 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 & {
+    /**
+     * Text alignment of the column.
+     */
+    align?: 'left' | 'right' | 'center';
     /**
      * Defines the classes to be passed to the `<td>` elements. Can also be a function for dynamic values.
      */

package/dist/index.d.ts

@@ -55,6 +55,7 @@ export { default as BbRadio } from './components/BbRadio/BbRadio.vue';
 export { default as BbRadioGroup } from './components/BbRadioGroup/BbRadioGroup.vue';
 export { default as BbRating } from './components/BbRating/BbRating.vue';
 export { default as BbRatio } from './components/BbRatio/BbRatio.vue';
+export { default as BbRows } from './components/BbRows/BbRows.vue';
 export { default as BbSelect } from './components/BbSelect/BbSelect.vue';
 export { default as BbSlider } from './components/BbSlider/BbSlider.vue';
 export { default as BbSmoothHeight } from './components/BbSmoothHeight/BbSmoothHeight.vue';

package/dist/index.js

@@ -11,7 +11,7 @@ import { useToast as ho } from "./index11.js";
 import { useWizard as go, wizardInjectionKey as So } from "./index12.js";
 import { default as Do } from "./index13.js";
 /* empty css        */
-import { default as Ro } from "./index15.js";
+import { default as ko } from "./index15.js";
 /* empty css        */
 import { default as Po } from "./index17.js";
 /* empty css        */
@@ -65,7 +65,7 @@ import { default as Sr } from "./index65.js";
 /* empty css        */
 import { default as Dr } from "./index67.js";
 /* empty css        */
-import { default as Rr } from "./index69.js";
+import { default as kr } from "./index69.js";
 /* empty css        */
 import { default as Pr } from "./index71.js";
 /* empty css        */
@@ -97,39 +97,40 @@ import { default as rt } from "./index96.js";
 import { default as et } from "./index98.js";
 /* empty css        */
 import { default as pt } from "./index100.js";
+import { default as mt } from "./index101.js";
 /* empty css         */
-import { default as mt } from "./index102.js";
+import { default as ut } from "./index103.js";
 /* empty css         */
-import { default as ut } from "./index104.js";
+import { default as xt } from "./index105.js";
 /* empty css         */
-import { default as xt } from "./index106.js";
+import { default as lt } from "./index107.js";
 /* empty css         */
-import { default as lt } from "./index108.js";
+import { default as bt } from "./index109.js";
 /* empty css         */
-import { default as bt } from "./index110.js";
+import { default as ct } from "./index111.js";
 /* empty css         */
-import { default as ct } from "./index112.js";
+import { default as It } from "./index113.js";
 /* empty css         */
-import { default as It } from "./index114.js";
+import { default as Tt } from "./index115.js";
 /* empty css         */
-import { default as Tt } from "./index116.js";
+import { default as St } from "./index117.js";
 /* empty css         */
-import { default as St } from "./index118.js";
+import { default as Dt } from "./index119.js";
 /* empty css         */
-import { default as Dt } from "./index120.js";
+import { default as kt } from "./index121.js";
 /* empty css         */
-import { default as Rt } from "./index122.js";
+import { default as Pt } from "./index123.js";
 /* empty css         */
-import { default as Pt } from "./index124.js";
 import { default as zt } from "./index125.js";
 import { default as Nt } from "./index126.js";
 import { default as yt } from "./index127.js";
 import { default as Kt } from "./index128.js";
+import { default as Ot } from "./index129.js";
 export {
   Do as BaseButton,
   Po as BaseCheckbox,
   zo as BaseCheckboxGroup,
-  Ro as BaseColorInput,
+  ko as BaseColorInput,
   No as BaseDatePicker,
   yo as BaseDatePickerInput,
   Ko as BaseDialog,
@@ -153,16 +154,16 @@ export {
   Ir as BbButton,
   Tr as BbCheckbox,
   Sr as BbCheckboxGroup,
-  Pt as BbChip,
-  zt as BbCollapsible,
+  zt as BbChip,
+  Nt as BbCollapsible,
   Dr as BbColorInput,
-  Rr as BbConfirm,
+  kr as BbConfirm,
   Pr as BbDatePickerInput,
   zr as BbDialog,
   Nr as BbDropdown,
   yr as BbDropdownButton,
   Kr as BbDropzone,
-  Nt as BbIcon,
+  yt as BbIcon,
   Or as BbIntersection,
   Wr as BbNumberInput,
   Er as BbOffCanvas,
@@ -173,20 +174,21 @@ export {
   $r as BbRadioGroup,
   rt as BbRating,
   et as BbRatio,
-  pt as BbSelect,
-  mt as BbSlider,
-  yt as BbSmoothHeight,
-  Kt as BbSpinner,
-  ut as BbSwitch,
-  xt as BbSwitchGroup,
-  lt as BbTab,
-  bt as BbTable,
-  ct as BbTag,
-  Tt as BbTextInput,
-  It as BbTextarea,
-  St as BbToast,
-  Dt as BbTooltip,
-  Rt as BbTree,
+  pt as BbRows,
+  mt as BbSelect,
+  ut as BbSlider,
+  Kt as BbSmoothHeight,
+  Ot as BbSpinner,
+  xt as BbSwitch,
+  lt as BbSwitchGroup,
+  bt as BbTab,
+  ct as BbTable,
+  It as BbTag,
+  St as BbTextInput,
+  Tt as BbTextarea,
+  Dt as BbToast,
+  kt as BbTooltip,
+  Pt as BbTree,
   po as useBbConfig,
   mo as useBroadcastChannelInstance,
   uo as useConfirm,

package/dist/index100.js

@@ -1,179 +1,104 @@
-import { defineComponent as h, ref as y, computed as v, openBlock as B, createBlock as g, withCtx as n, renderSlot as a, normalizeProps as i, guardReactiveProps as l, createVNode as $, mergeProps as T } from "vue";
-import V from "./index27.js";
-/* empty css        */
-import q from "./index37.js";
-/* empty css        */
-const L = /* @__PURE__ */ h({
-  __name: "BbSelect",
-  props: {
-    addOptions: { type: Boolean },
-    allowWriting: { type: [Boolean, String], default: !0 },
-    "append:icon": {},
-    autocomplete: {},
-    autofocus: {},
-    comma: { type: Boolean },
-    dependencies: {},
-    depsDebounceTime: {},
-    direction: {},
+import { defineComponent as S, mergeModels as v, computed as y, toRef as u, reactive as $, useModel as b, watch as A, openBlock as h, createElementBlock as V, Fragment as k, renderSlot as r, unref as L, createCommentVNode as R, renderList as q } from "vue";
+import { useOptions as E } from "./index235.js";
+import { useItemValue as Q } from "./index286.js";
+import { isNil as g } from "./index130.js";
+import { indexBy as j } from "./index294.js";
+import { hash as B } from "./index219.js";
+const X = /* @__PURE__ */ S({
+  __name: "BbRows",
+  props: /* @__PURE__ */ v({
+    columns: { default: () => [] },
+    dependencies: { default: () => [] },
+    depsDebounceTime: { default: 0 },
     disabled: { type: Boolean },
-    enforceCoherence: { type: Boolean },
-    errors: {},
-    filterBy: { type: [String, Array, Boolean, Function, null], default: () => [] },
-    hasErrors: { type: Boolean },
-    hideLabel: { type: Boolean },
-    hint: {},
-    id: {},
-    items: {},
-    itemText: {},
+    items: { type: [Array, Function], default: () => [] },
     itemValue: {},
-    label: {},
-    labelPosition: {},
     loading: { type: Boolean },
-    loadingText: {},
-    max: {},
-    maxSelectedLabels: {},
-    modelValue: {},
-    modelValueDebounceTime: {},
-    multiple: { type: Boolean },
-    name: {},
-    noDataText: {},
-    persistentHint: { type: Boolean },
-    placeholder: {},
-    prefill: { type: [Boolean, String], default: "focus" },
-    "prepend:icon": {},
-    required: { type: Boolean },
-    queryDebounceTime: {},
-    readonly: { type: Boolean },
-    resetQueryOnOptionSelected: { type: Boolean },
-    reverse: { type: Boolean },
-    stash: { type: Boolean },
-    transitionDuration: {},
-    updateOnAnimationFrame: { type: Boolean }
-  },
-  emits: ["blur", "change", "click", "focus", "inactive", "input", "update:modelValue"],
-  setup(d, { emit: u }) {
-    const r = d, t = u, s = y(!1), m = v(() => r.persistentHint || s.value), b = {
-      onBlur: (e) => t("blur", e),
-      onChange: (e) => t("change", e),
-      onClick: (e) => t("click", e),
-      onFocus: (e) => {
-        s.value = !0, t("focus", e);
-      },
-      onInactive: () => {
-        s.value = !1, t("inactive");
-      },
-      onInput: (e) => t("input", e),
-      "onUpdate:modelValue": (e) => t("update:modelValue", e)
-    };
-    return (e, w) => (B(), g(V, {
-      id: e.id,
-      class: "bb-select",
-      direction: e.direction,
-      errors: e.errors,
-      "has-errors": e.hasErrors,
-      "hide-label": e.hideLabel,
-      hint: e.hint,
-      label: e.label,
-      "label-position": e.labelPosition,
-      "model-value": e.modelValue,
-      name: e.name,
-      reverse: e.reverse,
-      "show-hint": m.value
-    }, {
-      label: n((p) => [
-        a(e.$slots, "label", i(l(p)))
-      ]),
-      input: n(({ id: p, hasErrors: c, ariaDescribedby: f }) => [
-        $(q, T({
-          id: p,
-          "add-options": e.addOptions,
-          "allow-writing": e.allowWriting,
-          "append:icon": r["append:icon"],
-          "aria-describedby": f,
-          autocomplete: e.autocomplete,
-          autofocus: e.autofocus,
-          comma: e.comma,
-          dependencies: e.dependencies,
-          "deps-debounce-time": e.depsDebounceTime,
-          disabled: e.disabled,
-          "enforce-coherence": e.enforceCoherence,
-          "filter-by": e.filterBy,
-          "has-errors": c,
-          "item-text": e.itemText,
-          "item-value": e.itemValue,
-          items: e.items,
-          loading: e.loading,
-          "loading-text": e.loadingText,
-          max: e.max,
-          "max-selected-labels": e.maxSelectedLabels,
-          "model-value": e.modelValue,
-          "model-value-debounce-time": e.modelValueDebounceTime,
-          multiple: e.multiple,
-          name: e.name,
-          "no-data-text": e.noDataText,
-          placeholder: e.placeholder,
-          prefill: e.prefill,
-          "prepend:icon": r["prepend:icon"],
-          "query-debounce-time": e.queryDebounceTime,
-          readonly: e.readonly,
-          required: e.required,
-          "reset-query-on-option-selected": e.resetQueryOnOptionSelected,
-          stash: e.stash,
-          "transition-duration": e.transitionDuration,
-          "update-on-animation-frame": e.updateOnAnimationFrame
-        }, b), {
-          "append-outer": n((o) => [
-            a(e.$slots, "append-outer", i(l(o)))
-          ]),
-          append: n((o) => [
-            a(e.$slots, "append", i(l(o)))
-          ]),
-          prefix: n((o) => [
-            a(e.$slots, "prefix", i(l(o)))
-          ]),
-          chevron: n((o) => [
-            a(e.$slots, "chevron", i(l(o)))
-          ]),
-          loading: n((o) => [
-            a(e.$slots, "loading", i(l(o)))
-          ]),
-          "no-data": n((o) => [
-            a(e.$slots, "no-data", i(l(o)))
-          ]),
-          "option:append": n((o) => [
-            a(e.$slots, "option:append", i(l(o)))
-          ]),
-          "option:prepend": n((o) => [
-            a(e.$slots, "option:prepend", i(l(o)))
-          ]),
-          option: n((o) => [
-            a(e.$slots, "option", i(l(o)))
-          ]),
-          "options:append": n((o) => [
-            a(e.$slots, "options:append", i(l(o)))
-          ]),
-          "options:prepend": n((o) => [
-            a(e.$slots, "options:prepend", i(l(o)))
-          ]),
-          "prepend-outer": n((o) => [
-            a(e.$slots, "prepend-outer", i(l(o)))
-          ]),
-          prepend: n((o) => [
-            a(e.$slots, "prepend", i(l(o)))
-          ]),
-          suffix: n((o) => [
-            a(e.$slots, "suffix", i(l(o)))
-          ]),
-          spinner: n((o) => [
-            a(e.$slots, "spinner", i(l(o)))
-          ]),
-          _: 2
-        }, 1040, ["id", "add-options", "allow-writing", "append:icon", "aria-describedby", "autocomplete", "autofocus", "comma", "dependencies", "deps-debounce-time", "disabled", "enforce-coherence", "filter-by", "has-errors", "item-text", "item-value", "items", "loading", "loading-text", "max", "max-selected-labels", "model-value", "model-value-debounce-time", "multiple", "name", "no-data-text", "placeholder", "prefill", "prepend:icon", "query-debounce-time", "readonly", "required", "reset-query-on-option-selected", "stash", "transition-duration", "update-on-animation-frame"])
-      ]),
-      _: 3
-    }, 8, ["id", "direction", "errors", "has-errors", "hide-label", "hint", "label", "label-position", "model-value", "name", "reverse", "show-hint"]));
+    max: { default: 1 / 0 },
+    modelValue: { default: () => [] },
+    multiple: { type: Boolean, default: !0 },
+    selectable: { type: [Boolean, Function] }
+  }, {
+    "unselected-items": {
+      default: () => []
+    },
+    "unselected-itemsModifiers": {},
+    "select-all": { type: Boolean, default: !1 },
+    "select-allModifiers": {}
+  }),
+  emits: /* @__PURE__ */ v(["update:modelValue"], ["update:unselected-items", "update:select-all"]),
+  setup(d, { emit: I }) {
+    const l = d, m = I, { getItemValue: x } = Q(), p = y(() => !!(l.loading || M.value)), { options: O, selectOption: T, unselectOption: D, internalItems: H, innerLoading: M } = E({
+      emit: m,
+      itemText: void 0,
+      itemValue: l.itemValue,
+      max: l.max,
+      modelValue: u(l, "modelValue"),
+      multiple: l.multiple,
+      resetQueryOnOptionSelected: !1,
+      stash: !1,
+      items: u(l, "items"),
+      enforceCoherence: !1,
+      prefill: !0,
+      modelValueDebounceTime: 0,
+      dependencies: u(l, "dependencies"),
+      depsDebounceTime: l.depsDebounceTime,
+      queryDebounceTime: 0,
+      disabled: u(l, "disabled")
+    }), f = y(() => O.value.map((e) => {
+      let s = !l.selectable;
+      return typeof l.selectable == "function" && (s = !l.selectable(e.item)), s = s || !!e.disabled, {
+        columns: j(
+          l.columns.map((t) => {
+            const { label: F, key: N } = t;
+            let o = x(e.item, t.key);
+            return t.formatter && // By default the formatter runs anyway
+            (!g(o) || t.formatOnNull !== !1) && (o = t.formatter(o, t.key, e.item)), t.placeholder && g(o) && (o = t.placeholder), {
+              value: o,
+              key: N,
+              label: F
+            };
+          }),
+          (t) => t.key
+        ),
+        item: e.item,
+        text: e.text,
+        valueHash: e.valueHash,
+        value: e.value,
+        selected: !!(e.selected || c.value),
+        disabled: s
+      };
+    })), w = (e) => {
+      c.value || T(e), i.delete(e.valueHash), n.value = n.value.filter(
+        (s) => B(s) !== B(e.item)
+      );
+    }, C = (e) => {
+      i.add(e.valueHash), n.value.push(e.item), D(e);
+    }, i = $(/* @__PURE__ */ new Set()), n = b(d, "unselected-items");
+    let c = b(d, "select-all");
+    return A(c, () => {
+      i.clear(), n.value = [], m("update:modelValue", []);
+    }), (e, s) => (h(), V(k, null, [
+      p.value ? r(e.$slots, "loading", {
+        key: 0,
+        items: L(H)
+      }) : R("", !0),
+      f.value.length ? (h(!0), V(k, { key: 2 }, q(f.value, (a) => r(e.$slots, "default", {
+        key: a.valueHash,
+        checked: a.selected,
+        columns: a.columns,
+        disabled: a.disabled,
+        item: a.item,
+        select: () => w(a),
+        unselect: () => C(a),
+        value: a.value
+      })), 128)) : r(e.$slots, "no-data", {
+        key: 1,
+        loading: p.value
+      })
+    ], 64));
   }
 });
 export {
-  L as default
+  X as default
 };