@gitlab/ui 132.0.2 → 132.1.0

package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-sorting.js

@@ -1,14 +1,13 @@
 import { extend } from '../../../vue'
 import { EVENT_NAME_SORT_CHANGED, MODEL_EVENT_NAME_PREFIX } from '../../../constants/events'
 import {
-  PROP_TYPE_ARRAY_STRING,
+  PROP_TYPE_ARRAY,
   PROP_TYPE_BOOLEAN,
   PROP_TYPE_FUNCTION,
   PROP_TYPE_OBJECT,
   PROP_TYPE_STRING
 } from '../../../constants/props'
 import { isFunction, isUndefinedOrNull } from '../../../utils/inspect'
-import { makeProp } from '../../../utils/props'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { stableSort } from '../../../utils/stable-sort'
 import { trim } from '../../../utils/string'
@@ -30,36 +29,91 @@ const SORT_DIRECTIONS = [SORT_DIRECTION_ASC, SORT_DIRECTION_DESC, SORT_DIRECTION
 // --- Props ---
 
 export const props = {
-  labelSortAsc: makeProp(PROP_TYPE_STRING, 'Click to sort ascending'),
-  labelSortClear: makeProp(PROP_TYPE_STRING, 'Click to clear sorting'),
-  labelSortDesc: makeProp(PROP_TYPE_STRING, 'Click to sort descending'),
-  noFooterSorting: makeProp(PROP_TYPE_BOOLEAN, false),
-  noLocalSorting: makeProp(PROP_TYPE_BOOLEAN, false),
+  labelSortAsc: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Click to sort ascending'
+  },
+  labelSortClear: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Click to clear sorting'
+  },
+  labelSortDesc: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'Click to sort descending'
+  },
+  noFooterSorting: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noLocalSorting: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Another prop that should have had a better name
   // It should be `noSortClear` (on non-sortable headers)
   // We will need to make sure the documentation is clear on what
   // this prop does (as well as in the code for future reference)
-  noSortReset: makeProp(PROP_TYPE_BOOLEAN, false),
-  [MODEL_PROP_NAME_SORT_BY]: makeProp(PROP_TYPE_STRING),
-  sortCompare: makeProp(PROP_TYPE_FUNCTION),
+  noSortReset: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  [MODEL_PROP_NAME_SORT_BY]: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  sortCompare: {
+    type: PROP_TYPE_FUNCTION,
+    required: false,
+    default: undefined
+  },
   // String: locale code
   // Array: array of Locale strings
-  sortCompareLocale: makeProp(PROP_TYPE_ARRAY_STRING),
+  sortCompareLocale: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
   // Supported localCompare options, see `options` section of:
   // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/localeCompare
-  sortCompareOptions: makeProp(PROP_TYPE_OBJECT, { numeric: true }),
+  sortCompareOptions: {
+    type: PROP_TYPE_OBJECT,
+    required: false,
+    default: () => ({ numeric: true })
+  },
   // TODO: Make this tri-state: `true`, `false`, `null`
-  [MODEL_PROP_NAME_SORT_DESC]: makeProp(PROP_TYPE_BOOLEAN, false),
+  [MODEL_PROP_NAME_SORT_DESC]: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // This prop is named incorrectly
   // It should be `initialSortDirection` as it is a bit misleading
   // (not to mention it screws up the ARIA label on the headers)
-  sortDirection: makeProp(PROP_TYPE_STRING, SORT_DIRECTION_ASC, value => {
-    return SORT_DIRECTIONS.includes(value)
-  }),
+  sortDirection: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: SORT_DIRECTION_ASC,
+    validator: value => SORT_DIRECTIONS.includes(value)
+  },
   // Place the sorting icon on the left of the header cells
-  sortIconLeft: makeProp(PROP_TYPE_BOOLEAN, false),
+  sortIconLeft: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Sort null and undefined to appear last
-  sortNullLast: makeProp(PROP_TYPE_BOOLEAN, false)
+  sortNullLast: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  }
 }
 
 // --- Mixin ---

package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-stacked.js

@@ -1,11 +1,14 @@
 import { extend } from '../../../vue'
-import { PROP_TYPE_BOOLEAN_STRING } from '../../../constants/props'
-import { makeProp } from '../../../utils/props'
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../../constants/props'
 
 // --- Props ---
 
 export const props = {
-  stacked: makeProp(PROP_TYPE_BOOLEAN_STRING, false)
+  stacked: {
+    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    required: false,
+    default: false
+  }
 }
 
 // --- Mixin ---

package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-table-renderer.js

