@onereach/ui-components 8.17.2 → 8.17.3-beta.3893.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/dist/bundled/v2/components/OrSelectV3/OrSelect.js +12 -6
  2. package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts +2 -0
  3. package/dist/bundled/v2/components/OrSelectV3/types.d.ts +1 -0
  4. package/dist/bundled/v3/components/OrSelectV3/OrSelect.js +1 -1
  5. package/dist/bundled/v3/components/OrSelectV3/OrSelect.vue.d.ts +1 -0
  6. package/dist/bundled/v3/components/OrSelectV3/index.js +1 -1
  7. package/dist/bundled/v3/components/OrSelectV3/styles.js +1 -1
  8. package/dist/bundled/v3/components/OrSelectV3/types.d.ts +1 -0
  9. package/dist/bundled/v3/components/{OrSelectV3-e0de09af.js → OrSelectV3-f0101006.js} +15 -9
  10. package/dist/bundled/v3/components/index.js +1 -1
  11. package/dist/bundled/v3/index.js +1 -1
  12. package/dist/esm/v2/{OrSelect-4768c12b.js → OrSelect-d7f4fa93.js} +12 -6
  13. package/dist/esm/v2/components/index.js +1 -1
  14. package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +2 -0
  15. package/dist/esm/v2/components/or-select-v3/index.js +1 -1
  16. package/dist/esm/v2/components/or-select-v3/types.d.ts +1 -0
  17. package/dist/esm/v2/components/or-text-v3/OrText.vue.d.ts +2 -2
  18. package/dist/esm/v2/index.js +1 -1
  19. package/dist/esm/v3/{OrSelect-5a22c1da.js → OrSelect-b5506722.js} +15 -9
  20. package/dist/esm/v3/components/index.js +1 -1
  21. package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +1 -0
  22. package/dist/esm/v3/components/or-select-v3/index.js +1 -1
  23. package/dist/esm/v3/components/or-select-v3/types.d.ts +1 -0
  24. package/dist/esm/v3/index.js +1 -1
  25. package/package.json +2 -3
  26. package/src/components/or-select-v3/OrSelect.vue +6 -0
  27. package/src/components/or-select-v3/types.ts +2 -0
