bootstrap-vue-wrapper 1.11.2 → 2.0.0

package/dist/components/bs-table/BsTable.vue.d.ts

@@ -0,0 +1,150 @@
+import { PropType } from 'vue';
+interface Field {
+    key: string;
+    label: string;
+    sort?: boolean;
+}
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Field list
+     */
+    fields: {
+        type: PropType<Field[]>;
+        required: true;
+    };
+    /**
+     * Item list
+     */
+    items: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    /**
+     * Items is loading
+     */
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Order by field name
+     */
+    orderBy: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Sort is descending or ascending
+     */
+    sortDesc: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * th element css lass
+     */
+    thClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * td element css class
+     */
+    tdClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}, unknown, unknown, {}, {
+    /**
+     * Is order by active by field?
+     *
+     * @param field
+     * @returns {boolean}
+     */
+    isActiveOrderBy(field: any): boolean;
+    /**
+     * Is field sortable?
+     *
+     * @param field
+     * @returns {boolean}
+     */
+    isSortableField(field: any): boolean;
+    /**
+     * Sort icon class.
+     *
+     * @returns {string}
+     */
+    getSortIconClass(): string;
+    /**
+     * Calcuate sort desc value on click
+     * Returns null if there is no sortDesc value.
+     */
+    calcSortDesc(field: any): boolean | null;
+    /**
+     * Is order by changed?
+     */
+    isOrderByChanged(field: any): boolean;
+    /**
+     * Table head clicked.
+     */
+    onHeadClick(field: any): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "orderChanged"[], "orderChanged", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Field list
+     */
+    fields: {
+        type: PropType<Field[]>;
+        required: true;
+    };
+    /**
+     * Item list
+     */
+    items: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    /**
+     * Items is loading
+     */
+    isLoading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Order by field name
+     */
+    orderBy: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Sort is descending or ascending
+     */
+    sortDesc: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    /**
+     * th element css lass
+     */
+    thClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * td element css class
+     */
+    tdClass: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & {
+    onOrderChanged?: ((...args: any[]) => any) | undefined;
+}, {
+    isLoading: boolean;
+    orderBy: string;
+    sortDesc: boolean;
+    thClass: string;
+    tdClass: string;
+}, {}>;
+export default _default;

package/dist/components/bs-textarea/BsTextarea.vue.d.ts

@@ -0,0 +1,106 @@
+import { Ref } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * Value for v-model
+     */
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    /**
+     * Html id
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Label for textarea
+     */
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Attribute hint
+     */
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Enable or disable validator
+     */
+    validatorEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    inputRef: Ref<HTMLInputElement | null>;
+    validator: {
+        onInvalid: (event: InputEvent) => void;
+        getInvalidMessage: () => string | null;
+        setCustomError: (data: string) => void;
+    };
+}, unknown, {}, {
+    /**
+     * Hint id is generated
+     */
+    getHintId(): string;
+    /**
+     * On input event
+     *
+     * @param event
+     */
+    onInput(event: InputEvent): void;
+    /**
+     * On invalid event
+     *
+     * @param event
+     */
+    onInvalid(event: InputEvent): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Value for v-model
+     */
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: null;
+    };
+    /**
+     * Html id
+     */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Label for textarea
+     */
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Attribute hint
+     */
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /**
+     * Enable or disable validator
+     */
+    validatorEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    modelValue: string | number;
+    hint: string;
+    validatorEnabled: boolean;
+}, {}>;
+export default _default;