@@ -1,13 +1,12 @@
 import { extend } from '../../../vue'
 import {
-  PROP_TYPE_ARRAY_OBJECT_STRING,
+  PROP_TYPE_ARRAY,
   PROP_TYPE_BOOLEAN,
-  PROP_TYPE_BOOLEAN_STRING,
+  PROP_TYPE_OBJECT,
   PROP_TYPE_STRING
 } from '../../../constants/props'
 import { identity } from '../../../utils/identity'
 import { isBoolean } from '../../../utils/inspect'
-import { makeProp } from '../../../utils/props'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { toString } from '../../../utils/string'
 import { attrsMixin } from '../../../mixins/attrs'
@@ -18,21 +17,77 @@ import { attrsMixin } from '../../../mixins/attrs'
 // --- Props ---
 
 export const props = {
-  bordered: makeProp(PROP_TYPE_BOOLEAN, false),
-  borderless: makeProp(PROP_TYPE_BOOLEAN, false),
-  captionTop: makeProp(PROP_TYPE_BOOLEAN, false),
-  dark: makeProp(PROP_TYPE_BOOLEAN, false),
-  fixed: makeProp(PROP_TYPE_BOOLEAN, false),
-  hover: makeProp(PROP_TYPE_BOOLEAN, false),
-  noBorderCollapse: makeProp(PROP_TYPE_BOOLEAN, false),
-  outlined: makeProp(PROP_TYPE_BOOLEAN, false),
-  responsive: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-  small: makeProp(PROP_TYPE_BOOLEAN, false),
+  bordered: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  borderless: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  captionTop: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  dark: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  fixed: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  hover: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  noBorderCollapse: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  outlined: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  responsive: {
+    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    required: false,
+    default: false
+  },
+  small: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // If a string, it is assumed to be the table `max-height` value
-  stickyHeader: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-  striped: makeProp(PROP_TYPE_BOOLEAN, false),
-  tableClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  tableVariant: makeProp(PROP_TYPE_STRING)
+  stickyHeader: {
+    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    required: false,
+    default: false
+  },
+  striped: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  tableClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  tableVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 }
 
 // --- Mixin ---

package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody-row.js

@@ -5,15 +5,15 @@ import {
   EVENT_NAME_ROW_UNHOVERED
 } from '../../../constants/events'
 import {
-  PROP_TYPE_ARRAY_OBJECT_STRING,
+  PROP_TYPE_ARRAY,
   PROP_TYPE_FUNCTION,
-  PROP_TYPE_OBJECT_FUNCTION
+  PROP_TYPE_OBJECT,
+  PROP_TYPE_STRING
 } from '../../../constants/props'
 import { SLOT_NAME_ROW_DETAILS } from '../../../constants/slots'
 import { useParentMixin } from '../../../mixins/use-parent'
 import { get } from '../../../utils/get'
 import { isFunction, isString, isUndefinedOrNull } from '../../../utils/inspect'
-import { makeProp } from '../../../utils/props'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { toString } from '../../../utils/string'
 import { BTr } from '../tr'
@@ -24,9 +24,21 @@ import { FIELD_KEY_CELL_VARIANT, FIELD_KEY_ROW_VARIANT, FIELD_KEY_SHOW_DETAILS }
 // --- Props ---
 
 export const props = {
-  detailsTdClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  tbodyTrAttr: makeProp(PROP_TYPE_OBJECT_FUNCTION),
-  tbodyTrClass: makeProp([...PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_FUNCTION])
+  detailsTdClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  tbodyTrAttr: {
+    type: [PROP_TYPE_OBJECT, PROP_TYPE_FUNCTION],
+    required: false,
+    default: undefined
+  },
+  tbodyTrClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING, PROP_TYPE_FUNCTION],
+    required: false,
+    default: undefined
+  }
 }
 
 // --- Mixin ---

package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody.js

@@ -13,13 +13,13 @@ import {
   CODE_SPACE,
   CODE_UP
 } from '../../../constants/key-codes'
-import { PROP_TYPE_ARRAY_OBJECT_STRING } from '../../../constants/props'
+import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../../constants/props'
 import { from as arrayFrom } from '../../../utils/array'
 import { attemptFocus, closest, isActiveElement, isElement } from '../../../utils/dom'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { stopEvent } from '../../../utils/events'
 import { sortKeys } from '../../../utils/object'
-import { makeProp, pluckProps } from '../../../utils/props'
+import { pluckProps } from '../../../utils/props'
 import { BTbody, props as BTbodyProps } from '../tbody'
 import { filterEvent } from './filter-event'
 import { textSelectionActive } from './text-selection-active'
@@ -34,7 +34,11 @@ const getCellSlotName = value => `cell(${value || ''})`
 export const props = sortKeys({
   ...BTbodyProps,
   ...tbodyRowProps,
-  tbodyClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING)
+  tbodyClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  }
 })
 
 // --- Mixin ---

