@onereach/ui-components 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.
Files changed (29) hide show
  1. package/dist/bundled/components/OrDataGridV3/OrDataGrid.js +1 -1
  2. package/dist/bundled/components/OrDataGridV3/index.js +1 -1
  3. package/dist/bundled/components/OrDataGridV3/styles.js +1 -1
  4. package/dist/bundled/components/{OrDataGridV3-0e1b9ec4.js → OrDataGridV3-470e9dd9.js} +8 -4
  5. package/dist/bundled/components/OrRichTextEditorV3/OrRichTextEditor.js +1 -1
  6. package/dist/bundled/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts +0 -9
  7. package/dist/bundled/components/OrRichTextEditorV3/index.js +1 -1
  8. package/dist/bundled/components/OrRichTextEditorV3/props.js +1 -1
  9. package/dist/bundled/components/OrRichTextEditorV3/styles.js +1 -1
  10. package/dist/bundled/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js +1 -1
  11. package/dist/bundled/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js +1 -1
  12. package/dist/bundled/components/OrRichTextEditorV3/utils/codemirror/index.js +1 -1
  13. package/dist/bundled/components/OrRichTextEditorV3/utils/codemirror/theme.js +1 -1
  14. package/dist/bundled/components/OrRichTextEditorV3/utils/markdown.js +1 -1
  15. package/dist/bundled/components/{OrRichTextEditorV3-d8f48d58.js → OrRichTextEditorV3-4664ec6d.js} +6 -7
  16. package/dist/bundled/components/index.js +2 -2
  17. package/dist/bundled/index.js +2 -2
  18. package/dist/esm/components/index.js +1 -1
  19. package/dist/esm/components/or-data-grid-v3/index.js +1 -1
  20. package/dist/esm/components/or-data-grid-v3/partials/index.js +6 -6
  21. package/dist/esm/components/or-data-grid-v3/partials/or-data-grid-table-content-cell/OrDataGridTableContentCell.vue.d.ts +3 -3
  22. package/dist/esm/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -9
  23. package/dist/esm/components/or-rich-text-editor-v3/index.js +6 -7
  24. package/dist/esm/{index-f8564453.js → index-d3978799.js} +10 -9
  25. package/dist/esm/index.js +1 -1
  26. package/package.json +3 -3
  27. package/src/components/or-data-grid-v3/partials/or-data-grid-table-content-cell/OrDataGridTableContentCell.vue +9 -4
  28. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +3 -7
  29. package/src/components/or-rich-text-editor-v3/styles.ts +3 -0
@@ -1 +1 @@
1
- export { s as default } from '../OrDataGridV3-0e1b9ec4.js';
1
+ export { s as default } from '../OrDataGridV3-470e9dd9.js';
@@ -1 +1 @@
1
- export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-0e1b9ec4.js';
1
+ export { D as DataGridVariant, s as OrDataGridV3 } from '../OrDataGridV3-470e9dd9.js';
@@ -1 +1 @@
1
- export { a as DataGrid } from '../OrDataGridV3-0e1b9ec4.js';
1
+ export { a as DataGrid } from '../OrDataGridV3-470e9dd9.js';
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, toRef, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode, createSlots, withCtx, createVNode, renderList, createTextVNode, toDisplayString } from 'vue';
1
+ import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode, createSlots, withCtx, createVNode, renderList, createTextVNode, toDisplayString } from 'vue';
2
2
  import { s as script$f } from './OrCheckboxV3-775b2227.js';
3
3
  import { s as script$g } from './OrDatePickerV3-88930e34.js';
4
4
  import { s as script$h } from './OrDateTimePickerV3-cc9fbb4f.js';
@@ -8,7 +8,6 @@ import { s as script$k } from './OrSelectV3-54d1c522.js';
8
8
  import { s as script$l } from './OrSwitchV3-89b34d58.js';
9
9
  import { s as script$m } from './OrTagInputV3-cb94103b.js';
10
10
  import { s as script$n } from './OrTimePickerV3-ca7f3fca.js';