package/dist/components/bs-toast/BsToast.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {
+    /**
+     * Trigger toast hide event.
+     */
+    hide(): void;
+    /**
+     * Hidden event.
+     */
+    onShown(): void;
+    /**
+     * Hidden event.
+     */
+    onHidden(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown")[], "hidden" | "shown", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onHidden?: ((...args: any[]) => any) | undefined;
+    onShown?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;

package/dist/components/validator/Validator.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+export declare function useValidator(inputRef: Ref<HTMLInputElement | null>): {
+    onInvalid: (event: InputEvent) => void;
+    getInvalidMessage: () => string | null;
+    setCustomError: (data: string) => void;
+};

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import BsBreadcrumb from './components/bs-breadcrumb/BsBreadcrumb.vue';
+import BsForm from './components/bs-form/BsForm.vue';
+import BsInput from './components/bs-input/BsInput.vue';
+import BsCheckbox from './components/bs-checkbox/BsCheckbox.vue';
+import BsTextarea from './components/bs-textarea/BsTextarea.vue';
+import BsPaginator from './components/bs-paginator/BsPaginator.vue';
+import BsTable from './components/bs-table/BsTable.vue';
+import BsToast from './components/bs-toast/BsToast.vue';
+import BsModal from './components/bs-modal/BsModal.vue';
+import BsSelect from './components/bs-select/BsSelect.vue';
+import BsRadio from './components/bs-radio/BsRadio.vue';
+import BsOffcanvas from './components/bs-offcanvas/BsOffcanvas.vue';
+export { BsBreadcrumb, BsForm, BsInput, BsCheckbox, BsTextarea, BsPaginator, BsTable, BsToast, BsModal, BsSelect, BsRadio, BsOffcanvas, };

package/dist/style.css

@@ -0,0 +1 @@
+.page-link[data-v-ff85ae67]{cursor:pointer}.page-item-first[data-v-ff85ae67],.page-item-last[data-v-ff85ae67],.page-item-number[data-v-ff85ae67]:not(.active){display:none}@media (min-width: 576px){.page-item-number[data-v-ff85ae67]:not(.active){display:block}}@media (min-width: 992px){.page-item-first[data-v-ff85ae67],.page-item-last[data-v-ff85ae67]{display:block}}.cursor-pointer[data-v-e8d4b4dc]{cursor:pointer}

package/package.json

@@ -1,32 +1,25 @@
 {
   "name": "bootstrap-vue-wrapper",
-  "version": "1.11.2",
-  "description": "Bootstrap 5 components in Vue3 warapper.",
-  "author": "Gabor Zemko <gaborzemko@gmail.com>",
-  "homepage": "https://github.com/zemkogabor/bootstrap-vue-wrapper",
-  "private": false,
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/zemkogabor/bootstrap-vue-wrapper"
-  },
-  "main": "src/index.js",
-  "dependencies": {
-    "bootstrap": "^5.1.0",
-    "vue": "^3.2.0",
-    "vue-router": "^4.0.0"
-  },
-  "devDependencies": {
-    "eslint": "^8.8.0",
-    "eslint-config-standard": "^16.0.3",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-vue": "^8.4.1"
+  "version": "2.0.0",
+  "description": "Bootstrap 5 components in Vue3 wrapper.",
+  "main": "./dist/bootstrap-vue-wrapper.umd.js",
+  "module": "./dist/bootstrap-vue-wrapper.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/bootstrap-vue-wrapper.mjs",
+      "require": "./dist/bootstrap-vue-wrapper.umd.js"
+    }
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "eslint": "eslint '{**/*,*}.{js,ts,jsx,tsx,vue}'",
-    "eslint:fix": "npm run eslint -- --fix"
+    "build": "vite build",
+    "dev": "vite",
+    "serve": "vite preview",
+    "eslint": "eslint '{**/*,*}.{js,ts,jsx,tsx,vue}' --cache",
+    "eslint:fix": "eslint '{**/*,*}.{js,ts,jsx,tsx,vue}' --fix"
   },
   "keywords": [
     "bootstrap",
@@ -36,5 +29,39 @@
     "bootstrap-vue",
     "bootstrap wrapper",
     "vuejs"
-  ]
+  ],
+  "author": "Gabor Zemko <gaborzemko@gmail.com>",
+  "peerDependencies": {
+    "@popperjs/core": "^2.0.0",
+    "bootstrap": "^5.1.0",
+    "bootstrap-icons": "^1.0.0",
+    "sass": "^1.70.0",
+    "vue": "^3.0.0",
+    "vue-i18n": "^9.0.0",
+    "vue-router": "^4.0.0"
+  },
+  "devDependencies": {
+    "@popperjs/core": "^2.11.8",
+    "@types/bootstrap": "^5.2.10",
+    "@types/node": "^20.11.7",
+    "@vitejs/plugin-vue": "^4.5.2",
+    "@vue/eslint-config-typescript": "^12.0.0",
+    "bootstrap": "^5.3.2",
+    "bootstrap-icons": "^1.11.3",
+    "eslint": "^8.56.0",
+    "eslint-config-standard": "^17.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-n": "^16.6.2",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-vue": "^9.20.1",
+    "sass": "^1.70.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.8",
+    "vite-plugin-dts": "^3.7.2",
+    "vue": "^3.3.11",
+    "vue-i18n": "^9.9.0",
+    "vue-router": "^4.2.5",
+    "vue-tsc": "^1.8.25"
+  }
 }

package/src/components/bs-breadcrumb/BsBreadcrumb.vue