package/dist/bundled/v2/components/OrSelectV3/OrSelect.js CHANGED
@@ -1020,14 +1020,16 @@ var __vue_render__ = function () {
1020
1020
  return _c('OrMenuItem', {
1021
1021
  key: i,
1022
1022
  attrs: {
1023
- "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
1023
+ "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value),
1024
+ "disabled": option.disabled
1024
1025
  }
1025
1026
  }, [_vm._t("optionTemplate", function () {
1026
1027
  return [_c('OrCheckbox', {
1027
1028
  attrs: {
1028
1029
  "value": option.value,
1029
1030
  "label": option.label,
1030
- "label-variant": 'menu-item'
1031
+ "label-variant": 'menu-item',
1032
+ "disabled": option.disabled
1031
1033
  },
1032
1034
  model: {
1033
1035
  value: _vm.proxyModelValue,
@@ -1046,7 +1048,8 @@ var __vue_render__ = function () {
1046
1048
  key: i,
1047
1049
  class: _vm.dropdownItemStyles,
1048
1050
  attrs: {
1049
- "selected": _vm.proxyModelValue === option.value
1051
+ "selected": _vm.proxyModelValue === option.value,
1052
+ "disabled": option.disabled
1050
1053
  },
1051
1054
  on: {
1052
1055
  "click": function ($event) {
@@ -1065,7 +1068,8 @@ var __vue_render__ = function () {
1065
1068
  return _c('OrMenuItem', {
1066
1069
  key: i,
1067
1070
  attrs: {
1068
- "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
1071
+ "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value),
1072
+ "disabled": option.disabled
1069
1073
  },
1070
1074
  on: {
1071
1075
  "click": function ($event) {
@@ -1077,7 +1081,8 @@ var __vue_render__ = function () {
1077
1081
  attrs: {
1078
1082
  "model-value": _vm.proxyModelValue,
1079
1083
  "value": option.value,
1080
- "label-variant": 'menu-item'
1084
+ "label-variant": 'menu-item',
1085
+ "disabled": option.disabled
1081
1086
  }
1082
1087
  }, [_c('div', {
1083
1088
  on: {
@@ -1096,7 +1101,8 @@ var __vue_render__ = function () {
1096
1101
  key: i,
1097
1102
  class: _vm.dropdownItemStyles,
1098
1103
  attrs: {
1099
- "selected": _vm.proxyModelValue === option.value
1104
+ "selected": _vm.proxyModelValue === option.value,
1105
+ "disabled": option.disabled
1100
1106
  },
1101
1107
  on: {
1102
1108
  "click": function ($event) {
package/dist/bundled/v2/components/OrSelectV3/OrSelect.vue.d.ts CHANGED
@@ -44,6 +44,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
44
44
  internalSearchOptions: import("@vue/composition-api").Ref<{
45
45
  value: import("./types").RawValue;
46
46
  label: string;
47
+ disabled?: boolean | undefined;
47
48
  }[]>;
48
49
  resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
49
50
  groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
@@ -264,6 +265,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
264
265
  internalSearchOptions: import("@vue/composition-api").Ref<{
265
266
  value: import("./types").RawValue;
266
267
  label: string;
268
+ disabled?: boolean | undefined;
267
269
  }[]>;
268
270
  resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
269
271
  groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
package/dist/bundled/v2/components/OrSelectV3/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export interface SelectOption {
2
2
  value: RawValue;
3
3
  label: string;
4
+ disabled?: boolean;
4
5
  }
5
6
  export type RawValue = string | number | object;
6
7
  export interface SelectSearchFunction {
package/dist/bundled/v3/components/OrSelectV3/OrSelect.js CHANGED
@@ -1 +1 @@
1
- export { s as default } from '../OrSelectV3-e0de09af.js';
1
+ export { s as default } from '../OrSelectV3-f0101006.js';
package/dist/bundled/v3/components/OrSelectV3/OrSelect.vue.d.ts CHANGED
@@ -101,6 +101,7 @@ declare const _default: import("vue-demi").DefineComponent<{
101
101
  internalSearchOptions: import("vue-demi").Ref<{
102
102
  value: import("./types").RawValue;
103
103
  label: string;
104
+ disabled?: boolean | undefined;
104
105
  }[]>;
105
106
  resolvedSearchOptions: import("vue-demi").ComputedRef<SelectOption[]>;
106
107
  groupedOptions: import("vue-demi").ComputedRef<Record<string, SelectOption[]>>;
package/dist/bundled/v3/components/OrSelectV3/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { s as OrSelectV3 } from '../OrSelectV3-e0de09af.js';
1
+ export { s as OrSelectV3 } from '../OrSelectV3-f0101006.js';
2
2
  export { I as SelectSize } from '../OrInputBoxV3-ddd117f0.js';
package/dist/bundled/v3/components/OrSelectV3/styles.js CHANGED
@@ -1 +1 @@
1
- export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-e0de09af.js';
1
+ export { S as Select, a as SelectControl, c as SelectDropdown, d as SelectDropdownDefault, e as SelectDropdownFlipped, f as SelectDropdownItem, g as SelectNoSearchResults, b as SelectSearchControl } from '../OrSelectV3-f0101006.js';
package/dist/bundled/v3/components/OrSelectV3/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export interface SelectOption {
2
2
  value: RawValue;
3
3
  label: string;
4
+ disabled?: boolean;
4
5
  }
5
6
  export type RawValue = string | number | object;
6
7
  export interface SelectSearchFunction {
package/dist/bundled/v3/components/{OrSelectV3-e0de09af.js → OrSelectV3-f0101006.js} RENAMED
@@ -909,7 +909,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
909
909
  }, renderList(group, (option, i) => {
910
910
  return openBlock(), createBlock(_component_OrMenuItem, {
911
911
  key: i,
912
- selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value)
912
+ selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
913
+ disabled: option.disabled
913
914
  }, {
914
915
  default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
915
916
  model: _ctx.proxyModelValue,
@@ -919,10 +920,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
919
920
  "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.proxyModelValue = $event),
920
921
  value: option.value,
921
922
  label: option.label,
922
- "label-variant": 'menu-item'
923
- }, null, 8 /* PROPS */, ["modelValue", "value", "label"])])]),
923
+ "label-variant": 'menu-item',
924
+ disabled: option.disabled
925
+ }, null, 8 /* PROPS */, ["modelValue", "value", "label", "disabled"])])]),
924
926
  _: 2 /* DYNAMIC */
925
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected"]);
927
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled"]);
926
928
  }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
927
929
  key: 1
928
930
  }, renderList(group, (option, i) => {
@@ -930,6 +932,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
930
932
  key: i,
931
933
  class: normalizeClass(_ctx.dropdownItemStyles),
932
934
  selected: _ctx.proxyModelValue === option.value,
935
+ disabled: option.disabled,
933
936
  onClick: withModifiers($event => _ctx.toggleOption(option.value), ["stop"])
934
937
  }, {
935
938
  default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
@@ -938,7 +941,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
938
941
  }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
939
942
 
940
943
  _: 2 /* DYNAMIC */
941
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "onClick"]);
944
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "disabled", "onClick"]);
942
945
  }), 128 /* KEYED_FRAGMENT */))]),
943
946
 
944
947
  _: 2 /* DYNAMIC */
@@ -951,12 +954,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
951
954
  return openBlock(), createBlock(_component_OrMenuItem, {
952
955
  key: i,
953
956
  selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
957
+ disabled: option.disabled,
954
958
  onClick: withModifiers($event => _ctx.toggleOption(option.value), ["stop"])
955
959
  }, {
956
960
  default: withCtx(() => [createVNode(_component_OrCheckbox, {
957
961
  "model-value": _ctx.proxyModelValue,
958
962
  value: option.value,
959
- "label-variant": 'menu-item'
963
+ "label-variant": 'menu-item',
964
+ disabled: option.disabled
960
965
  }, {
961
966
  default: withCtx(() => [createElementVNode("div", {
962
967
  onClick: $event => _ctx.toggleOption(option.value)
@@ -965,9 +970,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
965
970
  option: option
966
971
  }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])], 8 /* PROPS */, _hoisted_3)]),
967
972
  _: 2 /* DYNAMIC */
968
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "value"])]),
973
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "value", "disabled"])]),
969
974
  _: 2 /* DYNAMIC */
970
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
975
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled", "onClick"]);
971
976
  }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
