@onereach/ui-components 11.5.2-beta.4434.0 → 11.5.2-beta.4436.0

package/dist/bundled/v2/components/OrTextareaV3/OrTextarea.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     control: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    model: import("../../hooks").UseProxyModelValueReturn<TextareaModelValue>;
+    model: import("../../hooks").UseProxyModelValueReturn<string>;
     length: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     focus: () => void;
@@ -41,6 +41,10 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: PropType<"m" | "s">;
         default: () => InputBoxSize.M;
     };
+    maxHeight: {
+        type: StringConstructor;
+        default: undefined;
+    };
     label: {
         type: StringConstructor;
         default: undefined;
@@ -90,6 +94,10 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
         type: PropType<"m" | "s">;
         default: () => InputBoxSize.M;
     };
+    maxHeight: {
+        type: StringConstructor;
+        default: undefined;
+    };
     label: {
         type: StringConstructor;
         default: undefined;
@@ -127,6 +135,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     modelValue: TextareaModelValue;
     autocomplete: string;
     size: "m" | "s";
+    maxHeight: string;
     label: string;
     placeholder: string;
     hint: string;
@@ -155,7 +164,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     rootStyles: import("@vue/composition-api").ComputedRef<string[]>;
     control: import("@vue/composition-api").Ref<HTMLTextAreaElement | undefined>;
     controlStyles: import("@vue/composition-api").ComputedRef<string[]>;
-    model: import("../../hooks").UseProxyModelValueReturn<TextareaModelValue>;
+    model: import("../../hooks").UseProxyModelValueReturn<string>;
     length: import("@vue/composition-api").ComputedRef<number>;
     maxLength: import("@vue/composition-api").ComputedRef<number | undefined>;
     focus: () => void;
@@ -165,6 +174,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     modelValue: TextareaModelValue;
     autocomplete: string;
     size: "m" | "s";
+    maxHeight: string;
     label: string;
     placeholder: string;
     hint: string;
@@ -180,6 +190,7 @@ declare const _default: import("vue2").ComponentOptions<import("vue2").default,
     modelValue: TextareaModelValue;
     autocomplete: string;
     size: "m" | "s";
+    maxHeight: string;
     label: string;
     placeholder: string;
     hint: string;

package/dist/bundled/v2/components/OrTextareaV3/styles.d.ts

@@ -1,2 +1,4 @@
+import { InputBoxSize } from '../or-input-box-v3';
 export declare const Textarea: string[];
 export declare const TextareaControl: string[];
+export declare const TextareaControlSizes: Record<InputBoxSize, string[]>;

package/dist/bundled/v2/components/OrTextareaV3/styles.js

@@ -1,16 +1,26 @@
+import { InputBoxSize } from '../OrInputBoxV3/props.js';
+
 const Textarea = [
 // Layout
 'layout-column',
 // Spacing
 'gap-xs'];
 const TextareaControl = [
+// Interactivity
+'resize-none',
 // Box
 'w-full',
-// Spacing
-'!mx-0', '!my-0', 'px-md md:px-sm+', 'py-sm md:py-xs',
 // Typography
 'typography-inherit',
 // Theme (placeholder)
 'placeholder:theme-foreground-outline', 'dark:placeholder:theme-foreground-outline-dark'];
+const TextareaControlSizes = {
+  [InputBoxSize.M]: [
+  // Spacing
+  'pt-sm+* md:pt-sm*'],
+  [InputBoxSize.S]: [
+  // Spacing
+  'pt-sm*']
+};
 
-export { Textarea, TextareaControl };
+export { Textarea, TextareaControl, TextareaControlSizes };

package/dist/bundled/v2/components/OrTimePickerV3/OrTimePicker.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, toRef, watch } from 'vue-demi';
 import { TimePicker, TimePickerPopover } from './styles.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a223ad91.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7c1a21be.js';
 import __vue_component__$1 from '../OrErrorV3/OrError.js';
 import __vue_component__$2 from '../OrHintV3/OrHint.js';
 import __vue_component__$3 from '../OrIconV3/OrIcon.js';
@@ -8,7 +8,7 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5492e55e.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-3a03ca85.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';

package/dist/bundled/v2/components/OrTimeRangePickerV3/OrTimeRangePicker.js

@@ -7,8 +7,8 @@ import __vue_component__$4 from '../OrIconButtonV3/OrIconButton.js';
 import __vue_component__$5 from '../OrInputBoxV3/OrInputBox.js';
 import __vue_component__$6 from '../OrLabelV3/OrLabel.js';
 import __vue_component__$7 from '../OrPopoverV3/OrPopover.js';