@@ -1,45 +0,0 @@
-<template>
-  <nav aria-label="breadcrumb">
-    <ol class="breadcrumb">
-      <li
-        v-for="(item, index) in items"
-        :key="index"
-        class="breadcrumb-item"
-        :class="{ active: !isRouteAvailable(item)}"
-      >
-        <router-link
-          v-if="isRouteAvailable(item)"
-          :to="item.route"
-          v-text="item.title"
-        />
-        <span v-else v-text="item.title" />
-      </li>
-    </ol>
-  </nav>
-</template>
-
-<script>
-export default {
-  name: 'BsBreadcrumb',
-  props: {
-    /**
-     * List of breadcrumb items.
-     */
-    items: {
-      type: Array,
-      required: true,
-    },
-  },
-  methods: {
-    /**
-     * Is route available
-     *
-     * @param item
-     * @returns {boolean}
-     */
-    isRouteAvailable(item) {
-      return item.route
-    },
-  },
-}
-</script>

package/src/components/bs-checkbox/BsCheckbox.vue

@@ -1,148 +0,0 @@
-<template>
-  <div class="form-check" :class="classContainer">
-    <input
-      :id="id"
-      ref="inputRef"
-      :value="modelValue"
-      v-bind="$attrs"
-      type="checkbox"
-      class="form-check-input"
-      :checked="isChecked"
-      :aria-describedby="hint !== null ? getHintId() : null"
-      @input="onInput"
-      @invalid="onInvalid"
-    >
-    <label
-      v-if="label !== null"
-      :for="id"
-      class="form-check-label"
-      v-text="label"
-    />
-    <div
-      v-if="invalidMessage !== null && !hideValidationMessage"
-      class="invalid-feedback"
-      v-text="invalidMessage"
-    />
-    <div
-      v-if="hint !== null"
-      :id="getHintId()"
-      class="form-text"
-      v-text="hint"
-    />
-  </div>
-</template>
-
-<script>
-import validator from '../../mixins/validator.js'
-
-export default {
-  name: 'BsCheckbox',
-  mixins: [validator],
-  props: {
-    /**
-     * Value for checkbox if v-model is array.
-     */
-    value: {
-      type: String,
-      default: null,
-    },
-    /**
-     * Value for v-model
-     */
-    modelValue: {
-      type: [Array, Boolean],
-      default: null,
-    },
-    /**
-     * Html id
-     */
-    id: {
-      type: String,
-      required: true,
-    },
-    /**
-     * Label for input
-     */
-    label: {
-      type: String,
-      default: null,
-    },
-    /**
-     * Attribute hint
-     */
-    hint: {
-      type: String,
-      default: null,
-    },
-    /**
-     * True value
-     */
-    trueValue: {
-      type: Boolean,
-      default: true,
-    },
-    /**
-     * False value
-     */
-    falseValue: {
-      type: Boolean,
-      default: false,
-    },
-    /**
-     * Input container div class.
-     */
-    classContainer: {
-      type: String,
-      default: null,
-    },
-    /**
-     * If this is true the validation message does not appear.
-     */
-    hideValidationMessage: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  emits: ['update:modelValue'],
-  computed: {
-    /**
-     * Checkbox is checked or not.
-     */
-    isChecked() {
-      if (this.modelValue instanceof Array) {
-        return this.modelValue.includes(this.value)
-      }
-
-      return this.modelValue === this.trueValue
-    },
-  },
-  methods: {
-    /**
-     * Hint id is generated
-     */
-    getHintId() {
-      return this.id + 'Hint'
-    },
-    /**
-     * On input event
-     *
-     * @param event
-     */
-    onInput(event) {
-      const isChecked = event.target.checked
-
-      if (this.modelValue instanceof Array) {
-        const newValue = [...this.modelValue]
-        if (isChecked) {
-          newValue.push(this.value)
-        } else {
-          newValue.splice(newValue.indexOf(this.value), 1)
-        }
-        this.$emit('update:modelValue', newValue)
-      } else {
-        this.$emit('update:modelValue', isChecked ? this.trueValue : this.falseValue)
-      }
-    },
-  },
-}
-</script>

package/src/components/bs-form/BsForm.vue

@@ -1,37 +0,0 @@
-<template>
-  <form
-    class="needs-validation"
-    :class="{
-      'was-validated': submitClicked,
-    }"
-    novalidate
-    @submit="onSubmit"
-  >
-    <slot />
-  </form>
-</template>
-
-<script>
-export default {
-  name: 'BsForm',
-  emits: ['submit'],
-  data() {
-    return {
-      submitClicked: false,
-    }
-  },
-  methods: {
-    /**
-     * On submit event.
-     *
-     * @param event
-     */
-    onSubmit(event) {
-      event.preventDefault()
-      this.submitClicked = true
-
-      this.$emit('submit', event)
-    },
-  },
-}
-</script>