buefy 0.9.21 → 0.9.23

package/src/components/notification/Notification.vue

@@ -32,7 +32,8 @@
                 </div>
             </div>
             <b-progress
-                v-if="progressBar"
+                v-if="autoClose && progressBar"
+                class="auto-close-progress"
                 :value="remainingTime - 1"
                 :max="duration / 1000 - 1"
                 :type="type"
@@ -42,7 +43,7 @@
 </template>
 
 <script>
-import MessageMixin from '../../utils/MessageMixin.js'
+import MessageMixin from '../../utils/MessageMixin'
 
 export default {
     name: 'BNotification',

package/src/components/notification/NotificationNotice.vue

@@ -12,7 +12,7 @@
 
 <script>
 import config from '../../utils/config'
-import NoticeMixin from '../../utils/NoticeMixin.js'
+import NoticeMixin from '../../utils/NoticeMixin'
 import { removeElement } from '../../utils/helpers'
 
 export default {

package/src/components/notification/index.js

@@ -1,5 +1,5 @@
-import Notification from './Notification'
-import NotificationNotice from './NotificationNotice'
+import Notification from './Notification.vue'
+import NotificationNotice from './NotificationNotice.vue'
 
 import config, { VueInstance } from '../../utils/config'
 import { merge } from '../../utils/helpers'

package/src/components/numberinput/Numberinput.spec.js

@@ -92,6 +92,37 @@ describe('BNumberinput', () => {
             expect(wrapper.vm.computedValue).toBe(val)
         })
 
+        it('does not increment/decrement on long pressing when feature is disabled', async () => {
+            wrapper.setProps({
+                longPress: false
+            })
+            jest.useFakeTimers()
+            wrapper.vm.computedValue = 0
+
+            // Increment
+            wrapper.find('.control.plus button').trigger('mousedown')
+
+            // await wait(2000)
+            jest.runOnlyPendingTimers()
+            jest.runOnlyPendingTimers()
+            jest.runOnlyPendingTimers()
+
+            wrapper.find('.control.plus').trigger('mouseup')
+            expect(wrapper.vm.computedValue).toBe(0)
+
+            // Decrement
+            wrapper.find('.control.minus button').trigger('mousedown')
+
+            jest.runOnlyPendingTimers()
+            jest.runOnlyPendingTimers()
+
+            wrapper.find('.control.minus button').trigger('mouseup')
+            // Trigger it another time to check for unexpected browser behavior
+            wrapper.find('.control.minus button').trigger('mouseup')
+
+            expect(wrapper.vm.computedValue).toBe(0)
+        })
+
         it('increments/decrements after manually set value on input', async () => {
             wrapper.setProps({exponential: true, value: 1, step: 1})
             const BASE_VALUE = Math.floor(Math.random() * 10 + 1)

package/src/components/numberinput/Numberinput.vue

@@ -91,8 +91,8 @@
 </template>
 
 <script>
-import Icon from '../icon/Icon'
-import Input from '../input/Input'
+import Icon from '../icon/Icon.vue'
+import Input from '../input/Input.vue'
 import FormElementMixin from '../../utils/FormElementMixin'
 
 export default {
@@ -143,7 +143,11 @@ export default {
         controlsPosition: String,
         placeholder: [Number, String],
         ariaMinusLabel: String,
-        ariaPlusLabel: String
+        ariaPlusLabel: String,
+        longPress: {
+            type: Boolean,
+            default: true
+        }
     },
     data() {
         return {
@@ -301,6 +305,7 @@ export default {
             }, this.exponential ? (250 / (this.exponential * this.timesPressed++)) : 250)
         },
         onStartLongPress(event, inc) {
+            if (!this.longPress) return
             if (event.button !== 0 && event.type !== 'touchstart') return
             clearTimeout(this._$intervalRef)
             this.longPressTick(inc)

package/src/components/numberinput/index.js

@@ -1,4 +1,4 @@
-import Numberinput from './Numberinput'
+import Numberinput from './Numberinput.vue'
 
 import { use, registerComponent } from '../../utils/plugins'
 

package/src/components/pagination/Pagination.vue

@@ -108,8 +108,8 @@
 </template>
 
 <script>
-import PaginationButton from './PaginationButton'
-import Icon from '../icon/Icon'
+import PaginationButton from './PaginationButton.vue'
+import Icon from '../icon/Icon.vue'
 import config from '../../utils/config'
 import debounce from '../../utils/debounce'
 

package/src/components/pagination/index.js

@@ -1,5 +1,5 @@
-import Pagination from './Pagination'
-import PaginationButton from './PaginationButton'
+import Pagination from './Pagination.vue'
+import PaginationButton from './PaginationButton.vue'
 
 import { use, registerComponent } from '../../utils/plugins'
 

package/src/components/progress/index.js

@@ -1,5 +1,5 @@
-import Progress from './Progress'
-import ProgressBar from './ProgressBar'
+import Progress from './Progress.vue'
+import ProgressBar from './ProgressBar.vue'
 
 import { use, registerComponent } from '../../utils/plugins'
 

package/src/components/radio/Radio.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script>
-import CheckRadioMixin from '../../utils/CheckRadioMixin.js'
+import CheckRadioMixin from '../../utils/CheckRadioMixin'
 
 export default {
     name: 'BRadio',

package/src/components/radio/RadioButton.vue

@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import CheckRadioMixin from '../../utils/CheckRadioMixin.js'
+import CheckRadioMixin from '../../utils/CheckRadioMixin'
 
 export default {
     name: 'BRadioButton',

package/src/components/radio/index.js

@@ -1,5 +1,5 @@
-import Radio from './Radio'
-import RadioButton from './RadioButton'
+import Radio from './Radio.vue'
+import RadioButton from './RadioButton.vue'
 
 import { use, registerComponent } from '../../utils/plugins'
 

package/src/components/rate/Rate.vue

@@ -36,7 +36,7 @@
 
 <script>
 import config from '../../utils/config'
-import Icon from '../icon/Icon'
+import Icon from '../icon/Icon.vue'
 
 export default {
     name: 'BRate',

package/src/components/rate/index.js

@@ -1,4 +1,4 @@
-import Rate from './Rate'
+import Rate from './Rate.vue'
 
 import { use, registerComponent } from '../../utils/plugins'
 

package/src/components/select/Select.vue

@@ -38,7 +38,7 @@
 </template>
 
 <script>
-import Icon from '../icon/Icon'
+import Icon from '../icon/Icon.vue'
 import FormElementMixin from '../../utils/FormElementMixin'
 
 export default {

package/src/components/select/index.js

@@ -1,4 +1,4 @@
-import Select from './Select'
+import Select from './Select.vue'
 
 import { use, registerComponent } from '../../utils/plugins'
 

package/src/components/sidebar/Sidebar.vue

@@ -23,7 +23,7 @@
 
 <script>
 import config from '../../utils/config'
-import { removeElement, isCustomElement } from '../../utils/helpers'
+import { removeElement } from '../../utils/helpers'
 
 export default {
     name: 'BSidebar',
@@ -89,8 +89,7 @@ export default {
             transitionName: null,
             animating: true,
             savedScrollTop: null,
-            hasLeaved: false,
-            whiteList: []
+            hasLeaved: false
         }
     },
     computed: {
@@ -175,13 +174,10 @@ export default {
          * Close fixed sidebar if clicked outside.
          */
         clickedOutside(event) {
-            if (this.isFixed) {
-                if (this.isOpen && !this.animating) {
-                    const target = isCustomElement(this) ? event.composedPath()[0] : event.target
-                    if (this.whiteList.indexOf(target) < 0) {
-                        this.cancel('outside')
-                    }
-                }
+            if (!this.isFixed || !this.isOpen || this.animating) { return }
+
+            if (!event.composedPath().includes(this.$refs.sidebarContent)) {
+                this.cancel('outside')
             }
         },
 
@@ -283,21 +279,6 @@ export default {
         if (this.isFixed) {
             removeElement(this.$el)
         }
-    },
-    beforeUpdate() {
-        /**
-        * White-listed items to not close when clicked.
-        * Add sidebar content and all children.
-        */
-        this.whiteList = []
-        this.whiteList.push(this.$refs.sidebarContent)
-        // Add all chidren from sidebar
-        if (this.$refs.sidebarContent !== undefined) {
-            const children = this.$refs.sidebarContent.querySelectorAll('*')
-            for (const child of children) {
-                this.whiteList.push(child)
-            }
-        }
     }
 }
 </script>

package/src/components/sidebar/index.js

@@ -1,4 +1,4 @@
-import Sidebar from './Sidebar'
+import Sidebar from './Sidebar.vue'
 
 import { use, registerComponent } from '../../utils/plugins'
 

package/src/components/skeleton/index.js

@@ -1,4 +1,4 @@
-import Skeleton from './Skeleton'
+import Skeleton from './Skeleton.vue'
 
 import { use, registerComponent } from '../../utils/plugins'
 

package/src/components/slider/Slider.vue

@@ -60,8 +60,8 @@
 </template>
 
 <script>
-import SliderThumb from './SliderThumb'
-import SliderTick from './SliderTick'
+import SliderThumb from './SliderThumb.vue'
+import SliderTick from './SliderTick.vue'
 import config from '../../utils/config'
 import {bound} from '../../utils/helpers'
 

package/src/components/slider/SliderThumb.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script>
-import Tooltip from '../tooltip/Tooltip'
+import Tooltip from '../tooltip/Tooltip.vue'
 import config from '../../utils/config'
 
 export default {

package/src/components/slider/index.js

@@ -1,5 +1,5 @@
-import Slider from './Slider'
-import SliderTick from './SliderTick'
+import Slider from './Slider.vue'
+import SliderTick from './SliderTick.vue'
 
 import { use, registerComponent } from '../../utils/plugins'
 

package/src/components/snackbar/Snackbar.vue

@@ -34,7 +34,7 @@
 
 <script>
 import config from '../../utils/config'
-import NoticeMixin from '../../utils/NoticeMixin.js'
+import NoticeMixin from '../../utils/NoticeMixin'
 
 export default {
     name: 'BSnackbar',

package/src/components/snackbar/index.js

@@ -1,4 +1,4 @@
-import Snackbar from './Snackbar'
+import Snackbar from './Snackbar.vue'
 
 import config, { VueInstance } from '../../utils/config'
 import { merge } from '../../utils/helpers'

package/src/components/steps/StepItem.vue

@@ -1,5 +1,5 @@
 <script>
-import TabbedChildMixin from '../../utils/TabbedChildMixin.js'
+import TabbedChildMixin from '../../utils/TabbedChildMixin'
 
 export default {
     name: 'BStepItem',

package/src/components/steps/Steps.vue

@@ -68,9 +68,9 @@
 </template>
 
 <script>
-import Icon from '../icon/Icon'
+import Icon from '../icon/Icon.vue'
 
-import TabbedMixin from '../../utils/TabbedMixin.js'
+import TabbedMixin from '../../utils/TabbedMixin'
 import config from '../../utils/config'
 
 export default {

package/src/components/steps/index.js

@@ -1,5 +1,5 @@
-import Steps from './Steps'
-import StepItem from './StepItem'
+import Steps from './Steps.vue'
+import StepItem from './StepItem.vue'
 
 import { use, registerComponent } from '../../utils/plugins'
 

package/src/components/switch/index.js

@@ -1,4 +1,4 @@
-import Switch from './Switch'
+import Switch from './Switch.vue'
 
 import { use, registerComponent } from '../../utils/plugins'
 

package/src/components/table/Table.vue

@@ -63,12 +63,18 @@
                             :class="['checkbox-cell', { 'is-sticky': stickyCheckbox } ]"
                             v-if="checkable && checkboxPosition === 'left'">
                             <template v-if="headerCheckable">
-                                <b-checkbox
-                                    autocomplete="off"
-                                    :value="isAllChecked"
-                                    :type="checkboxType"
-                                    :disabled="isAllUncheckable"
-                                    @change.native="checkAll"/>
+                                <slot
+                                    name="check-all"
+                                    :isAllChecked="isAllChecked"
+                                    :isAllUncheckable="isAllUncheckable"
+                                    :checkAll="checkAll">
+                                    <b-checkbox
+                                        autocomplete="off"
+                                        :value="isAllChecked"
+                                        :type="checkboxType"
+                                        :disabled="isAllUncheckable"
+                                        @change.native="checkAll"/>
+                                </slot>
                             </template>
                         </th>
                         <th
@@ -146,12 +152,18 @@
                             :class="['checkbox-cell', { 'is-sticky': stickyCheckbox } ]"
                             v-if="checkable && checkboxPosition === 'right'">
                             <template v-if="headerCheckable">
-                                <b-checkbox
-                                    autocomplete="off"
-                                    :value="isAllChecked"
-                                    :type="checkboxType"
-                                    :disabled="isAllUncheckable"
-                                    @change.native="checkAll"/>
+                                <slot
+                                    name="check-all"
+                                    :isAllChecked="isAllChecked"
+                                    :isAllUncheckable="isAllUncheckable"
+                                    :checkAll="checkAll">
+                                    <b-checkbox
+                                        autocomplete="off"
+                                        :value="isAllChecked"
+                                        :type="checkboxType"
+                                        :disabled="isAllUncheckable"
+                                        @change.native="checkAll"/>
+                                </slot>
                             </template>
                         </th>
                     </tr>
@@ -387,14 +399,14 @@
 import { getValueByPath, indexOf, multiColumnSort, escapeRegExpChars, toCssWidth, removeDiacriticsFromString, isNil } from '../../utils/helpers'
 import debounce from '../../utils/debounce'
 import { VueInstance } from '../../utils/config'
-import Checkbox from '../checkbox/Checkbox'
-import Icon from '../icon/Icon'
-import Input from '../input/Input'
-import Loading from '../loading/Loading'
+import Checkbox from '../checkbox/Checkbox.vue'
+import Icon from '../icon/Icon.vue'
+import Input from '../input/Input.vue'
+import Loading from '../loading/Loading.vue'
 import SlotComponent from '../../utils/SlotComponent'
-import TableMobileSort from './TableMobileSort'
-import TableColumn from './TableColumn'
-import TablePagination from './TablePagination'
+import TableMobileSort from './TableMobileSort.vue'
+import TableColumn from './TableColumn.vue'
+import TablePagination from './TablePagination.vue'
 
 export default {
     name: 'BTable',