972
977
  key: 1
973
978
  }, renderList(_ctx.resolvedSearchOptions, (option, i) => {
@@ -975,6 +980,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
975
980
  key: i,
976
981
  class: normalizeClass(_ctx.dropdownItemStyles),
977
982
  selected: _ctx.proxyModelValue === option.value,
983
+ disabled: option.disabled,
978
984
  onClick: withModifiers($event => {
979
985
  _ctx.toggleOption(option.value);
980
986
  _ctx.close();
@@ -986,7 +992,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
986
992
  }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
987
993
 
988
994
  _: 2 /* DYNAMIC */
989
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "onClick"]);
995
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "disabled", "onClick"]);
990
996
  }), 128 /* KEYED_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", {
991
997
  key: 2,
992
998
  class: normalizeClass(_ctx.noSearchResultsStyles)
package/dist/bundled/v3/components/index.js CHANGED
@@ -85,7 +85,7 @@ export { default as OrSearch } from './OrSearch/OrSearch.js';
85
85
  export { OrSearchV3 } from './OrSearchV3/index.js';
86
86
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-56862f95.js';
87
87
  export { s as OrSelect } from './OrSelect-ab9e3084.js';
88
- export { s as OrSelectV3 } from './OrSelectV3-e0de09af.js';
88
+ export { s as OrSelectV3 } from './OrSelectV3-f0101006.js';
89
89
  export { OrSidebar, OrSidebarSide } from './OrSidebar/index.js';
90
90
  export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebarV3-682b0424.js';
91
91
  export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './OrSkeleton-6b7c940e.js';
package/dist/bundled/v3/index.js CHANGED
@@ -45,7 +45,7 @@ export { s as OrRatingV3 } from './components/OrRatingV3-b6b47938.js';
45
45
  export { F as Formats, s as OrRichTextEditorV3 } from './components/OrRichTextEditorV3-6d7b206f.js';
46
46
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-56862f95.js';
47
47
  export { s as OrSelect } from './components/OrSelect-ab9e3084.js';
48
- export { s as OrSelectV3 } from './components/OrSelectV3-e0de09af.js';
48
+ export { s as OrSelectV3 } from './components/OrSelectV3-f0101006.js';
49
49
  export { OrSidebar, OrSidebarSide } from './components/OrSidebar/index.js';
50
50
  export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './components/OrSidebarV3-682b0424.js';
51
51
  export { s as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from './components/OrSkeleton-6b7c940e.js';
package/dist/esm/v2/{OrSelect-4768c12b.js → OrSelect-d7f4fa93.js} RENAMED
@@ -537,14 +537,16 @@ var __vue_render__ = function () {
537
537
  return _c('OrMenuItem', {
538
538
  key: i,
539
539
  attrs: {
540
- "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
540
+ "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value),
541
+ "disabled": option.disabled
541
542
  }
542
543
  }, [_vm._t("optionTemplate", function () {
543
544
  return [_c('OrCheckbox', {
544
545
  attrs: {
545
546
  "value": option.value,
546
547
  "label": option.label,
547
- "label-variant": 'menu-item'
548
+ "label-variant": 'menu-item',
549
+ "disabled": option.disabled
548
550
  },
549
551
  model: {
550
552
  value: _vm.proxyModelValue,
@@ -563,7 +565,8 @@ var __vue_render__ = function () {
563
565
  key: i,
564
566
  class: _vm.dropdownItemStyles,
565
567
  attrs: {
566
- "selected": _vm.proxyModelValue === option.value
568
+ "selected": _vm.proxyModelValue === option.value,
569
+ "disabled": option.disabled
567
570
  },
568
571
  on: {
569
572
  "click": function ($event) {
@@ -582,7 +585,8 @@ var __vue_render__ = function () {
582
585
  return _c('OrMenuItem', {
583
586
  key: i,
584
587
  attrs: {
585
- "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value)
588
+ "selected": _vm.proxyModelValue && _vm.proxyModelValue.includes(option.value),
589
+ "disabled": option.disabled
586
590
  },
587
591
  on: {
588
592
  "click": function ($event) {
@@ -594,7 +598,8 @@ var __vue_render__ = function () {
594
598
  attrs: {
595
599
  "model-value": _vm.proxyModelValue,
596
600
  "value": option.value,
597
- "label-variant": 'menu-item'
601
+ "label-variant": 'menu-item',
602
+ "disabled": option.disabled
598
603
  }
599
604
  }, [_c('div', {
600
605
  on: {
@@ -613,7 +618,8 @@ var __vue_render__ = function () {
613
618
  key: i,
614
619
  class: _vm.dropdownItemStyles,
615
620
  attrs: {
616
- "selected": _vm.proxyModelValue === option.value
621
+ "selected": _vm.proxyModelValue === option.value,
622
+ "disabled": option.disabled
617
623
  },
618
624
  on: {
619
625
  "click": function ($event) {
package/dist/esm/v2/components/index.js CHANGED
@@ -102,7 +102,7 @@ export { _ as OrSearch } from '../OrSearch-ddf244e6.js';
102
102
  export { _ as OrSearchV3 } from '../OrSearch-2910207c.js';
103
103
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-00583234.js';
104
104
  export { _ as OrSelect } from '../OrSelect-d271f7a3.js';
105
- export { _ as OrSelectV3 } from '../OrSelect-4768c12b.js';
105
+ export { _ as OrSelectV3 } from '../OrSelect-d7f4fa93.js';
106
106
  export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-054b26c6.js';
107
107
  export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-e07d338e.js';
108
108
  export { _ as OrSkeletonCircle } from '../OrSkeletonCircle-c4bf0e34.js';
package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts CHANGED
@@ -44,6 +44,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
44
44
  internalSearchOptions: import("@vue/composition-api").Ref<{
45
45
  value: import("./types").RawValue;
46
46
  label: string;
47
+ disabled?: boolean | undefined;
47
48
  }[]>;
48
49
  resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
49
50
  groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
@@ -264,6 +265,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
264
265
  internalSearchOptions: import("@vue/composition-api").Ref<{
265
266
  value: import("./types").RawValue;
266
267
  label: string;
268
+ disabled?: boolean | undefined;
267
269
  }[]>;
268
270
  resolvedSearchOptions: import("@vue/composition-api").ComputedRef<SelectOption[]>;
269
271
  groupedOptions: import("@vue/composition-api").ComputedRef<Record<string, SelectOption[]>>;
package/dist/esm/v2/components/or-select-v3/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { _ as OrSelectV3 } from '../../OrSelect-4768c12b.js';
1
+ export { _ as OrSelectV3 } from '../../OrSelect-d7f4fa93.js';
2
2
  export { I as SelectSize } from '../../OrInputBox.vue_rollup-plugin-vue_script-65ebcf4d.js';
3
3
  import 'vue-demi';
4
4
  import '../../dropdown-open-06d651cf.js';
package/dist/esm/v2/components/or-select-v3/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export interface SelectOption {
2
2
  value: RawValue;
3
3
  label: string;
4
+ disabled?: boolean;
4
5
  }
5
6
  export type RawValue = string | number | object;
6
7
  export interface SelectSearchFunction {
package/dist/esm/v2/components/or-text-v3/OrText.vue.d.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  * Ellipsis can be placed in the end or in the middle of the text. Convenient for displaying long labels,
4
4
  * that have same beginning and differ in the ending part.
5
5
  */
