@onereach/ui-components 2.70.0-beta.2102.0 → 2.70.0-beta.2121.0

package/dist/bundled/v3/OrRadio.vue_vue_type_script_lang-cc11200c.js

@@ -1,85 +0,0 @@
-import { defineComponent, inject, computed } from 'vue-demi';
-import _ from 'lodash';
-
-var script = defineComponent({
-  name: 'OrRadio',
-  inheritAttrs: false,
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: null,
-      default: null
-    },
-    value: {
-      type: null,
-      default: null,
-      required: true
-    },
-    label: {
-      type: String,
-      default: '',
-      required: false
-    },
-    isDisabled: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    isUncheckable: {
-      type: Boolean,
-      default: false,
-      required: false
-    }
-  },
-  emits: ['update:modelValue'],
-  setup(props, {
-    emit
-  }) {
-    const radioGroupInstance = inject('radioGroupInstance', null);
-    const hasInjection = computed(() => !!radioGroupInstance);
-    const modifiedIsDisabled = computed(() => {
-      return hasInjection.value ? (radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.props.isDisabled) || props.isDisabled : props.isDisabled;
-    });
-    const modifiedIsUncheckable = computed(() => {
-      return hasInjection.value ? (radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.props.isUncheckable) || props.isUncheckable : props.isUncheckable;
-    });
-    const isChecked = computed(() => {
-      var _a;
-      if (hasInjection.value) {
-        return _.isEqual(_.get(radioGroupInstance, ['props', 'modelValue'], null), props.value) || _.isEqual(_.get(radioGroupInstance, ['props', 'modelValue', 'value'], null), props.value);
-      }
-      return _.isEqual(props.modelValue, props.value) || _.isEqual((_a = props.modelValue) === null || _a === void 0 ? void 0 : _a.value, props.value);
-    });
-    function onClick() {
-      if (!modifiedIsUncheckable.value && isChecked.value || modifiedIsDisabled.value) return;
-      const emitValue = modifiedIsUncheckable.value && isChecked.value ? null : {
-        label: props.label,
-        value: props.value
-      };
-      hasInjection.value ? radioGroupInstance === null || radioGroupInstance === void 0 ? void 0 : radioGroupInstance.emit('update:modelValue', emitValue) : emit('update:modelValue', emitValue);
-    }
-    return {
-      modifiedIsDisabled,
-      modifiedIsUncheckable,
-      isChecked,
-      onClick
-    };
-  },
-  computed: {
-    rootClasses() {
-      return ['or-radio', {
-        'is-checked': this.isChecked,
-        'is-uncheckable': !this.modifiedIsUncheckable,
-        'is-disabled': this.modifiedIsDisabled
-      }, this.$attrs.class];
-    },
-    localAttrs() {
-      return _.omit(this.$attrs, 'class');
-    }
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrRadioGroup.vue_vue_type_script_lang-75b6c81b.js

@@ -1,47 +0,0 @@
-import { defineComponent, computed, provide, getCurrentInstance } from 'vue-demi';
-
-var script = defineComponent({
-  name: 'OrRadioGroup',
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: null,
-      default: null
-    },
-    isColumn: {
-      type: Boolean,
-      default: true,
-      required: false
-    },
-    isRow: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    isDisabled: {
-      type: Boolean,
-      default: false,
-      required: false
-    },
-    isUncheckable: {
-      type: Boolean,
-      default: false,
-      required: false
-    }
-  },
-  setup(props) {
-    const rootClasses = computed(() => ['or-radio-group', {
-      ['is-column']: props.isColumn,
-      ['is-row']: props.isRow
-    }]);
-    provide('radioGroupInstance', getCurrentInstance());
-    return {
-      rootClasses
-    };
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrSearch.vue_vue_type_script_lang-1323e41b.js

@@ -1,121 +0,0 @@
-import { defineComponent, ref } from 'vue-demi';
-import script$1 from './components/OrInput/OrInput.js';
-import { debouncedWatch } from '@vueuse/core';
-import './components/OrIconButtonV2/OrIconButtonV2.js';
-import { b as BUTTON_SIZE } from './constants-c5d1139f.js';
-import { s as script$2 } from './OrIconButton.vue_vue_type_script_lang-1d09db94.js';
-
-var script = defineComponent({
-  name: 'OrSearch',
-  components: {
-    OrInput: script$1,
-    OrIconButton: script$2
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: String,
-      default: '',
-      required: false
-    },
-    htmlId: {
-      type: String,
-      default: '',
-      required: false
-    },
-    placeholder: {
-      type: String,
-      default: '',
-      required: false
-    },
-    label: {
-      type: String,
-      default: '',
-      required: false
-    },
-    error: {
-      type: String,
-      default: '',
-      required: false
-    },
-    hint: {
-      type: String,
-      default: '',
-      required: false
-    },
-    debounce: {
-      type: Number,
-      default: 500,
-      required: false
-    },
-    isUsingTrim: {
-      type: Boolean,
-      default: true,
-      required: false
-    },
-    maxLength: {
-      type: Number,
-      default: undefined,
-      required: false
-    },
-    isSmall: Boolean,
-    isRequired: Boolean,
-    isDisabled: Boolean,
-    isReadonly: Boolean,
-    isInvalid: Boolean
-  },
-  emits: ['focus', 'blur', 'update:modelValue', 'input', 'search', 'clear', 'keypress', 'keyup', 'keydown'],
-  setup(props, {
-    emit
-  }) {
-    var _a;
-    const inputRef = ref();
-    const localValue = ref((_a = props.modelValue) !== null && _a !== void 0 ? _a : '');
-    debouncedWatch(localValue, () => {
-      emit('search', props.isUsingTrim ? localValue.value.trim() : localValue.value);
-    }, {
-      debounce: +props.debounce
-    });
-    return {
-      inputRef,
-      localValue
-    };
-  },
-  computed: {
-    hasValue() {
-      var _a;
-      return !!((_a = this.localValue) === null || _a === void 0 ? void 0 : _a.length);
-    },
-    currentButtonIcon() {
-      return this.hasValue ? 'close' : 'search';
-    },
-    size() {
-      return this.isSmall ? BUTTON_SIZE.SMALL : BUTTON_SIZE.DEFAULT;
-    }
-  },
-  watch: {
-    modelValue(val) {
-      if (this.localValue !== val) this.localValue = val;
-    }
-  },
-  methods: {
-    onClick() {
-      var _a;
-      if (this.hasValue) {
-        this.localValue = '';
-        this.$emit('update:modelValue', '');
-        this.$emit('clear');
-        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
-      }
-    },
-    onModelValueUpdate(value) {
-      this.localValue = value;
-      this.$emit('update:modelValue', value);
-    }
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrSearch.vue_vue_type_script_lang-dfb4c0a8.js

@@ -1,74 +0,0 @@
-import { defineComponent, ref, computed, watch } from 'vue-demi';
-import { debouncedWatch } from '@vueuse/core';
-import './components/OrInputV3/OrInputV3.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrInput.vue_vue_type_script_lang-e873ee13.js';
-import { I as InputBoxSize } from './OrInputBox.vue_vue_type_script_lang-d3b211c2.js';
-
-var script = defineComponent({
-  name: 'OrSearch',
-  components: {
-    OrInput: script$1
-  },
-  inheritAttrs: false,
-  props: {
-    size: {
-      type: String,
-      default: InputBoxSize.M
-    },
-    placeholder: {
-      type: String,
-      default: undefined
-    },
-    debounce: {
-      type: Number,
-      default: 500
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    disableDefaultStyles: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['search', 'input', 'keydown', 'keyup', 'focus', 'blur', 'clear'],
-  expose: ['root', 'focus', 'clear'],
-  setup(props, context) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-search', classAttribute.value]);
-    // State
-    const localModelValue = ref('');
-    // Events
-    debouncedWatch(localModelValue, () => context.emit('search', localModelValue.value), {
-      debounce: props.debounce
-    });
-    watch(localModelValue, (val, beforeVal) => {
-      if (val.length === 0 && beforeVal.length > 0) {
-        context.emit('clear');
-      }
-    });
-    // Methods
-    function focus() {
-      var _a;
-      (_a = root.value) === null || _a === void 0 ? void 0 : _a.focus(); // fixes error TS2349
-    }
-
-    function clear() {
-      localModelValue.value = '';
-    }
-    return {
-      root,
-      rootStyles,
-      localModelValue,
-      focus,
-      clear
-    };
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrSegmentedControl.vue_vue_type_script_lang-4ef23285.js

@@ -1,81 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import script$1 from './components/OrSegmentedControlItemV3/OrSegmentedControlItemV3.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-
-var SegmentedControlSize;
-(function (SegmentedControlSize) {
-  SegmentedControlSize["M"] = "m";
-  SegmentedControlSize["S"] = "s";
-})(SegmentedControlSize || (SegmentedControlSize = {}));
-
-const SegmentedControlRoot = [
-// Layout
-'grid', 'grid-flow-col', 'auto-cols-fr',
-// Shape
-'rounded-md',
-// Spacing
-'px-[2px]', 'py-[2px]',
-// Theme
-'theme-background-surface-variant', 'dark:theme-background-surface-variant-dark'];
-const SegmentedControlRootSizes = {
-  'm': [],
-  's': []
-};
-
-var script = defineComponent({
-  name: 'OrSegmentedControl',
-  components: {
-    OrSegmentedControlItem: script$1
-  },
-  inheritAttrs: false,
-  props: {
-    options: {
-      type: Array,
-      default: []
-    },
-    modelValue: {
-      type: String,
-      default: undefined
-    },
-    value: {
-      type: String,
-      default: undefined
-    },
-    size: {
-      type: String,
-      default: SegmentedControlSize.M
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ['update:modelValue', 'input'],
-  expose: ['root'],
-  setup(props, context) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-segmented-control', ...SegmentedControlRoot, ...SegmentedControlRootSizes[props.size], classAttribute.value]);
-    // State
-    const proxyModelValue = computed({
-      get: () => {
-        var _a;
-        return (_a = props.modelValue) !== null && _a !== void 0 ? _a : props.value; // TODO: Remove Vue 2 fallback
-      },
-
-      set: value => {
-        context.emit('input', value);
-        context.emit('update:modelValue', value);
-      }
-    });
-    return {
-      root,
-      rootStyles,
-      proxyModelValue
-    };
-  }
-});
-
-export { SegmentedControlSize as S, script as s };

package/dist/bundled/v3/OrSelect.vue_vue_type_script_lang-74ba7829.js

@@ -1,111 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import script$1 from './components/OrSelectMain/OrSelectMain.js';
-import { O as OR_SELECT_VALUE_PROP, a as OR_SELECT_OPTIONS_PROP, b as OR_SELECT_SEARCH_OPTIONS_PROP, c as OR_SELECT_PLACEHOLDER_PROP, C as COMMON_STRING_PROP, S as SEARCH_OPTIONS_FUNCTION_PROP, d as OR_SELECT_NO_RESULTS_TITLE_PROP, e as OR_SELECT_NO_RESULTS_START_TEXT_PROP, f as OR_SELECT_NO_RESULTS_END_TEXT_PROP, g as OR_SELECT_UPDATE_SEARCH_TEXT_PROP } from './constants-59507e57.js';
-import './components/OrLabel/OrLabel.js';
-import './components/OrError/OrError.js';
-import { s as script$2 } from './OrLabel.vue_vue_type_script_lang-95601b40.js';
-import { s as script$3 } from './OrError.vue_vue_type_script_lang-450321b8.js';
-
-var script = defineComponent({
-  name: 'OrSelect',
-  components: {
-    OrSelectMain: script$1,
-    OrLabel: script$2,
-    OrError: script$3
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    /** Values are displayed as is, when there are no matching options */
-    modelValue: OR_SELECT_VALUE_PROP,
-    /**
-     * Options visible by default, when search options are empty.
-     * In order to display labels for values, we need options that match them by ID.
-     */
-    options: OR_SELECT_OPTIONS_PROP,
-    /**
-     * User can override list of options visible in dropdown content,
-     * for example when displaying search results.
-     * Does't work when search function is provided.
-     */
-    searchOptions: OR_SELECT_SEARCH_OPTIONS_PROP,
-    placeholder: OR_SELECT_PLACEHOLDER_PROP,
-    label: COMMON_STRING_PROP,
-    error: COMMON_STRING_PROP,
-    /**
-     * Enables search textbox, but does nothing by default.
-     * User has either to listen to 'search-change' event, or provide search function.
-     */
-    useSearch: Boolean,
-    isMultiSelect: Boolean,
-    /** Ignored when search function is provided */
-    isLoading: Boolean,
-    isRequired: Boolean,
-    isDisabled: Boolean,
-    isInvalid: Boolean,
-    ignoreClickOutside: Boolean,
-    /**
-     * When search function is provided, make component self-managed,
-     * and ignore props like "searchOptions" and "isLoading".
-     */
-    searchFunction: SEARCH_OPTIONS_FUNCTION_PROP,
-    noResultsTitle: OR_SELECT_NO_RESULTS_TITLE_PROP,
-    noResultsStartText: OR_SELECT_NO_RESULTS_START_TEXT_PROP,
-    noResultsEndText: OR_SELECT_NO_RESULTS_END_TEXT_PROP,
-    updateSearchText: OR_SELECT_UPDATE_SEARCH_TEXT_PROP
-  },
-  emits: ['update:modelValue', 'open', 'close', 'search-change'],
-  data() {
-    return {
-      localIsLoading: null,
-      localContentOptions: null
-    };
-  },
-  computed: {
-    /**
-     * When component is self-managed - local options override everything else.
-     * Otherwise user can override options with a different list.
-     */
-    contentOptions() {
-      return this.localContentOptions || this.searchOptions || this.options;
-    },
-    isContentLoading() {
-      var _a;
-      return (_a = this.localIsLoading) !== null && _a !== void 0 ? _a : this.isLoading;
-    }
-  },
-  methods: {
-    async handleSearchChange(search) {
-      /* If component is managed by parent,
-         simply emit event and let parent provide search results. */
-      if (!this.searchFunction) {
-        this.$emit('search-change', search);
-        return;
-      }
-      /* Search function is applied to non-zero search values,
-         since original options are displayed by default. */
-      if (!search) {
-        this.localContentOptions = this.options;
-      }
-      const searchResult = this.searchFunction({
-        search
-      });
-      const searchResultPromise = searchResult;
-      /* Automatically manage loading state, when search function return promise */
-      if (!searchResultPromise.then) {
-        this.localContentOptions = searchResult;
-        return;
-      }
-      try {
-        this.localIsLoading = true;
-        this.localContentOptions = await searchResultPromise;
-      } finally {
-        this.localIsLoading = false;
-      }
-    }
-  }
-});
-
-export { script as s };