11
- import { useProxyModelValue } from '../hooks/useProxyModelValue.js';
12
11
  import { e as useElementSize } from './OrAutocompleteV3-693d8511.js';
13
12
  import { s as script$o } from './OrIconV3-9807ee48.js';
14
13
  import { s as script$p } from './OrPaginationV3-df07fe99.js';
@@ -156,7 +155,7 @@ var script$c = defineComponent({
156
155
  default: false
157
156
  }
158
157
  },
159
- emits: ['update:modelValue'],
158
+ emits: ['update:model-value'],
160
159
  expose: ['root'],
161
160
  setup(props, context) {
162
161
  // Refs & Styles
@@ -194,7 +193,12 @@ var script$c = defineComponent({
194
193
  };
195
194
  });
196
195
  // State
197
- const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
196
+ const model = computed({
197
+ get: () => props.modelValue,
198
+ set: value => {
199
+ context.emit('update:model-value', value);
200
+ }
201
+ });
198
202
  const control = computed(() => {
199
203
  var _a;
200
204
  return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;
@@ -1 +1 @@
1
- export { s as default } from '../OrRichTextEditorV3-d8f48d58.js';
1
+ export { s as default } from '../OrRichTextEditorV3-4664ec6d.js';
@@ -19,10 +19,6 @@ declare const _default: import("vue").DefineComponent<{
19
19
  type: PropType<"markdown" | "markup">;
20
20
  default: () => Formats;
21
21
  };
22
- fullHeight: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
22
  label: {
27
23
  type: StringConstructor;
28
24
  default: undefined;
@@ -103,10 +99,6 @@ declare const _default: import("vue").DefineComponent<{
103
99
  type: PropType<"markdown" | "markup">;
104
100
  default: () => Formats;
105
101
  };
106
- fullHeight: {
107
- type: BooleanConstructor;
108
- default: boolean;
109
- };
110
102
  label: {
111
103
  type: StringConstructor;
112
104
  default: undefined;
@@ -140,7 +132,6 @@ declare const _default: import("vue").DefineComponent<{
140
132
  toolbar: Tools;
141
133
  autofocus: boolean;
142
134
  format: "markdown" | "markup";
143
- fullHeight: boolean;
144
135
  label: string;
145
136
  placeholder: string;
146
137
  hint: string;
@@ -1 +1 @@
1
- export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-d8f48d58.js';
1
+ export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-4664ec6d.js';
@@ -1 +1 @@
1
- export { F as Formats, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-d8f48d58.js';
1
+ export { F as Formats, R as RichTextEditorIcons, a as RichTextEditorTooltips } from '../OrRichTextEditorV3-4664ec6d.js';
@@ -1 +1 @@
1
- export { b as RichTextEditor, e as RichTextEditorControl, c as RichTextEditorToolbar, d as RichTextEditorToolbarGroup } from '../OrRichTextEditorV3-d8f48d58.js';
1
+ export { b as RichTextEditor, e as RichTextEditorControl, c as RichTextEditorToolbar, d as RichTextEditorToolbarGroup } from '../OrRichTextEditorV3-4664ec6d.js';
@@ -1,2 +1,2 @@
1
- export { h as default } from '../../../OrRichTextEditorV3-d8f48d58.js';
1
+ export { h as default } from '../../../OrRichTextEditorV3-4664ec6d.js';
2
2
  import '../../../OrCode-091c4960.js';
@@ -1,2 +1,2 @@
1
- export { C as default } from '../../../OrRichTextEditorV3-d8f48d58.js';
1
+ export { C as default } from '../../../OrRichTextEditorV3-4664ec6d.js';
2
2
  import '../../../OrCode-091c4960.js';
@@ -1 +1 @@
1
- export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-d8f48d58.js';
1
+ export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-4664ec6d.js';
@@ -1,3 +1,3 @@
1
1
  import '../../../OrCode-091c4960.js';
2
2
  import '../../../../hooks/useTheme.js';
3
- export { f as color, t as default, g as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-d8f48d58.js';
3
+ export { f as color, t as default, g as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-4664ec6d.js';
@@ -1 +1 @@
1
- export { j as deserialize, i as serialize } from '../../OrRichTextEditorV3-d8f48d58.js';
1
+ export { j as deserialize, i as serialize } from '../../OrRichTextEditorV3-4664ec6d.js';
@@ -21152,7 +21152,9 @@ const RichTextEditorToolbarGroup = [
21152
21152
  'theme-foreground-outline', 'dark:theme-foreground-outline-dark', 'border-e-1 last:border-e-0', 'theme-border-outline', 'dark:theme-border-outline-dark'];
21153
21153
  const RichTextEditorControl = [
21154
21154
  // Typography
21155
- 'typography-body-2-regular'];
21155
+ 'typography-body-2-regular',
21156
+ // Size
21157
+ 'h-full'];
21156
21158
 
21157
21159
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
21158
21160
  const themes = useTheme();
@@ -29018,10 +29020,6 @@ var script = defineComponent({
29018
29020
  type: String,
29019
29021
  default: () => Formats.Markup
29020
29022
  },
29021
- fullHeight: {
29022
- type: Boolean,
29023
- default: false
29024
- },
29025
29023
  label: {
29026
29024
  type: String,
29027
29025
  default: undefined
@@ -29184,7 +29182,7 @@ var script = defineComponent({
29184
29182
  })],
29185
29183
  editorProps: {
29186
29184
  attributes: {
29187
- class: 'flex flex-col focus:outline-none gap-xs'
29185
+ class: 'flex flex-col focus:outline-none gap-xs h-full'
29188
29186
  }
29189
29187
  },
29190
29188
  parseOptions: {
@@ -29440,7 +29438,7 @@ var script = defineComponent({
29440
29438
  const _hoisted_1 = ["disabled"];
29441
29439
  const _hoisted_2 = ["disabled"];
29442
29440
  const _hoisted_3 = {
29443
- class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]'])
29441
+ class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full'])
29444
29442
  };
29445
29443
  const _hoisted_4 = ["activated"];
29446
29444
  const _hoisted_5 = {
@@ -29478,6 +29476,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
29478
29476
  _: 3 /* FORWARDED */
29479
29477
  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
29480
29478
  ref: 'containerRef',
29479
+ class: "grow",
29481
29480
  direction: 'column',
29482
29481
  invalid: !!_ctx.error,
29483
29482
  disabled: _ctx.disabled,
@@ -24,7 +24,7 @@ export { s as OrCombinedInputV3 } from './OrCombinedInputV3-0a50eec6.js';
24
24
  export { s as OrConfirm } from './OrConfirm-ca91ff42.js';
25
25
  export { C as ConfirmType, s as OrConfirmV3 } from './OrConfirmV3-0d637165.js';
26
26
  export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
27
- export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-0e1b9ec4.js';
27
+ export { D as DataGridVariant, s as OrDataGridV3 } from './OrDataGridV3-470e9dd9.js';
28
28
  export { s as OrDateFormatV3 } from './OrDateFormatV3-c7e34acd.js';
29
29
  export { s as OrDatePickerV3 } from './OrDatePickerV3-88930e34.js';
30
30
  export { s as OrDateRangePickerV3 } from './OrDateRangePickerV3-edd29986.js';
@@ -87,7 +87,7 @@ export { s as OrRadioV3 } from './OrRadioV3-24091b7e.js';
87
87
  export { s as OrRangeSliderV3 } from './OrRangeSliderV3-0954d4ec.js';
88
88
  export { s as OrRatingV3, R as RatingVariant } from './OrRatingV3-2a906a67.js';
89
89
  export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanelV3-8098fbf3.js';
90
- export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './OrRichTextEditorV3-d8f48d58.js';
90
+ export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './OrRichTextEditorV3-4664ec6d.js';
91
91
  export { s as OrRichTooltipV3, R as RichTooltipBehavior } from './OrRichTooltipV3-1c3321db.js';
92
92
  export { default as OrSearch } from './OrSearch/OrSearch.js';
93
93
  export { default as OrSearchV3 } from './OrSearchV3/OrSearch.js';
@@ -16,7 +16,7 @@ export { s as OrCombinedInputV3 } from './components/OrCombinedInputV3-0a50eec6.
16
16
  export { s as OrConfirm } from './components/OrConfirm-ca91ff42.js';
17
17
  export { C as ConfirmType, s as OrConfirmV3 } from './components/OrConfirmV3-0d637165.js';
18
18
  export { default as OrContextMenuV3 } from './components/OrContextMenuV3/OrContextMenu.js';
19
- export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-0e1b9ec4.js';
19
+ export { D as DataGridVariant, s as OrDataGridV3 } from './components/OrDataGridV3-470e9dd9.js';
20
20
  export { s as OrDateFormatV3 } from './components/OrDateFormatV3-c7e34acd.js';
21
21
  export { s as OrDateRangePickerV3 } from './components/OrDateRangePickerV3-edd29986.js';
22
22
  export { s as OrDateTimeFormatV3 } from './components/OrDateTimeFormatV3-53a0f41c.js';
@@ -44,7 +44,7 @@ export { s as OrRadio } from './components/OrRadio-30e01fc0.js';
44
44
  export { default as OrRadioGroup } from './components/OrRadioGroup/OrRadioGroup.js';
45
45
  export { default as OrRadioGroupV3 } from './components/OrRadioGroupV3/OrRadioGroup.js';
46
46
  export { s as OrRangeSliderV3 } from './components/OrRangeSliderV3-0954d4ec.js';
47
- export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './components/OrRichTextEditorV3-d8f48d58.js';
47
+ export { F as Formats, s as OrRichTextEditorV3, R as RichTextEditorIcons, a as RichTextEditorTooltips } from './components/OrRichTextEditorV3-4664ec6d.js';
48
48
  export { s as OrRichTooltipV3, R as RichTooltipBehavior } from './components/OrRichTooltipV3-1c3321db.js';
49
49
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './components/OrSegmentedControlV3-5db203ab.js';
50
50
  export { s as OrSelect } from './components/OrSelect-2966f641.js';
@@ -33,7 +33,7 @@ export { OrConfirm } from './or-confirm/index.js';
33
33
  export { ConfirmType, OrConfirmV3 } from './or-confirm-v3/index.js';
34
34
  export { OrContextMenuV3 } from './or-context-menu-v3/index.js';
35
35
  export { OrDataGridV3 } from './or-data-grid-v3/index.js';
36
- export { D as DataGridVariant } from '../index-f8564453.js';
36
+ export { D as DataGridVariant } from '../index-d3978799.js';
37
37
  export { OrDateFormatV3 } from './or-date-format-v3/index.js';
38
38
  export { OrDatePickerV3 } from './or-date-picker-v3/index.js';
39
39
  export { OrDateRangePickerV3 } from './or-date-range-picker-v3/index.js';
@@ -5,7 +5,7 @@ import { OrSearchV3 as script$h } from '../or-search-v3/index.js';
5
5
  import '../or-skeleton-v3/or-skeleton-circle-v3/index.js';
6
6
  import '../or-skeleton-v3/or-skeleton-rect-v3/index.js';
7
7
  import { OrSkeletonTextV3 as script$i } from '../or-skeleton-v3/or-skeleton-text-v3/index.js';
8
- import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from '../../index-f8564453.js';
8
+ import { s as script$2, a as script$3, b as script$4, c as script$5, d as script$6, e as script$7, f as script$8, g as script$9, h as script$a, i as script$b, j as script$c, k as script$d, l as script$e, m as script$f, D as DataGridVariant } from '../../index-d3978799.js';
9
9
  import '../../useIdAttribute-1a4eafac.js';
10
10
  import '../../types/index.js';
11
11
  import '../../include-a6208502.js';
@@ -1,18 +1,18 @@
1
- export { s 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-f8564453.js';
1
+ export { s 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-d3978799.js';
2
2
  import 'vue';
3
+ import '../../or-checkbox-v3/index.js';
4
+ import '../../../useIdAttribute-1a4eafac.js';
3
5
  import '../../../types/index.js';
6
+ import '../../../include-a6208502.js';
4
7
  import '../../../dom-11141778.js';
5
8
  import 'lodash/get';
6
9
  import 'lodash/isElement';
10
+ import '../../../isArray-135d4ff2.js';
11
+ import '../../../isUndefined-f78f2fdc.js';
7
12
  import '@vueuse/core';
8
13
  import '../../../useProxyModelValue-55ed539b.js';
9
14
  import '@onereach/styles/screens.json';
10
15
  import '@onereach/styles/tailwind.config.json';
11
- import '../../or-checkbox-v3/index.js';
12
- import '../../../useIdAttribute-1a4eafac.js';
13
- import '../../../include-a6208502.js';
14
- import '../../../isArray-135d4ff2.js';
15
- import '../../../isUndefined-f78f2fdc.js';
16
16
  import '../../or-label-v3/index.js';
17
17
  import '../../or-date-picker-v3/index.js';
18
18
  import '../../../directives/index.js';
@@ -21,12 +21,12 @@ declare const _default: import("vue").DefineComponent<{
21
21
  root: import("vue").Ref<HTMLElement | undefined>;
22
22
  rootStyles: import("vue").ComputedRef<string[]>;
23
23
  rootInlineStyles: import("vue").ComputedRef<Partial<CSSStyleDeclaration>>;
24
- model: import("../../../../hooks").UseProxyModelValueReturn<any>;
24
+ model: import("vue").WritableComputedRef<any>;
25
25
  control: import("vue").ComputedRef<{
26
26
  type: "number" | "text" | "rating" | "select" | "checkbox" | "switch" | "date" | "time" | "datetime" | "tags";
27
27
  options?: import("../../../or-select-v3").SelectItem[] | undefined;
28
28
  } | undefined>;
29
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
29
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
30
30
  modelValue: {
31
31
  type: PropType<any>;
32
32
  default: undefined;
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
44
44
  default: boolean;
45
45
  };
46
46
  }>> & {
47
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
47
+ "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
48
48
  }, {
49
49
  modelValue: any;
50
50
  column: DataGridColumn;
@@ -19,10 +19,6 @@ declare const _default: import("vue").DefineComponent<{
19
19
  type: PropType<"markdown" | "markup">;
20
20
  default: () => Formats;
21
21
  };
22
- fullHeight: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
22
  label: {
27
23
  type: StringConstructor;
28
24
  default: undefined;
@@ -103,10 +99,6 @@ declare const _default: import("vue").DefineComponent<{
103
99
  type: PropType<"markdown" | "markup">;
104
100
  default: () => Formats;
105
101
  };
106
- fullHeight: {
107
- type: BooleanConstructor;
108
- default: boolean;
109
- };
110
102
  label: {
111
103
  type: StringConstructor;
112
104
  default: undefined;
@@ -140,7 +132,6 @@ declare const _default: import("vue").DefineComponent<{
140
132
  toolbar: Tools;
141
133
  autofocus: boolean;
142
134
  format: "markdown" | "markup";
143
- fullHeight: boolean;
144
135
  label: string;
145
136
  placeholder: string;
146
137
  hint: string;
@@ -132,7 +132,9 @@ const RichTextEditorToolbarGroup = [
132
132
  'theme-foreground-outline', 'dark:theme-foreground-outline-dark', 'border-e-1 last:border-e-0', 'theme-border-outline', 'dark:theme-border-outline-dark'];
133
133
  const RichTextEditorControl = [
134
134
  // Typography
135
- 'typography-body-2-regular'];
135
+ 'typography-body-2-regular',
136
+ // Size
137
+ 'h-full'];
136
138
 
137
139
  var codemirrorNode = Node.create({
138
140
  name: 'codeBlock',
@@ -282,10 +284,6 @@ var script = defineComponent({
282
284
  type: String,
283
285
  default: () => Formats.Markup
284
286
  },
285
- fullHeight: {
286
- type: Boolean,
287
- default: false
288
- },
289
287
  label: {
290
288
  type: String,
291
289
  default: undefined
@@ -448,7 +446,7 @@ var script = defineComponent({
448
446
  })],
449
447
  editorProps: {
450
448
  attributes: {
451
- class: 'flex flex-col focus:outline-none gap-xs'
449
+ class: 'flex flex-col focus:outline-none gap-xs h-full'
452
450
  }
453
451
  },
454
452
  parseOptions: {
@@ -704,7 +702,7 @@ var script = defineComponent({
704
702
  const _hoisted_1 = ["disabled"];
705
703
  const _hoisted_2 = ["disabled"];
706
704
  const _hoisted_3 = {
707
- class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]'])
705
+ class: /*#__PURE__*/normalizeClass(['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full'])
708
706
  };
709
707
  const _hoisted_4 = ["activated"];
710
708
  const _hoisted_5 = {
@@ -742,6 +740,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
742
740
  _: 3 /* FORWARDED */
743
741
  }, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createVNode(_component_OrInputBox, {
744
742
  ref: 'containerRef',
743
+ class: "grow",
745
744
  direction: 'column',
746
745
  invalid: !!_ctx.error,
747
746
  disabled: _ctx.disabled,
@@ -1,20 +1,16 @@
1
- import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, toRef, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode } from 'vue';
2
- import './types/index.js';
3
- import './dom-11141778.js';
4
- import { useElementSize } from '@vueuse/core';
5
- import { u as useProxyModelValue } from './useProxyModelValue-55ed539b.js';
6
- import '@onereach/styles/screens.json';
7
- import '@onereach/styles/tailwind.config.json';
1
+ import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, resolveComponent, normalizeStyle, Fragment, createBlock, watch, createElementVNode } from 'vue';
8
2
  import { OrCheckboxV3 as script$e } from './components/or-checkbox-v3/index.js';
9
3
  import { OrDatePickerV3 as script$f } from './components/or-date-picker-v3/index.js';
10
4
  import { s as script$g } from './OrDateTimePicker-2bdd4140.js';
11
5
  import './components/or-date-time-picker-v3/partials/index.js';
6
+ import './types/index.js';
12
7
  import { OrInputV3 as script$h } from './components/or-input-v3/index.js';
13
8
  import { OrRatingV3 as script$i } from './components/or-rating-v3/index.js';
14
9
  import { OrSelectV3 as script$j } from './components/or-select-v3/index.js';
15
10
  import { OrSwitchV3 as script$k } from './components/or-switch-v3/index.js';
16
11
  import { OrTagInputV3 as script$l } from './components/or-tag-input-v3/index.js';
17
12
  import { OrTimePickerV3 as script$m } from './components/or-time-picker-v3/index.js';
13
+ import { useElementSize } from '@vueuse/core';
18
14
  import { OrIconV3 as script$n } from './components/or-icon-v3/index.js';
19
15
 
20
16
  const DataGridFooter = [
@@ -158,7 +154,7 @@ var script$b = defineComponent({
158
154
  default: false
159
155
  }
160
156
  },
161
- emits: ['update:modelValue'],
157
+ emits: ['update:model-value'],
162
158
  expose: ['root'],
163
159
  setup(props, context) {
164
160
  // Refs & Styles
@@ -196,7 +192,12 @@ var script$b = defineComponent({
196
192
  };
197
193
  });
198
194
  // State
199
- const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
195
+ const model = computed({
196
+ get: () => props.modelValue,
197
+ set: value => {
198
+ context.emit('update:model-value', value);
199
+ }
200
+ });
200
201
  const control = computed(() => {
201
202
  var _a;
202
203
  return (_a = props.column) === null || _a === void 0 ? void 0 : _a.control;
package/dist/esm/index.js CHANGED
@@ -33,7 +33,7 @@ export { OrConfirm } from './components/or-confirm/index.js';
33
33
  export { ConfirmType, OrConfirmV3 } from './components/or-confirm-v3/index.js';
34
34
  export { OrContextMenuV3 } from './components/or-context-menu-v3/index.js';
35
35
  export { OrDataGridV3 } from './components/or-data-grid-v3/index.js';
36
- export { D as DataGridVariant } from './index-f8564453.js';
36
+ export { D as DataGridVariant } from './index-d3978799.js';
37
37
  export { OrDateFormatV3 } from './components/or-date-format-v3/index.js';
38
38
  export { OrDatePickerV3 } from './components/or-date-picker-v3/index.js';
39
39
  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",
3
- "version": "19.1.0",
3
+ "version": "19.1.2",
4
4
  "npmUnpacked": "4.15.2",
5
5
  "description": "Vue components library for v3",
6
6
  "sideEffects": false,
@@ -33,7 +33,7 @@
33
33
  "@codemirror/view": "^6",
34
34
  "@floating-ui/dom": "1.5.3",
35
35
  "@lezer/highlight": "*",
36
- "@onereach/styles": "^19.1.0",
36
+ "@onereach/styles": "^19.1.2",
37
37
  "@splidejs/splide": "4.0.6",
38
38
  "@tiptap/core": "2.0.3",
39
39
  "@tiptap/extension-blockquote": "2.0.3",
@@ -141,5 +141,5 @@
141
141
  },
142
142
  "./package.json": "./package.json"
143
143
  },
144
- "gitHead": "797ab205ef3c69030df8327819184b2941f960c8"
144
+ "gitHead": "8b437ff1c8d7de5c81d26e493a2735fff0128961"
145
145
  }
@@ -93,8 +93,7 @@
93
93
  </template>
94
94
 
95
95
  <script lang="ts">
96
- import { PropType, computed, defineComponent, ref, toRef } from 'vue';
97
- import { useProxyModelValue } from '../../../../hooks';
96
+ import { PropType, computed, defineComponent, ref } from 'vue';
98
97
  import { OrCheckboxV3 as OrCheckbox } from '../../../or-checkbox-v3';
99
98
  import { OrDatePickerV3 as OrDatePicker } from '../../../or-date-picker-v3';
100
99
  import { OrDateTimePickerV3 as OrDateTimePicker } from '../../../or-date-time-picker-v3';
@@ -150,7 +149,7 @@ export default defineComponent({
150
149
  },
151
150
 
152
151
  emits: [
153
- 'update:modelValue',
152
+ 'update:model-value',
154
153
  ],
155
154
 
156
155
  expose: [
@@ -200,7 +199,13 @@ export default defineComponent({
200
199
  });
201
200
 
202
201
  // State
203
- const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);
202
+ const model = computed({
203
+ get: () => props.modelValue,
204
+
205
+ set: (value) => {
206
+ context.emit('update:model-value', value);
207
+ },
208
+ });
204
209
 
205
210
  const control = computed(() => {
206
211
  return props.column?.control;
@@ -21,6 +21,7 @@
21
21
 
22
22
  <OrInputBox
23
23
  :ref="'containerRef'"
24
+ class="grow"
24
25
  :direction="'column'"
25
26
  :invalid="!!error"
26
27
  :disabled="disabled"
@@ -73,7 +74,7 @@
73
74
  />
74
75
  </div>
75
76
 
76
- <div :class="['p-sm', 'overflow-auto', 'min-h-[88px]']">
77
+ <div :class="['p-sm', 'overflow-auto', 'min-h-[88px]', 'h-full']">
77
78
  <textarea
78
79
  v-show="disableMarkdown"
79
80
  :ref="'textareaRef'"
@@ -270,11 +271,6 @@ export default defineComponent({
270
271
  default: () => Formats.Markup,
271
272
  },
272
273
 
273
- fullHeight: {
274
- type: Boolean,
275
- default: false,
276
- },
277
-
278
274
  label: {
279
275
  type: String,
280
276
  default: undefined,
@@ -467,7 +463,7 @@ export default defineComponent({
467
463
  ],
468
464
  editorProps: {
469
465
  attributes: {
470
- class: 'flex flex-col focus:outline-none gap-xs',
466
+ class: 'flex flex-col focus:outline-none gap-xs h-full',
471
467
  },
472
468
  },
473
469
  parseOptions: {
@@ -47,4 +47,7 @@ export const RichTextEditorToolbarGroup: string[] = [
47
47
  export const RichTextEditorControl: string[] = [
48
48
  // Typography
49
49
  'typography-body-2-regular',
50
+
51
+ // Size
52
+ 'h-full',
50
53
  ];