6
- declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
6
+ declare const _default: import("vue2").ComponentOptions<import("vue2").default, import("@vue/composition-api").ShallowUnwrapRef<{
7
7
  root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
8
8
  rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
9
9
  mainTextStyles: import("@vue/composition-api").ComputedRef<string[]>;
@@ -48,7 +48,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
48
48
  type: NumberConstructor;
49
49
  default: number;
50
50
  };
51
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
51
+ }>> & Omit<import("vue2").VueConstructor<import("vue2").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
52
52
  text: string;
53
53
  sliceIndex: number;
54
54
  } & {}, import("@vue/composition-api").ShallowUnwrapRef<{
package/dist/esm/v2/index.js CHANGED
@@ -102,7 +102,7 @@ export { _ as OrSearch } from './OrSearch-ddf244e6.js';
102
102
  export { _ as OrSearchV3 } from './OrSearch-2910207c.js';
103
103
  export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-00583234.js';
104
104
  export { _ as OrSelect } from './OrSelect-d271f7a3.js';
105
- export { _ as OrSelectV3 } from './OrSelect-4768c12b.js';
105
+ export { _ as OrSelectV3 } from './OrSelect-d7f4fa93.js';
106
106
  export { _ as OrSidebar, O as OrSidebarSide } from './OrSidebar-054b26c6.js';
107
107
  export { S as OrSidebarPlacement, _ as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-e07d338e.js';
108
108
  export { _ as OrSkeletonCircle } from './OrSkeletonCircle-c4bf0e34.js';
package/dist/esm/v3/{OrSelect-5a22c1da.js → OrSelect-b5506722.js} RENAMED
@@ -503,7 +503,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
503
503
  }, renderList(group, (option, i) => {
504
504
  return openBlock(), createBlock(_component_OrMenuItem, {
505
505
  key: i,
506
- selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value)
506
+ selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
507
+ disabled: option.disabled
507
508
  }, {
508
509
  default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
509
510
  model: _ctx.proxyModelValue,
@@ -513,10 +514,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
513
514
  "onUpdate:modelValue": _cache[6] || (_cache[6] = $event => _ctx.proxyModelValue = $event),
514
515
  value: option.value,
515
516
  label: option.label,
516
- "label-variant": 'menu-item'
517
- }, null, 8 /* PROPS */, ["modelValue", "value", "label"])])]),
517
+ "label-variant": 'menu-item',
518
+ disabled: option.disabled
519
+ }, null, 8 /* PROPS */, ["modelValue", "value", "label", "disabled"])])]),
518
520
  _: 2 /* DYNAMIC */
