@gitlab/ui 132.0.2 → 132.0.3

package/dist/components/base/link/link.js

@@ -1,8 +1,8 @@
 import { isString, isObject, toString, isBoolean, concat, isFunction } from 'lodash-es';
 import { SafeLinkDirective, isExternalURL } from '../../../directives/safe_link/safe_link';
 import { stopEvent } from '../../../utils/utils';
+import { buildQueryString } from '../../../utils/url_utils';
 import { safeVueInstance, isVue3 } from '../../../utils/vue_utils';
-import { stringifyQueryObj } from '../../../vendor/bootstrap-vue/src/utils/router';
 import { linkVariantOptions, linkVariantUnstyled, linkVariantInline, linkVariantMeta } from '../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
@@ -175,7 +175,7 @@ var script = {
       // Fallback to `to.path' + `to.query` + `to.hash` prop (if `to` is an object)
       if (isObject(to) && (to.path || to.query || to.hash)) {
         const path = toString(to.path);
-        const query = stringifyQueryObj(to.query);
+        const query = buildQueryString(to.query);
         let hash = toString(to.hash);
         hash = !hash || hash.charAt(0) === '#' ? hash : `#${hash}`;
         return `${path}${query}${hash}` || fallback;

package/dist/utils/url_utils.js

@@ -0,0 +1,56 @@
+const RX_ENCODE_REVERSE = /[!'()*]/g;
+const RX_ENCODED_COMMA = /%2C/g;
+const encodeReserveReplacer = c => `%${c.charCodeAt(0).toString(16)}`;
+const encode = str => encodeURIComponent(String(str)).replace(RX_ENCODE_REVERSE, encodeReserveReplacer).replace(RX_ENCODED_COMMA, ',');
+
+/**
+ * Converts a query parameter object into a URL query string prefixed with `?`.
+ *
+ * Uses RFC 3986-compliant encoding which additionally escapes `[!'()*]` and preserves commas,
+ * unlike `URLSearchParams` which cannot represent key-only params (`?foo`) or skip `undefined` values.
+ *
+ * - `undefined` values are omitted entirely.
+ * - `null` values produce key-only entries (e.g., `?foo`).
+ * - Array values repeat the key for each element (e.g., `?bar=a&bar=b`).
+ *
+ * @param {Object<string, string | number | null | undefined | Array<string | number | null | undefined>>} obj
+ *   An object whose keys are query parameter names and values are parameter values.
+ * @returns {string} A query string prefixed with `?`, or an empty string if the input
+ *   is not a plain object or produces no parameters.
+ *
+ * @example
+ * buildQueryString({ page: 1, search: 'hello world' })
+ * // => '?page=1&search=hello%20world'
+ *
+ * @example
+ * buildQueryString({ foo: null, bar: undefined })
+ * // => '?foo'
+ */
+const buildQueryString = obj => {
+  if (obj === null || typeof obj !== 'object' || Array.isArray(obj)) {
+    return '';
+  }
+  const query = Object.keys(obj).map(key => {
+    const value = obj[key];
+    if (value === undefined) {
+      return '';
+    }
+    if (value === null) {
+      return encode(key);
+    }
+    if (Array.isArray(value)) {
+      return value.reduce((results, item) => {
+        if (item === null) {
+          results.push(encode(key));
+        } else if (item !== undefined) {
+          results.push(`${encode(key)}=${encode(item)}`);
+        }
+        return results;
+      }, []).join('&');
+    }
+    return `${encode(key)}=${encode(value)}`;
+  }).filter(x => x.length > 0).join('&');
+  return query ? `?${query}` : '';
+};
+
+export { buildQueryString };

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js

@@ -1,13 +1,16 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_DROPDOWN_DIVIDER } from '../../constants/components';
 import { PROP_TYPE_STRING } from '../../constants/props';
-import { makeProp } from '../../utils/props';
 import { omit } from '../../utils/object';
 
 // --- Props ---
 
 const props = {
-  tag: makeProp(PROP_TYPE_STRING, 'hr')
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'hr'
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js

@@ -1,16 +1,23 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_DROPDOWN_FORM } from '../../constants/components';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_ARRAY_OBJECT_STRING } from '../../constants/props';
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING } from '../../constants/props';
 import { sortKeys, omit } from '../../utils/object';
-import { makeProp } from '../../utils/props';
 import { props as props$1, BForm } from '../form/form';
 
 // --- Props ---
 
 const props = sortKeys({
   ...props$1,
-  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-  formClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING)
+  disabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  formClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  }
 });
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js