-import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-5492e55e.js';
-import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-a223ad91.js';
+import { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../../OrDateTimePickerPopoverHeader-3a03ca85.js';
+import { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../../OrDateTimePickerTimeSelect-7c1a21be.js';
 import { DropdownClose } from '../../directives/dropdown-close.js';
 import { DropdownOpen } from '../../directives/dropdown-open.js';
 import { InputBoxSize } from '../OrInputBoxV3/props.js';

package/dist/bundled/v2/components/OrToast/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { p as useEventBus } from '../../../index-fe85dfd9.js';
+import { q as useEventBus } from '../../../index-67cce8c9.js';
 import { d as createSharedComposable } from '../../../index-279e78b9.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/OrToastV3/composable/useToastEventBus.js

@@ -1,4 +1,4 @@
-import { p as useEventBus } from '../../../index-fe85dfd9.js';
+import { q as useEventBus } from '../../../index-67cce8c9.js';
 import { d as createSharedComposable } from '../../../index-279e78b9.js';
 
 const useToastEventBus = () => {

package/dist/bundled/v2/components/OrTreeV3/OrTree.js

@@ -1,2 +1,2 @@
-export { _ as default } from '../../OrTree-a0562ed7.js';
+export { _ as default } from '../../OrTree-9441d6df.js';
 import '../../normalize-component-6e8e3d80.js';

package/dist/bundled/v2/components/OrTreeV3/index.js

@@ -1 +1 @@
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-a0562ed7.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../../OrTree-9441d6df.js';

package/dist/bundled/v2/components/index.js

@@ -44,7 +44,7 @@ export { default as OrConfirm } from './OrConfirm/OrConfirm.js';
 export { default as OrConfirmV3 } from './OrConfirmV3/OrConfirm.js';
 export { ConfirmType } from './OrConfirmV3/props.js';
 export { default as OrContextMenuV3 } from './OrContextMenuV3/OrContextMenu.js';
-export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-479e703b.js';
+export { D as DataGridVariant, _ as OrDataGridV3 } from '../OrDataGrid-a548a5c8.js';
 export { default as OrDateFormatV3 } from './OrDateFormatV3/OrDateFormat.js';
 export { default as OrDatePickerV3 } from './OrDatePickerV3/OrDatePicker.js';
 export { default as OrDateRangePickerV3 } from './OrDateRangePickerV3/OrDateRangePicker.js';
@@ -52,9 +52,9 @@ export { default as OrDateTimeFormatV3 } from './OrDateTimeFormatV3/OrDateTimeFo
 export { default as OrDateTimePicker } from './OrDateTimePicker/OrDateTimePicker.js';
 export { DEFAULT_TEXT, OrDateTimePickerItemTypes, OrDateTimePickerTypes } from './OrDateTimePicker/constants.js';
 export { default as OrDateTimePickerV3 } from './OrDateTimePickerV3/OrDateTimePicker.js';
-export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-6c34d39d.js';
-export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-5492e55e.js';
-export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-a223ad91.js';
+export { O as OrDateTimePickerDateControl, a as OrDateTimePickerDateSelect, b as OrDateTimePickerMonthSelect } from '../OrDateTimePickerMonthSelect-66c24940.js';
+export { O as OrDateTimePickerMobileControl, a as OrDateTimePickerPopoverFooter, b as OrDateTimePickerPopoverHeader } from '../OrDateTimePickerPopoverHeader-3a03ca85.js';
+export { O as OrDateTimePickerTimeControl, a as OrDateTimePickerTimeSelect } from '../OrDateTimePickerTimeSelect-7c1a21be.js';
 export { formatDate } from './OrDateTimePickerV3/utils/formatDate.js';
 export { formatMobileDate } from './OrDateTimePickerV3/utils/formatMobileDate.js';
 export { formatMobileTime } from './OrDateTimePickerV3/utils/formatMobileTime.js';
@@ -89,14 +89,14 @@ export { default as OrIconV3 } from './OrIconV3/OrIcon.js';
 export { IconSize, IconVariant } from './OrIconV3/props.js';
 export { default as OrInlineInputBoxV3 } from './OrInlineInputBoxV3/OrInlineInputBox.js';
 export { InlineInputBoxSize } from './OrInlineInputBoxV3/props.js';
-export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-9abb655f.js';
+export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-ffdf7c6e.js';
 export { default as OrInlineTextEdit } from './OrInlineTextEdit/OrInlineTextEdit.js';
 export { InlineTextEditTrimmingTypes, InlineTextEditTypes } from './OrInlineTextEdit/constants.js';
 export { default as OrInlineTextareaV3 } from './OrInlineTextareaV3/OrInlineTextarea.js';
 export { default as OrInput } from './OrInput/OrInput.js';
 export { default as OrInputBoxV3 } from './OrInputBoxV3/OrInputBox.js';
 export { InputBoxSize, InputBoxVariant } from './OrInputBoxV3/props.js';
-export { I as InputType, _ as OrInputV3 } from '../OrInput-8a6ce611.js';
+export { I as InputType, _ as OrInputV3 } from '../OrInput-9b37db6b.js';
 export { default as OrLabel } from './OrLabel/OrLabel.js';
 export { default as OrLabelV3 } from './OrLabelV3/OrLabel.js';
 export { L as LabelVariant } from '../styles-30358b7e.js';
@@ -104,7 +104,7 @@ export { default as OrLinkV3 } from './OrLinkV3/OrLink.js';
 export { LinkColor } from './OrLinkV3/props.js';
 export { default as OrList } from './OrList/OrList.js';
 export { default as OrListOfInputs } from './OrListOfInputs/OrListOfInputs.js';
-export { O as OrListItem, _ as OrListV3 } from '../OrList-0fa50c13.js';
+export { O as OrListItem, _ as OrListV3 } from '../OrList-c76f93a4.js';
 export { default as OrLoader } from './OrLoader/OrLoader.js';
 export { LoaderViews } from './OrLoader/constants.js';
 export { default as OrLoaderV3 } from './OrLoaderV3/OrLoader.js';
@@ -205,4 +205,4 @@ export { default as useQueueV3 } from './OrToastV3/composable/useQueue.js';
 export { default as OrTooltip } from './OrTooltip/OrTooltip.js';
 export { default as OrTooltipContent } from './OrTooltipContent/OrTooltipContent.js';
 export { default as OrTooltipV3 } from './OrTooltipV3/OrTooltip.js';
-export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-a0562ed7.js';
+export { _ as OrTreeV3, T as TreeNodeDropPosition } from '../OrTree-9441d6df.js';

package/dist/bundled/v2/hooks/useOverflow.js

@@ -1,4 +1,4 @@
-import { m as useMutationObserver, h as useResizeObserver } from '../index-fe85dfd9.js';
+import { n as useMutationObserver, h as useResizeObserver } from '../index-67cce8c9.js';
 import { isRef, ref, watch } from 'vue-demi';
 import { r as requestAF } from '../dom-59fe0ee3.js';
 

package/dist/bundled/v2/hooks/useResponsive/useResponsive.js

@@ -1,4 +1,4 @@
-import { n as useMediaQuery } from '../../index-fe85dfd9.js';
+import { p as useMediaQuery } from '../../index-67cce8c9.js';
 import { getCurrentInstance, ref, watch, onMounted, isVue3, computed } from 'vue-demi';
 
 var createPlugin$2 = {};

package/dist/bundled/v2/{index-fe85dfd9.js → index-67cce8c9.js}

@@ -947,6 +947,28 @@ function useScrollLock(element, initialState = false) {
     }
   });
 }