519
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected"]);
521
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled"]);
520
522
  }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
521
523
  key: 1
522
524
  }, renderList(group, (option, i) => {
@@ -524,6 +526,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
524
526
  key: i,
525
527
  class: normalizeClass(_ctx.dropdownItemStyles),
526
528
  selected: _ctx.proxyModelValue === option.value,
529
+ disabled: option.disabled,
527
530
  onClick: withModifiers($event => _ctx.toggleOption(option.value), ["stop"])
528
531
  }, {
529
532
  default: withCtx(() => [renderSlot(_ctx.$slots, "optionTemplate", {
@@ -532,7 +535,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
532
535
  }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
533
536
 
534
537
  _: 2 /* DYNAMIC */
535
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "onClick"]);
538
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "disabled", "onClick"]);
536
539
  }), 128 /* KEYED_FRAGMENT */))]),
537
540
 
538
541
  _: 2 /* DYNAMIC */
@@ -545,12 +548,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
545
548
  return openBlock(), createBlock(_component_OrMenuItem, {
546
549
  key: i,
547
550
  selected: _ctx.proxyModelValue && _ctx.proxyModelValue.includes(option.value),
551
+ disabled: option.disabled,
548
552
  onClick: withModifiers($event => _ctx.toggleOption(option.value), ["stop"])
549
553
  }, {
550
554
  default: withCtx(() => [createVNode(_component_OrCheckbox, {
551
555
  "model-value": _ctx.proxyModelValue,
552
556
  value: option.value,
553
- "label-variant": 'menu-item'
557
+ "label-variant": 'menu-item',
558
+ disabled: option.disabled
554
559
  }, {
555
560
  default: withCtx(() => [createElementVNode("div", {
556
561
  onClick: $event => _ctx.toggleOption(option.value)
@@ -559,9 +564,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
559
564
  option: option
560
565
  }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])], 8 /* PROPS */, _hoisted_3)]),
561
566
  _: 2 /* DYNAMIC */
562
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "value"])]),
567
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["model-value", "value", "disabled"])]),
563
568
  _: 2 /* DYNAMIC */