@@ -1,22 +1,45 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_DROPDOWN_GROUP } from '../../constants/components';
-import { PROP_TYPE_STRING, PROP_TYPE_ARRAY_OBJECT_STRING } from '../../constants/props';
+import { PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
 import { SLOT_NAME_HEADER, SLOT_NAME_DEFAULT } from '../../constants/slots';
 import { isTag } from '../../utils/dom';
 import { identity } from '../../utils/identity';
 import { hasNormalizedSlot, normalizeSlot } from '../../utils/normalize-slot';
 import { omit } from '../../utils/object';
-import { makeProp } from '../../utils/props';
 
 // --- Props ---
 
 const props = {
-  ariaDescribedby: makeProp(PROP_TYPE_STRING),
-  header: makeProp(PROP_TYPE_STRING),
-  headerClasses: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  headerTag: makeProp(PROP_TYPE_STRING, 'header'),
-  headerVariant: makeProp(PROP_TYPE_STRING),
-  id: makeProp(PROP_TYPE_STRING)
+  ariaDescribedby: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  header: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  headerClasses: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  headerTag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'header'
+  },
+  headerVariant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  id: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js

@@ -3,14 +3,25 @@ import { NAME_DROPDOWN_HEADER } from '../../constants/components';
 import { PROP_TYPE_STRING } from '../../constants/props';
 import { isTag } from '../../utils/dom';
 import { omit } from '../../utils/object';
-import { makeProp } from '../../utils/props';
 
 // --- Props ---
 
 const props = {
-  id: makeProp(PROP_TYPE_STRING),
-  tag: makeProp(PROP_TYPE_STRING, 'header'),
-  variant: makeProp(PROP_TYPE_STRING)
+  id: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'header'
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js

@@ -1,20 +1,43 @@
 import { extend } from '../../vue';
 import { NAME_DROPDOWN_ITEM_BUTTON } from '../../constants/components';
 import { EVENT_NAME_CLICK } from '../../constants/events';
-import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY_OBJECT_STRING } from '../../constants/props';
-import { makeProp } from '../../utils/props';
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_ARRAY, PROP_TYPE_OBJECT } from '../../constants/props';
 import { attrsMixin } from '../../mixins/attrs';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 
 // --- Props ---
 
 const props = {
-  active: makeProp(PROP_TYPE_BOOLEAN, false),
-  activeClass: makeProp(PROP_TYPE_STRING, 'active'),
-  buttonClass: makeProp(PROP_TYPE_ARRAY_OBJECT_STRING),
-  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-  variant: makeProp(PROP_TYPE_STRING),
-  role: makeProp(PROP_TYPE_STRING, 'menuitem')
+  active: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  activeClass: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'active'
+  },
+  buttonClass: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
+  disabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  variant: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  role: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'menuitem'
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/form/form-invalid-feedback.js

@@ -1,19 +1,46 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_FORM_INVALID_FEEDBACK } from '../../constants/components';
 import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { makeProp } from '../../utils/props';
 
 // --- Props ---
 
 const props = {
-  ariaLive: makeProp(PROP_TYPE_STRING),
-  forceShow: makeProp(PROP_TYPE_BOOLEAN, false),
-  id: makeProp(PROP_TYPE_STRING),
-  role: makeProp(PROP_TYPE_STRING),
+  ariaLive: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  forceShow: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  id: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  role: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
   // Tri-state prop: `true`, `false`, or `null`
-  state: makeProp(PROP_TYPE_BOOLEAN, null),
-  tag: makeProp(PROP_TYPE_STRING, 'div'),
-  tooltip: makeProp(PROP_TYPE_BOOLEAN, false)
+  state: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: null
+  },
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'div'
+  },
+  tooltip: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/form/form-valid-feedback.js

@@ -1,19 +1,46 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_FORM_VALID_FEEDBACK } from '../../constants/components';
 import { PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
-import { makeProp } from '../../utils/props';
 
 // --- Props ---
 
 const props = {
-  ariaLive: makeProp(PROP_TYPE_STRING),
-  forceShow: makeProp(PROP_TYPE_BOOLEAN, false),
-  id: makeProp(PROP_TYPE_STRING),
-  role: makeProp(PROP_TYPE_STRING),
+  ariaLive: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  forceShow: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  id: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  role: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
   // Tri-state prop: `true`, `false`, or `null`
-  state: makeProp(PROP_TYPE_BOOLEAN, null),
-  tag: makeProp(PROP_TYPE_STRING, 'div'),
-  tooltip: makeProp(PROP_TYPE_BOOLEAN, false)
+  state: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: null
+  },
+  tag: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'div'
+  },
+  tooltip: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js

@@ -4,7 +4,6 @@ import { PROP_TYPE_STRING } from '../../constants/props';
 import { SLOT_NAME_FIRST } from '../../constants/slots';
 import { htmlOrText } from '../../utils/html';
 import { sortKeys } from '../../utils/object';