package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tfoot.js

@@ -1,24 +1,44 @@
 import { extend } from '../../../vue'
 import {
-  PROP_TYPE_ARRAY_OBJECT_STRING,
+  PROP_TYPE_ARRAY,
   PROP_TYPE_BOOLEAN,
+  PROP_TYPE_OBJECT,
   PROP_TYPE_STRING
 } from '../../../constants/props'
 import { SLOT_NAME_CUSTOM_FOOT } from '../../../constants/slots'
-import { makeProp } from '../../../utils/props'
 import { BTfoot } from '../tfoot'
 
 // --- Props ---
 
 export const props = {
-  footClone: makeProp(PROP_TYPE_BOOLEAN, false),
+  footClone: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Any Bootstrap theme variant (or custom)
   // Falls back to `headRowVariant`
-  footRowVariant: makeProp(PROP_TYPE_STRING),
+  footRowVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
   // 'dark', 'light', or `null` (or custom)
-  footVariant: makeProp(PROP_TYPE_STRING),
-  tfootClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  tfootTrClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING)
+  footVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  tfootClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  tfootTrClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  }
 }
 
 // --- Mixin ---

package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-thead.js

@@ -1,14 +1,13 @@
 import { extend } from '../../../vue'
 import { EVENT_NAME_HEAD_CLICKED } from '../../../constants/events'
 import { CODE_ENTER, CODE_SPACE } from '../../../constants/key-codes'
-import { PROP_TYPE_ARRAY_OBJECT_STRING, PROP_TYPE_STRING } from '../../../constants/props'
+import { PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../../constants/props'
 import { SLOT_NAME_THEAD_TOP } from '../../../constants/slots'
 import { stopEvent } from '../../../utils/events'
 import { htmlOrText } from '../../../utils/html'
 import { identity } from '../../../utils/identity'
 import { isUndefinedOrNull } from '../../../utils/inspect'
 import { noop } from '../../../utils/noop'
-import { makeProp } from '../../../utils/props'
 import { safeVueInstance } from '../../../utils/safe-vue-instance'
 import { startCase } from '../../../utils/string'
 import { BThead } from '../thead'
@@ -28,11 +27,27 @@ const getFootSlotName = value => `foot(${value || ''})`
 
 export const props = {
   // Any Bootstrap theme variant (or custom)
-  headRowVariant: makeProp(PROP_TYPE_STRING),
+  headRowVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
   // 'light', 'dark' or `null` (or custom)
-  headVariant: makeProp(PROP_TYPE_STRING),
-  theadClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  theadTrClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING)
+  headVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  theadClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  theadTrClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  }
 }
 
 // --- Mixin ---

package/src/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-popper.js

@@ -15,16 +15,11 @@ import {
   EVENT_NAME_SHOWN
 } from '../../../constants/events'
 import { onInstanceDestroy } from '../../../utils/on-instance-destroy'
-import {
-  PROP_TYPE_ARRAY_STRING,
-  PROP_TYPE_NUMBER_STRING,
-  PROP_TYPE_STRING
-} from '../../../constants/props'
+import { PROP_TYPE_ARRAY, PROP_TYPE_NUMBER, PROP_TYPE_STRING } from '../../../constants/props'
 import { HTMLElement, SVGElement } from '../../../constants/safe-types'
 import { useParentMixin } from '../../../mixins/use-parent'
 import { getCS, requestAF, select } from '../../../utils/dom'
 import { toFloat } from '../../../utils/number'
-import { makeProp } from '../../../utils/props'
 import { BVTransition } from '../../transition/bv-transition'
 
 // --- Constants ---
@@ -66,17 +61,45 @@ const OffsetMap = {
 export const props = {
   // The minimum distance (in `px`) from the edge of the
   // tooltip/popover that the arrow can be positioned
-  arrowPadding: makeProp(PROP_TYPE_NUMBER_STRING, 6),
+  arrowPadding: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: 6
+  },
   // 'scrollParent', 'viewport', 'window', or `Element`
-  boundary: makeProp([HTMLElement, PROP_TYPE_STRING], 'scrollParent'),
+  boundary: {
+    type: [HTMLElement, PROP_TYPE_STRING],
+    required: false,
+    default: 'scrollParent'
+  },
   // Tooltip/popover will try and stay away from
   // boundary edge by this many pixels
-  boundaryPadding: makeProp(PROP_TYPE_NUMBER_STRING, 5),
-  fallbackPlacement: makeProp(PROP_TYPE_ARRAY_STRING, 'flip'),
-  offset: makeProp(PROP_TYPE_NUMBER_STRING, 0),
-  placement: makeProp(PROP_TYPE_STRING, 'top'),
+  boundaryPadding: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: 5
+  },
+  fallbackPlacement: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
+    required: false,
+    default: 'flip'
+  },
+  offset: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: 0
+  },
+  placement: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'top'
+  },
   // Element that the tooltip/popover is positioned relative to
