@rei/cedar 11.0.1 → 13.0.0-alpha.kurt-test

package/dist/lib/src/components/select/CdrSelect.mjs

@@ -1,255 +0,0 @@
-import _mergeJSXProps from '@vue/babel-helper-vue-jsx-merge-props';
-import 'core-js/modules/es.symbol.description.js';
-import clsx from 'clsx';
-import toArray from 'lodash-es/toArray';
-import validateProp from '../../utils/propValidator.mjs';
-import IconCaretDown from '../icon/comps/caret-down.mjs';
-import CdrLabelStandalone from '../labelStandalone/CdrLabelStandalone.mjs';
-import CdrFormError from '../formError/CdrFormError.mjs';
-import size from '../../mixins/size.mjs';
-import modules_b8df9d41 from './styles/CdrSelect.mjs';
-
-var CdrSelect = {
-  name: 'CdrSelect',
-  components: {
-    IconCaretDown,
-    CdrLabelStandalone,
-    CdrFormError
-  },
-  mixins: [size],
-  inheritAttrs: false,
-  model: {
-    prop: 'value',
-    event: 'change'
-  },
-  props: {
-    /**
-     * `id` for the select that is mapped to the label `for` attribute. If one is not provided, it will be generated.
-    */
-    id: String,
-
-    /**
-     * Label text. This is required for a11y even if hiding the label with `hideLabel`.
-    */
-    label: {
-      type: String,
-      required: true
-    },
-
-    /**
-     * Removes the label element but sets the select `aria-label` to `label` text for a11y.
-    */
-    hideLabel: Boolean,
-
-    /**
-     * Adds an option that is disabled and selected by default to serve as a `placeholder` for the select.
-    */
-    prompt: String,
-
-    /**
-     * Build options programatically with data. Array of objects [{ text: String, value: String}] to give greater control. Array of strings ['String'] for simpler setup (value and text will be the same).
-    */
-    options: {
-      type: Array
-    },
-    // Set which background type the select renders on
-    background: {
-      type: [String],
-      default: 'primary',
-      validator: value => validateProp(value, ['primary', 'secondary'])
-    },
-    // Set error styling
-    error: {
-      type: [Boolean, String],
-      default: false
-    },
-
-    /**
-    * Override the error message role, default is `status`.
-    */
-    errorRole: {
-      type: String,
-      required: false,
-      default: 'status'
-    },
-    value: {
-      type: [String, Number, Boolean, Object, Array, Symbol, Function]
-    },
-    disabled: Boolean,
-    required: Boolean,
-    optional: Boolean,
-    multiple: Boolean,
-    multipleSize: Number
-  },
-
-  data() {
-    return {
-      style: modules_b8df9d41
-    };
-  },
-
-  computed: {
-    // Use given id or generate one
-    selectId() {
-      return this.id ? this.id : this._uid; // eslint-disable-line no-underscore-dangle
-    },
-
-    baseClass() {
-      return 'cdr-select';
-    },
-
-    selectClass() {
-      return {
-        [this.style['cdr-select']]: true,
-        [this.style['cdr-select__prompt']]: !this.value,
-        [this.style['cdr-select--multiple']]: this.multiple,
-        [this.style["cdr-select--".concat(this.background)]]: true,
-        [this.style['cdr-select--error']]: this.error,
-        [this.style['cdr-select--preicon']]: this.$slots['pre-icon']
-      };
-    },
-
-    caretClass() {
-      return {
-        [this.style['cdr-select__caret']]: true,
-        [this.style['cdr-select__caret--disabled']]: this.disabled
-      };
-    },
-
-    describedby() {
-      return [this.$slots['helper-text'] ? "".concat(this.selectId, "-helper-text-top") : '', this.$attrs['aria-describedby']].filter(x => x).join(' ');
-    },
-
-    inputListeners() {
-      // https://vuejs.org/v2/guide/components-custom-events.html#Binding-Native-Events-to-Components
-      // handles conflict between v-model and v-on="$listeners"
-      const vm = this;
-      return { ...this.$listeners,
-
-        change(event) {
-          if (vm.multiple) {
-            const optArr = toArray(event.target.options);
-            const selected = optArr.filter(o => o.selected === true).map(o => o.value);
-            vm.$emit('change', selected, event);
-          } else {
-            vm.$emit('change', event.target.value, event);
-          }
-        }
-
-      };
-    },
-
-    selectEl() {
-      const h = this.$createElement;
-      return h("select", _mergeJSXProps([{
-        "on": {
-          "change": $event => {
-            const $$selectedVal = Array.prototype.filter.call($event.target.options, o => o.selected).map(o => "_value" in o ? o._value : o.value);
-            this.value = $event.target.multiple ? $$selectedVal : $$selectedVal[0];
-          },
-          ...this.inputListeners
-        },
-        "class": clsx(this.sizeClass, this.selectClass),
-        "attrs": {
-          "id": this.selectId,
-          "multiple": this.multiple,
-          "size": this.multipleSize,
-          "disabled": this.disabled,
-          "aria-required": this.required,
-          "aria-invalid": !!this.error,
-          "aria-errormessage": !!this.error && "".concat(this.selectId, "-error"),
-          ...this.$attrs,
-          "aria-describedby": this.describedby || false
-        },
-        "ref": "select"
-      }, {
-        directives: [{
-          name: "model",
-          value: this.value,
-          modifiers: {}
-        }]
-      }]), [this.prompt && h("option", {
-        "class": "cdr-select__prompt",
-        "attrs": {
-          "value": "",
-          "disabled": true
-        },
-        "ref": "prompt"
-      }, [this.prompt]), this.computedOpts.map(option => h("option", {
-        "key": option.text,
-        "domProps": {
-          "value": option.value
-        }
-      }, [option.text])), this.$slots.default]);
-    },
-
-    computedOpts() {
-      const optsArr = [];
-
-      if (this.options) {
-        this.options.forEach(o => {
-          const optObj = {};
-          let text = '';
-          let val = '';
-
-          if (typeof o === 'string') {
-            text = o;
-            val = o;
-          } else {
-            const {
-              text: t,
-              value: v
-            } = o;
-            text = t;
-            val = v;
-          }
-
-          optObj.text = text;
-          optObj.value = val;
-          optsArr.push(optObj);
-        });
-      }
-
-      return optsArr;
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("cdr-label-standalone", {
-      "attrs": {
-        "for-id": "".concat(this.selectId),
-        "label": this.label,
-        "hide-label": this.hideLabel,
-        "required": this.required,
-        "optional": this.optional,
-        "disabled": this.disabled
-      }
-    }, [this.$slots['helper-text'] && h("template", {
-      "slot": "helper"
-    }, [this.$slots['helper-text']]), this.$slots.info && h("template", {
-      "slot": "info"
-    }, [this.$slots.info]), this.$slots['info-action'] && h("template", {
-      "slot": "info-action"
-    }, [this.$slots['info-action']]), this.error && h("cdr-form-error", {
-      "attrs": {
-        "role": this.errorRole,
-        "error": this.error,
-        "id": "".concat(this.selectId, "-error")
-      },
-      "slot": "error"
-    }, [h("template", {
-      "slot": "error"
-    }, [this.$slots.error])]), h("div", {
-      "class": this.style['cdr-select-wrap']
-    }, [this.$slots['pre-icon'] && h("span", {
-      "class": this.style['cdr-select__pre-icon']
-    }, [this.$slots['pre-icon']]), this.selectEl, h("icon-caret-down", {
-      "class": this.caretClass
-    })])]);
-  }
-
-};
-
-export default CdrSelect;

package/dist/lib/src/components/select/styles/CdrSelect.mjs

@@ -1,3 +0,0 @@
-var modules_b8df9d41 = {"cdr-select":"cdr-select_11-0-1","cdr-select--primary":"cdr-select--primary_11-0-1","cdr-select--secondary":"cdr-select--secondary_11-0-1","cdr-select--error":"cdr-select--error_11-0-1","cdr-select--preicon":"cdr-select--preicon_11-0-1","cdr-select__prompt":"cdr-select__prompt_11-0-1","cdr-select__caret":"cdr-select__caret_11-0-1","cdr-select__caret--disabled":"cdr-select__caret--disabled_11-0-1","cdr-select__pre-icon":"cdr-select__pre-icon_11-0-1","cdr-select--multiple":"cdr-select--multiple_11-0-1","cdr-select--large@xs":"cdr-select--large@xs_11-0-1","cdr-select--large":"cdr-select--large_11-0-1","cdr-select--large@sm":"cdr-select--large@sm_11-0-1","cdr-select--large@md":"cdr-select--large@md_11-0-1","cdr-select--large@lg":"cdr-select--large@lg_11-0-1","cdr-select-wrap":"cdr-select-wrap_11-0-1"};
-
-export default modules_b8df9d41;

package/dist/lib/src/components/table/CdrTable.mjs

@@ -1,73 +0,0 @@
-import clsx from 'clsx';
-import modifier from '../../mixins/modifier.mjs';
-import size from '../../mixins/size.mjs';
-import modules_6c94c1d4 from './styles/CdrTable.mjs';
-
-var CdrTable = {
-  name: 'CdrTable',
-  mixins: [modifier, size],
-  props: {
-    striped: {
-      type: Boolean,
-      default: false
-    },
-    border: {
-      type: Boolean,
-      default: true
-    },
-    // can't use fullWidth mixin because its default is false :(
-    fullWidth: {
-      type: [Boolean, String],
-      default: true
-    },
-    responsive: {
-      type: Boolean,
-      default: true
-    },
-    hover: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  data() {
-    return {
-      style: modules_6c94c1d4,
-      baseClass: 'cdr-table'
-    };
-  },
-
-  computed: {
-    tableClasses() {
-      return {
-        [this.style[this.baseClass]]: true,
-        [this.sizeClass]: true,
-        [this.modifyClassName(this.baseClass, 'striped')]: this.striped,
-        [this.modifyClassName(this.baseClass, 'hover')]: this.hover,
-        [this.modifyClassName(this.baseClass, 'border')]: this.border && !this.striped,
-        [this.responsiveModifyClass(this.baseClass, 'full-width', this.fullWidth)]: this.fullWidth
-      };
-    },
-
-    wrapperClasses() {
-      return {
-        [this.modifyClassName(this.baseClass, 'responsive')]: this.responsive
-      };
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("div", {
-      "class": clsx(this.wrapperClasses)
-    }, [h("table", {
-      "class": clsx(this.tableClasses),
-      "attrs": { ...this.$attrs
-      }
-    }, [this.$slots.default])]);
-  }
-
-};
-
-export default CdrTable;

package/dist/lib/src/components/table/styles/CdrTable.mjs

@@ -1,3 +0,0 @@
-var modules_6c94c1d4 = {"cdr-table":"cdr-table_11-0-1","cdr-table--small":"cdr-table--small_11-0-1","cdr-table--medium":"cdr-table--medium_11-0-1","cdr-table--large":"cdr-table--large_11-0-1","cdr-table--striped":"cdr-table--striped_11-0-1","cdr-table--border":"cdr-table--border_11-0-1","cdr-table--full-width":"cdr-table--full-width_11-0-1","cdr-table--responsive":"cdr-table--responsive_11-0-1","cdr-table--hover":"cdr-table--hover_11-0-1","cdr-table--full-width@xs":"cdr-table--full-width@xs_11-0-1","cdr-table--full-width@sm":"cdr-table--full-width@sm_11-0-1","cdr-table--full-width@md":"cdr-table--full-width@md_11-0-1","cdr-table--full-width@lg":"cdr-table--full-width@lg_11-0-1"};
-
-export default modules_6c94c1d4;

package/dist/lib/src/components/tabs/CdrTabPanel.mjs

@@ -1,105 +0,0 @@
-import clsx from 'clsx';
-import modifier from '../../mixins/modifier.mjs';
-import modules_7f8cc96c from './styles/CdrTabPanel.mjs';
-
-var CdrTabPanel = {
-  name: 'CdrTabPanel',
-  mixins: [modifier],
-  props: {
-    /**
-     * Required string value that shows up on tab header
-     */
-    name: {
-      type: String,
-      required: true
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    ariaLabelledby: {
-      type: String,
-      required: true
-    },
-    id: {
-      type: String,
-      required: true
-    }
-  },
-
-  data() {
-    return {
-      active: false,
-      hidden: true,
-      offsetX: 0,
-      animationDirection: null,
-      style: modules_7f8cc96c
-    };
-  },
-
-  computed: {
-    baseClass() {
-      return 'cdr-tab-panel';
-    },
-
-    animationClass() {
-      return this.animationDirection ? modules_7f8cc96c["cdr-tab-panel-".concat(this.animationDirection)] : null;
-    }
-
-  },
-  methods: {
-    setActive(state) {
-      if (state) this.hidden = false;
-      this.active = state;
-      this.$emit('tab-change', state, this.id);
-    },
-
-    setAnimationDirection(direction) {
-      this.animationDirection = direction;
-    },
-
-    setOffsetX(x) {
-      this.offsetX = x;
-    },
-
-    handleUpArrowNav() {
-      this.$parent.setFocusToActiveTabHeader();
-    },
-
-    animationEnd(event) {
-      if (event.animationName.split('-')[0] === 'exit') {
-        this.hidden = true;
-        this.animationDirection = null;
-      }
-    }
-
-  },
-
-  render() {
-    const h = arguments[0];
-    return h("div", {
-      "attrs": {
-        "aria-hidden": !this.active,
-        "aria-labelledby": this.ariaLabelledby,
-        "hidden": this.hidden,
-        "id": this.id,
-        "tabindex": "0",
-        "role": "tabpanel"
-      },
-      "class": clsx(this.style[this.baseClass], this.modifierClass, this.animationClass),
-      "ref": "cdrTabPanelContainer",
-      "key": this.name,
-      "on": {
-        "keydown": $event => {
-          if (!("button" in $event) && this._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])) return null;
-          $event.preventDefault();
-          return this.handleUpArrowNav($event);
-        },
-        "animationend": this.animationEnd
-      }
-    }, [this.$slots.default]);
-  }
-
-};
-
-export default CdrTabPanel;