-import { makeProp } from '../../utils/props';
 import { props as props$1, formOptionsMixin } from '../../mixins/form-options';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 import { BFormSelectOption } from './form-select-option';
@@ -13,7 +12,10 @@ import { BFormSelectOption } from './form-select-option';
 
 const props = sortKeys({
   ...props$1,
-  label: makeProp(PROP_TYPE_STRING, undefined, true) // Required
+  label: {
+    type: PROP_TYPE_STRING,
+    required: true
+  }
 });
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option.js

@@ -1,13 +1,19 @@
 import { extend, mergeData } from '../../vue';
 import { NAME_FORM_SELECT_OPTION } from '../../constants/components';
 import { PROP_TYPE_BOOLEAN, PROP_TYPE_ANY } from '../../constants/props';
-import { makeProp } from '../../utils/props';
 
 // --- Props ---
 
 const props = {
-  disabled: makeProp(PROP_TYPE_BOOLEAN, false),
-  value: makeProp(PROP_TYPE_ANY, undefined, true) // Required
+  disabled: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  value: {
+    type: PROP_TYPE_ANY,
+    required: true
+  }
 };
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/form-select/form-select.js

@@ -1,14 +1,13 @@
 import { extend } from '../../vue';
 import { NAME_FORM_SELECT } from '../../constants/components';
 import { EVENT_NAME_CHANGE } from '../../constants/events';
-import { PROP_TYPE_BOOLEAN_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_NUMBER } from '../../constants/props';
+import { PROP_TYPE_BOOLEAN, PROP_TYPE_STRING, PROP_TYPE_NUMBER } from '../../constants/props';
 import { SLOT_NAME_FIRST } from '../../constants/slots';
 import { from } from '../../utils/array';
 import { attemptFocus, attemptBlur } from '../../utils/dom';
 import { htmlOrText } from '../../utils/html';
 import { isArray } from '../../utils/inspect';
 import { sortKeys } from '../../utils/object';
-import { makeProp } from '../../utils/props';
 import { props as props$3, formControlMixin } from '../../mixins/form-control';
 import { props as props$4, formCustomMixin } from '../../mixins/form-custom';
 import { props as props$5, formSizeMixin } from '../../mixins/form-size';
@@ -29,11 +28,23 @@ const props = sortKeys({
   ...props$4,
   ...props$5,
   ...props$6,
-  ariaInvalid: makeProp(PROP_TYPE_BOOLEAN_STRING, false),
-  multiple: makeProp(PROP_TYPE_BOOLEAN, false),
+  ariaInvalid: {
+    type: [PROP_TYPE_BOOLEAN, PROP_TYPE_STRING],
+    required: false,
+    default: false
+  },
+  multiple: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Browsers default size to `0`, which shows 4 rows in most browsers in multiple mode
   // Size of `1` can bork out Firefox
-  selectSize: makeProp(PROP_TYPE_NUMBER, 0)
+  selectSize: {
+    type: PROP_TYPE_NUMBER,
+    required: false,
+    default: 0
+  }
 });
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/form-select/helpers/mixin-options.js

@@ -3,15 +3,22 @@ import { PROP_TYPE_STRING } from '../../../constants/props';
 import { get } from '../../../utils/get';
 import { isPlainObject, isNull, isUndefined } from '../../../utils/inspect';
 import { sortKeys } from '../../../utils/object';
-import { makeProp } from '../../../utils/props';
 import { props as props$1, formOptionsMixin } from '../../../mixins/form-options';
 
 // --- Props ---
 
 const props = sortKeys({
   ...props$1,
-  labelField: makeProp(PROP_TYPE_STRING, 'label'),
-  optionsField: makeProp(PROP_TYPE_STRING, 'options')
+  labelField: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'label'
+  },
+  optionsField: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'options'
+  }
 });
 
 // --- Mixin ---

package/dist/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.js

@@ -1,12 +1,11 @@
 import { extend } from '../../vue';
 import { NAME_FORM_TEXTAREA } from '../../constants/components';
-import { PROP_TYPE_NUMBER_STRING, PROP_TYPE_BOOLEAN, PROP_TYPE_STRING } from '../../constants/props';
+import { PROP_TYPE_NUMBER, PROP_TYPE_STRING, PROP_TYPE_BOOLEAN } from '../../constants/props';
 import { requestAF, isVisible, getCS, getStyle, setStyle } from '../../utils/dom';
 import { isNull } from '../../utils/inspect';
 import { mathMax, mathMin, mathCeil } from '../../utils/math';
 import { toInteger, toFloat } from '../../utils/number';
 import { sortKeys } from '../../utils/object';
-import { makeProp } from '../../utils/props';
 import { props as props$2, formControlMixin } from '../../mixins/form-control';
 import { formSelectionMixin } from '../../mixins/form-selection';
 import { props as props$3, formSizeMixin } from '../../mixins/form-size';