+
+function useTextareaAutosize(options) {
+  const textarea = ref(options == null ? void 0 : options.element);
+  const input = ref(options == null ? void 0 : options.input);
+  function triggerResize() {
+    var _a, _b;
+    if (!textarea.value)
+      return;
+    textarea.value.style.height = "1px";
+    textarea.value.style.height = `${(_a = textarea.value) == null ? void 0 : _a.scrollHeight}px`;
+    (_b = options == null ? void 0 : options.onResize) == null ? void 0 : _b.call(options);
+  }
+  watch([input, textarea], triggerResize, { immediate: true });
+  useResizeObserver(textarea, () => triggerResize());
+  if (options == null ? void 0 : options.watch)
+    watch(options.watch, triggerResize, { immediate: true, deep: true });
+  return {
+    textarea,
+    input,
+    triggerResize
+  };
+}
 const DEFAULT_UNITS = [
   { max: 6e4, value: 1e3, name: "second" },
   { max: 276e4, value: 6e4, name: "minute" },
@@ -1109,4 +1131,4 @@ function useVModel(props, key, emit, options = {}) {
   }
 }
 
-export { useMagicKeys as a, useActiveElement as b, computedAsync as c, useScroll as d, useVModel as e, useElementBounding as f, useDraggable as g, useResizeObserver as h, useFocus as i, formatTimeAgo as j, useElementSize as k, useScrollLock as l, useMutationObserver as m, useMediaQuery as n, onClickOutside as o, useEventBus as p, unrefElement as q, usePointerSwipe as r, useElementHover as u };
+export { useMagicKeys as a, useActiveElement as b, computedAsync as c, useScroll as d, useVModel as e, useElementBounding as f, useDraggable as g, useResizeObserver as h, useFocus as i, formatTimeAgo as j, useTextareaAutosize as k, useElementSize as l, useScrollLock as m, useMutationObserver as n, onClickOutside as o, useMediaQuery as p, useEventBus as q, unrefElement as r, usePointerSwipe as s, useElementHover as u };