@onereach/ui-components-vue2 19.1.0 → 19.1.2

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.
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
1
+ import { defineComponent, ref, computed, watch } from 'vue-demi';
2
2
  import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
3
3
  import __vue_component__$t from '../OrCheckboxV3/OrCheckbox.js';
4
4
  import __vue_component__$u from '../OrDatePickerV3/OrDatePicker.js';
@@ -9,7 +9,6 @@ import __vue_component__$y from '../OrSelectV3/OrSelect.js';
9
9
  import __vue_component__$z from '../OrSwitchV3/OrSwitch.js';
10
10
  import __vue_component__$A from '../OrTagInputV3/OrTagInput.js';
11
11
  import __vue_component__$B from '../OrTimePickerV3/OrTimePicker.js';
12
- import { useProxyModelValue } from '../../hooks/useProxyModelValue.js';
13
12
  import { p as useElementSize } from '../../index-fe4d407a.js';
14
13
  import __vue_component__$C from '../OrIconV3/OrIcon.js';
15
14
  import { DataGrid } from './styles.js';
@@ -202,7 +201,7 @@ var script$c = defineComponent({
202
201
  default: false
203
202
  }
204
203
  },
205
- emits: ['update:modelValue'],
204
+ emits: ['update:model-value'],
206
205
  expose: ['root'],
207
206
  setup(props, context) {
208
207
  // Refs & Styles
@@ -240,7 +239,12 @@ var script$c = defineComponent({
240
239
  };
241
240
  });
242
241
  // State