@@ -26,15 +25,35 @@ const props = sortKeys({
   ...props$3,
   ...props$4,
   ...props$5,
-  maxRows: makeProp(PROP_TYPE_NUMBER_STRING),
+  maxRows: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: undefined
+  },
   // When in auto resize mode, disable shrinking to content height
-  noAutoShrink: makeProp(PROP_TYPE_BOOLEAN, false),
+  noAutoShrink: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
   // Disable the resize handle of textarea
-  noResize: makeProp(PROP_TYPE_BOOLEAN, false),
-  rows: makeProp(PROP_TYPE_NUMBER_STRING, 2),
+  noResize: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  },
+  rows: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_STRING],
+    required: false,
+    default: 2
+  },
   // 'soft', 'hard' or 'off'
   // Browser default is 'soft'
-  wrap: makeProp(PROP_TYPE_STRING, 'soft')
+  wrap: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'soft'
+  }
 });
 
 // --- Main component ---

package/dist/vendor/bootstrap-vue/src/components/popover/popover.js

@@ -1,9 +1,8 @@
 import { extend } from '../../vue';
 import { NAME_POPOVER } from '../../constants/components';
 import { EVENT_NAME_CLICK } from '../../constants/events';
-import { PROP_TYPE_STRING, PROP_TYPE_NUMBER_OBJECT_STRING, PROP_TYPE_ARRAY_STRING } from '../../constants/props';
+import { PROP_TYPE_STRING, PROP_TYPE_NUMBER, PROP_TYPE_OBJECT, PROP_TYPE_ARRAY } from '../../constants/props';
 import { SLOT_NAME_TITLE } from '../../constants/slots';
-import { makeProp } from '../../utils/props';
 import { props as props$1, BTooltip } from '../tooltip/tooltip';
 import { BVPopover } from './helpers/bv-popover';
 import { sortKeys } from '../../utils/object';
@@ -12,13 +11,29 @@ import { sortKeys } from '../../utils/object';
 
 const props = sortKeys({
   ...props$1,
-  content: makeProp(PROP_TYPE_STRING),
-  delay: makeProp(PROP_TYPE_NUMBER_OBJECT_STRING, {
-    show: 50,
-    hide: 150
-  }),
-  placement: makeProp(PROP_TYPE_STRING, 'right'),
-  triggers: makeProp(PROP_TYPE_ARRAY_STRING, EVENT_NAME_CLICK)
+  content: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  delay: {
+    type: [PROP_TYPE_NUMBER, PROP_TYPE_OBJECT, PROP_TYPE_STRING],
+    required: false,
+    default: () => ({
+      show: 50,
+      hide: 150
+    })
+  },
+  placement: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: 'right'
+  },
+  triggers: {
+    type: [PROP_TYPE_ARRAY, PROP_TYPE_STRING],
+    required: false,
+    default: EVENT_NAME_CLICK
+  }
 });
 
 // --- Main component ---

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

@@ -4,7 +4,6 @@ import { PROP_TYPE_BOOLEAN } from '../../../constants/props';
 import { SLOT_NAME_TABLE_BUSY } from '../../../constants/slots';
 import { stopEvent } from '../../../utils/events';
 import { isFunction } from '../../../utils/inspect';
-import { makeProp } from '../../../utils/props';
 import { BTr } from '../tr';
 import { BTd } from '../td';
 
@@ -16,7 +15,11 @@ const MODEL_EVENT_NAME_BUSY = MODEL_EVENT_NAME_PREFIX + MODEL_PROP_NAME_BUSY;
 // --- Props ---
 
 const props = {
-  [MODEL_PROP_NAME_BUSY]: makeProp(PROP_TYPE_BOOLEAN, false)
+  [MODEL_PROP_NAME_BUSY]: {
+    type: PROP_TYPE_BOOLEAN,
+    required: false,
+    default: false
+  }
 };
 
 // --- Mixin ---

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

@@ -2,13 +2,20 @@ import { extend } from '../../../vue';
 import { PROP_TYPE_STRING } from '../../../constants/props';
 import { SLOT_NAME_TABLE_CAPTION } from '../../../constants/slots';
 import { htmlOrText } from '../../../utils/html';
-import { makeProp } from '../../../utils/props';
 
 // --- Props ---
 
 const props = {
-  caption: makeProp(PROP_TYPE_STRING),
-  captionHtml: makeProp(PROP_TYPE_STRING)
+  caption: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  },
+  captionHtml: {
+    type: PROP_TYPE_STRING,
+    required: false,
+    default: undefined
+  }
   // `caption-top` is part of table-render mixin (styling)
   // captionTop: makeProp(PROP_TYPE_BOOLEAN, false)
 };