564
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "onClick"]);
569
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["selected", "disabled", "onClick"]);
565
570
  }), 128 /* KEYED_FRAGMENT */)) : (openBlock(true), createElementBlock(Fragment, {
566
571
  key: 1
567
572
  }, renderList(_ctx.resolvedSearchOptions, (option, i) => {
@@ -569,6 +574,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
569
574
  key: i,
570
575
  class: normalizeClass(_ctx.dropdownItemStyles),
571
576
  selected: _ctx.proxyModelValue === option.value,
577
+ disabled: option.disabled,
572
578
  onClick: withModifiers($event => {
573
579
  _ctx.toggleOption(option.value);
574
580
  _ctx.close();
@@ -580,7 +586,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
580
586
  }, () => [createTextVNode(toDisplayString(option.label), 1 /* TEXT */)])]),
581
587
 
582
588
  _: 2 /* DYNAMIC */
583
- }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "onClick"]);
589
+ }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "selected", "disabled", "onClick"]);
584
590
  }), 128 /* KEYED_FRAGMENT */))], 64 /* STABLE_FRAGMENT */))], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", {
585
591
  key: 2,
586
592
  class: normalizeClass(_ctx.noSearchResultsStyles)
package/dist/esm/v3/components/index.js CHANGED
@@ -98,7 +98,7 @@ export { s as OrSearch } from '../OrSearch-aa57d4e8.js';
98
98
  export { s as OrSearchV3 } from '../OrSearch-fccacdba.js';
99
99
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-adbf7f4e.js';
100
100
  export { s as OrSelect } from '../OrSelect-a366e668.js';
101
- export { s as OrSelectV3 } from '../OrSelect-5a22c1da.js';
101
+ export { s as OrSelectV3 } from '../OrSelect-b5506722.js';
102
102
  export { s as OrSidebar, O as OrSidebarSide } from '../OrSidebar-4ab42b93.js';
103
103
  export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from '../OrSidebar-62009372.js';
104
104
  export { s as OrSkeletonCircle } from '../OrSkeletonCircle-66e175a0.js';