243
- const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
242
+ const model = computed({
243
+ get: () => props.modelValue,
244
+ set: value => {
245
+ context.emit('update:model-value', value);
246
+ }
247
+ });
244
248
  const control = computed(() => {
245
249
  var _a;
246
250
  return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;
@@ -258,10 +258,6 @@ var script = defineComponent({
258
258
  type: String,
259
259
  default: () => Formats.Markup
260
260
  },
261
- fullHeight: {
262
- type: Boolean,
263
- default: false
264
- },
265
261
  label: {
266
262
  type: String,
267
263
  default: undefined
@@ -424,7 +420,7 @@ var script = defineComponent({
424
420
  })],
425
421
  editorProps: {
426
422
  attributes: {
427
- class: 'flex flex-col focus:outline-none gap-xs'
423
+ class: 'flex flex-col focus:outline-none gap-xs h-full'
428
424
  }
429
425
  },
430
426
  parseOptions: {
@@ -707,6 +703,7 @@ var __vue_render__ = function () {
707
703
  return [_vm._v("\n " + _vm._s(_vm.label) + "\n ")];
708
704
  })], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
709
705
  ref: 'containerRef',
706
+ staticClass: "grow",
710
707
  attrs: {
711
708
  "direction": 'column',
712
709
  "invalid": !!_vm.error,
@@ -794,7 +791,7 @@ var __vue_render__ = function () {
794
791
  }
795
792
  }
796
793
  }) : _vm._e()], 2), _vm._v(" "), _c('div', {
797
- class: ['p-sm', 'overflow-auto', 'min-h-[88px]']
794
+ class: ['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full']
798
795
  }, [_c('textarea', {
799
796
  directives: [{
800
797
  name: "show",
@@ -21,6 +21,8 @@ const RichTextEditorToolbarGroup = [
21
21
  'theme-foreground-outline', 'dark:theme-foreground-outline-dark', 'border-e-1 last:border-e-0', 'theme-border-outline', 'dark:theme-border-outline-dark'];
22
22
  const RichTextEditorControl = [
23
23
  // Typography
24
- 'typography-body-2-regular'];
24
+ 'typography-body-2-regular',
25
+ // Size
26
+ 'h-full'];
25
27
 
26
28
  export { RichTextEditor, RichTextEditorControl, RichTextEditorToolbar, RichTextEditorToolbarGroup };
@@ -35,7 +35,7 @@ export { OrConfirm } from './or-confirm/index.js';
35
35
  export { ConfirmType, OrConfirmV3 } from './or-confirm-v3/index.js';
36
36
  export { OrContextMenuV3 } from './or-context-menu-v3/index.js';
37
37
  export { OrDataGridV3 } from './or-data-grid-v3/index.js';
38
- export { D as DataGridVariant } from '../index-4e09dbe7.js';
38
+ export { D as DataGridVariant } from '../index-5cb18aae.js';
39
39
  export { OrDateFormatV3 } from './or-date-format-v3/index.js';
40
40
  export { OrDatePickerV3 } from './or-date-picker-v3/index.js';
41
41
  export { OrDateRangePickerV3 } from './or-date-range-picker-v3/index.js';
@@ -5,7 +5,7 @@ import { OrSearchV3 as __vue_component__$h } from '../or-search-v3/index.js';
5
5
  import '../../OrSkeletonCircle.vue_rollup-plugin-vue_script-373399b7.js';
6
6
  import '../../OrSkeletonRect.vue_rollup-plugin-vue_script-99ae0828.js';
7
7
  import { OrSkeletonTextV3 as __vue_component__$i } from '../or-skeleton-v3/or-skeleton-text-v3/index.js';
8
- import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from '../../index-4e09dbe7.js';
8
+ import { _ as __vue_component__$2, a as __vue_component__$3, b as __vue_component__$4, c as __vue_component__$5, d as __vue_component__$6, e as __vue_component__$7, f as __vue_component__$8, g as __vue_component__$9, h as __vue_component__$a, i as __vue_component__$b, j as __vue_component__$c, k as __vue_component__$d, l as __vue_component__$e, m as __vue_component__$f, D as DataGridVariant } from '../../index-5cb18aae.js';
9
9
  import { n as normalizeComponent } from '../../normalize-component-cf2db48b.js';
10
10
  import '../../useIdAttribute-524b67c6.js';
11
11
  import '../../types/index.js';
@@ -1,19 +1,19 @@
1
- export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../index-4e09dbe7.js';
1
+ export { _ as OrDataGridFooter, a as OrDataGridHeader, b as OrDataGridTable, c as OrDataGridTableContent, d as OrDataGridTableContentCell, e as OrDataGridTableContentRow, f as OrDataGridTableFooter, g as OrDataGridTableFooterCell, h as OrDataGridTableFooterRow, i as OrDataGridTableHeader, j as OrDataGridTableHeaderCell, k as OrDataGridTableHeaderRow, l as OrDataGridTablePlaceholder, m as OrDataGridToolbar } from '../../../index-5cb18aae.js';
2
2
  import 'vue-demi';
3
3
  import '../../../normalize-component-cf2db48b.js';
4
+ import '../../or-checkbox-v3/index.js';
5
+ import '../../../useIdAttribute-524b67c6.js';
4
6
  import '../../../types/index.js';
7
+ import '../../../include-a6208502.js';
5
8
  import '../../../dom-11141778.js';
6
9
  import 'lodash/get';
7
10
  import 'lodash/isElement';
11
+ import '../../../isArray-135d4ff2.js';
12
+ import '../../../isUndefined-f78f2fdc.js';
8
13
  import '@vueuse/core';
9
14
  import '../../../useProxyModelValue-42e265dd.js';
10
15
  import '@onereach/styles/screens.json';
11
16
  import '@onereach/styles/tailwind.config.json';
12
- import '../../or-checkbox-v3/index.js';
13
- import '../../../useIdAttribute-524b67c6.js';
14
- import '../../../include-a6208502.js';
15
- import '../../../isArray-135d4ff2.js';
16
- import '../../../isUndefined-f78f2fdc.js';
17
17
  import '../../or-label-v3/index.js';
18
18
  import '../../or-date-picker-v3/index.js';
19
19
  import '../../../directives/index.js';
@@ -136,7 +136,9 @@ const RichTextEditorToolbarGroup = [
136
136
  'theme-foreground-outline', 'dark:theme-foreground-outline-dark', 'border-e-1 last:border-e-0', 'theme-border-outline', 'dark:theme-border-outline-dark'];
137
137
  const RichTextEditorControl = [
138
138
  // Typography
139
- 'typography-body-2-regular'];
139
+ 'typography-body-2-regular',
140
+ // Size
141
+ 'h-full'];
140
142
 
141
143
  var codemirrorNode = Node.create({
142
144
  name: 'codeBlock',
@@ -286,10 +288,6 @@ var script = defineComponent({
286
288
  type: String,
287
289
  default: () => Formats.Markup
288
290
  },
289
- fullHeight: {
290
- type: Boolean,
291
- default: false
292
- },
293
291
  label: {
294
292
  type: String,
295
293
  default: undefined
@@ -452,7 +450,7 @@ var script = defineComponent({
452
450
  })],
453
451
  editorProps: {
454
452
  attributes: {
455
- class: 'flex flex-col focus:outline-none gap-xs'
453
+ class: 'flex flex-col focus:outline-none gap-xs h-full'
456
454
  }
457
455
  },
458
456
  parseOptions: {
@@ -735,6 +733,7 @@ var __vue_render__ = function () {
735
733
  return [_vm._v("\n " + _vm._s(_vm.label) + "\n ")];
736
734
  })], 2)] : _vm._e(), _vm._v(" "), _c('OrInputBox', {
737
735
  ref: 'containerRef',
736
+ staticClass: "grow",
738
737
  attrs: {
739
738
  "direction": 'column',
740
739
  "invalid": !!_vm.error,
@@ -822,7 +821,7 @@ var __vue_render__ = function () {
822
821
  }
823
822
  }
824
823
  }) : _vm._e()], 2), _vm._v(" "), _c('div', {
825
- class: ['p-sm', 'overflow-auto', 'min-h-[88px]']
824
+ class: ['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full']
826
825
  }, [_c('textarea', {
827
826
  directives: [{
828
827
  name: "show",
@@ -1,21 +1,17 @@
1
- import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
1
+ import { defineComponent, ref, computed, watch } from 'vue-demi';
2
2
  import { n as normalizeComponent } from './normalize-component-cf2db48b.js';
3
- import './types/index.js';
4
- import './dom-11141778.js';
5
- import { useElementSize } from '@vueuse/core';
6
- import { u as useProxyModelValue } from './useProxyModelValue-42e265dd.js';
7
- import '@onereach/styles/screens.json';
8
- import '@onereach/styles/tailwind.config.json';
9
3
  import { OrCheckboxV3 as __vue_component__$e } from './components/or-checkbox-v3/index.js';
10
4
  import { OrDatePickerV3 as __vue_component__$f } from './components/or-date-picker-v3/index.js';
11
5
  import { _ as __vue_component__$g } from './OrDateTimePicker-a35cc5b7.js';
12
6
  import './components/or-date-time-picker-v3/partials/index.js';
7
+ import './types/index.js';
13
8
  import { OrInputV3 as __vue_component__$h } from './components/or-input-v3/index.js';
14
9
  import { OrRatingV3 as __vue_component__$i } from './components/or-rating-v3/index.js';
15
10
  import { OrSelectV3 as __vue_component__$j } from './components/or-select-v3/index.js';
16
11
  import { OrSwitchV3 as __vue_component__$k } from './components/or-switch-v3/index.js';
17
12
  import { OrTagInputV3 as __vue_component__$l } from './components/or-tag-input-v3/index.js';
18
13
  import { OrTimePickerV3 as __vue_component__$m } from './components/or-time-picker-v3/index.js';
14
+ import { useElementSize } from '@vueuse/core';
19
15
  import { OrIconV3 as __vue_component__$n } from './components/or-icon-v3/index.js';
20
16
 
21
17
  const DataGridFooter = [
@@ -201,7 +197,7 @@ var script$b = defineComponent({
201
197
  default: false
202
198
  }
203
199
  },
204
- emits: ['update:modelValue'],
200
+ emits: ['update:model-value'],
205
201
  expose: ['root'],
206
202
  setup(props, context) {
207
203
  // Refs & Styles
@@ -239,7 +235,12 @@ var script$b = defineComponent({
239
235
  };
240
236
  });
241
237
  // State
242
- const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
238
+ const model = computed({
239
+ get: () => props.modelValue,
240
+ set: value => {
241
+ context.emit('update:model-value', value);
242
+ }
243
+ });
243
244
  const control = computed(() => {
244
245
  var _a;
245
246
  return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;
package/dist/esm/index.js CHANGED
@@ -35,7 +35,7 @@ export { OrConfirm } from './components/or-confirm/index.js';
35
35
  export { ConfirmType, OrConfirmV3 } from './components/or-confirm-v3/index.js';
36
36
  export { OrContextMenuV3 } from './components/or-context-menu-v3/index.js';
37
37
  export { OrDataGridV3 } from './components/or-data-grid-v3/index.js';
38
- export { D as DataGridVariant } from './index-4e09dbe7.js';
38
+ export { D as DataGridVariant } from './index-5cb18aae.js';
39
39
  export { OrDateFormatV3 } from './components/or-date-format-v3/index.js';
40
40
  export { OrDatePickerV3 } from './components/or-date-picker-v3/index.js';
41
41
  export { OrDateRangePickerV3 } from './components/or-date-range-picker-v3/index.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components-vue2",
3
- "version": "19.1.0",
3
+ "version": "19.1.2",
4
4
  "npmUnpacked": "4.15.2",
5
5
  "description": "Vue components library for v2",
6
6
  "sideEffects": false,
@@ -35,7 +35,7 @@
35
35
  "@codemirror/view": "^6",
36
36
  "@floating-ui/dom": "1.5.3",
37
37
  "@lezer/highlight": "*",
38
- "@onereach/styles": "^19.1.0",
38
+ "@onereach/styles": "^19.1.2",
39
39
  "@splidejs/splide": "4.0.6",
40
40
  "@tiptap/core": "2.0.3",
41
41
  "@tiptap/extension-blockquote": "2.0.3",
@@ -134,5 +134,5 @@
134
134
  "default": "./dist/bundled/components/*/index.js"
135
135
  }
136
136
  },
137
- "gitHead": "797ab205ef3c69030df8327819184b2941f960c8"
137
+ "gitHead": "8b437ff1c8d7de5c81d26e493a2735fff0128961"
138
138
  }