-  target: makeProp([HTMLElement, SVGElement])
+  target: {
+    type: [HTMLElement, SVGElement],
+    required: false,
+    default: undefined
+  }
 }
 
 // --- Main component ---

package/src/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip-template.js

@@ -8,7 +8,6 @@ import {
 } from '../../../constants/events'
 import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../../constants/props'
 import { isFunction } from '../../../utils/inspect'
-import { makeProp } from '../../../utils/props'
 import { scopedStyleMixin } from '../../../mixins/scoped-style'
 import { BVPopper } from './bv-popper'
 
@@ -16,9 +15,17 @@ import { BVPopper } from './bv-popper'
 
 export const props = {
   // Used only by the directive versions
-  html: makeProp(PROP_TYPE_BOOLEAN, false),
+  html: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Other non-reactive (while open) props are pulled in from BVPopper
-  id: makeProp(PROP_TYPE_STRING)
+  id: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 }
 
 // --- Main component ---

package/src/vendor/bootstrap-vue/src/components/transition/bv-transition.js

@@ -8,7 +8,6 @@ import { extend, mergeData } from '../../vue'
 import { NAME_TRANSITION } from '../../constants/components'
 import { PROP_TYPE_BOOLEAN, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../constants/props'
 import { isPlainObject } from '../../utils/inspect'
-import { makeProp } from '../../utils/props'
 
 // --- Constants ---
 
@@ -32,14 +31,30 @@ const FADE_PROPS = {
 
 export const props = {
   // Has no effect if `trans-props` provided
-  appear: makeProp(PROP_TYPE_BOOLEAN, false),
+  appear: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Can be overridden by user supplied `trans-props`
-  mode: makeProp(PROP_TYPE_STRING),
+  mode: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
   // Only applicable to the built in transition
   // Has no effect if `trans-props` provided
-  noFade: makeProp(PROP_TYPE_BOOLEAN, false),
+  noFade: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // For user supplied transitions (if needed)
-  transProps: makeProp(PROP_TYPE_OBJECT)
+  transProps: {
+    type: PROP_TYPE_OBJECT,
+    required: false,
+    default: undefined
+  }
 }
 
 const hasAnimateSupport = typeof Element !== 'undefined' && Boolean(Element.prototype.animate)

package/src/vendor/bootstrap-vue/src/components/transporter/transporter.js

@@ -2,8 +2,9 @@ import { isVue3, extend } from '../../vue'
 import { NAME_TRANSPORTER, NAME_TRANSPORTER_TARGET } from '../../constants/components'
 import { IS_BROWSER } from '../../constants/env'
 import {
-  PROP_TYPE_ARRAY_FUNCTION,
+  PROP_TYPE_ARRAY,
   PROP_TYPE_BOOLEAN,
+  PROP_TYPE_FUNCTION,
   PROP_TYPE_STRING
 } from '../../constants/props'
 import { HTMLElement } from '../../constants/safe-types'
@@ -12,7 +13,6 @@ import { removeNode, select } from '../../utils/dom'
 import { identity } from '../../utils/identity'
 import { isFunction, isString } from '../../utils/inspect'
 import { normalizeSlotMixin } from '../../mixins/normalize-slot'
-import { makeProp } from '../../utils/props'
 import { createNewChildComponent } from '../../utils/create-new-child-component'
 
 // --- Helper components ---
@@ -40,7 +40,11 @@ const BVTransporterTarget = /*#__PURE__*/ extend({
   props: {
     // Even though we only support a single root element,
     // VNodes are always passed as an array
-    nodes: makeProp(PROP_TYPE_ARRAY_FUNCTION)
+    nodes: {
+      type: [PROP_TYPE_ARRAY, PROP_TYPE_FUNCTION],
+      required: false,
+      default: undefined
+    }
   },
   data: vm => {
     return {
@@ -70,10 +74,22 @@ export const props = {
   // String: CSS selector,
   // HTMLElement: Element reference
   // Mainly needed for tooltips/popovers inside modals
-  container: makeProp([HTMLElement, PROP_TYPE_STRING], 'body'),
-  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
+  container: {
+    type: [HTMLElement, PROP_TYPE_STRING],
+    required: false,
+    default: 'body'
+  },
+  disabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // This should be set to match the root element type
-  tag: makeProp(PROP_TYPE_STRING, 'div')
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'div'
+  }
 }
 
 // --- Main component ---