package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts CHANGED
@@ -101,6 +101,7 @@ declare const _default: import("vue-demi").DefineComponent<{
101
101
  internalSearchOptions: import("vue-demi").Ref<{
102
102
  value: import("./types").RawValue;
103
103
  label: string;
104
+ disabled?: boolean | undefined;
104
105
  }[]>;
105
106
  resolvedSearchOptions: import("vue-demi").ComputedRef<SelectOption[]>;
106
107
  groupedOptions: import("vue-demi").ComputedRef<Record<string, SelectOption[]>>;
package/dist/esm/v3/components/or-select-v3/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export { s as OrSelectV3 } from '../../OrSelect-5a22c1da.js';
1
+ export { s as OrSelectV3 } from '../../OrSelect-b5506722.js';
2
2
  export { I as SelectSize } from '../../OrInputBox-8c1a29dd.js';
3
3
  import 'vue-demi';
4
4
  import '../../dropdown-open-06d651cf.js';
package/dist/esm/v3/components/or-select-v3/types.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export interface SelectOption {
2
2
  value: RawValue;
3
3
  label: string;
4
+ disabled?: boolean;
4
5
  }
5
6
  export type RawValue = string | number | object;
6
7
  export interface SelectSearchFunction {
package/dist/esm/v3/index.js CHANGED
@@ -98,7 +98,7 @@ export { s as OrSearch } from './OrSearch-aa57d4e8.js';
98
98
  export { s as OrSearchV3 } from './OrSearch-fccacdba.js';
99
99
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-adbf7f4e.js';
100
100
  export { s as OrSelect } from './OrSelect-a366e668.js';
101
- export { s as OrSelectV3 } from './OrSelect-5a22c1da.js';
101
+ export { s as OrSelectV3 } from './OrSelect-b5506722.js';
102
102
  export { s as OrSidebar, O as OrSidebarSide } from './OrSidebar-4ab42b93.js';
103
103
  export { S as OrSidebarPlacement, s as OrSidebarV3, S as SidebarPlacement } from './OrSidebar-62009372.js';
104
104
  export { s as OrSkeletonCircle } from './OrSkeletonCircle-66e175a0.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "8.17.2",
3
+ "version": "8.17.3-beta.3893.0",
4
4
  "npmUnpacked": "4.15.2",
5
5
  "description": "Vue components library for v2/3",
6
6
  "sideEffects": false,
@@ -176,6 +176,5 @@
176
176
  "default": "./dist/bundled/v3/components/*/index.js"
177
177
  },
178
178
  "./package.json": "./package.json"
179
- },
180
- "gitHead": "94aca12364b885966643237850771858ce599851"
179
+ }
181
180
  }
package/src/components/or-select-v3/OrSelect.vue CHANGED
@@ -122,6 +122,7 @@
122
122
  v-for="(option, i) in group"
123
123
  :key="i"
124
124
  :selected="proxyModelValue && proxyModelValue.includes(option.value)"
125
+ :disabled="option.disabled"
125
126
  >
126
127
  <slot
127
128
  name="optionTemplate"
@@ -133,6 +134,7 @@
133
134
  :value="option.value"
134
135
  :label="option.label"
135
136
  :label-variant="'menu-item'"
137
+ :disabled="option.disabled"
136
138
  />
137
139
  </slot>
138
140
  </OrMenuItem>
@@ -144,6 +146,7 @@
144
146
  :key="i"
145
147
  :class="dropdownItemStyles"
146
148
  :selected="proxyModelValue === option.value"
149
+ :disabled="option.disabled"
147
150
  @click.stop="toggleOption(option.value)"
148
151
  >
149
152
  <slot
@@ -164,12 +167,14 @@
164
167
  v-for="(option, i) in resolvedSearchOptions"
165
168
  :key="i"
166
169
  :selected="proxyModelValue && proxyModelValue.includes(option.value)"
170
+ :disabled="option.disabled"
167
171
  @click.stop="toggleOption(option.value)"
168
172
  >
169
173
  <OrCheckbox
170
174
  :model-value="proxyModelValue"
171
175
  :value="option.value"
172
176
  :label-variant="'menu-item'"
177
+ :disabled="option.disabled"
173
178
  >
174
179
  <div @click="toggleOption(option.value)">
175
180
  <slot
@@ -190,6 +195,7 @@
190
195
  :key="i"
191
196
  :class="dropdownItemStyles"
192
197
  :selected="proxyModelValue === option.value"
198
+ :disabled="option.disabled"
193
199
  @click.stop="toggleOption(option.value); close()"
194
200
  >
195
201
  <slot
package/src/components/or-select-v3/types.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  export interface SelectOption {
2
2
  value: RawValue;
3
3
  label: string;
4
+
5
+ disabled?: boolean;
4
6
  }
5
7
 
6
8
  export type RawValue = string | number | object;